specra 0.1.13 → 0.2.0

package/dist/chunk-D5VDVYFY.mjs

@@ -1,1325 +0,0 @@
-import {
-  cn,
-  parseApiSpec
-} from "./chunk-XEMGCPZZ.mjs";
-
-// src/components/docs/accordion.tsx
-import * as React from "react";
-import { ChevronDown } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function AccordionItem({ title, children, defaultOpen = false }) {
-  const [isOpen, setIsOpen] = React.useState(defaultOpen);
-  return /* @__PURE__ */ jsxs("div", { className: "border border-border rounded-xl overflow-hidden mb-2", children: [
-    /* @__PURE__ */ 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__ */ jsx("span", { className: "font-medium text-foreground", children: title }),
-          /* @__PURE__ */ jsx(
-            ChevronDown,
-            {
-              className: `h-5 w-5 text-muted-foreground transition-transform ${isOpen ? "rotate-180" : ""}`
-            }
-          )
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ jsx("div", { className: "p-4 border-t border-border bg-background", children: /* @__PURE__ */ 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__ */ jsx("div", { className: className || "my-6 space-y-2", children });
-}
-
-// src/components/docs/badge.tsx
-import { jsx as jsx2 } from "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__ */ jsx2(
-    "span",
-    {
-      className: `inline-flex items-center px-2 py-0.5 rounded-md text-xs font-medium border ${variants[variant]}`,
-      children
-    }
-  );
-}
-
-// src/components/docs/callout.tsx
-import { cloneElement, isValidElement } from "react";
-import { Info, AlertTriangle, CheckCircle2, XCircle, Lightbulb } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function Callout({ children, type = "info", title }) {
-  const configs = {
-    info: {
-      icon: 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: 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: 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: 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: 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: 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: 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 Icon2 = 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 && isValidElement(child)) {
-              const newChildren = child.props.children.filter((c) => c !== strongChild);
-              const childProps = child.props;
-              return cloneElement(child, { ...childProps, children: newChildren });
-            }
-            return child;
-          });
-        }
-      }
-    }
-  }
-  return /* @__PURE__ */ jsxs2("div", { className: `flex gap-3 p-4 rounded-xl border my-2 ${config.className}`, children: [
-    /* @__PURE__ */ jsx3("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ jsx3(Icon2, { className: `h-5 w-5 ${config.iconClassName}` }) }),
-    /* @__PURE__ */ jsxs2("div", { className: "flex-1 space-y-0", children: [
-      /* @__PURE__ */ jsx3("div", { className: `font-semibold text-sm ${config.titleClassName}`, children: _title }),
-      /* @__PURE__ */ jsx3("div", { className: "text-sm leading-relaxed [&>p]:mb-0 [&>p]:text-current", children: content })
-    ] })
-  ] });
-}
-
-// src/components/docs/icon.tsx
-import * as LucideIcons from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function Icon({ icon, iconType = "regular", color, size = 20, className = "" }) {
-  if (typeof icon !== "string") {
-    return /* @__PURE__ */ jsx4("span", { className: `inline-flex items-center ${className}`, style: { color }, children: icon });
-  }
-  if (icon.startsWith("http") || icon.startsWith("/")) {
-    return /* @__PURE__ */ jsx4(
-      "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__ */ jsx4(
-      "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__ */ jsx4(
-      LucideIcon,
-      {
-        size,
-        className: `inline-block ${className}`,
-        style: { color },
-        "aria-hidden": "true"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs3("span", { className: `inline-flex items-center font-mono text-xs ${className}`, style: { color }, children: [
-    "[",
-    icon,
-    "]"
-  ] });
-}
-
-// src/components/docs/card.tsx
-import { ArrowRight, ExternalLink } from "lucide-react";
-import Link from "next/link";
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function Card({ title, description, href, icon, children, external = false }) {
-  const content = /* @__PURE__ */ jsx5(Fragment, { children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
-    icon && /* @__PURE__ */ jsx5("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__ */ jsx5(Icon, { icon, size: 20 }) : icon }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx5("h3", { className: `font-semibold text-foreground mb-1 no-underline ${href ? "group-hover:text-primary transition-colors" : ""}`, children: title }),
-      description && /* @__PURE__ */ jsx5("p", { className: "text-sm text-muted-foreground line-clamp-2 no-underline", children: description }),
-      children && /* @__PURE__ */ jsx5("div", { className: "mt-2 text-sm text-muted-foreground no-underline", children })
-    ] }),
-    href && /* @__PURE__ */ jsx5("div", { className: "shrink-0 self-start mt-1", children: external ? /* @__PURE__ */ jsx5(ExternalLink, { className: "h-4 w-4 text-muted-foreground group-hover:text-primary transition-colors" }) : /* @__PURE__ */ jsx5(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" : Link;
-    return /* @__PURE__ */ jsx5(
-      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__ */ jsx5("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__ */ jsx5("div", { className: `grid ${gridCols[cols]} gap-4 my-6`, children });
-}
-
-// src/components/docs/code-block.tsx
-import { useState as useState2 } from "react";
-import { Check, Copy } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function CodeBlock({ code, language, filename }) {
-  const [copied, setCopied] = useState2(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__ */ jsxs5("div", { className: `table-row ${diffBgClass}`, children: [
-        /* @__PURE__ */ jsx6("span", { className: "table-cell pr-4 text-right select-none text-muted-foreground/40 w-8 align-top", children: i + 1 }),
-        /* @__PURE__ */ jsx6("span", { className: "table-cell align-top", children: tokens.length === 0 ? /* @__PURE__ */ jsx6("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__ */ jsxs5("span", { children: [
-              /* @__PURE__ */ jsx6("span", { className: `${diffMarkerClass} font-bold`, children: marker }),
-              rest && /* @__PURE__ */ jsx6("span", { className: `token-${token.type}`, children: rest })
-            ] }, j);
-          }
-          return /* @__PURE__ */ jsx6("span", { className: `token-${token.type}`, children: token.value }, j);
-        }) })
-      ] }, i);
-    });
-  };
-  return /* @__PURE__ */ jsxs5("div", { className: "relative group my-2", children: [
-    /* @__PURE__ */ jsxs5("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__ */ jsxs5("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx6("div", { className: "w-3 h-3 rounded-full bg-red-500/80 dark:bg-red-500/60" }),
-          /* @__PURE__ */ jsx6("div", { className: "w-3 h-3 rounded-full bg-yellow-500/80 dark:bg-yellow-500/60" }),
-          /* @__PURE__ */ jsx6("div", { className: "w-3 h-3 rounded-full bg-green-500/80 dark:bg-green-500/60" })
-        ] }),
-        /* @__PURE__ */ jsx6("span", { className: "text-xs font-mono text-foreground", children: filename || "Code" })
-      ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx6("span", { className: "text-xs text-muted-foreground/60 font-mono uppercase tracking-wide", children: language }),
-        /* @__PURE__ */ jsx6(
-          "button",
-          {
-            onClick: handleCopy,
-            className: "p-1.5 rounded-md hover:bg-muted/50 transition-colors",
-            "aria-label": "Copy code",
-            children: copied ? /* @__PURE__ */ jsx6(Check, { className: "h-4 w-4 text-green-400" }) : /* @__PURE__ */ jsx6(Copy, { className: "h-4 w-4 text-muted-foreground" })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx6("div", { className: "bg-gray-200/50 dark:bg-[#0d1117] rounded-b-xl overflow-x-auto border border-border/50", children: /* @__PURE__ */ jsx6("pre", { className: "p-2 text-[13px] font-mono leading-relaxed text-gray-800 dark:text-gray-200", children: /* @__PURE__ */ jsx6("code", { className: "table w-full", children: highlightCode(code, language) }) }) })
-  ] });
-}
-
-// src/components/docs/columns.tsx
-import { jsx as jsx7 } from "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__ */ jsx7("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__ */ jsx7("div", { className: spanClass[span], children });
-}
-
-// src/components/docs/frame.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-function Frame({ src, title = "Embedded content", height = 500, width = "100%" }) {
-  return /* @__PURE__ */ jsx8("div", { className: "my-6 rounded-xl border border-border overflow-hidden bg-muted/30", children: /* @__PURE__ */ jsx8(
-    "iframe",
-    {
-      src,
-      title,
-      width,
-      height,
-      className: "w-full",
-      loading: "lazy",
-      sandbox: "allow-scripts allow-same-origin allow-forms allow-popups"
-    }
-  ) });
-}
-
-// src/components/docs/image-card.tsx
-import NextImage from "next/image";
-import Link2 from "next/link";
-import { jsx as jsx9, jsxs as jsxs6 } from "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__ */ jsxs6("div", { className: "flex flex-col gap-0 p-0", children: [
-    /* @__PURE__ */ jsx9("div", { className: `w-full ${aspectRatios[aspectRatio]} overflow-hidden ${title || description ? "rounded-t-xl" : "rounded-xl"} bg-muted relative`, children: /* @__PURE__ */ jsx9(
-      NextImage,
-      {
-        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__ */ jsxs6("div", { className: "p-3 flex flex-col gap-1", children: [
-      title && /* @__PURE__ */ jsx9("h3", { className: `font-semibold text-foreground mb-0 no-underline ${href ? "group-hover:text-primary transition-colors" : ""}`, children: title }),
-      description && /* @__PURE__ */ jsx9("p", { className: "text-sm text-muted-foreground line-clamp-2 no-underline mb-0", children: description })
-    ] })
-  ] });
-  if (href) {
-    const Component = external ? "a" : Link2;
-    return /* @__PURE__ */ jsx9(
-      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__ */ jsx9("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__ */ jsx9("div", { className: `grid ${gridCols[cols]} gap-4 my-6`, children });
-}
-
-// src/components/docs/image.tsx
-import NextImage2 from "next/image";
-import { useState as useState3 } from "react";
-import { ZoomIn, X } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-function Image({ src, alt, caption, width, height, zoom = true }) {
-  const [isZoomed, setIsZoomed] = useState3(false);
-  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
-    /* @__PURE__ */ jsxs7("figure", { className: "my-6", children: [
-      /* @__PURE__ */ jsxs7("div", { className: "relative group rounded-xl border border-border overflow-hidden bg-muted/30", children: [
-        /* @__PURE__ */ jsx10(
-          NextImage2,
-          {
-            src,
-            alt,
-            width: width || 1200,
-            height: height || 675,
-            className: "w-full h-auto"
-          }
-        ),
-        zoom && /* @__PURE__ */ jsx10(
-          "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__ */ jsx10(ZoomIn, { className: "h-4 w-4 text-foreground" })
-          }
-        )
-      ] }),
-      caption && /* @__PURE__ */ jsx10("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
-    ] }),
-    isZoomed && /* @__PURE__ */ jsxs7(
-      "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__ */ jsx10(
-            "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__ */ jsx10(X, { className: "h-5 w-5 text-foreground" })
-            }
-          ),
-          /* @__PURE__ */ jsx10("div", { className: "max-w-7xl max-h-[90vh] overflow-auto", children: /* @__PURE__ */ jsx10(
-            NextImage2,
-            {
-              src,
-              alt,
-              width: width || 1920,
-              height: height || 1080,
-              className: "w-full h-auto"
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-}
-
-// src/components/docs/math.tsx
-import { useEffect, useRef } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-function Math2({ children, block = false }) {
-  const containerRef = useRef(null);
-  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__ */ jsx11(
-      "div",
-      {
-        ref: containerRef,
-        className: "my-6 overflow-x-auto text-center"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx11("span", { ref: containerRef, className: "inline-block" });
-}
-
-// src/components/docs/mermaid.tsx
-import { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
-function Mermaid({ chart, caption }) {
-  const containerRef = useRef2(null);
-  const [error, setError] = useState4(null);
-  useEffect2(() => {
-    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__ */ jsx12("div", { className: "my-6 p-4 rounded-xl border border-red-500/50 bg-red-500/10", children: /* @__PURE__ */ jsxs8("p", { className: "text-sm text-red-600 dark:text-red-400 font-mono", children: [
-      "Mermaid Error: ",
-      error
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxs8("figure", { className: "my-6", children: [
-    /* @__PURE__ */ jsx12(
-      "div",
-      {
-        ref: containerRef,
-        className: "flex justify-center items-center p-6 rounded-xl border border-border bg-muted/30 overflow-x-auto"
-      }
-    ),
-    caption && /* @__PURE__ */ jsx12("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
-  ] });
-}
-
-// src/components/docs/steps.tsx
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
-function Steps({ children }) {
-  return /* @__PURE__ */ jsx13("div", { className: "my-6 ml-4 space-y-6 [counter-reset:step]", children });
-}
-function Step({ title, children }) {
-  return /* @__PURE__ */ jsxs9("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__ */ jsx13("div", { className: "mb-2", children: /* @__PURE__ */ jsx13("h3", { className: "text-lg font-semibold text-foreground", children: title }) }),
-    /* @__PURE__ */ jsx13("div", { className: "prose prose-sm dark:prose-invert max-w-none [&>*:last-child]:mb-0", children })
-  ] });
-}
-
-// src/components/docs/tabs.tsx
-import { useState as useState5, Children, isValidElement as isValidElement2 } from "react";
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
-function Tab({ children }) {
-  return /* @__PURE__ */ jsx14(Fragment3, { children });
-}
-function Tabs({ children, defaultValue }) {
-  const tabs = Children.toArray(children).filter(isValidElement2);
-  const firstTabLabel = tabs[0]?.props.label || "";
-  const [activeTab, setActiveTab] = useState5(defaultValue || firstTabLabel);
-  return /* @__PURE__ */ jsxs10("div", { className: "my-6", children: [
-    /* @__PURE__ */ jsx14("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__ */ jsx14(
-        "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__ */ jsx14("div", { className: "prose prose-slate dark:prose-invert max-w-none [&>*:first-child]:mt-0", children: tab.props.children }, label);
-    })
-  ] });
-}
-
-// src/components/docs/tooltip.tsx
-import { useState as useState6 } from "react";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
-function Tooltip({ children, content, position = "top" }) {
-  const [isVisible, setIsVisible] = useState6(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__ */ jsxs11(
-    "span",
-    {
-      className: "relative inline-flex underline decoration-dotted cursor-help",
-      onMouseEnter: () => setIsVisible(true),
-      onMouseLeave: () => setIsVisible(false),
-      children: [
-        children,
-        isVisible && /* @__PURE__ */ jsx15(
-          "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/video.tsx
-import { jsx as jsx16, jsxs as jsxs12 } from "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__ */ jsxs12("figure", { className: "my-6", children: [
-    /* @__PURE__ */ jsx16("div", { className: "relative rounded-xl border border-border overflow-hidden bg-muted/30", children: isYouTube ? /* @__PURE__ */ jsx16("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ jsx16(
-      "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__ */ jsx16("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ jsx16(
-      "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__ */ jsx16(
-      "video",
-      {
-        src,
-        controls,
-        autoPlay: autoplay,
-        loop,
-        muted,
-        poster,
-        className: "w-full h-auto",
-        children: "Your browser does not support the video tag."
-      }
-    ) }),
-    caption && /* @__PURE__ */ jsx16("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
-  ] });
-}
-
-// src/components/docs/api/api-endpoint.tsx
-import { useState as useState7 } from "react";
-import { ChevronDown as ChevronDown2 } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs13 } from "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] = useState7(defaultOpen);
-  return /* @__PURE__ */ jsxs13("div", { className: "not-prose mb-4 rounded-xl border border-border overflow-hidden", children: [
-    /* @__PURE__ */ jsxs13(
-      "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__ */ jsx17(
-            "span",
-            {
-              className: cn(
-                "text-xs font-semibold px-2 py-0.5 rounded",
-                methodColors[method]
-              ),
-              children: method
-            }
-          ),
-          /* @__PURE__ */ jsx17("code", { className: "text-sm font-mono", children: path }),
-          summary && /* @__PURE__ */ jsx17("span", { className: "text-sm text-muted-foreground ml-auto mr-2", children: summary }),
-          /* @__PURE__ */ jsx17(
-            ChevronDown2,
-            {
-              className: cn(
-                "h-5 w-5 text-muted-foreground transition-transform flex-shrink-0",
-                isOpen ? "rotate-180" : ""
-              )
-            }
-          )
-        ]
-      }
-    ),
-    isOpen && children && /* @__PURE__ */ jsx17("div", { className: "border-t border-border bg-background", children: /* @__PURE__ */ jsx17("div", { className: "px-4 py-4 space-y-6", children }) })
-  ] });
-}
-
-// src/components/docs/api/api-params.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
-function ApiParams({ title = "Parameters", params }) {
-  if (!params || params.length === 0) return null;
-  return /* @__PURE__ */ jsxs14("div", { className: "mb-6", children: [
-    /* @__PURE__ */ jsx18("h4", { className: "text-sm font-semibold text-foreground mb-3", children: title }),
-    /* @__PURE__ */ jsx18("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs14("table", { className: "w-full border-collapse", children: [
-      /* @__PURE__ */ jsx18("thead", { children: /* @__PURE__ */ jsxs14("tr", { className: "border-b border-border", children: [
-        /* @__PURE__ */ jsx18("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Property" }),
-        /* @__PURE__ */ jsx18("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Type" }),
-        /* @__PURE__ */ jsx18("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Required" }),
-        /* @__PURE__ */ jsx18("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Default" }),
-        /* @__PURE__ */ jsx18("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Description" })
-      ] }) }),
-      /* @__PURE__ */ jsx18("tbody", { children: params.map((param, index) => /* @__PURE__ */ jsxs14(
-        "tr",
-        {
-          className: index !== params.length - 1 ? "border-b border-border/50" : "",
-          children: [
-            /* @__PURE__ */ jsx18("td", { className: "py-2.5 px-3", children: /* @__PURE__ */ jsx18("code", { className: "text-sm font-mono text-foreground", children: param.name }) }),
-            /* @__PURE__ */ jsx18("td", { className: "py-2.5 px-3", children: /* @__PURE__ */ jsx18("span", { className: "text-sm text-muted-foreground font-mono", children: param.type }) }),
-            /* @__PURE__ */ jsx18("td", { className: "py-2.5 px-3", children: param.required ? /* @__PURE__ */ jsx18("span", { className: "text-sm text-red-600 dark:text-red-400", children: "Yes" }) : /* @__PURE__ */ jsx18("span", { className: "text-sm text-muted-foreground", children: "No" }) }),
-            /* @__PURE__ */ jsx18("td", { className: "py-2.5 px-3", children: param.default ? /* @__PURE__ */ jsx18("code", { className: "text-sm font-mono text-muted-foreground", children: param.default }) : /* @__PURE__ */ jsx18("span", { className: "text-sm text-muted-foreground", children: "-" }) }),
-            /* @__PURE__ */ jsx18("td", { className: "py-2.5 px-3", children: param.description ? /* @__PURE__ */ jsx18("span", { className: "text-sm text-muted-foreground", children: param.description }) : /* @__PURE__ */ jsx18("span", { className: "text-sm text-muted-foreground", children: "-" }) })
-          ]
-        },
-        param.name
-      )) })
-    ] }) })
-  ] });
-}
-
-// src/components/docs/api/api-response.tsx
-import { jsx as jsx19, jsxs as jsxs15 } from "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__ */ jsxs15("div", { className: "mb-4", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 mb-2", children: [
-      /* @__PURE__ */ jsx19("span", { className: `text-sm font-semibold ${statusClass}`, children: status }),
-      description && /* @__PURE__ */ jsx19("span", { className: "text-sm text-muted-foreground", children: description })
-    ] }),
-    example && /* @__PURE__ */ jsxs15("div", { className: "mb-3", children: [
-      /* @__PURE__ */ jsx19("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: "Example Response" }),
-      /* @__PURE__ */ jsx19(
-        CodeBlock,
-        {
-          code: typeof example === "string" ? example : JSON.stringify(example, null, 2),
-          language: "json"
-        }
-      )
-    ] }),
-    schema && /* @__PURE__ */ jsxs15("div", { children: [
-      /* @__PURE__ */ jsx19("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: "Schema" }),
-      /* @__PURE__ */ jsx19(
-        CodeBlock,
-        {
-          code: typeof schema === "string" ? schema : JSON.stringify(schema, null, 2),
-          language: "json"
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/ui/button.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { jsx as jsx20 } from "react/jsx-runtime";
-var buttonVariants = 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 ? Slot : "button";
-  return /* @__PURE__ */ jsx20(
-    Comp,
-    {
-      "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/input.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx21(
-    "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
-import { jsx as jsx22 } from "react/jsx-runtime";
-function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
-    "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
-import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var badgeVariants = cva2(
-  "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 ? Slot2 : "span";
-  return /* @__PURE__ */ jsx23(
-    Comp,
-    {
-      "data-slot": "badge",
-      className: cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-
-// src/components/docs/api/api-playground.tsx
-import { useState as useState8, useMemo } from "react";
-import { Play, Loader2 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
-function ApiPlayground({
-  method,
-  path,
-  baseUrl = "",
-  headers = {},
-  defaultBody,
-  pathParams = []
-}) {
-  const [loading, setLoading] = useState8(false);
-  const [response, setResponse] = useState8(null);
-  const [error, setError] = useState8(null);
-  const [requestBody, setRequestBody] = useState8(defaultBody || "");
-  const initialHeaders = useMemo(() => {
-    const cleanHeaders = {};
-    Object.entries(headers).forEach(([key, value]) => {
-      cleanHeaders[key] = value || "";
-    });
-    return cleanHeaders;
-  }, [headers]);
-  const [requestHeaders, setRequestHeaders] = useState8(JSON.stringify(initialHeaders, null, 2));
-  const extractedParams = 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] = useState8(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__ */ jsxs16("div", { className: "not-prose border border-border rounded-lg overflow-hidden bg-card/30", children: [
-    /* @__PURE__ */ jsx24("div", { className: "bg-muted/50 px-4 py-2 border-b border-border", children: /* @__PURE__ */ jsx24("h4", { className: "text-sm font-semibold text-foreground", children: "API Playground" }) }),
-    /* @__PURE__ */ jsxs16("div", { className: "p-4 space-y-4", children: [
-      Object.keys(pathParamValues).length > 0 && /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx24("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Path Parameters" }),
-        /* @__PURE__ */ jsx24("div", { className: "space-y-2", children: Object.entries(pathParamValues).map(([paramName, paramValue]) => {
-          const paramConfig = pathParams.find((p) => p.name === paramName);
-          return /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxs16("span", { className: "text-xs text-muted-foreground min-w-[80px]", children: [
-              ":",
-              paramName
-            ] }),
-            /* @__PURE__ */ jsx24(
-              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__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx24("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Request URL" }),
-        /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx24(Badge2, { variant: "outline", className: "font-mono", children: method }),
-          /* @__PURE__ */ jsx24(Input, { value: buildUrl(), readOnly: true, className: "font-mono text-sm" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx24("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Headers (JSON)" }),
-        /* @__PURE__ */ jsx24(
-          Textarea,
-          {
-            value: requestHeaders,
-            onChange: (e) => setRequestHeaders(e.target.value),
-            className: "font-mono text-sm",
-            rows: 4
-          }
-        )
-      ] }),
-      method !== "GET" && method !== "DELETE" && /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx24("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Request Body (JSON)" }),
-        /* @__PURE__ */ jsx24(
-          Textarea,
-          {
-            value: requestBody,
-            onChange: (e) => setRequestBody(e.target.value),
-            className: "font-mono text-sm",
-            rows: 6,
-            placeholder: '{\\n  "key": "value"\\n}'
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx24(Button, { onClick: handleSend, disabled: loading, className: "w-full", children: loading ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
-        /* @__PURE__ */ jsx24(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
-        "Sending..."
-      ] }) : /* @__PURE__ */ jsxs16(Fragment4, { children: [
-        /* @__PURE__ */ jsx24(Play, { className: "mr-2 h-4 w-4" }),
-        "Send Request"
-      ] }) }),
-      response && /* @__PURE__ */ jsxs16("div", { className: "mt-4", children: [
-        /* @__PURE__ */ jsxs16("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: [
-          "Response (",
-          response.status,
-          " ",
-          response.statusText,
-          ")"
-        ] }),
-        /* @__PURE__ */ jsx24(CodeBlock, { code: JSON.stringify(response.body, null, 2), language: "json" })
-      ] }),
-      error && /* @__PURE__ */ jsx24("div", { className: "mt-4 p-3 bg-red-500/10 border border-red-500/20 rounded-md", children: /* @__PURE__ */ jsx24("p", { className: "text-sm text-red-600 dark:text-red-400", children: error }) })
-    ] })
-  ] });
-}
-
-// src/components/docs/api/api-reference.tsx
-import { useState as useState9, useEffect as useEffect3 } from "react";
-import { Loader2 as Loader22 } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
-function ApiReference({ spec, parser = "auto", showPlayground = true }) {
-  const [apiSpec, setApiSpec] = useState9(null);
-  const [loading, setLoading] = useState9(true);
-  const [error, setError] = useState9(null);
-  useEffect3(() => {
-    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__ */ jsxs17("div", { className: "flex items-center justify-center py-12", children: [
-      /* @__PURE__ */ jsx25(Loader22, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
-      /* @__PURE__ */ jsx25("span", { className: "ml-2 text-muted-foreground", children: "Loading API specification..." })
-    ] });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx25("div", { className: "rounded-lg border border-red-500/20 bg-red-500/10 p-4", children: /* @__PURE__ */ jsxs17("p", { className: "text-sm text-red-600 dark:text-red-400", children: [
-      "Error: ",
-      error
-    ] }) });
-  }
-  if (!apiSpec) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs17("div", { className: "space-y-6", children: [
-    (apiSpec.title || apiSpec.description) && /* @__PURE__ */ jsxs17("div", { className: "mb-8", children: [
-      apiSpec.title && /* @__PURE__ */ jsx25("h2", { className: "text-2xl font-semibold mb-2 text-foreground", children: apiSpec.title }),
-      apiSpec.description && /* @__PURE__ */ jsx25("p", { className: "text-muted-foreground", children: apiSpec.description }),
-      apiSpec.baseUrl && /* @__PURE__ */ jsxs17("div", { className: "mt-4", children: [
-        /* @__PURE__ */ jsx25("p", { className: "text-sm font-semibold text-muted-foreground mb-1", children: "Base URL" }),
-        /* @__PURE__ */ jsx25("code", { className: "text-sm px-2 py-1 bg-muted rounded", children: apiSpec.baseUrl })
-      ] })
-    ] }),
-    apiSpec.auth && /* @__PURE__ */ jsxs17("div", { className: "rounded-lg border border-border bg-card/30 p-4 mb-6", children: [
-      /* @__PURE__ */ jsx25("h3", { className: "text-lg font-semibold mb-2 text-foreground", children: "Authentication" }),
-      /* @__PURE__ */ jsx25("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__ */ jsx25(
-        CodeBlock,
-        {
-          code: `Authorization: ${apiSpec.auth.tokenPrefix || "Bearer"} {YOUR_TOKEN}`,
-          language: "bash"
-        }
-      ),
-      apiSpec.auth.type === "apiKey" && /* @__PURE__ */ jsx25(
-        CodeBlock,
-        {
-          code: `${apiSpec.auth.headerName || "X-API-Key"}: {YOUR_API_KEY}`,
-          language: "bash"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx25(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__ */ jsx25(
-        AccordionItem,
-        {
-          value: `endpoint-${index}`,
-          title: /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx25(
-              "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__ */ jsx25("code", { className: "text-sm font-mono", children: endpoint.path }),
-            /* @__PURE__ */ jsx25("span", { className: "text-sm text-muted-foreground ml-auto", children: endpoint.title })
-          ] }),
-          children: /* @__PURE__ */ jsxs17("div", { className: "space-y-6 pt-4", children: [
-            endpoint.description && /* @__PURE__ */ jsx25("p", { className: "text-sm text-muted-foreground", children: endpoint.description }),
-            endpoint.pathParams && endpoint.pathParams.length > 0 && /* @__PURE__ */ jsx25(ApiParams, { title: "Path Parameters", params: endpoint.pathParams }),
-            endpoint.queryParams && endpoint.queryParams.length > 0 && /* @__PURE__ */ jsx25(ApiParams, { title: "Query Parameters", params: endpoint.queryParams }),
-            allHeaders.length > 0 && /* @__PURE__ */ jsxs17("div", { children: [
-              /* @__PURE__ */ jsx25("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Headers" }),
-              /* @__PURE__ */ jsx25("div", { className: "space-y-2", children: allHeaders.map((header, idx) => /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx25("code", { className: "text-sm font-mono text-foreground", children: header.name }),
-                  /* @__PURE__ */ jsx25("span", { className: "text-xs text-muted-foreground", children: header.value })
-                ] }),
-                header.description && /* @__PURE__ */ jsx25("p", { className: "text-sm text-muted-foreground", children: header.description })
-              ] }, idx)) })
-            ] }),
-            endpoint.body && /* @__PURE__ */ jsxs17("div", { children: [
-              /* @__PURE__ */ jsx25("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Request Body" }),
-              endpoint.body.description && /* @__PURE__ */ jsx25("p", { className: "text-sm text-muted-foreground mb-2", children: endpoint.body.description }),
-              endpoint.body.example && /* @__PURE__ */ jsx25(
-                CodeBlock,
-                {
-                  code: typeof endpoint.body.example === "string" ? endpoint.body.example : JSON.stringify(endpoint.body.example, null, 2),
-                  language: "json"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs17("div", { children: [
-              /* @__PURE__ */ jsx25("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Responses" }),
-              endpoint.successResponse && /* @__PURE__ */ jsx25(
-                ApiResponse,
-                {
-                  status: endpoint.successResponse.status,
-                  description: endpoint.successResponse.description,
-                  example: endpoint.successResponse.example,
-                  schema: endpoint.successResponse.schema
-                }
-              ),
-              endpoint.errorResponses?.map((response, idx) => /* @__PURE__ */ jsx25(
-                ApiResponse,
-                {
-                  status: response.status,
-                  description: response.description,
-                  example: response.example,
-                  schema: response.schema
-                },
-                idx
-              ))
-            ] }),
-            endpoint.examples && endpoint.examples.length > 0 && /* @__PURE__ */ jsxs17("div", { children: [
-              /* @__PURE__ */ jsx25("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Examples" }),
-              endpoint.examples.map((example, idx) => /* @__PURE__ */ jsxs17("div", { className: "mb-3", children: [
-                /* @__PURE__ */ jsx25("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: example.title }),
-                /* @__PURE__ */ jsx25(CodeBlock, { code: example.code, language: example.language })
-              ] }, idx))
-            ] }),
-            showPlayground && /* @__PURE__ */ jsx25(
-              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
-      );
-    }) })
-  ] });
-}
-
-export {
-  AccordionItem,
-  Accordion,
-  Badge,
-  Callout,
-  Icon,
-  Card,
-  CardGrid,
-  CodeBlock,
-  Columns,
-  Column,
-  Frame,
-  ImageCard,
-  ImageCardGrid,
-  Image,
-  Math2 as Math,
-  Mermaid,
-  Steps,
-  Step,
-  Tab,
-  Tabs,
-  Tooltip,
-  Video,
-  ApiEndpoint,
-  ApiParams,
-  ApiResponse,
-  buttonVariants,
-  Button,
-  Input,
-  Textarea,
-  badgeVariants,
-  Badge2,
-  ApiPlayground,
-  ApiReference
-};
-//# sourceMappingURL=chunk-D5VDVYFY.mjs.map