specra 0.1.13 → 0.2.0

package/dist/mdx-components.js

@@ -1,1932 +1,51 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+/**
+ * MDX/mdsvex component map for Specra documentation.
+ *
+ * In mdsvex, custom components are imported directly in .svx files.
+ * This file exports the component map for programmatic use.
+ *
+ * Usage in .svx files:
+ * ```svelte
+ * <script>
+ *   import { Callout, CodeBlock, Tabs, Tab } from 'specra/components'
+ * </script>
+ *
+ * <Callout type="info">This is a callout</Callout>
+ * ```
+ */
+import { Callout, Accordion, AccordionItem, Tabs, Tab, Image, Video, Card, CardGrid, ImageCard, ImageCardGrid, Steps, Step, Icon, Mermaid, Math, Columns, Column, DocBadge, Tooltip, Frame, CodeBlock, ApiEndpoint, ApiParams, ApiResponse, ApiPlayground, ApiReference, } from './components/docs';
+// Re-export all MDX-usable components
+export { Callout, Accordion, AccordionItem, Tabs, Tab, Image, Video, Card, CardGrid, ImageCard, ImageCardGrid, Steps, Step, Icon, Mermaid, Math, Columns, Column, DocBadge, Tooltip, Frame, CodeBlock, ApiEndpoint, ApiParams, ApiResponse, ApiPlayground, ApiReference, };
+/**
+ * Component map for passing to layout components that render MDX content.
+ */
+export const mdxComponents = {
+    Callout,
+    Accordion,
+    AccordionItem,
+    Tabs,
+    Tab,
+    Image,
+    Video,
+    Card,
+    CardGrid,
+    ImageCard,
+    ImageCardGrid,
+    Steps,
+    Step,
+    Icon,
+    Mermaid,
+    Math,
+    Columns,
+    Column,
+    Badge: DocBadge,
+    DocBadge,
+    Tooltip,
+    Frame,
+    CodeBlock,
+    ApiEndpoint,
+    ApiParams,
+    ApiResponse,
+    ApiPlayground,
+    ApiReference,
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/mdx-components.tsx
-var mdx_components_exports = {};
-__export(mdx_components_exports, {
-  mdxComponents: () => mdxComponents2,
-  useMDXComponents: () => useMDXComponents
-});
-module.exports = __toCommonJS(mdx_components_exports);
-
-// src/components/docs/callout.tsx
-var import_react = require("react");
-var import_lucide_react = require("lucide-react");
-var import_jsx_runtime = require("react/jsx-runtime");
-function Callout({ children, type = "info", title }) {
-  const configs = {
-    info: {
-      icon: import_lucide_react.Info,
-      className: "bg-blue-500/10 border-blue-500/30 text-blue-900 dark:bg-blue-400/5 dark:border-blue-500/20 dark:text-blue-400",
-      iconClassName: "text-blue-600 dark:text-blue-400",
-      titleClassName: "text-blue-700 dark:text-blue-300",
-      defaultTitle: "Info"
-    },
-    note: {
-      icon: import_lucide_react.Info,
-      className: "bg-blue-500/10 border-blue-500/30 text-blue-900 dark:bg-blue-400/5 dark:border-blue-500/20 dark:text-blue-400",
-      iconClassName: "text-blue-600 dark:text-blue-400",
-      titleClassName: "text-blue-700 dark:text-blue-300",
-      defaultTitle: "Note"
-    },
-    warning: {
-      icon: import_lucide_react.AlertTriangle,
-      className: "bg-yellow-500/10 border-yellow-500/30 text-yellow-900 dark:bg-yellow-400/5 dark:border-yellow-500/20 dark:text-yellow-400",
-      iconClassName: "text-yellow-600 dark:text-yellow-400",
-      titleClassName: "text-yellow-700 dark:text-yellow-300",
-      defaultTitle: "Warning"
-    },
-    success: {
-      icon: import_lucide_react.CheckCircle2,
-      className: "bg-green-500/10 border-green-500/30 text-green-900 dark:bg-green-400/5 dark:border-green-500/20 dark:text-green-400",
-      iconClassName: "text-green-600 dark:text-green-400",
-      titleClassName: "text-green-700 dark:text-green-300",
-      defaultTitle: "Success"
-    },
-    error: {
-      icon: import_lucide_react.XCircle,
-      className: "bg-red-500/10 border-red-500/30 text-red-900 dark:bg-red-400/5 dark:border-red-500/20 dark:text-red-400",
-      iconClassName: "text-red-600 dark:text-red-400",
-      titleClassName: "text-red-700 dark:text-red-300",
-      defaultTitle: "Error"
-    },
-    danger: {
-      icon: import_lucide_react.XCircle,
-      className: "bg-red-500/10 border-red-500/30 text-red-900 dark:bg-red-400/5 dark:border-red-500/20 dark:text-red-400",
-      iconClassName: "text-red-600 dark:text-red-400",
-      titleClassName: "text-red-700 dark:text-red-300",
-      defaultTitle: "Danger"
-    },
-    tip: {
-      icon: import_lucide_react.Lightbulb,
-      className: "bg-purple-500/10 border-purple-500/30 text-purple-900 dark:bg-purple-400/5 dark:border-purple-500/20 dark:text-purple-400",
-      iconClassName: "text-purple-600 dark:text-purple-400",
-      titleClassName: "text-purple-700 dark:text-purple-300",
-      defaultTitle: "Tip"
-    }
-  };
-  const config = configs[type];
-  const Icon3 = config.icon;
-  let _title = title || config.defaultTitle;
-  let content = children;
-  if (!title && children && typeof children === "object") {
-    const childArray = Array.isArray(children) ? children : [children];
-    const firstElement = childArray[0];
-    if (firstElement && typeof firstElement === "object" && "props" in firstElement) {
-      const props = firstElement.props;
-      if (props.children && Array.isArray(props.children)) {
-        const strongChild = props.children.find(
-          (child) => child && typeof child === "object" && child.type === "strong"
-        );
-        if (strongChild) {
-          _title = strongChild.props.children;
-          content = childArray.map((child, idx) => {
-            if (idx === 0 && (0, import_react.isValidElement)(child)) {
-              const newChildren = child.props.children.filter((c) => c !== strongChild);
-              const childProps = child.props;
-              return (0, import_react.cloneElement)(child, { ...childProps, children: newChildren });
-            }
-            return child;
-          });
-        }
-      }
-    }
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `flex gap-3 p-4 rounded-xl border my-2 ${config.className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon3, { className: `h-5 w-5 ${config.iconClassName}` }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 space-y-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `font-semibold text-sm ${config.titleClassName}`, children: _title }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm leading-relaxed [&>p]:mb-0 [&>p]:text-current", children: content })
-    ] })
-  ] });
-}
-
-// src/components/docs/mdx-primitives.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var createMdxPrimitives = (components) => ({
-  h1: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { className: "text-3xl font-semibold tracking-tight mb-6 text-foreground", children }),
-  h2: ({ children, id }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { id, className: "text-2xl font-semibold tracking-tight mt-10 mb-4 text-foreground scroll-mt-24", children }),
-  h3: ({ children, id }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { id, className: "text-xl font-medium tracking-tight mt-8 mb-3 text-foreground scroll-mt-24", children }),
-  p: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-base leading-7 text-muted-foreground mb-4", children }),
-  code: ({ children, className, meta, ...props }) => {
-    const isInline = !className;
-    if (isInline) {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { className: "px-1.5 py-0.5 rounded-md bg-muted/50 text-primary font-mono text-[13px] border border-border/50", children });
-    }
-    const language = className?.replace("language-", "") || "text";
-    const filename = meta || void 0;
-    const code = String(children).replace(/\n$/, "");
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(components.CodeBlock, { code, language, filename });
-  },
-  pre: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children }),
-  ul: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "list-disc list-outside pl-5 space-y-2 mb-4 text-muted-foreground [&_p]:mb-0 [&_p]:inline [&_ul]:ml-6 [&_ol]:ml-6", children }),
-  ol: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ol", { className: "list-decimal list-outside pl-5 space-y-2 mb-4 text-muted-foreground [&_p]:mb-0 [&_p]:inline [&_ul]:ml-6 [&_ol]:ml-6", children }),
-  li: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { className: "leading-7 [&>p]:mb-0 [&>p]:inline", children }),
-  a: ({ children, href }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "a",
-    {
-      href,
-      className: "text-primary hover:underline font-medium",
-      target: href?.startsWith("http") ? "_blank" : void 0,
-      rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
-      children
-    }
-  ),
-  blockquote: ({ children }) => {
-    const childrenArray = Array.isArray(children) ? children : [children];
-    const firstChild = childrenArray[0];
-    let textContent = "";
-    if (firstChild && typeof firstChild === "object" && "props" in firstChild) {
-      const props = firstChild.props;
-      if (props.children) {
-        const text = Array.isArray(props.children) ? props.children.join("") : String(props.children);
-        textContent = text;
-      }
-    }
-    const alertMatch = textContent.match(/^\[!(INFO|TIP|WARNING|SUCCESS|ERROR)\]/);
-    if (alertMatch) {
-      const type = alertMatch[1].toLowerCase();
-      const processChildren = (node) => {
-        if (typeof node === "string") {
-          return node.replace(/^\[!(INFO|TIP|WARNING|SUCCESS|ERROR)\]\s*\n?/, "");
-        }
-        if (node && typeof node === "object" && "props" in node) {
-          return {
-            ...node,
-            props: {
-              ...node.props,
-              children: Array.isArray(node.props.children) ? node.props.children.map(processChildren) : processChildren(node.props.children)
-            }
-          };
-        }
-        return node;
-      };
-      const cleanedChildren = Array.isArray(children) ? children.map(processChildren) : processChildren(children);
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Callout, { type, children: cleanedChildren });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("blockquote", { className: "border-l-4 border-primary/50 bg-muted/30 pl-4 pr-4 py-3 my-6 rounded-r-lg", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-muted-foreground italic [&>p]:mb-0", children }) });
-  },
-  table: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "overflow-x-auto mb-6 rounded-xl border border-border", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("table", { className: "min-w-full border-collapse", children }) }),
-  th: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: "border-b border-r border-border bg-muted px-4 py-2 text-left font-semibold text-foreground last:border-r-0", children }),
-  td: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: "border-b border-r border-border px-4 py-2 text-muted-foreground last:border-r-0", children })
-});
-
-// src/components/docs/video.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function Video({
-  src,
-  caption,
-  autoplay = false,
-  loop = false,
-  muted = false,
-  controls = true,
-  poster
-}) {
-  const isYouTube = src.includes("youtube.com") || src.includes("youtu.be");
-  const isVimeo = src.includes("vimeo.com");
-  const getYouTubeId = (url) => {
-    const match = url.match(/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/);
-    return match ? match[1] : null;
-  };
-  const getVimeoId = (url) => {
-    const match = url.match(/vimeo\.com\/(\d+)/);
-    return match ? match[1] : null;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("figure", { className: "my-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "relative rounded-xl border border-border overflow-hidden bg-muted/30", children: isYouTube ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "iframe",
-      {
-        className: "absolute top-0 left-0 w-full h-full",
-        src: `https://www.youtube.com/embed/${getYouTubeId(src)}${autoplay ? "?autoplay=1" : ""}`,
-        title: "YouTube video",
-        allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-        allowFullScreen: true
-      }
-    ) }) : isVimeo ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "iframe",
-      {
-        className: "absolute top-0 left-0 w-full h-full",
-        src: `https://player.vimeo.com/video/${getVimeoId(src)}${autoplay ? "?autoplay=1" : ""}`,
-        title: "Vimeo video",
-        allow: "autoplay; fullscreen; picture-in-picture",
-        allowFullScreen: true
-      }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "video",
-      {
-        src,
-        controls,
-        autoPlay: autoplay,
-        loop,
-        muted,
-        poster,
-        className: "w-full h-auto",
-        children: "Your browser does not support the video tag."
-      }
-    ) }),
-    caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
-  ] });
-}
-
-// src/components/docs/card.tsx
-var import_lucide_react2 = require("lucide-react");
-var import_link = __toESM(require("next/link"));
-
-// src/components/docs/icon.tsx
-var LucideIcons = __toESM(require("lucide-react"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function Icon({ icon, iconType = "regular", color, size = 20, className = "" }) {
-  if (typeof icon !== "string") {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: `inline-flex items-center ${className}`, style: { color }, children: icon });
-  }
-  if (icon.startsWith("http") || icon.startsWith("/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "img",
-      {
-        src: icon,
-        alt: "",
-        width: size,
-        height: size,
-        className: `inline-block ${className}`,
-        style: { color }
-      }
-    );
-  }
-  if (icon.startsWith("fa-")) {
-    const faClass = `fa-${iconType} ${icon}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "i",
-      {
-        className: `${faClass} ${className}`,
-        style: { fontSize: size, color },
-        "aria-hidden": "true"
-      }
-    );
-  }
-  const iconName = icon.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join("");
-  const LucideIcon = LucideIcons[iconName];
-  if (LucideIcon) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      LucideIcon,
-      {
-        size,
-        className: `inline-block ${className}`,
-        style: { color },
-        "aria-hidden": "true"
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: `inline-flex items-center font-mono text-xs ${className}`, style: { color }, children: [
-    "[",
-    icon,
-    "]"
-  ] });
-}
-
-// src/components/docs/card.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function Card({ title, description, href, icon, children, external = false }) {
-  const content = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-3", children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "shrink-0 w-10 h-10 rounded-xl bg-primary/10 flex items-center justify-center text-primary", children: typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { icon, size: 20 }) : icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { className: `font-semibold text-foreground mb-1 no-underline ${href ? "group-hover:text-primary transition-colors" : ""}`, children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-muted-foreground line-clamp-2 no-underline", children: description }),
-      children && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mt-2 text-sm text-muted-foreground no-underline", children })
-    ] }),
-    href && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "shrink-0 self-start mt-1", children: external ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.ExternalLink, { className: "h-4 w-4 text-muted-foreground group-hover:text-primary transition-colors" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.ArrowRight, { className: "h-4 w-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 transition-all" }) })
-  ] }) });
-  if (href) {
-    const Component = external ? "a" : import_link.default;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      Component,
-      {
-        href,
-        className: "card-link group block p-4 rounded-xl border border-border hover:border-primary/50 hover:bg-muted/50 transition-all",
-        ...external ? { target: "_blank", rel: "noopener noreferrer" } : {},
-        children: content
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "p-4 rounded-xl border border-border bg-muted/30 no-underline", children: content });
-}
-function CardGrid({ children, cols = 2 }) {
-  const gridCols = {
-    1: "grid-cols-1",
-    2: "grid-cols-1 md:grid-cols-2",
-    3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `grid ${gridCols[cols]} gap-4 my-6`, children });
-}
-
-// src/components/docs/image-card.tsx
-var import_image = __toESM(require("next/image"));
-var import_link2 = __toESM(require("next/link"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function ImageCard({
-  src,
-  alt,
-  title,
-  description,
-  href,
-  external = false,
-  aspectRatio = "video"
-}) {
-  const aspectRatios = {
-    square: "aspect-square",
-    video: "aspect-video",
-    portrait: "aspect-[3/4]"
-  };
-  const content = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col gap-0 p-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `w-full ${aspectRatios[aspectRatio]} overflow-hidden ${title || description ? "rounded-t-xl" : "rounded-xl"} bg-muted relative`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      import_image.default,
-      {
-        src,
-        alt,
-        fill: true,
-        sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
-        className: "object-cover transition-transform duration-300 group-hover:scale-105"
-      }
-    ) }),
-    (title || description) && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "p-3 flex flex-col gap-1", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { className: `font-semibold text-foreground mb-0 no-underline ${href ? "group-hover:text-primary transition-colors" : ""}`, children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-muted-foreground line-clamp-2 no-underline mb-0", children: description })
-    ] })
-  ] });
-  if (href) {
-    const Component = external ? "a" : import_link2.default;
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      Component,
-      {
-        href,
-        className: "image-card-link group block rounded-xl border border-border hover:border-primary/50 hover:shadow-lg transition-all overflow-hidden p-0",
-        ...external ? { target: "_blank", rel: "noopener noreferrer" } : {},
-        children: content
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "block rounded-xl border border-border overflow-hidden bg-card p-0", children: content });
-}
-function ImageCardGrid({ children, cols = 3 }) {
-  const gridCols = {
-    1: "grid-cols-1",
-    2: "grid-cols-1 md:grid-cols-2",
-    3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-    4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `grid ${gridCols[cols]} gap-4 my-6`, children });
-}
-
-// src/components/docs/steps.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function Steps({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "my-6 ml-4 space-y-6 [counter-reset:step]", children });
-}
-function Step({ title, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative pl-8 pb-6 border-l-2 border-border last:border-l-0 last:pb-0 [counter-increment:step] before:content-[counter(step)] before:absolute before:left-0 before:-translate-x-1/2 before:w-8 before:h-8 before:rounded-full before:bg-primary before:text-primary-foreground before:flex before:items-center before:justify-center before:text-sm before:font-semibold before:z-10", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: title }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "prose prose-sm dark:prose-invert max-w-none [&>*:last-child]:mb-0", children })
-  ] });
-}
-
-// src/components/docs/columns.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function Columns({ children, cols = { sm: 1, md: 2, lg: 3 } }) {
-  const colClasses = {
-    1: "grid-cols-1",
-    2: "grid-cols-2",
-    3: "grid-cols-3",
-    4: "grid-cols-4"
-  };
-  const smClass = cols.sm ? colClasses[cols.sm] : "grid-cols-1";
-  const mdClass = cols.md ? `md:${colClasses[cols.md]}` : "";
-  const lgClass = cols.lg ? `lg:${colClasses[cols.lg]}` : "";
-  const xlClass = cols.xl ? `xl:${colClasses[cols.xl]}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `grid ${smClass} ${mdClass} ${lgClass} ${xlClass} gap-4 my-6`, children });
-}
-function Column({ children, span = 1 }) {
-  const spanClass = {
-    1: "col-span-1",
-    2: "col-span-2",
-    3: "col-span-3",
-    4: "col-span-4"
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: spanClass[span], children });
-}
-
-// src/components/docs/badge.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function Badge({ children, variant = "default" }) {
-  const variants = {
-    default: "bg-muted text-foreground border-border",
-    success: "bg-green-500/10 text-green-600 dark:text-green-400 border-green-500/20",
-    warning: "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400 border-yellow-500/20",
-    error: "bg-red-500/10 text-red-600 dark:text-red-400 border-red-500/20",
-    info: "bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/20"
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    "span",
-    {
-      className: `inline-flex items-center px-2 py-0.5 rounded-md text-xs font-medium border ${variants[variant]}`,
-      children
-    }
-  );
-}
-
-// src/components/docs/tooltip.tsx
-var import_react2 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-function Tooltip({ children, content, position = "top" }) {
-  const [isVisible, setIsVisible] = (0, import_react2.useState)(false);
-  const positions = {
-    top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
-    bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
-    left: "right-full top-1/2 -translate-y-1/2 mr-2",
-    right: "left-full top-1/2 -translate-y-1/2 ml-2"
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-    "span",
-    {
-      className: "relative inline-flex underline decoration-dotted cursor-help",
-      onMouseEnter: () => setIsVisible(true),
-      onMouseLeave: () => setIsVisible(false),
-      children: [
-        children,
-        isVisible && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          "span",
-          {
-            className: `absolute ${positions[position]} z-50 px-2 py-1 text-xs text-white bg-gray-900 dark:bg-gray-700 rounded whitespace-nowrap pointer-events-none`,
-            children: content
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/components/docs/frame.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function Frame({ src, title = "Embedded content", height = 500, width = "100%" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "my-6 rounded-xl border border-border overflow-hidden bg-muted/30", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    "iframe",
-    {
-      src,
-      title,
-      width,
-      height,
-      className: "w-full",
-      loading: "lazy",
-      sandbox: "allow-scripts allow-same-origin allow-forms allow-popups"
-    }
-  ) });
-}
-
-// src/components/docs/code-block.tsx
-var import_react3 = require("react");
-var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-function CodeBlock({ code, language, filename }) {
-  const [copied, setCopied] = (0, import_react3.useState)(false);
-  const handleCopy = async () => {
-    await navigator.clipboard.writeText(code);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2e3);
-  };
-  const highlightCode = (code2, lang) => {
-    const lines = code2.split("\n");
-    return lines.map((line, i) => {
-      const isDeletion = line.startsWith("-");
-      const isAddition = line.startsWith("+");
-      const isDiff = isDeletion || isAddition;
-      const diffBgClass = isDeletion ? "bg-red-500/5 dark:bg-red-500/10" : isAddition ? "bg-green-500/5 dark:bg-green-500/10" : "";
-      const diffMarkerClass = isDeletion ? "text-red-600 dark:text-red-400" : isAddition ? "text-green-600 dark:text-green-400" : "";
-      const tokens = [];
-      let currentPos = 0;
-      const patterns = [
-        { type: "comment", regex: /(\/\/.*$|\/\*[\s\S]*?\*\/|#.*$)/ },
-        { type: "string", regex: /("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'|`(?:[^`\\]|\\.)*`)/ },
-        {
-          type: "keyword",
-          regex: /\b(const|let|var|function|return|if|else|for|while|do|break|continue|switch|case|default|import|export|from|as|class|extends|implements|interface|type|enum|namespace|async|await|try|catch|finally|throw|new|this|super|static|public|private|protected|readonly|abstract|void|null|undefined|true|false|typeof|instanceof|delete|in|of)\b/
-        },
-        { type: "operator", regex: /([+\-*/%=<>!&|^~?:]+)/ },
-        { type: "number", regex: /\b(0x[a-fA-F0-9]+|0b[01]+|\d+\.?\d*(?:e[+-]?\d+)?)\b/ },
-        { type: "function", regex: /\b([a-zA-Z_$][\w$]*)\s*(?=\()/ },
-        { type: "property", regex: /\.([a-zA-Z_$][\w$]*)/ },
-        { type: "punctuation", regex: /([{}[\]();,])/ }
-      ];
-      while (currentPos < line.length) {
-        let matched = false;
-        for (const { type, regex } of patterns) {
-          const match = line.slice(currentPos).match(regex);
-          if (match && match.index === 0) {
-            tokens.push({ type, value: match[0] });
-            currentPos += match[0].length;
-            matched = true;
-            break;
-          }
-        }
-        if (!matched) {
-          const nextSpecialChar = line.slice(currentPos).search(/["'`/\w.+\-*/%=<>!&|^~?:;,()[\]{}#]/);
-          if (nextSpecialChar === -1) {
-            tokens.push({ type: "text", value: line.slice(currentPos) });
-            break;
-          } else if (nextSpecialChar > 0) {
-            tokens.push({ type: "text", value: line.slice(currentPos, currentPos + nextSpecialChar) });
-            currentPos += nextSpecialChar;
-          } else {
-            tokens.push({ type: "text", value: line[currentPos] });
-            currentPos++;
-          }
-        }
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `table-row ${diffBgClass}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "table-cell pr-4 text-right select-none text-muted-foreground/40 w-8 align-top", children: i + 1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "table-cell align-top", children: tokens.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "\xA0" }) : tokens.map((token, j) => {
-          if (j === 0 && isDiff && token.value.length > 0 && (token.value[0] === "+" || token.value[0] === "-")) {
-            const marker = token.value[0];
-            const rest = token.value.slice(1);
-            return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: `${diffMarkerClass} font-bold`, children: marker }),
-              rest && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: `token-${token.type}`, children: rest })
-            ] }, j);
-          }
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: `token-${token.type}`, children: token.value }, j);
-        }) })
-      ] }, i);
-    });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative group my-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "bg-muted/50 dark:bg-muted/30 px-4 py-2 rounded-t-xl border border-b-0 border-border/50 flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-3 h-3 rounded-full bg-red-500/80 dark:bg-red-500/60" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-3 h-3 rounded-full bg-yellow-500/80 dark:bg-yellow-500/60" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-3 h-3 rounded-full bg-green-500/80 dark:bg-green-500/60" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-xs font-mono text-foreground", children: filename || "Code" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-xs text-muted-foreground/60 font-mono uppercase tracking-wide", children: language }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          "button",
-          {
-            onClick: handleCopy,
-            className: "p-1.5 rounded-md hover:bg-muted/50 transition-colors",
-            "aria-label": "Copy code",
-            children: copied ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.Check, { className: "h-4 w-4 text-green-400" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.Copy, { className: "h-4 w-4 text-muted-foreground" })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "bg-gray-200/50 dark:bg-[#0d1117] rounded-b-xl overflow-x-auto border border-border/50", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("pre", { className: "p-2 text-[13px] font-mono leading-relaxed text-gray-800 dark:text-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("code", { className: "table w-full", children: highlightCode(code, language) }) }) })
-  ] });
-}
-
-// src/components/docs/accordion.tsx
-var React = __toESM(require("react"));
-var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-function AccordionItem({ title, children, defaultOpen = false }) {
-  const [isOpen, setIsOpen] = React.useState(defaultOpen);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "border border-border rounded-xl overflow-hidden mb-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-      "button",
-      {
-        onClick: () => setIsOpen(!isOpen),
-        className: "w-full flex items-center justify-between p-4 text-left bg-muted/30 hover:bg-muted/50 transition-colors",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "font-medium text-foreground", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            import_lucide_react4.ChevronDown,
-            {
-              className: `h-5 w-5 text-muted-foreground transition-transform ${isOpen ? "rotate-180" : ""}`
-            }
-          )
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "p-4 border-t border-border bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "prose prose-sm dark:prose-invert max-w-none [&>*:last-child]:mb-0", children }) })
-  ] });
-}
-function Accordion({ children, type = "multiple", className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: className || "my-6 space-y-2", children });
-}
-
-// src/components/docs/tabs.tsx
-var import_react4 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-function Tab({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
-}
-function Tabs({ children, defaultValue }) {
-  const tabs = import_react4.Children.toArray(children).filter(import_react4.isValidElement);
-  const firstTabLabel = tabs[0]?.props.label || "";
-  const [activeTab, setActiveTab] = (0, import_react4.useState)(defaultValue || firstTabLabel);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "my-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center gap-1 border-b border-border mb-4", children: tabs.map((tab) => {
-      const label = tab.props.label;
-      const isActive = activeTab === label;
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        "button",
-        {
-          onClick: () => setActiveTab(label),
-          className: `px-4 py-2 text-sm font-medium transition-colors border-b-2 -mb-px ${isActive ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"}`,
-          children: label
-        },
-        label
-      );
-    }) }),
-    tabs.map((tab) => {
-      const label = tab.props.label;
-      if (activeTab !== label) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "prose prose-slate dark:prose-invert max-w-none [&>*:first-child]:mt-0", children: tab.props.children }, label);
-    })
-  ] });
-}
-
-// src/components/docs/image.tsx
-var import_image2 = __toESM(require("next/image"));
-var import_react5 = require("react");
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-function Image({ src, alt, caption, width, height, zoom = true }) {
-  const [isZoomed, setIsZoomed] = (0, import_react5.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("figure", { className: "my-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "relative group rounded-xl border border-border overflow-hidden bg-muted/30", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_image2.default,
-          {
-            src,
-            alt,
-            width: width || 1200,
-            height: height || 675,
-            className: "w-full h-auto"
-          }
-        ),
-        zoom && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          "button",
-          {
-            onClick: () => setIsZoomed(true),
-            className: "absolute top-3 right-3 p-2 rounded-md bg-background/80 backdrop-blur-sm border border-border opacity-0 group-hover:opacity-100 transition-opacity hover:bg-background",
-            "aria-label": "Zoom image",
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.ZoomIn, { className: "h-4 w-4 text-foreground" })
-          }
-        )
-      ] }),
-      caption && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
-    ] }),
-    isZoomed && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-      "div",
-      {
-        className: "fixed inset-0 z-50 bg-background/95 backdrop-blur-sm flex items-center justify-center p-4",
-        onClick: () => setIsZoomed(false),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            "button",
-            {
-              onClick: () => setIsZoomed(false),
-              className: "absolute top-4 right-4 p-2 rounded-md bg-muted hover:bg-muted/80 transition-colors",
-              "aria-label": "Close",
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.X, { className: "h-5 w-5 text-foreground" })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "max-w-7xl max-h-[90vh] overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            import_image2.default,
-            {
-              src,
-              alt,
-              width: width || 1920,
-              height: height || 1080,
-              className: "w-full h-auto"
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-}
-
-// src/components/docs/mermaid.tsx
-var import_react6 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-function Mermaid({ chart, caption }) {
-  const containerRef = (0, import_react6.useRef)(null);
-  const [error, setError] = (0, import_react6.useState)(null);
-  (0, import_react6.useEffect)(() => {
-    const renderChart = async () => {
-      try {
-        const mermaid = (await import("mermaid")).default;
-        mermaid.initialize({
-          startOnLoad: false,
-          theme: document.documentElement.classList.contains("dark") ? "dark" : "default",
-          securityLevel: "loose",
-          fontFamily: "inherit"
-        });
-        if (containerRef.current) {
-          const id = `mermaid-${Math.random().toString(36).substr(2, 9)}`;
-          const { svg } = await mermaid.render(id, chart);
-          containerRef.current.innerHTML = svg;
-        }
-      } catch (err) {
-        console.error("Mermaid rendering error:", err);
-        setError(err instanceof Error ? err.message : "Failed to render diagram");
-      }
-    };
-    renderChart();
-    const observer = new MutationObserver((mutations) => {
-      mutations.forEach((mutation) => {
-        if (mutation.attributeName === "class") {
-          renderChart();
-        }
-      });
-    });
-    observer.observe(document.documentElement, { attributes: true });
-    return () => observer.disconnect();
-  }, [chart]);
-  if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "my-6 p-4 rounded-xl border border-red-500/50 bg-red-500/10", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "text-sm text-red-600 dark:text-red-400 font-mono", children: [
-      "Mermaid Error: ",
-      error
-    ] }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("figure", { className: "my-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      "div",
-      {
-        ref: containerRef,
-        className: "flex justify-center items-center p-6 rounded-xl border border-border bg-muted/30 overflow-x-auto"
-      }
-    ),
-    caption && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
-  ] });
-}
-
-// src/components/docs/math.tsx
-var import_react7 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-function Math2({ children, block = false }) {
-  const containerRef = (0, import_react7.useRef)(null);
-  (0, import_react7.useEffect)(() => {
-    const renderMath = async () => {
-      try {
-        const katex = (await import("katex")).default;
-        if (containerRef.current) {
-          katex.render(children, containerRef.current, {
-            throwOnError: false,
-            displayMode: block
-          });
-        }
-      } catch (err) {
-        console.error("KaTeX rendering error:", err);
-        if (containerRef.current) {
-          containerRef.current.textContent = children;
-        }
-      }
-    };
-    renderMath();
-  }, [children, block]);
-  if (block) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-      "div",
-      {
-        ref: containerRef,
-        className: "my-6 overflow-x-auto text-center"
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { ref: containerRef, className: "inline-block" });
-}
-
-// src/components/docs/api/api-endpoint.tsx
-var import_react8 = require("react");
-var import_lucide_react6 = require("lucide-react");
-
-// src/lib/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
-// src/components/docs/api/api-endpoint.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var methodColors = {
-  GET: "bg-blue-500/10 text-blue-600 dark:text-blue-400",
-  POST: "bg-green-500/10 text-green-600 dark:text-green-400",
-  PUT: "bg-orange-500/10 text-orange-600 dark:text-orange-400",
-  PATCH: "bg-purple-500/10 text-purple-600 dark:text-purple-400",
-  DELETE: "bg-red-500/10 text-red-600 dark:text-red-400"
-};
-function ApiEndpoint({ method, path, summary, children, defaultOpen = false }) {
-  const [isOpen, setIsOpen] = (0, import_react8.useState)(defaultOpen);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "not-prose mb-4 rounded-xl border border-border overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-      "button",
-      {
-        onClick: () => setIsOpen(!isOpen),
-        className: "w-full flex items-center gap-3 px-4 py-3 text-left bg-muted/30 hover:bg-muted/50 transition-colors",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            "span",
-            {
-              className: cn(
-                "text-xs font-semibold px-2 py-0.5 rounded",
-                methodColors[method]
-              ),
-              children: method
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("code", { className: "text-sm font-mono", children: path }),
-          summary && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-muted-foreground ml-auto mr-2", children: summary }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            import_lucide_react6.ChevronDown,
-            {
-              className: cn(
-                "h-5 w-5 text-muted-foreground transition-transform flex-shrink-0",
-                isOpen ? "rotate-180" : ""
-              )
-            }
-          )
-        ]
-      }
-    ),
-    isOpen && children && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "border-t border-border bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "px-4 py-4 space-y-6", children }) })
-  ] });
-}
-
-// src/components/docs/api/api-params.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-function ApiParams({ title = "Parameters", params }) {
-  if (!params || params.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "mb-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("table", { className: "w-full border-collapse", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("tr", { className: "border-b border-border", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Property" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Type" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Required" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Default" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Description" })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tbody", { children: params.map((param, index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-        "tr",
-        {
-          className: index !== params.length - 1 ? "border-b border-border/50" : "",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { className: "py-2.5 px-3", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("code", { className: "text-sm font-mono text-foreground", children: param.name }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { className: "py-2.5 px-3", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm text-muted-foreground font-mono", children: param.type }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { className: "py-2.5 px-3", children: param.required ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm text-red-600 dark:text-red-400", children: "Yes" }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm text-muted-foreground", children: "No" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { className: "py-2.5 px-3", children: param.default ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("code", { className: "text-sm font-mono text-muted-foreground", children: param.default }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm text-muted-foreground", children: "-" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { className: "py-2.5 px-3", children: param.description ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm text-muted-foreground", children: param.description }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm text-muted-foreground", children: "-" }) })
-          ]
-        },
-        param.name
-      )) })
-    ] }) })
-  ] });
-}
-
-// src/components/docs/api/api-response.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var statusColors = {
-  "2": "text-green-600 dark:text-green-400",
-  "3": "text-blue-600 dark:text-blue-400",
-  "4": "text-orange-600 dark:text-orange-400",
-  "5": "text-red-600 dark:text-red-400"
-};
-function ApiResponse({ status, description, example, schema }) {
-  const statusClass = statusColors[String(status)[0]] || "text-muted-foreground";
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mb-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: `text-sm font-semibold ${statusClass}`, children: status }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm text-muted-foreground", children: description })
-    ] }),
-    example && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mb-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: "Example Response" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        CodeBlock,
-        {
-          code: typeof example === "string" ? example : JSON.stringify(example, null, 2),
-          language: "json"
-        }
-      )
-    ] }),
-    schema && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: "Schema" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        CodeBlock,
-        {
-          code: typeof schema === "string" ? schema : JSON.stringify(schema, null, 2),
-          language: "json"
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/docs/api/api-playground.tsx
-var import_react9 = require("react");
-
-// src/components/ui/button.tsx
-var import_react_slot = require("@radix-ui/react-slot");
-var import_class_variance_authority = require("class-variance-authority");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant,
-  size,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? import_react_slot.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    Comp,
-    {
-      "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/input.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    "input",
-    {
-      type,
-      "data-slot": "input",
-      className: cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/textarea.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    "textarea",
-    {
-      "data-slot": "textarea",
-      className: cn(
-        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/badge.tsx
-var import_react_slot2 = require("@radix-ui/react-slot");
-var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority2.cva)(
-  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge2({
-  className,
-  variant,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? import_react_slot2.Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    Comp,
-    {
-      "data-slot": "badge",
-      className: cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-
-// src/components/docs/api/api-playground.tsx
-var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-function ApiPlayground({
-  method,
-  path,
-  baseUrl = "",
-  headers = {},
-  defaultBody,
-  pathParams = []
-}) {
-  const [loading, setLoading] = (0, import_react9.useState)(false);
-  const [response, setResponse] = (0, import_react9.useState)(null);
-  const [error, setError] = (0, import_react9.useState)(null);
-  const [requestBody, setRequestBody] = (0, import_react9.useState)(defaultBody || "");
-  const initialHeaders = (0, import_react9.useMemo)(() => {
-    const cleanHeaders = {};
-    Object.entries(headers).forEach(([key, value]) => {
-      cleanHeaders[key] = value || "";
-    });
-    return cleanHeaders;
-  }, [headers]);
-  const [requestHeaders, setRequestHeaders] = (0, import_react9.useState)(JSON.stringify(initialHeaders, null, 2));
-  const extractedParams = (0, import_react9.useMemo)(() => {
-    const params = {};
-    const pathParamPattern = /:(\w+)/g;
-    let match;
-    while ((match = pathParamPattern.exec(path)) !== null) {
-      const paramName = match[1];
-      const paramConfig = pathParams.find((p) => p.name === paramName);
-      if (paramConfig?.example !== void 0) {
-        params[paramName] = String(paramConfig.example);
-      } else if (paramConfig?.type === "number") {
-        params[paramName] = "1";
-      } else {
-        params[paramName] = "";
-      }
-    }
-    return params;
-  }, [path, pathParams]);
-  const [pathParamValues, setPathParamValues] = (0, import_react9.useState)(extractedParams);
-  const buildUrl = () => {
-    let finalPath = path;
-    Object.entries(pathParamValues).forEach(([key, value]) => {
-      finalPath = finalPath.replace(`:${key}`, value);
-    });
-    return `${baseUrl}${finalPath}`;
-  };
-  const handleSend = async () => {
-    setLoading(true);
-    setError(null);
-    setResponse(null);
-    try {
-      const url = buildUrl();
-      const parsedHeaders = JSON.parse(requestHeaders);
-      const options = {
-        method,
-        headers: {
-          "Content-Type": "application/json",
-          ...parsedHeaders
-        }
-      };
-      if (method !== "GET" && method !== "DELETE" && requestBody) {
-        options.body = requestBody;
-      }
-      const res = await fetch(url, options);
-      const data = await res.json();
-      setResponse({
-        status: res.status,
-        statusText: res.statusText,
-        headers: Object.fromEntries(res.headers.entries()),
-        body: data
-      });
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "An error occurred");
-    } finally {
-      setLoading(false);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "not-prose border border-border rounded-lg overflow-hidden bg-card/30", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "bg-muted/50 px-4 py-2 border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h4", { className: "text-sm font-semibold text-foreground", children: "API Playground" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "p-4 space-y-4", children: [
-      Object.keys(pathParamValues).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Path Parameters" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "space-y-2", children: Object.entries(pathParamValues).map(([paramName, paramValue]) => {
-          const paramConfig = pathParams.find((p) => p.name === paramName);
-          return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "text-xs text-muted-foreground min-w-[80px]", children: [
-              ":",
-              paramName
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-              Input,
-              {
-                value: paramValue,
-                onChange: (e) => setPathParamValues((prev) => ({ ...prev, [paramName]: e.target.value })),
-                placeholder: paramConfig?.example || paramConfig?.type || "value",
-                className: "font-mono text-sm"
-              }
-            )
-          ] }, paramName);
-        }) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Request URL" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Badge2, { variant: "outline", className: "font-mono", children: method }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Input, { value: buildUrl(), readOnly: true, className: "font-mono text-sm" })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Headers (JSON)" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          Textarea,
-          {
-            value: requestHeaders,
-            onChange: (e) => setRequestHeaders(e.target.value),
-            className: "font-mono text-sm",
-            rows: 4
-          }
-        )
-      ] }),
-      method !== "GET" && method !== "DELETE" && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Request Body (JSON)" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          Textarea,
-          {
-            value: requestBody,
-            onChange: (e) => setRequestBody(e.target.value),
-            className: "font-mono text-sm",
-            rows: 6,
-            placeholder: '{\\n  "key": "value"\\n}'
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { onClick: handleSend, disabled: loading, className: "w-full", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react7.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
-        "Sending..."
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react7.Play, { className: "mr-2 h-4 w-4" }),
-        "Send Request"
-      ] }) }),
-      response && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mt-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: [
-          "Response (",
-          response.status,
-          " ",
-          response.statusText,
-          ")"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CodeBlock, { code: JSON.stringify(response.body, null, 2), language: "json" })
-      ] }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-4 p-3 bg-red-500/10 border border-red-500/20 rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: error }) })
-    ] })
-  ] });
-}
-
-// src/components/docs/api/api-reference.tsx
-var import_react10 = require("react");
-
-// src/lib/parsers/specra-parser.ts
-var SpecraParser = class {
-  validate(input) {
-    return typeof input === "object" && input !== null && "endpoints" in input && Array.isArray(input.endpoints);
-  }
-  parse(input) {
-    if (!this.validate(input)) {
-      throw new Error("Invalid Specra API spec format");
-    }
-    return input;
-  }
-};
-
-// src/lib/parsers/openapi-parser.ts
-var OpenApiParser = class {
-  validate(input) {
-    return typeof input === "object" && input !== null && ("openapi" in input || "swagger" in input) && "paths" in input;
-  }
-  parse(input) {
-    if (!this.validate(input)) {
-      throw new Error("Invalid OpenAPI spec format");
-    }
-    const baseUrl = this.extractBaseUrl(input);
-    const endpoints = [];
-    for (const [path, pathItem] of Object.entries(input.paths || {})) {
-      const methods = ["get", "post", "put", "patch", "delete"];
-      for (const method of methods) {
-        const operation = pathItem[method];
-        if (!operation) continue;
-        const endpoint = this.parseOperation(path, method.toUpperCase(), operation, input);
-        endpoints.push(endpoint);
-      }
-    }
-    return {
-      version: input.info?.version,
-      title: input.info?.title,
-      description: input.info?.description,
-      baseUrl,
-      auth: this.extractAuth(input),
-      endpoints
-    };
-  }
-  extractBaseUrl(spec) {
-    if (spec.servers && spec.servers.length > 0) {
-      return spec.servers[0].url;
-    }
-    if (spec.host) {
-      const scheme = spec.schemes?.[0] || "https";
-      const basePath = spec.basePath || "";
-      return `${scheme}://${spec.host}${basePath}`;
-    }
-    return "";
-  }
-  extractAuth(spec) {
-    const securitySchemes = spec.components?.securitySchemes || spec.securityDefinitions;
-    if (!securitySchemes) return void 0;
-    const firstScheme = Object.values(securitySchemes)[0];
-    if (!firstScheme) return void 0;
-    if (firstScheme.type === "http" && firstScheme.scheme === "bearer") {
-      return {
-        type: "bearer",
-        description: firstScheme.description,
-        tokenPrefix: "Bearer"
-      };
-    }
-    if (firstScheme.type === "apiKey") {
-      return {
-        type: "apiKey",
-        description: firstScheme.description,
-        headerName: firstScheme.name || "X-API-Key"
-      };
-    }
-    if (firstScheme.type === "http" && firstScheme.scheme === "basic") {
-      return {
-        type: "basic",
-        description: firstScheme.description
-      };
-    }
-    return void 0;
-  }
-  parseOperation(path, method, operation, spec) {
-    const endpoint = {
-      title: operation.summary || operation.operationId || `${method} ${path}`,
-      method,
-      path: this.convertPathParams(path),
-      description: operation.description
-    };
-    const params = this.parseParameters(operation.parameters || [], spec);
-    if (params.path.length > 0) endpoint.pathParams = params.path;
-    if (params.query.length > 0) endpoint.queryParams = params.query;
-    if (params.header.length > 0) {
-      endpoint.headers = params.header.map((p) => ({
-        name: p.name,
-        value: p.example || "",
-        description: p.description
-      }));
-    }
-    if (operation.requestBody) {
-      endpoint.body = this.parseRequestBody(operation.requestBody, spec);
-    }
-    const responses = this.parseResponses(operation.responses || {}, spec);
-    if (responses.success) endpoint.successResponse = responses.success;
-    if (responses.errors.length > 0) endpoint.errorResponses = responses.errors;
-    return endpoint;
-  }
-  convertPathParams(path) {
-    return path.replace(/\{([^}]+)\}/g, ":$1");
-  }
-  parseParameters(parameters, spec) {
-    const result = { path: [], query: [], header: [] };
-    for (const param of parameters) {
-      const resolved = param.$ref ? this.resolveRef(param.$ref, spec) : param;
-      const apiParam = {
-        name: resolved.name,
-        type: resolved.schema?.type || resolved.type || "string",
-        required: resolved.required,
-        description: resolved.description,
-        example: resolved.example || resolved.schema?.example
-      };
-      if (resolved.in === "path") result.path.push(apiParam);
-      else if (resolved.in === "query") result.query.push(apiParam);
-      else if (resolved.in === "header") result.header.push(apiParam);
-    }
-    return result;
-  }
-  parseRequestBody(requestBody, spec) {
-    const content = requestBody.content?.["application/json"];
-    if (!content) return void 0;
-    return {
-      description: requestBody.description,
-      example: content.example || this.generateExample(content.schema, spec),
-      schema: content.schema
-    };
-  }
-  parseResponses(responses, spec) {
-    const result = { errors: [] };
-    for (const [statusCode, response] of Object.entries(responses)) {
-      const status = parseInt(statusCode);
-      if (isNaN(status)) continue;
-      const resolved = response.$ref ? this.resolveRef(response.$ref, spec) : response;
-      const content = resolved.content?.["application/json"];
-      const apiResponse = {
-        status,
-        description: resolved.description,
-        example: content?.example || this.generateExample(content?.schema, spec),
-        schema: content?.schema
-      };
-      if (status >= 200 && status < 300) {
-        result.success = apiResponse;
-      } else {
-        result.errors.push(apiResponse);
-      }
-    }
-    return result;
-  }
-  generateExample(schema, spec) {
-    if (!schema) return void 0;
-    if (schema.$ref) schema = this.resolveRef(schema.$ref, spec);
-    if (schema.example) return schema.example;
-    if (schema.type === "object" && schema.properties) {
-      const example = {};
-      for (const [key, prop] of Object.entries(schema.properties)) {
-        example[key] = this.generateExample(prop, spec);
-      }
-      return example;
-    }
-    if (schema.type === "array" && schema.items) {
-      return [this.generateExample(schema.items, spec)];
-    }
-    const defaults = {
-      string: "string",
-      number: 0,
-      integer: 0,
-      boolean: false,
-      object: {},
-      array: []
-    };
-    return defaults[schema.type] || null;
-  }
-  resolveRef(ref, spec) {
-    const path = ref.replace(/^#\//, "").split("/");
-    let current = spec;
-    for (const segment of path) {
-      current = current[segment];
-      if (!current) return {};
-    }
-    return current;
-  }
-};
-
-// src/lib/parsers/postman-parser.ts
-var PostmanParser = class {
-  validate(input) {
-    return typeof input === "object" && input !== null && "info" in input && input.info?.schema?.includes("v2");
-  }
-  parse(input) {
-    if (!this.validate(input)) {
-      throw new Error("Invalid Postman Collection format (requires v2.0 or v2.1)");
-    }
-    const baseUrl = this.extractBaseUrl(input);
-    const endpoints = [];
-    this.parseItems(input.item || [], endpoints, baseUrl, input);
-    return {
-      version: input.info?.version,
-      title: input.info?.name,
-      description: input.info?.description,
-      baseUrl,
-      auth: this.extractAuth(input.auth),
-      globalHeaders: this.extractGlobalHeaders(input),
-      endpoints
-    };
-  }
-  extractBaseUrl(collection) {
-    const baseUrlVar = collection.variable?.find(
-      (v) => v.key === "baseUrl" || v.key === "base_url" || v.key === "url"
-    );
-    if (baseUrlVar) return baseUrlVar.value;
-    if (collection.item && collection.item.length > 0) {
-      const firstRequest = this.findFirstRequest(collection.item);
-      if (firstRequest?.request?.url) {
-        const url = this.parseUrl(firstRequest.request.url);
-        if (url.host) {
-          return `${url.protocol}://${url.host.join(".")}`;
-        }
-      }
-    }
-    return "";
-  }
-  findFirstRequest(items) {
-    for (const item of items) {
-      if (item.request) return item;
-      if (item.item) {
-        const found = this.findFirstRequest(item.item);
-        if (found) return found;
-      }
-    }
-    return null;
-  }
-  extractAuth(auth) {
-    if (!auth) return void 0;
-    if (auth.type === "bearer") {
-      return {
-        type: "bearer",
-        tokenPrefix: "Bearer"
-      };
-    }
-    if (auth.type === "apikey") {
-      const keyData = auth.apikey?.find((a) => a.key === "key");
-      const keyName = keyData?.value || "X-API-Key";
-      return {
-        type: "apiKey",
-        headerName: keyName
-      };
-    }
-    if (auth.type === "basic") {
-      return {
-        type: "basic"
-      };
-    }
-    return void 0;
-  }
-  extractGlobalHeaders(collection) {
-    return [];
-  }
-  parseItems(items, endpoints, baseUrl, collection) {
-    for (const item of items) {
-      if (item.item && Array.isArray(item.item)) {
-        this.parseItems(item.item, endpoints, baseUrl, collection);
-      } else if (item.request) {
-        const endpoint = this.parseRequest(item, baseUrl, collection);
-        endpoints.push(endpoint);
-      }
-    }
-  }
-  parseRequest(item, baseUrl, collection) {
-    const request = item.request;
-    const url = this.parseUrl(request.url);
-    const endpoint = {
-      title: item.name,
-      method: request.method.toUpperCase(),
-      path: this.buildPath(url, baseUrl),
-      description: item.request.description || item.description
-    };
-    const params = this.parseUrlParams(url);
-    if (params.path.length > 0) endpoint.pathParams = params.path;
-    if (params.query.length > 0) endpoint.queryParams = params.query;
-    if (request.header && request.header.length > 0) {
-      endpoint.headers = request.header.filter((h) => !h.disabled).map((h) => ({
-        name: h.key,
-        value: h.value || "",
-        description: h.description
-      }));
-    }
-    if (request.body) {
-      endpoint.body = this.parseBody(request.body);
-    }
-    const responses = this.parseResponses(item.response || []);
-    if (responses.success) endpoint.successResponse = responses.success;
-    if (responses.errors.length > 0) endpoint.errorResponses = responses.errors;
-    return endpoint;
-  }
-  parseUrl(url) {
-    if (typeof url === "string") {
-      const urlObj = new URL(url);
-      return {
-        protocol: urlObj.protocol.replace(":", ""),
-        host: urlObj.hostname.split("."),
-        path: urlObj.pathname.split("/").filter(Boolean),
-        query: [],
-        variable: []
-      };
-    }
-    return {
-      protocol: url.protocol || "https",
-      host: url.host || [],
-      path: url.path || [],
-      query: url.query || [],
-      variable: url.variable || []
-    };
-  }
-  buildPath(url, baseUrl) {
-    let path = "/";
-    if (url.path && url.path.length > 0) {
-      path += url.path.join("/");
-    }
-    path = path.replace(/\{\{([^}]+)\}\}/g, ":$1");
-    return path;
-  }
-  parseUrlParams(url) {
-    const result = { path: [], query: [] };
-    if (url.variable && url.variable.length > 0) {
-      for (const v of url.variable) {
-        result.path.push({
-          name: v.key,
-          type: v.type || "string",
-          description: v.description,
-          example: v.value
-        });
-      }
-    }
-    if (url.path && url.path.length > 0) {
-      for (const segment of url.path) {
-        if (segment.startsWith(":")) {
-          const paramName = segment.slice(1);
-          if (!result.path.find((p) => p.name === paramName)) {
-            result.path.push({
-              name: paramName,
-              type: "string"
-            });
-          }
-        }
-      }
-    }
-    if (url.query && url.query.length > 0) {
-      for (const q of url.query) {
-        if (q.disabled) continue;
-        result.query.push({
-          name: q.key,
-          type: "string",
-          description: q.description,
-          example: q.value
-        });
-      }
-    }
-    return result;
-  }
-  parseBody(body) {
-    if (!body) return void 0;
-    let example;
-    let description = body.description;
-    if (body.mode === "raw") {
-      try {
-        example = JSON.parse(body.raw);
-      } catch {
-        example = body.raw;
-      }
-    } else if (body.mode === "formdata" || body.mode === "urlencoded") {
-      example = {};
-      for (const item of body[body.mode] || []) {
-        if (!item.disabled) {
-          example[item.key] = item.value;
-        }
-      }
-    }
-    return {
-      description,
-      example
-    };
-  }
-  parseResponses(responses) {
-    const result = { errors: [] };
-    for (const response of responses) {
-      let example;
-      try {
-        example = JSON.parse(response.body);
-      } catch {
-        example = response.body;
-      }
-      const apiResponse = {
-        status: response.code || 200,
-        description: response.name,
-        example
-      };
-      if (apiResponse.status >= 200 && apiResponse.status < 300) {
-        if (!result.success) result.success = apiResponse;
-      } else {
-        result.errors.push(apiResponse);
-      }
-    }
-    return result;
-  }
-};
-
-// src/lib/parsers/index.ts
-var parsers = /* @__PURE__ */ new Map([
-  ["specra", new SpecraParser()],
-  ["openapi", new OpenApiParser()],
-  ["postman", new PostmanParser()]
-]);
-function detectParserType(input) {
-  if (!input || typeof input !== "object") {
-    throw new Error("Invalid API spec: input must be an object");
-  }
-  if (input.info?.schema?.includes("v2")) {
-    return "postman";
-  }
-  if (input.openapi || input.swagger) {
-    return "openapi";
-  }
-  if (input.endpoints && Array.isArray(input.endpoints)) {
-    return "specra";
-  }
-  throw new Error(
-    "Unable to auto-detect API spec format. Supported formats: Specra, OpenAPI 3.x, Postman Collection v2.x"
-  );
-}
-function parseApiSpec(input, parserType = "auto") {
-  const actualType = parserType === "auto" ? detectParserType(input) : parserType;
-  const parser = parsers.get(actualType);
-  if (!parser) {
-    throw new Error(`Unknown parser type: ${actualType}`);
-  }
-  if (!parser.validate(input)) {
-    throw new Error(`Input does not match ${actualType} format`);
-  }
-  return parser.parse(input);
-}
-
-// src/components/docs/api/api-reference.tsx
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-function ApiReference({ spec, parser = "auto", showPlayground = true }) {
-  const [apiSpec, setApiSpec] = (0, import_react10.useState)(null);
-  const [loading, setLoading] = (0, import_react10.useState)(true);
-  const [error, setError] = (0, import_react10.useState)(null);
-  (0, import_react10.useEffect)(() => {
-    async function loadSpec() {
-      try {
-        const response = await fetch(spec);
-        if (!response.ok) {
-          throw new Error(`Failed to load API spec: ${response.statusText}`);
-        }
-        const data = await response.json();
-        const parsedSpec = parseApiSpec(data, parser);
-        setApiSpec(parsedSpec);
-      } catch (err) {
-        setError(err instanceof Error ? err.message : "Failed to load API spec");
-      } finally {
-        setLoading(false);
-      }
-    }
-    loadSpec();
-  }, [spec, parser]);
-  const interpolateEnv = (text, env) => {
-    if (!env) return text;
-    return text.replace(/\{(\w+)\}/g, (match, key) => {
-      return env[key] || match;
-    });
-  };
-  if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-center py-12", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react8.Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "ml-2 text-muted-foreground", children: "Loading API specification..." })
-    ] });
-  }
-  if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "rounded-lg border border-red-500/20 bg-red-500/10 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { className: "text-sm text-red-600 dark:text-red-400", children: [
-      "Error: ",
-      error
-    ] }) });
-  }
-  if (!apiSpec) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-6", children: [
-    (apiSpec.title || apiSpec.description) && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mb-8", children: [
-      apiSpec.title && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "text-2xl font-semibold mb-2 text-foreground", children: apiSpec.title }),
-      apiSpec.description && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-muted-foreground", children: apiSpec.description }),
-      apiSpec.baseUrl && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mt-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-semibold text-muted-foreground mb-1", children: "Base URL" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("code", { className: "text-sm px-2 py-1 bg-muted rounded", children: apiSpec.baseUrl })
-      ] })
-    ] }),
-    apiSpec.auth && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "rounded-lg border border-border bg-card/30 p-4 mb-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "text-lg font-semibold mb-2 text-foreground", children: "Authentication" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: apiSpec.auth.description || `This API uses ${apiSpec.auth.type} authentication.` }),
-      apiSpec.auth.type === "bearer" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        CodeBlock,
-        {
-          code: `Authorization: ${apiSpec.auth.tokenPrefix || "Bearer"} {YOUR_TOKEN}`,
-          language: "bash"
-        }
-      ),
-      apiSpec.auth.type === "apiKey" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        CodeBlock,
-        {
-          code: `${apiSpec.auth.headerName || "X-API-Key"}: {YOUR_API_KEY}`,
-          language: "bash"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Accordion, { type: "single", collapsible: true, className: "space-y-4", children: apiSpec.endpoints.map((endpoint, index) => {
-      const allHeaders = [
-        ...apiSpec.globalHeaders || [],
-        ...endpoint.headers || []
-      ].map((header) => ({
-        ...header,
-        value: interpolateEnv(header.value, apiSpec.env)
-      }));
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        AccordionItem,
-        {
-          value: `endpoint-${index}`,
-          title: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-              "span",
-              {
-                className: `text-xs font-semibold px-2 py-0.5 rounded ${endpoint.method === "GET" ? "bg-blue-500/10 text-blue-600 dark:text-blue-400" : endpoint.method === "POST" ? "bg-green-500/10 text-green-600 dark:text-green-400" : endpoint.method === "PUT" ? "bg-orange-500/10 text-orange-600 dark:text-orange-400" : endpoint.method === "PATCH" ? "bg-purple-500/10 text-purple-600 dark:text-purple-400" : "bg-red-500/10 text-red-600 dark:text-red-400"}`,
-                children: endpoint.method
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("code", { className: "text-sm font-mono", children: endpoint.path }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-sm text-muted-foreground ml-auto", children: endpoint.title })
-          ] }),
-          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-6 pt-4", children: [
-            endpoint.description && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-muted-foreground", children: endpoint.description }),
-            endpoint.pathParams && endpoint.pathParams.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ApiParams, { title: "Path Parameters", params: endpoint.pathParams }),
-            endpoint.queryParams && endpoint.queryParams.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ApiParams, { title: "Query Parameters", params: endpoint.queryParams }),
-            allHeaders.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Headers" }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "space-y-2", children: allHeaders.map((header, idx) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("code", { className: "text-sm font-mono text-foreground", children: header.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs text-muted-foreground", children: header.value })
-                ] }),
-                header.description && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-muted-foreground", children: header.description })
-              ] }, idx)) })
-            ] }),
-            endpoint.body && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Request Body" }),
-              endpoint.body.description && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: endpoint.body.description }),
-              endpoint.body.example && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                CodeBlock,
-                {
-                  code: typeof endpoint.body.example === "string" ? endpoint.body.example : JSON.stringify(endpoint.body.example, null, 2),
-                  language: "json"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Responses" }),
-              endpoint.successResponse && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                ApiResponse,
-                {
-                  status: endpoint.successResponse.status,
-                  description: endpoint.successResponse.description,
-                  example: endpoint.successResponse.example,
-                  schema: endpoint.successResponse.schema
-                }
-              ),
-              endpoint.errorResponses?.map((response, idx) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                ApiResponse,
-                {
-                  status: response.status,
-                  description: response.description,
-                  example: response.example,
-                  schema: response.schema
-                },
-                idx
-              ))
-            ] }),
-            endpoint.examples && endpoint.examples.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Examples" }),
-              endpoint.examples.map((example, idx) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mb-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: example.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CodeBlock, { code: example.code, language: example.language })
-              ] }, idx))
-            ] }),
-            showPlayground && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-              ApiPlayground,
-              {
-                method: endpoint.method,
-                path: endpoint.path,
-                baseUrl: apiSpec.baseUrl,
-                headers: Object.fromEntries(allHeaders.map((h) => [h.name, h.value])),
-                pathParams: endpoint.pathParams,
-                defaultBody: endpoint.body?.example ? typeof endpoint.body.example === "string" ? endpoint.body.example : JSON.stringify(endpoint.body.example, null, 2) : void 0
-              }
-            )
-          ] })
-        },
-        index
-      );
-    }) })
-  ] });
-}
-
-// src/components/docs/mdx-components.tsx
-var mdxComponents = {
-  ...createMdxPrimitives({ CodeBlock }),
-  CodeBlock,
-  Callout,
-  Accordion,
-  AccordionItem,
-  Tabs,
-  Tab,
-  Image,
-  Video,
-  Card,
-  CardGrid,
-  ImageCard,
-  ImageCardGrid,
-  Steps,
-  Step,
-  Icon,
-  Mermaid,
-  Math: Math2,
-  Columns,
-  Column,
-  Badge,
-  Tooltip,
-  Frame,
-  ApiEndpoint,
-  ApiParams,
-  ApiResponse,
-  ApiPlayground,
-  ApiReference
-};
-
-// src/mdx-components-server.tsx
-var import_components = require("./components/index");
-var mdxComponents2 = {
-  ...createMdxPrimitives({ CodeBlock: import_components.CodeBlock }),
-  CodeBlock: import_components.CodeBlock,
-  Callout: import_components.Callout,
-  Accordion: import_components.Accordion,
-  AccordionItem: import_components.AccordionItem,
-  Tabs: import_components.Tabs,
-  Tab: import_components.Tab,
-  Image: import_components.Image,
-  Video: import_components.Video,
-  Card: import_components.Card,
-  CardGrid: import_components.CardGrid,
-  ImageCard: import_components.ImageCard,
-  ImageCardGrid: import_components.ImageCardGrid,
-  Steps: import_components.Steps,
-  Step: import_components.Step,
-  Icon: import_components.Icon,
-  Mermaid: import_components.Mermaid,
-  Math: import_components.Math,
-  Columns: import_components.Columns,
-  Column: import_components.Column,
-  Badge: import_components.Badge,
-  Tooltip: import_components.Tooltip,
-  Frame: import_components.Frame,
-  ApiEndpoint: import_components.ApiEndpoint,
-  ApiParams: import_components.ApiParams,
-  ApiResponse: import_components.ApiResponse,
-  ApiPlayground: import_components.ApiPlayground,
-  ApiReference: import_components.ApiReference
-};
-
-// src/mdx-components.tsx
-function useMDXComponents(components) {
-  return {
-    ...mdxComponents,
-    ...components
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  mdxComponents,
-  useMDXComponents
-});
-//# sourceMappingURL=mdx-components.js.map