docs: generate pricing module reference (#5349)

* docs: generate pricing module reference

* added notes about new configurations

www/apps/docs/src/theme/DocPage/Layout/Sidebar/index.tsx

@@ -76,8 +76,8 @@ export default function DocPageLayoutSidebar({
           key={name}
           nodeRef={sidebarRef}
           classNames={{
-            enter: "animate__animated animate__fadeInLeft animate__fastest",
-            exit: "animate__animated animate__fadeOutLeft animate__fastest",
+            enter: "animate-fadeInLeft animate-fast",
+            exit: "animate-fadeOutLeft animate-fast",
           }}
           timeout={200}
         >

www/apps/docs/src/theme/MDXComponents/H1.tsx

@@ -0,0 +1,28 @@
+import React from "react"
+import type { Props } from "@theme/MDXComponents/Heading"
+import MDXHeading from "@theme/MDXComponents/Heading"
+import { useDoc } from "@docusaurus/theme-common/internal"
+import { DocContextValue } from "@medusajs/docs"
+import { Badge, BadgeVariant } from "docs-ui"
+import clsx from "clsx"
+
+const H1 = ({ className, ...props }: Props) => {
+  const {
+    frontMatter: { badge },
+  } = useDoc() as DocContextValue
+
+  return (
+    <header className={clsx(badge && "flex items-center gap-0.5 mb-2")}>
+      <MDXHeading
+        as="h1"
+        {...props}
+        className={clsx(className, badge && "!mb-0")}
+      />
+      {badge && (
+        <Badge variant={badge.variant as BadgeVariant}>{badge.text}</Badge>
+      )}
+    </header>
+  )
+}
+
+export default H1

www/apps/docs/src/theme/MDXComponents/index.tsx

@@ -4,6 +4,7 @@ import CloudinaryImage from "@site/src/components/CloudinaryImage"
 import MDXDetails from "./Details"
 import MDXA from "./A"
 import { Kbd, DetailsSummary, InlineCode } from "docs-ui"
+import H1 from "./H1"
 
 export default {
   // Re-use the default mapping
@@ -14,4 +15,5 @@ export default {
   summary: DetailsSummary,
   a: MDXA,
   kbd: Kbd,
+  h1: H1,
 }