zudoku 0.0.0-e101786 → 0.0.0-e20b2e4

package/lib/index-CZjcfK-H.js

@@ -0,0 +1,2063 @@
+var pt = Object.defineProperty;
+var qe = (t) => {
+  throw TypeError(t);
+};
+var ht = (t, a, s) => a in t ? pt(t, a, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[a] = s;
+var Y = (t, a, s) => ht(t, typeof a != "symbol" ? a + "" : a, s), xt = (t, a, s) => a.has(t) || qe("Cannot " + s);
+var ee = (t, a, s) => (xt(t, a, "read from private field"), s ? s.call(t) : a.get(t)), te = (t, a, s) => a.has(t) ? qe("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, s);
+import { j as e } from "./jsx-runtime-Bdg6XQ1m.js";
+import { s as ae } from "./index-CjJS0l4l.js";
+import { Circle as ft, ChevronRightIcon as z, CheckIcon as gt, DotIcon as yt, Check as vt, Search as jt, XIcon as bt, ChevronDownIcon as Nt, InfoIcon as De, LogInIcon as wt, CirclePlayIcon as Ct } from "lucide-react";
+import { m as Tt, r as $t } from "./chunk-SYFQ2XB5-QijJrSf0.js";
+import { m as St, o as Pt, p as kt, k as Rt } from "./hook-Dnj3SwPC.js";
+import { Button as _ } from "./ui/Button.js";
+import { j as R } from "./joinUrl-nLx9pD-Z.js";
+import { Z as It } from "./invariant-Caa8-XvF.js";
+import { VisuallyHidden as Ot } from "@radix-ui/react-visually-hidden";
+import * as f from "react";
+import { Fragment as I, useRef as q, useEffect as ue, useState as H, useCallback as Et, useTransition as At } from "react";
+import { V as $, T as qt, D as Dt, b as Lt, a as Vt, c as Ft } from "./index-B7mqiOei.js";
+import { S as Me, a as Ue, b as _e, c as Je, e as M, u as zt } from "./Select-NSz0gku6.js";
+import { b as pe, u as he, C as O, a as Ht, F as Gt } from "./index.esm-CrSoEshU.js";
+import { c as xe } from "./index-Djenk2Hj.js";
+import { c as u } from "./cn-qaFjX9_3.js";
+import * as Qe from "@radix-ui/react-label";
+import * as G from "@radix-ui/react-radio-group";
+import { Card as fe, CardHeader as Bt, CardTitle as Mt, CardContent as Ut } from "./ui/Card.js";
+import { Tabs as We, TabsList as Ze, TabsTrigger as E, TabsContent as A } from "./ui/Tabs.js";
+import { z as _t, S as Jt } from "./SyntaxHighlight-B0L4SC_N.js";
+import { B as U, S as Qt } from "./Spinner-BlzrEEk1.js";
+import * as b from "@radix-ui/react-dropdown-menu";
+import * as ie from "@radix-ui/react-checkbox";
+import * as J from "@radix-ui/react-popover";
+import { PopoverAnchor as Wt } from "@radix-ui/react-popover";
+import { Input as ge } from "./ui/Input.js";
+import { Slot as Zt } from "@radix-ui/react-slot";
+import { Callout as Kt } from "./ui/Callout.js";
+import { Collapsible as Le, CollapsibleTrigger as Ve, CollapsibleContent as Fe } from "./ui/Collapsible.js";
+import * as ye from "@radix-ui/react-collapsible";
+let se;
+const Xt = (t) => {
+  var a;
+  if ((a = t.errors) != null && a[0])
+    throw new It(t.errors[0].message, {
+      developerHint: "Check your configuration value `apis.type` and `apis.input` in the Zudoku config."
+    });
+};
+var Z, K;
+class Yt {
+  constructor(a) {
+    te(this, Z, async () => (se || (se = import("./createServer-ZDNGmPfQ.js").then(
+      (a) => a.createServer(this.config)
+    )), se));
+    te(this, K, async (a) => this.config.server ? fetch(this.config.server, a) : (await ee(this, Z).call(this)).fetch("http://localhost/graphql", a));
+    Y(this, "fetch", async (a, ...[s]) => {
+      var l;
+      const n = (l = a.match(/query (\w+)/)) == null ? void 0 : l[1], o = await ee(this, K).call(this, {
+        method: "POST",
+        body: JSON.stringify({ query: a, variables: s, operationName: n }),
+        headers: { "Content-Type": "application/json" }
+      });
+      if (!o.ok)
+        throw new Error("Network response was not ok");
+      const d = await o.json();
+      return Xt(d), d.data;
+    });
+    this.config = a;
+  }
+}
+Z = new WeakMap(), K = new WeakMap();
+class D extends String {
+  constructor(s, n) {
+    super(s);
+    Y(this, "__apiType");
+    this.value = s, this.__meta__ = n;
+  }
+  toString() {
+    return this.value;
+  }
+}
+const ea = new D(
+  `
+    fragment OperationsFragment on OperationItem {
+  slug
+  summary
+  method
+  description
+  operationId
+  contentTypes
+  path
+  parameters {
+    name
+    in
+    description
+    required
+    schema
+    style
+    examples {
+      name
+      description
+      externalValue
+      value
+      summary
+    }
+  }
+  requestBody {
+    content {
+      mediaType
+      encoding {
+        name
+      }
+      examples {
+        name
+        description
+        externalValue
+        value
+        summary
+      }
+      schema
+    }
+    description
+    required
+  }
+  responses {
+    statusCode
+    links
+    description
+    content {
+      examples {
+        name
+        description
+        externalValue
+        value
+        summary
+      }
+      mediaType
+      encoding {
+        name
+      }
+      schema
+    }
+  }
+}
+    `,
+  { fragmentName: "OperationsFragment" }
+), ta = new D(`
+    query ServersQuery($input: JSON!, $type: SchemaType!) {
+  schema(input: $input, type: $type) {
+    url
+    servers {
+      url
+    }
+  }
+}
+    `), aa = new D(`
+    query AllOperations($input: JSON!, $type: SchemaType!, $tag: String, $untagged: Boolean) {
+  schema(input: $input, type: $type) {
+    servers {
+      url
+    }
+    description
+    summary
+    title
+    url
+    version
+    tags(name: $tag) {
+      name
+      description
+    }
+    operations(tag: $tag, untagged: $untagged) {
+      slug
+      ...OperationsFragment
+    }
+  }
+}
+    fragment OperationsFragment on OperationItem {
+  slug
+  summary
+  method
+  description
+  operationId
+  contentTypes
+  path
+  parameters {
+    name
+    in
+    description
+    required
+    schema
+    style
+    examples {
+      name
+      description
+      externalValue
+      value
+      summary
+    }
+  }
+  requestBody {
+    content {
+      mediaType
+      encoding {
+        name
+      }
+      examples {
+        name
+        description
+        externalValue
+        value
+        summary
+      }
+      schema
+    }
+    description
+    required
+  }
+  responses {
+    statusCode
+    links
+    description
+    content {
+      examples {
+        name
+        description
+        externalValue
+        value
+        summary
+      }
+      mediaType
+      encoding {
+        name
+      }
+      schema
+    }
+  }
+}`), sa = new D(`
+    query getServerQuery($input: JSON!, $type: SchemaType!) {
+  schema(input: $input, type: $type) {
+    url
+    servers {
+      url
+    }
+  }
+}
+    `), na = new D(`
+    query GetCategories($input: JSON!, $type: SchemaType!) {
+  schema(input: $input, type: $type) {
+    url
+    tags {
+      name
+    }
+  }
+}
+    `), ra = new D(`
+    query GetOperations($input: JSON!, $type: SchemaType!, $tag: String) {
+  schema(input: $input, type: $type) {
+    operations(tag: $tag) {
+      slug
+      deprecated
+      method
+      summary
+      operationId
+      path
+      tags {
+        name
+      }
+    }
+    untagged: operations(untagged: true) {
+      slug
+      deprecated
+      method
+      summary
+      operationId
+      path
+    }
+  }
+}
+    `), oa = {
+  "\n  query ServersQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": ta,
+  "\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n      examples {\n        name\n        description\n        externalValue\n        value\n        summary\n      }\n    }\n    requestBody {\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        schema\n      }\n      description\n      required\n    }\n    responses {\n      statusCode\n      links\n      description\n      content {\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n    }\n  }\n": ea,
+  "\n  query AllOperations(\n    $input: JSON!\n    $type: SchemaType!\n    $tag: String\n    $untagged: Boolean\n  ) {\n    schema(input: $input, type: $type) {\n      servers {\n        url\n      }\n      description\n      summary\n      title\n      url\n      version\n      tags(name: $tag) {\n        name\n        description\n      }\n      operations(tag: $tag, untagged: $untagged) {\n        slug\n        ...OperationsFragment\n      }\n    }\n  }\n": aa,
+  "\n  query getServerQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": sa,
+  "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      tags {\n        name\n      }\n    }\n  }\n": na,
+  "\n  query GetOperations($input: JSON!, $type: SchemaType!, $tag: String) {\n    schema(input: $input, type: $type) {\n      operations(tag: $tag) {\n        slug\n        deprecated\n        method\n        summary\n        operationId\n        path\n        tags {\n          name\n        }\n      }\n      untagged: operations(untagged: true) {\n        slug\n        deprecated\n        method\n        summary\n        operationId\n        path\n      }\n    }\n  }\n": ra
+};
+function Ke(t) {
+  return oa[t] ?? {};
+}
+const la = xe(
+  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), de = f.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    ref: n,
+    role: "alert",
+    className: u(la({ variant: a }), t),
+    ...s
+  }
+));
+de.displayName = "Alert";
+const ce = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  "h5",
+  {
+    ref: s,
+    className: u("mb-1 font-medium leading-none tracking-tight", t),
+    ...a
+  }
+));
+ce.displayName = "AlertTitle";
+const me = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    ref: s,
+    className: u("text-sm [&_p]:leading-relaxed", t),
+    ...a
+  }
+));
+me.displayName = "AlertDescription";
+const ia = ({
+  path: t,
+  renderParam: a
+}) => {
+  let s = 0;
+  return t.split("/").map((n, o, d) => {
+    const l = Array.from(n.matchAll(/{([^}]+)}/g)), c = [];
+    let i = 0;
+    return l.forEach((p) => {
+      const [g, w] = p;
+      if (!w) return;
+      const j = p.index;
+      j > i && c.push(
+        /* @__PURE__ */ e.jsx(I, { children: n.slice(i, j) }, `text-${i}-${j}`)
+      ), c.push(
+        /* @__PURE__ */ e.jsx(I, { children: a({ name: w, originalValue: g, index: s++ }) }, `param-${w}`)
+      ), i = j + g.length;
+    }), i < n.length && c.push(
+      /* @__PURE__ */ e.jsx(I, { children: n.slice(i) }, `text-${i}-${n.length}`)
+    ), // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ e.jsxs(I, { children: [
+      c,
+      o < d.length - 1 && "/",
+      /* @__PURE__ */ e.jsx("wbr", {})
+    ] }, `${n}-${o}`);
+  });
+}, da = xe(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), V = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  Qe.Root,
+  {
+    ref: s,
+    className: u(da(), t),
+    ...a
+  }
+));
+V.displayName = Qe.Root.displayName;
+const ve = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  G.Root,
+  {
+    className: u("grid gap-2", t),
+    ...a,
+    ref: s
+  }
+));
+ve.displayName = G.Root.displayName;
+const Q = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  G.Item,
+  {
+    ref: s,
+    className: u(
+      "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      t
+    ),
+    ...a,
+    children: /* @__PURE__ */ e.jsx(G.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e.jsx(ft, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+  }
+));
+Q.displayName = G.Item.displayName;
+const Xe = f.forwardRef(
+  ({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+    "textarea",
+    {
+      className: u(
+        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        t
+      ),
+      ref: s,
+      ...a
+    }
+  )
+);
+Xe.displayName = "Textarea";
+const ne = (t) => Math.abs(
+  isNaN(parseInt(t)) ? t.toLowerCase().charCodeAt(0) - 96 : isNaN(parseInt(t)) ? 0 : parseInt(t)
+), re = (t) => t.length > 1 ? parseInt(t.split("").reduce((a, s) => `${ne(a) + ne(s)}`)) : ne(t), ze = (t, a = {}) => {
+  const s = (3 * re(t) + 2 * re(t) + re(t)) % 360, { saturation: n = 75, lightness: o = 60 } = a;
+  return `${s}deg ${n}% ${o}%`;
+}, oe = "data-linked-param", ca = (t) => {
+  const { resolvedTheme: a } = _t();
+  return {
+    text: ze(
+      t,
+      a === "light" ? { saturation: 95, lightness: 38 } : {}
+    ),
+    background: ze(
+      t,
+      a === "light" ? { saturation: 85, lightness: 40 } : {}
+    )
+  };
+}, Ye = ({
+  name: t,
+  className: a,
+  slug: s,
+  title: n,
+  children: o,
+  onClick: d
+}) => {
+  const l = q(null), c = s == null ? void 0 : s.replace(/[{}]/g, ""), i = t.replace(/[{}]/g, ""), { text: p, background: g } = ca(i), w = `hsl(${p} / 100%)`, j = `hsl(${g} / 10%)`, m = `hsl(${g} / 50%)`;
+  return ue(() => {
+    if (!c || !l.current) return;
+    const h = () => {
+      document.querySelectorAll(`[${oe}="${c}"]`).forEach((v) => {
+        v instanceof HTMLElement && (v.dataset.active = "true");
+      });
+    }, x = () => {
+      document.querySelectorAll(`[${oe}="${c}"]`).forEach((v) => {
+        v instanceof HTMLElement && (v.dataset.active = "false");
+      });
+    }, y = l.current;
+    return y.addEventListener("mouseenter", h), y.addEventListener("mouseleave", x), () => {
+      y.removeEventListener("mouseenter", h), y.removeEventListener("mouseleave", x);
+    };
+  }, [c]), /* @__PURE__ */ e.jsx(
+    "span",
+    {
+      [oe]: c,
+      className: u(
+        // This may not contain (inline-)flex or (inline-)block otherwise it breaks the browser's full text search
+        "relative rounded transition-all duration-100 rounded-lg",
+        "border border-[--border-color] p-0.5 text-[--param-color] bg-[--background-color]",
+        "data-[active=true]:border-[--param-color] data-[active=true]:shadow data-[active=true]:bottom-px",
+        a
+      ),
+      title: n,
+      suppressHydrationWarning: !0,
+      ref: l,
+      onClick: d,
+      style: {
+        "--param-color": w,
+        "--border-color": m,
+        "--background-color": j
+      },
+      children: o ?? t
+    }
+  );
+}, ma = (t, a, s) => {
+  const n = a.replace(/(:\w+|\{\w+})/g, (d) => {
+    var i;
+    const l = d.replace(/[:{}]/g, "");
+    return ((i = s.pathParams.find((p) => p.name === l)) == null ? void 0 : i.value) ?? d;
+  }), o = new URL(
+    n.replace(/^\//, ""),
+    t.endsWith("/") ? t : `${t}/`
+  );
+  return s.queryParams.filter((d) => d.active).forEach((d) => {
+    o.searchParams.set(d.name, d.value);
+  }), o;
+}, et = b.Root, tt = b.Trigger, ua = b.Group, pa = f.forwardRef(({ className: t, inset: a, children: s, ...n }, o) => /* @__PURE__ */ e.jsxs(
+  b.SubTrigger,
+  {
+    ref: o,
+    className: u(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      a && "pl-8",
+      t
+    ),
+    ...n,
+    children: [
+      s,
+      /* @__PURE__ */ e.jsx(z, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+pa.displayName = b.SubTrigger.displayName;
+const ha = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  b.SubContent,
+  {
+    ref: s,
+    className: u(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      t
+    ),
+    ...a
+  }
+));
+ha.displayName = b.SubContent.displayName;
+const je = f.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__PURE__ */ e.jsx(b.Portal, { children: /* @__PURE__ */ e.jsx(
+  b.Content,
+  {
+    ref: n,
+    sideOffset: a,
+    className: u(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      t
+    ),
+    ...s
+  }
+) }));
+je.displayName = b.Content.displayName;
+const be = f.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  b.Item,
+  {
+    ref: n,
+    className: u(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      a && "pl-8",
+      t
+    ),
+    ...s
+  }
+));
+be.displayName = b.Item.displayName;
+const xa = f.forwardRef(({ className: t, children: a, checked: s, ...n }, o) => /* @__PURE__ */ e.jsxs(
+  b.CheckboxItem,
+  {
+    ref: o,
+    className: u(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      t
+    ),
+    checked: s,
+    ...n,
+    children: [
+      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(b.ItemIndicator, { children: /* @__PURE__ */ e.jsx(gt, { className: "h-4 w-4" }) }) }),
+      a
+    ]
+  }
+));
+xa.displayName = b.CheckboxItem.displayName;
+const fa = f.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__ */ e.jsxs(
+  b.RadioItem,
+  {
+    ref: n,
+    className: u(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      t
+    ),
+    ...s,
+    children: [
+      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(b.ItemIndicator, { children: /* @__PURE__ */ e.jsx(yt, { className: "h-4 w-4 fill-current" }) }) }),
+      a
+    ]
+  }
+));
+fa.displayName = b.RadioItem.displayName;
+const at = f.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  b.Label,
+  {
+    ref: n,
+    className: u(
+      "px-2 py-1.5 text-sm font-semibold",
+      a && "pl-8",
+      t
+    ),
+    ...s
+  }
+));
+at.displayName = b.Label.displayName;
+const st = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  b.Separator,
+  {
+    ref: s,
+    className: u("-mx-1 my-1 h-px bg-muted", t),
+    ...a
+  }
+));
+st.displayName = b.Separator.displayName;
+const ga = ({
+  examples: t,
+  onSelect: a
+}) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2 mt-2 items-end", children: /* @__PURE__ */ e.jsxs(et, { children: [
+  /* @__PURE__ */ e.jsx(tt, { asChild: !0, children: /* @__PURE__ */ e.jsx(U, { variant: "outline", children: "Use Example" }) }),
+  /* @__PURE__ */ e.jsx(je, { className: "w-56", children: t.map((s) => {
+    var n;
+    return /* @__PURE__ */ e.jsxs("div", { children: [
+      /* @__PURE__ */ e.jsx(at, { children: s.mediaType }),
+      /* @__PURE__ */ e.jsx(st, {}),
+      /* @__PURE__ */ e.jsx(ua, { children: (n = s.examples) == null ? void 0 : n.map((o) => /* @__PURE__ */ e.jsx(
+        be,
+        {
+          onSelect: () => a(o),
+          className: "line-clamp-1",
+          children: o.summary ?? o.name
+        },
+        o.name
+      )) })
+    ] }, s.mediaType);
+  }) })
+] }) }), X = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    ref: s,
+    className: u(
+      "rounded-xl border bg-card text-card-foreground shadow-sm",
+      t
+    ),
+    ...a
+  }
+));
+X.displayName = "Card";
+const ya = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    ref: s,
+    className: u("flex flex-col space-y-1.5 p-6", t),
+    ...a
+  }
+));
+ya.displayName = "CardHeader";
+const va = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  "h3",
+  {
+    ref: s,
+    className: u("font-semibold leading-none tracking-tight", t),
+    ...a
+  }
+));
+va.displayName = "CardTitle";
+const ja = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  "p",
+  {
+    ref: s,
+    className: u("text-sm text-muted-foreground", t),
+    ...a
+  }
+));
+ja.displayName = "CardDescription";
+const ba = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx("div", { ref: s, className: u("p-6 pt-0", t), ...a }));
+ba.displayName = "CardContent";
+const Na = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    ref: s,
+    className: u("flex items-center p-6 pt-0", t),
+    ...a
+  }
+));
+Na.displayName = "CardFooter";
+const wa = xe(
+  "peer h-4 w-4 shrink-0 rounded-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary",
+  {
+    variants: {
+      variant: {
+        default: "border border-primary data-[state=checked]:bg-primary",
+        outline: "border border-input data-[state=checked]:bg-accent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), Ne = f.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  ie.Root,
+  {
+    ref: n,
+    className: u(wa({ variant: a, className: t })),
+    ...s,
+    children: /* @__PURE__ */ e.jsx(
+      ie.Indicator,
+      {
+        className: u("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ e.jsx(vt, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+Ne.displayName = ie.Root.displayName;
+const nt = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  $,
+  {
+    ref: s,
+    className: u(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      t
+    ),
+    ...a
+  }
+));
+nt.displayName = $.displayName;
+const Ca = f.forwardRef(({ className: t, ...a }, s) => (
+  // eslint-disable-next-line react/no-unknown-property
+  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+    /* @__PURE__ */ e.jsx(jt, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ e.jsx(
+      $.Input,
+      {
+        ref: s,
+        className: u(
+          "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+          t
+        ),
+        ...a
+      }
+    )
+  ] })
+));
+Ca.displayName = $.Input.displayName;
+const rt = f.forwardRef(({ className: t, ...a }, s) => (
+  // eslint-disable-next-line react/no-unknown-property
+  /* @__PURE__ */ e.jsx("div", { className: "flex items-center", "cmdk-input-wrapper": "", children: /* @__PURE__ */ e.jsx(
+    $.Input,
+    {
+      ref: s,
+      className: u(
+        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+        "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        t
+      ),
+      ...a
+    }
+  ) })
+));
+rt.displayName = $.Input.displayName;
+const ot = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  $.List,
+  {
+    ref: s,
+    className: u("max-h-[300px] overflow-y-auto overflow-x-hidden", t),
+    ...a
+  }
+));
+ot.displayName = $.List.displayName;
+const Ta = f.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
+  $.Empty,
+  {
+    ref: a,
+    className: "py-6 text-center text-sm",
+    ...t
+  }
+));
+Ta.displayName = $.Empty.displayName;
+const $a = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  $.Group,
+  {
+    ref: s,
+    className: u(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      t
+    ),
+    ...a
+  }
+));
+$a.displayName = $.Group.displayName;
+const Sa = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  $.Separator,
+  {
+    ref: s,
+    className: u("-mx-1 h-px bg-border", t),
+    ...a
+  }
+));
+Sa.displayName = $.Separator.displayName;
+const lt = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  $.Item,
+  {
+    ref: s,
+    className: u(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      t
+    ),
+    ...a
+  }
+));
+lt.displayName = $.Item.displayName;
+const Pa = J.Root, it = f.forwardRef(({ className: t, align: a = "center", sideOffset: s = 4, ...n }, o) => /* @__PURE__ */ e.jsx(J.Portal, { children: /* @__PURE__ */ e.jsx(
+  J.Content,
+  {
+    ref: o,
+    align: a,
+    sideOffset: s,
+    className: u(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      t
+    ),
+    ...n
+  }
+) }));
+it.displayName = J.Content.displayName;
+const ka = ({
+  value: t,
+  options: a,
+  onChange: s,
+  className: n,
+  placeholder: o = "Enter value",
+  onEnterPress: d,
+  ref: l
+}) => {
+  const [c, i] = H(!1), [p, g] = H(!1), w = qt((m) => m.filtered.count), j = q(null);
+  return /* @__PURE__ */ e.jsxs(Pa, { open: c, children: [
+    /* @__PURE__ */ e.jsx(Wt, { children: /* @__PURE__ */ e.jsx(
+      rt,
+      {
+        ref: (m) => {
+          j.current = m, typeof l == "function" ? l(m) : l && (l.current = m);
+        },
+        value: t,
+        placeholder: o,
+        className: u("h-9 bg-transparent", n),
+        onFocus: () => i(!0),
+        onBlur: () => {
+          p || i(!1);
+        },
+        onKeyDown: (m) => {
+          var h;
+          m.key === "Enter" && (i(!1), (h = j.current) == null || h.blur(), d == null || d(m));
+        },
+        onValueChange: (m) => s(m)
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(
+      it,
+      {
+        onMouseEnter: () => g(!0),
+        onMouseLeave: () => g(!1),
+        onOpenAutoFocus: (m) => m.preventDefault(),
+        className: u("p-0 w-[--radix-popover-trigger-width]", {
+          "border-0": w === 0
+        }),
+        align: "start",
+        side: "bottom",
+        onWheel: (m) => {
+          m.stopPropagation();
+        },
+        onTouchMove: (m) => {
+          m.stopPropagation();
+        },
+        children: /* @__PURE__ */ e.jsx(ot, { className: "max-h-[140px]", children: a.map((m) => /* @__PURE__ */ e.jsx(
+          lt,
+          {
+            value: m,
+            onSelect: (h) => {
+              s(h), i(!1);
+            },
+            className: "cursor-pointer",
+            children: m
+          },
+          m
+        )) })
+      }
+    )
+  ] });
+}, W = ({ shouldFilter: t, ...a }) => /* @__PURE__ */ e.jsx(nt, { className: "bg-transparent", shouldFilter: t, children: /* @__PURE__ */ e.jsx(ka, { ...a }) }), we = (t, a) => {
+  const s = f.forwardRef(({ className: n, asChild: o, ...d }, l) => {
+    const c = o ? Zt : t;
+    return f.createElement(c, {
+      ...d,
+      ref: l,
+      className: typeof a == "function" ? a({ className: n }) : u(a, n)
+    });
+  });
+  return s.displayName = `VariantComponent(${t})`, s;
+}, Ce = we(
+  "div",
+  "grid grid-cols-[2fr_3fr] gap-2 items-center"
+), Te = we(
+  "div",
+  "group hover:bg-accent px-3 grid col-span-full grid-cols-subgrid"
+), Ra = Object.freeze([
+  "Accept",
+  "Accept-Encoding",
+  "Accept-Language",
+  "Authorization",
+  "Cache-Control",
+  "Connection",
+  "Content-Disposition",
+  "Content-Encoding",
+  "Content-Language",
+  "Content-Length",
+  "Content-Range",
+  "Content-Security-Policy",
+  "Content-Type",
+  "Cookie",
+  "Date",
+  "ETag",
+  "Expires",
+  "Host",
+  "If-Modified-Since",
+  "Location",
+  "Origin",
+  "Pragma",
+  "Referer",
+  "Set-Cookie",
+  "User-Agent",
+  "X-Requested-With"
+]), Ia = ({
+  control: t,
+  headers: a
+}) => {
+  const { fields: s, append: n, remove: o } = pe({
+    control: t,
+    name: "headers"
+  }), { setValue: d, watch: l } = he(), c = q([]), i = q([]), p = l("headers"), g = Et(() => {
+    n({ name: "", value: "", active: !1 });
+  }, [n]);
+  ue(() => {
+    p.length === 0 && g();
+  }, [p, g]);
+  const w = (h) => {
+    var x;
+    (x = c.current[h]) == null || x.focus();
+  }, j = (h) => {
+    g(), requestAnimationFrame(() => {
+      var x;
+      return (x = i.current[h + 1]) == null ? void 0 : x.focus();
+    });
+  }, m = a.filter((h) => !p.some((x) => x.name === h.name)).map(({ name: h }) => h);
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ e.jsx(X, { className: "overflow-hidden", children: /* @__PURE__ */ e.jsx(Ce, { children: s.map((h, x) => {
+      const y = a.find(
+        (v) => v.name === l(`headers.${x}.name`)
+      );
+      return /* @__PURE__ */ e.jsxs(Te, { children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 ", children: [
+          /* @__PURE__ */ e.jsx(
+            O,
+            {
+              control: t,
+              name: `headers.${x}.active`,
+              render: ({ field: v }) => /* @__PURE__ */ e.jsx(
+                Ne,
+                {
+                  variant: "outline",
+                  id: `headers.${x}.active`,
+                  checked: v.value,
+                  onCheckedChange: (N) => {
+                    v.onChange(N);
+                  }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            O,
+            {
+              control: t,
+              name: `headers.${x}.name`,
+              render: ({ field: v }) => /* @__PURE__ */ e.jsx(
+                W,
+                {
+                  ...v,
+                  placeholder: "Name",
+                  className: "border-0 shadow-none bg-transparent text-xs font-mono",
+                  options: [...m, ...Ra],
+                  onEnterPress: () => w(x),
+                  onChange: (N) => {
+                    v.onChange(N), d(`headers.${x}.active`, !0);
+                  },
+                  ref: (N) => {
+                    i.current[x] = N;
+                  }
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e.jsx(
+            O,
+            {
+              control: t,
+              name: `headers.${x}.value`,
+              render: ({ field: v }) => (y == null ? void 0 : y.enum) && y.enum.length > 0 ? /* @__PURE__ */ e.jsx(
+                W,
+                {
+                  shouldFilter: !1,
+                  value: v.value,
+                  options: y.enum ?? [],
+                  onChange: (C) => {
+                    v.onChange(C), d(`headers.${x}.active`, !0);
+                  },
+                  className: "font-mono text-xs border-0"
+                }
+              ) : /* @__PURE__ */ e.jsx(
+                ge,
+                {
+                  placeholder: "Value",
+                  className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0",
+                  ...v,
+                  ref: (C) => {
+                    c.current[x] = C;
+                  },
+                  onKeyDown: (C) => {
+                    C.key === "Enter" && C.currentTarget.value.trim() && j(x);
+                  },
+                  autoComplete: "off"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            _,
+            {
+              size: "icon",
+              variant: "ghost",
+              className: "text-muted-foreground opacity-0 group-hover:opacity-100 rounded-full w-8 h-7",
+              onClick: () => o(x),
+              type: "button",
+              children: /* @__PURE__ */ e.jsx(bt, { size: 16 })
+            }
+          )
+        ] })
+      ] }, h.id);
+    }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "text-end", children: /* @__PURE__ */ e.jsx(
+      _,
+      {
+        className: "",
+        onClick: g,
+        type: "button",
+        variant: "secondary",
+        children: "Add header"
+      }
+    ) })
+  ] });
+}, Oa = ({
+  control: t
+}) => {
+  const { fields: a } = pe({
+    control: t,
+    name: "pathParams"
+  });
+  return /* @__PURE__ */ e.jsx(X, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx(Ce, { children: a.map((s, n) => /* @__PURE__ */ e.jsxs(Te, { children: [
+    /* @__PURE__ */ e.jsx(
+      O,
+      {
+        control: t,
+        name: `pathParams.${n}.name`,
+        render: () => /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsx(
+          Ye,
+          {
+            slug: s.name,
+            name: s.name,
+            className: "font-mono text-xs px-2"
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ e.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ e.jsx(
+      O,
+      {
+        control: t,
+        name: `pathParams.${n}.value`,
+        render: ({ field: o }) => /* @__PURE__ */ e.jsx(
+          ge,
+          {
+            ...o,
+            required: !0,
+            placeholder: "Enter value",
+            className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0"
+          }
+        )
+      }
+    ) })
+  ] }, s.id)) }) });
+}, Ea = we(
+  "input",
+  "px-2 bg-transparent h-6 font-mono text-xs m-2"
+), Aa = ({
+  control: t,
+  queryParams: a
+}) => {
+  const { fields: s } = pe({
+    control: t,
+    name: "queryParams"
+  }), n = he(), o = a.map((d) => !!d.isRequired);
+  return /* @__PURE__ */ e.jsx(X, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx("div", { className: "w-full ", children: /* @__PURE__ */ e.jsx(Ce, { children: s.map((d, l) => {
+    const c = a.find(
+      (i) => i.name === n.watch(`queryParams.${l}.name`)
+    );
+    return /* @__PURE__ */ e.jsxs(Te, { children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e.jsx(
+          O,
+          {
+            control: t,
+            name: `queryParams.${l}.active`,
+            render: ({ field: i }) => /* @__PURE__ */ e.jsx(
+              Ne,
+              {
+                variant: "outline",
+                id: `queryParams.${l}.active`,
+                className: "mr-2",
+                checked: i.value,
+                onCheckedChange: i.onChange
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          O,
+          {
+            control: t,
+            render: ({ field: i }) => o[l] ? /* @__PURE__ */ e.jsx(Ea, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+              "label",
+              {
+                className: "flex items-center cursor-pointer gap-1",
+                htmlFor: `queryParams.${l}.active`,
+                title: o[l] ? "Required field" : void 0,
+                children: [
+                  i.value,
+                  o[l] && /* @__PURE__ */ e.jsx("sup", { children: " *" })
+                ]
+              }
+            ) }) : /* @__PURE__ */ e.jsx(
+              W,
+              {
+                value: i.value,
+                options: a.map((p) => p.name),
+                onChange: (p) => {
+                  i.onChange(p);
+                },
+                className: "border-0 font-mono text-xs bg-transparent hover:bg-transparent"
+              }
+            ),
+            name: `queryParams.${l}.name`
+          }
+        )
+      ] }, d.id),
+      /* @__PURE__ */ e.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ e.jsx(
+        O,
+        {
+          control: t,
+          render: ({ field: i }) => (c == null ? void 0 : c.enum) && c.enum.length > 0 ? /* @__PURE__ */ e.jsx(
+            W,
+            {
+              value: i.value,
+              options: c.enum ?? [],
+              onChange: (g) => {
+                i.onChange(g), n.setValue(`queryParams.${l}.active`, !0);
+              },
+              className: "font-mono text-xs border-0 ring-1 ring-ring"
+            }
+          ) : /* @__PURE__ */ e.jsx(
+            ge,
+            {
+              ...i,
+              onChange: (g) => {
+                i.onChange(g.target.value), g.target.value.length > 0 && n.setValue(`queryParams.${l}.active`, !0);
+              },
+              placeholder: "Enter value",
+              className: "w-full border-0 shadow-none focus-visible:ring-0 text-xs font-mono"
+            }
+          ),
+          name: `queryParams.${l}.value`
+        }
+      ) })
+    ] }, d.id);
+  }) }) }) });
+}, P = {
+  green: "text-green-600",
+  blue: "text-sky-600",
+  yellow: "text-yellow-600",
+  red: "text-red-600",
+  purple: "text-purple-600",
+  indigo: "text-indigo-600",
+  gray: "text-gray-600"
+}, qa = {
+  get: P.green,
+  post: P.blue,
+  put: P.yellow,
+  delete: P.red,
+  patch: P.purple,
+  options: P.indigo,
+  head: P.gray,
+  trace: P.gray
+}, Da = (t) => qa[t.toLocaleLowerCase()] ?? P.gray, La = ({
+  method: t,
+  url: a,
+  headers: s,
+  body: n
+}) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 font-mono text-xs", children: [
+  /* @__PURE__ */ e.jsxs("div", { className: "gap-2 p-2 bg-muted rounded-md", children: [
+    /* @__PURE__ */ e.jsx("span", { className: u(Da(t), "font-semibold"), children: t }),
+    " ",
+    /* @__PURE__ */ e.jsx("span", { className: "break-all", children: a }),
+    " ",
+    /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "HTTP/1.1" })
+  ] }),
+  /* @__PURE__ */ e.jsxs("div", { className: "mx-1.5 flex flex-col gap-3", children: [
+    /* @__PURE__ */ e.jsxs(Le, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(Ve, { className: "flex items-center gap-2 hover:text-primary group", children: [
+        /* @__PURE__ */ e.jsx(z, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+        /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Headers" })
+      ] }),
+      /* @__PURE__ */ e.jsx(Fe, { children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2", children: s.map(([o, d]) => /* @__PURE__ */ e.jsxs(I, { children: [
+        /* @__PURE__ */ e.jsx("div", { className: "text-primary", children: o }),
+        /* @__PURE__ */ e.jsx("div", { className: "break-words", children: d })
+      ] }, o)) }) })
+    ] }),
+    /* @__PURE__ */ e.jsxs(Le, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(Ve, { className: "flex items-center gap-2 hover:text-primary group", children: [
+        /* @__PURE__ */ e.jsx(z, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+        /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Body" })
+      ] }),
+      /* @__PURE__ */ e.jsx(Fe, { children: /* @__PURE__ */ e.jsx("div", { className: "pl-0 pt-2", children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: u(
+            "whitespace-pre-wrap break-all bg-muted p-2 rounded-md",
+            !n && "text-muted-foreground"
+          ),
+          children: n ?? "Empty body"
+        }
+      ) }) })
+    ] })
+  ] })
+] }), He = ye.Root, Ge = ye.CollapsibleTrigger, Be = ye.CollapsibleContent;
+function $e(t) {
+  if (t === null) return "null";
+  if (Array.isArray(t)) {
+    if (t.length === 0) return "any[]";
+    const a = t[0];
+    return a === void 0 ? "any[]" : `${$e(a)}[]`;
+  }
+  return typeof t == "object" ? Va(t) : typeof t;
+}
+function Va(t, a = "") {
+  const s = ["{"];
+  for (const [n, o] of Object.entries(t)) {
+    const d = $e(o);
+    s.push(`  ${n}: ${d};`);
+  }
+  return s.push("}"), s.join(`
+`);
+}
+function Fa(t) {
+  return { lines: [`type GeneratedType = ${$e(t)};`] };
+}
+const za = {
+  200: "OK",
+  201: "Created",
+  202: "Accepted",
+  204: "No Content",
+  400: "Bad Request",
+  401: "Unauthorized",
+  403: "Forbidden",
+  404: "Not Found",
+  405: "Method Not Allowed",
+  500: "Internal Server Error"
+}, Ha = (t) => {
+  var s;
+  return (s = Object.entries({
+    "application/json": "json",
+    "text/json": "json",
+    "text/html": "html",
+    "text/css": "css",
+    "text/javascript": "javascript",
+    "application/xml": "xml",
+    "application/xhtml+xml": "xhtml"
+  }).find(
+    ([n]) => t.includes(n)
+  )) == null ? void 0 : s[1];
+}, Ga = (t) => {
+  var s;
+  const a = ((s = t.find(([n, o]) => n === "Content-Type")) == null ? void 0 : s[1]) || "";
+  return Ha(a);
+}, Ba = (t) => {
+  try {
+    return JSON.stringify(JSON.parse(t), null, 2);
+  } catch {
+    return null;
+  }
+}, Ma = (t) => {
+  const a = [
+    "Content-Type",
+    "Content-Length",
+    "Authorization",
+    "X-RateLimit-Remaining",
+    "X-RateLimit-Limit",
+    "Cache-Control",
+    "ETag"
+  ].map((s) => s.toLowerCase());
+  return [...t].sort(([s], [n]) => {
+    const o = a.indexOf(s.toLowerCase()), d = a.indexOf(n.toLowerCase());
+    return o === d ? 0 : o === -1 ? 1 : d === -1 ? -1 : o - d;
+  });
+}, Ua = ({
+  body: t = "",
+  headers: a,
+  status: s,
+  time: n,
+  size: o,
+  url: d
+}) => {
+  var m;
+  const l = Ga(a), c = Ba(t), i = c || t, [p, g] = H(
+    c ? "formatted" : "raw"
+  ), w = St({
+    queryKey: ["types", i],
+    queryFn: async () => Fa(JSON.parse(i)),
+    enabled: p === "types"
+  }), j = Ma([...a]);
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 h-full overflow-y-scroll max-h-[calc(100vh-220px)] py-4", children: [
+    /* @__PURE__ */ e.jsxs(He, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(Ge, { className: "flex items-center gap-2 hover:text-primary group", children: [
+        /* @__PURE__ */ e.jsx(z, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+        /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Headers" })
+      ] }),
+      /* @__PURE__ */ e.jsx(Be, { children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2 font-mono text-xs", children: [
+        j.slice(0, 5).map(([h, x]) => /* @__PURE__ */ e.jsxs(I, { children: [
+          /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: h }),
+          /* @__PURE__ */ e.jsx("div", { className: "break-all", children: x })
+        ] }, h)),
+        j.length > 5 && /* @__PURE__ */ e.jsxs(He, { className: "col-span-full grid-cols-subgrid grid", children: [
+          /* @__PURE__ */ e.jsxs(Ge, { className: "col-span-2 text-xs text-muted-foreground hover:text-primary flex items-center gap-1 py-1", children: [
+            /* @__PURE__ */ e.jsx(z, { className: "h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+            "Show ",
+            j.length - 5,
+            " more headers"
+          ] }),
+          /* @__PURE__ */ e.jsx(Be, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: j.slice(5).map(([h, x]) => /* @__PURE__ */ e.jsxs(I, { children: [
+            /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: h }),
+            /* @__PURE__ */ e.jsx("div", { className: "break-all", children: x })
+          ] }, h)) })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e.jsx(fe, { className: "shadow-none", children: /* @__PURE__ */ e.jsx(
+      Jt,
+      {
+        language: p === "types" ? "typescript" : p === "raw" ? c ? "plain" : l : "json",
+        noBackground: !0,
+        className: "overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]",
+        code: (p === "raw" ? t : p === "types" ? (m = w.data) == null ? void 0 : m.lines.join(`
+`) : i) ?? ""
+      }
+    ) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 justify-between", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex text-xs gap-2 border bg-muted rounded-md p-2 items-center h-8 font-mono divide-x", children: [
+        /* @__PURE__ */ e.jsxs("div", { children: [
+          /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Status" }),
+          " ",
+          s,
+          " ",
+          za[s] ?? ""
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { children: [
+          /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Time" }),
+          " ",
+          n.toFixed(0),
+          "ms"
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { children: [
+          /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Size" }),
+          " ",
+          o,
+          "B"
+        ] })
+      ] }),
+      c && /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
+        Me,
+        {
+          value: p,
+          onValueChange: (h) => g(h),
+          children: [
+            /* @__PURE__ */ e.jsx(Ue, { className: "min-w-32", children: /* @__PURE__ */ e.jsx(_e, { placeholder: "View" }) }),
+            /* @__PURE__ */ e.jsxs(Je, { children: [
+              /* @__PURE__ */ e.jsx(M, { value: "formatted", children: "Formatted" }),
+              /* @__PURE__ */ e.jsx(M, { value: "raw", children: "Raw" }),
+              /* @__PURE__ */ e.jsx(M, { value: "types", children: "Types" })
+            ] })
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}, _a = ({
+  queryMutation: t,
+  showPathParamsWarning: a
+}) => {
+  var n;
+  const s = ((((n = t.data) == null ? void 0 : n.status) ?? 0) / 100).toFixed(0);
+  return /* @__PURE__ */ e.jsx("div", { className: "min-w-0 p-8 bg-muted/70 overflow-y-auto", children: t.error ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+    a && /* @__PURE__ */ e.jsx(Kt, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." }),
+    /* @__PURE__ */ e.jsxs(fe, { children: [
+      /* @__PURE__ */ e.jsx(Bt, { children: /* @__PURE__ */ e.jsx(Mt, { children: "Request failed" }) }),
+      /* @__PURE__ */ e.jsxs(Ut, { children: [
+        "Error:",
+        " ",
+        t.error.message || String(t.error) || "Unexpected error"
+      ] })
+    ] })
+  ] }) : t.data ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsxs(We, { defaultValue: "response", children: [
+    /* @__PURE__ */ e.jsxs(Ze, { children: [
+      /* @__PURE__ */ e.jsx(E, { value: "request", children: "Request" }),
+      /* @__PURE__ */ e.jsxs(E, { value: "response", children: [
+        "Response",
+        /* @__PURE__ */ e.jsxs(
+          "span",
+          {
+            className: u(
+              "text-xs font-mono ml-1",
+              s === "2" && "text-green-500",
+              s === "3" && "text-blue-500",
+              s === "4" && "text-yellow-500",
+              s === "5" && "text-red-500"
+            ),
+            children: [
+              "(",
+              t.data.status,
+              ")"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx(A, { value: "request", children: /* @__PURE__ */ e.jsx(La, { ...t.data.request }) }),
+    /* @__PURE__ */ e.jsx(A, { value: "response", children: /* @__PURE__ */ e.jsx(
+      Ua,
+      {
+        status: t.data.status,
+        time: t.data.time,
+        size: t.data.size,
+        headers: t.data.headers,
+        body: t.data.body,
+        url: t.data.request.url
+      }
+    ) })
+  ] }) }) : /* @__PURE__ */ e.jsx("div", { className: "grid place-items-center h-full", children: /* @__PURE__ */ e.jsx("span", { className: "text-[16px] font-semibold text-muted-foreground", children: t.isPending ? /* @__PURE__ */ e.jsx(Qt, {}) : "Send a request first to see the response here" }) }) });
+}, Ja = ({
+  identities: t,
+  formRef: a,
+  disabled: s
+}) => {
+  const { setValue: n } = he(), [o, d] = H();
+  return t.length === 0 ? /* @__PURE__ */ e.jsx(U, { disabled: s, children: "Send" }) : /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
+    /* @__PURE__ */ e.jsx(
+      U,
+      {
+        className: "rounded-r-none inset-shadow-sm",
+        disabled: s,
+        onClick: () => {
+          var l;
+          return (l = a == null ? void 0 : a.current) == null ? void 0 : l.requestSubmit();
+        },
+        children: "Send"
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(et, { children: [
+      /* @__PURE__ */ e.jsx(tt, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+        U,
+        {
+          disabled: s,
+          className: "rounded-l-none border-l border-border/40 inset-shadow-sm w-6",
+          size: "icon",
+          children: /* @__PURE__ */ e.jsx(Nt, { className: "w-4 h-4" })
+        }
+      ) }),
+      /* @__PURE__ */ e.jsx(ve, { value: o, children: /* @__PURE__ */ e.jsx(je, { className: "w-56", align: "end", alignOffset: -150, children: [{ id: F, label: "None" }, ...t].map(
+        (l) => /* @__PURE__ */ e.jsxs(
+          be,
+          {
+            onClick: () => {
+              var c;
+              d(l.id), n("identity", l.id), (c = a == null ? void 0 : a.current) == null || c.requestSubmit();
+            },
+            onMouseEnter: () => d(l.id),
+            onMouseLeave: () => d(void 0),
+            children: [
+              /* @__PURE__ */ e.jsx(Q, { value: l.id, className: "mr-2" }),
+              l.label
+            ]
+          },
+          l.id
+        )
+      ) }) })
+    ] })
+  ] });
+}, F = "__none", Qa = ({
+  server: t,
+  servers: a = [],
+  url: s,
+  method: n,
+  headers: o = [],
+  queryParams: d = [],
+  pathParams: l = [],
+  defaultBody: c = "",
+  examples: i
+}) => {
+  var Ie, Oe, Ee;
+  const { selectedServer: p, setSelectedServer: g } = Pt(
+    a.map((r) => ({ url: r }))
+  ), [, w] = At(), { register: j, control: m, handleSubmit: h, watch: x, setValue: y, ...v } = Ht({
+    defaultValues: {
+      body: c,
+      queryParams: d.map((r) => ({
+        name: r.name,
+        value: r.defaultValue ?? "",
+        active: r.defaultActive ?? !1,
+        enum: r.enum ?? []
+      })).concat([
+        {
+          name: "",
+          value: "",
+          active: !1,
+          enum: []
+        }
+      ]),
+      pathParams: l.map((r) => ({
+        name: r.name,
+        value: r.defaultValue ?? ""
+      })),
+      headers: o.map((r) => ({
+        name: r.name,
+        value: r.defaultValue ?? "",
+        active: r.defaultActive ?? !1
+      })).concat([
+        {
+          name: "",
+          value: "",
+          active: !1
+        }
+      ]),
+      identity: F
+    }
+  }), N = x(), C = kt(), Se = q(!1);
+  ue(() => {
+    var k;
+    if (Se.current) return;
+    const r = (k = C.data) == null ? void 0 : k.at(0);
+    r && (y("identity", r.id), Se.current = !0);
+  }, [y, C.data]);
+  const Pe = q(null), ke = zt({
+    mutationFn: async (r) => {
+      var B, L;
+      const k = performance.now(), S = new Request(
+        ma(p ?? t, s, r),
+        {
+          method: n.toUpperCase(),
+          headers: Object.fromEntries(
+            r.headers.filter((T) => T.name && T.active).map((T) => [T.name, T.value])
+          ),
+          body: r.body ? r.body : void 0
+        }
+      );
+      r.identity !== F && ((L = (B = C.data) == null ? void 0 : B.find((T) => T.id === r.identity)) == null || L.authorizeRequest(S));
+      try {
+        const T = await fetch(S, {
+          signal: AbortSignal.timeout(5e3)
+        }), mt = performance.now() - k, Ae = await T.text(), ut = new URL(S.url);
+        return {
+          status: T.status,
+          headers: Array.from(T.headers.entries()),
+          size: Ae.length,
+          body: Ae,
+          time: mt,
+          request: {
+            method: S.method.toUpperCase(),
+            url: S.url,
+            headers: [
+              ["Host", ut.host],
+              ["User-Agent", "Zudoku Playground"],
+              ...Array.from(S.headers.entries())
+            ],
+            body: r.body ? r.body : void 0
+          }
+        };
+      } catch (T) {
+        throw T instanceof TypeError ? new Error(
+          "The request failed, possibly due to network issues or CORS policy."
+        ) : T;
+      }
+    }
+  }), dt = /* @__PURE__ */ e.jsx(
+    ia,
+    {
+      path: s,
+      renderParam: ({ name: r, originalValue: k, index: S }) => {
+        var L;
+        const B = (L = N.pathParams.find(
+          (T) => T.name === r
+        )) == null ? void 0 : L.value;
+        return /* @__PURE__ */ e.jsx(
+          Ye,
+          {
+            name: r,
+            backgroundOpacity: "0",
+            slug: r,
+            onClick: () => v.setFocus(`pathParams.${S}.value`),
+            children: B || k
+          }
+        );
+      }
+    }
+  ), Re = N.queryParams.filter((r) => r.active).map((r, k, S) => /* @__PURE__ */ e.jsxs(I, { children: [
+    r.name,
+    "=",
+    encodeURIComponent(r.value).replaceAll("%20", "+"),
+    k < S.length - 1 && "&",
+    /* @__PURE__ */ e.jsx("wbr", {})
+  ] }, r.name)), ct = /* @__PURE__ */ e.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: a && a.length > 1 ? /* @__PURE__ */ e.jsxs(
+    Me,
+    {
+      onValueChange: (r) => {
+        w(() => g(r));
+      },
+      value: p,
+      defaultValue: p,
+      children: [
+        /* @__PURE__ */ e.jsx(Ue, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: /* @__PURE__ */ e.jsx(_e, {}) }),
+        /* @__PURE__ */ e.jsx(Je, { children: a.map((r) => /* @__PURE__ */ e.jsx(M, { value: r, children: r.replace(/^https?:\/\//, "") }, r)) })
+      ]
+    }
+  ) : /* @__PURE__ */ e.jsx("span", { children: t.replace(/^https?:\/\//, "") }) });
+  return /* @__PURE__ */ e.jsx(
+    Gt,
+    {
+      register: j,
+      control: m,
+      handleSubmit: h,
+      watch: x,
+      setValue: y,
+      ...v,
+      children: /* @__PURE__ */ e.jsx(
+        "form",
+        {
+          onSubmit: h((r) => ke.mutateAsync(r)),
+          ref: Pe,
+          children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-2 text-sm h-full", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 p-4 after:bg-muted-foreground/20 relative after:absolute after:w-px after:inset-0 after:left-auto", children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-stretch", children: [
+                /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 items-center w-full border rounded-md", children: [
+                  /* @__PURE__ */ e.jsx("div", { className: "border-r p-2 bg-muted rounded-l-md self-stretch font-semibold font-mono flex items-center", children: n.toUpperCase() }),
+                  /* @__PURE__ */ e.jsxs("div", { className: "items-center p-2 font-mono text-xs break-words", children: [
+                    ct,
+                    dt,
+                    Re.length > 0 ? "?" : "",
+                    Re
+                  ] })
+                ] }),
+                /* @__PURE__ */ e.jsx(
+                  Ja,
+                  {
+                    identities: C.data ?? [],
+                    formRef: Pe,
+                    disabled: v.formState.isSubmitting
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e.jsxs(We, { defaultValue: "parameters", children: [
+                /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1 justify-between", children: /* @__PURE__ */ e.jsxs(Ze, { children: [
+                  /* @__PURE__ */ e.jsxs(E, { value: "parameters", children: [
+                    "Parameters",
+                    (N.pathParams.some((r) => r.value !== "") || N.queryParams.some((r) => r.active)) && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                  ] }),
+                  /* @__PURE__ */ e.jsxs(E, { value: "headers", children: [
+                    "Headers",
+                    N.headers.filter((r) => r.active).length > 0 && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                  ] }),
+                  /* @__PURE__ */ e.jsxs(E, { value: "auth", children: [
+                    "Auth",
+                    N.identity !== F && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                  ] }),
+                  /* @__PURE__ */ e.jsx(E, { value: "body", children: "Body" })
+                ] }) }),
+                /* @__PURE__ */ e.jsx(A, { value: "headers", children: /* @__PURE__ */ e.jsx(Ia, { control: m, headers: o }) }),
+                /* @__PURE__ */ e.jsxs(A, { value: "parameters", children: [
+                  l.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
+                    /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Path Parameters" }),
+                    /* @__PURE__ */ e.jsx(Oa, { control: m })
+                  ] }),
+                  /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
+                    /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Query Parameters" }),
+                    /* @__PURE__ */ e.jsx(Aa, { control: m, queryParams: d })
+                  ] })
+                ] }),
+                /* @__PURE__ */ e.jsxs(A, { value: "body", children: [
+                  !["POST", "PUT", "PATCH", "DELETE"].includes(
+                    n.toUpperCase()
+                  ) && /* @__PURE__ */ e.jsxs(de, { className: "mb-2", children: [
+                    /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }),
+                    /* @__PURE__ */ e.jsx(ce, { children: "Body" }),
+                    /* @__PURE__ */ e.jsx(me, { children: "Body is only supported for POST, PUT, PATCH, and DELETE requests" })
+                  ] }),
+                  /* @__PURE__ */ e.jsx(
+                    Xe,
+                    {
+                      ...j("body"),
+                      className: u(
+                        "border w-full rounded-lg p-2 bg-muted h-40 font-mono",
+                        !["POST", "PUT", "PATCH", "DELETE"].includes(
+                          n.toUpperCase()
+                        ) && "h-20"
+                      ),
+                      placeholder: ["POST", "PUT", "PATCH", "DELETE"].includes(
+                        n.toUpperCase()
+                      ) ? void 0 : "This request does not support a body",
+                      disabled: !["POST", "PUT", "PATCH", "DELETE"].includes(
+                        n.toUpperCase()
+                      )
+                    }
+                  ),
+                  i && /* @__PURE__ */ e.jsx(
+                    ga,
+                    {
+                      examples: i,
+                      onSelect: (r) => y("body", JSON.stringify(r.value, null, 2))
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e.jsx(A, { value: "auth", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
+                  ((Ie = C.data) == null ? void 0 : Ie.length) === 0 && /* @__PURE__ */ e.jsxs(de, { children: [
+                    /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }),
+                    /* @__PURE__ */ e.jsx(ce, { children: "Authentication" }),
+                    /* @__PURE__ */ e.jsx(me, { children: "No identities found. Please create an identity first." })
+                  ] }),
+                  /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e.jsx(fe, { className: "w-full overflow-hidden", children: /* @__PURE__ */ e.jsxs(
+                    ve,
+                    {
+                      onValueChange: (r) => y("identity", r),
+                      value: N.identity,
+                      defaultValue: N.identity,
+                      className: "gap-0",
+                      disabled: ((Oe = C.data) == null ? void 0 : Oe.length) === 0,
+                      children: [
+                        /* @__PURE__ */ e.jsxs(
+                          V,
+                          {
+                            className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent",
+                            htmlFor: "none",
+                            children: [
+                              /* @__PURE__ */ e.jsx(Q, { value: F, id: "none", children: "None" }),
+                              /* @__PURE__ */ e.jsx(V, { htmlFor: "none", className: "ml-2", children: "None" })
+                            ]
+                          }
+                        ),
+                        (Ee = C.data) == null ? void 0 : Ee.map((r) => /* @__PURE__ */ e.jsxs(
+                          V,
+                          {
+                            className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent",
+                            children: [
+                              /* @__PURE__ */ e.jsx(
+                                Q,
+                                {
+                                  value: r.id,
+                                  id: r.id,
+                                  children: r.label
+                                }
+                              ),
+                              /* @__PURE__ */ e.jsx(V, { htmlFor: r.id, className: "ml-2", children: r.label })
+                            ]
+                          },
+                          r.id
+                        ))
+                      ]
+                    }
+                  ) }) })
+                ] }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsx(
+              _a,
+              {
+                queryMutation: ke,
+                showPathParamsWarning: N.pathParams.some(
+                  (r) => r.value === ""
+                )
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}, Wa = ({
+  className: t,
+  size: a = 16
+}) => /* @__PURE__ */ e.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    className: t,
+    width: a,
+    height: a,
+    children: /* @__PURE__ */ e.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm14.024-.983a1.125 1.125 0 0 1 0 1.966l-5.603 3.113A1.125 1.125 0 0 1 9 15.113V8.887c0-.857.921-1.4 1.671-.983l5.603 3.113Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+), Za = (t) => {
+  const [a, s] = H(!1);
+  return /* @__PURE__ */ e.jsxs(Dt, { onOpenChange: (n) => s(n), children: [
+    /* @__PURE__ */ e.jsx(Lt, { asChild: !0, children: t.children ?? /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        type: "button",
+        className: "flex gap-1 items-center px-2 py-1 rounded-md transition text-xs bg-primary  text-primary-foreground shadow-sm hover:bg-primary/80",
+        children: [
+          "Test",
+          /* @__PURE__ */ e.jsx(Wa, { size: 14 })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e.jsxs(
+      Vt,
+      {
+        className: "max-w-screen-xl w-full h-5/6 overflow-hidden p-0",
+        "aria-describedby": void 0,
+        children: [
+          /* @__PURE__ */ e.jsx(Ot, { children: /* @__PURE__ */ e.jsx(Ft, { children: "Playground" }) }),
+          a && /* @__PURE__ */ e.jsx(Qa, { ...t })
+        ]
+      }
+    )
+  ] });
+}, Ka = Ke(`
+  query GetCategories($input: JSON!, $type: SchemaType!) {
+    schema(input: $input, type: $type) {
+      url
+      tags {
+        name
+      }
+    }
+  }
+`), Xa = Ke(`
+  query GetOperations($input: JSON!, $type: SchemaType!, $tag: String) {
+    schema(input: $input, type: $type) {
+      operations(tag: $tag) {
+        slug
+        deprecated
+        method
+        summary
+        operationId
+        path
+        tags {
+          name
+        }
+      }
+      untagged: operations(untagged: true) {
+        slug
+        deprecated
+        method
+        summary
+        operationId
+        path
+      }
+    }
+  }
+`), Ya = {
+  get: "green",
+  post: "blue",
+  put: "yellow",
+  delete: "red",
+  patch: "purple",
+  options: "gray",
+  head: "gray"
+}, le = "~endpoints", Ts = (t) => {
+  const a = R(t.navigationId ?? "/reference"), s = t.type === "file" ? Object.keys(t.input) : [], n = new Yt(t);
+  return {
+    getHead: () => {
+      if (t.type === "url" && !t.skipPreload)
+        return /* @__PURE__ */ e.jsx(
+          "link",
+          {
+            rel: "preload",
+            href: t.input,
+            as: "fetch",
+            crossOrigin: "anonymous"
+          }
+        );
+      if (t.server)
+        return /* @__PURE__ */ e.jsx("link", { rel: "preconnect", href: t.server });
+    },
+    getMdxComponents: () => ({
+      OpenPlaygroundButton: ({
+        requireAuth: o,
+        server: d,
+        method: l,
+        url: c,
+        ...i
+      }) => {
+        const p = Rt();
+        if (!d)
+          throw new Error("Server is required");
+        return o && !p.isAuthenticated ? /* @__PURE__ */ e.jsxs(
+          _,
+          {
+            className: "gap-2 items-center",
+            variant: "outline",
+            onClick: p.login,
+            children: [
+              "Login to open in Playground ",
+              /* @__PURE__ */ e.jsx(wt, { size: 16 })
+            ]
+          }
+        ) : /* @__PURE__ */ e.jsx(
+          Za,
+          {
+            url: c ?? "/",
+            method: l ?? "get",
+            server: d,
+            ...i,
+            children: /* @__PURE__ */ e.jsxs(_, { className: "gap-2 items-center", variant: "outline", children: [
+              "Open in Playground ",
+              /* @__PURE__ */ e.jsx(Ct, { size: 16 })
+            ] })
+          }
+        );
+      }
+    }),
+    getSidebar: async (o) => {
+      var d;
+      if (!Tt({ path: a, end: !1 }, o))
+        return [];
+      try {
+        const l = s.find(
+          (m) => o.startsWith(R(a, m))
+        ), c = l ?? Object.keys(t.input).at(0), i = await n.fetch(Ka, {
+          type: t.type,
+          input: t.type === "file" ? t.input[c] : t.input
+        }), p = (d = t.tagPages) == null ? void 0 : d.find(
+          (m) => o.split("/").at(-1) === ae(m)
+        ), g = await n.fetch(Xa, {
+          type: t.type,
+          input: t.type === "file" ? t.input[c] : t.input,
+          tag: t.loadTags ? void 0 : p
+        }), w = i.schema.tags.flatMap((m) => {
+          const h = R(a, l, ae(m.name)), x = g.schema.operations.filter(
+            (y) => {
+              var v, N;
+              return ((v = y.tags) == null ? void 0 : v.length) !== 0 && ((N = y.tags) == null ? void 0 : N.map((C) => C.name).includes(m.name));
+            }
+          ).map((y) => ({
+            type: "link",
+            label: y.summary ?? y.path,
+            href: `${h}#${y.slug}`,
+            badge: {
+              label: y.method,
+              color: Ya[y.method.toLowerCase()],
+              invert: !0
+            }
+          }));
+          return t.loadTags && x.length === 0 ? [] : {
+            type: "category",
+            label: m.name,
+            link: {
+              type: "doc",
+              id: h,
+              label: m.name
+            },
+            collapsible: t.loadTags,
+            collapsed: !t.loadTags,
+            items: x
+          };
+        }), { untagged: j } = g.schema;
+        if (j.length > 0) {
+          const m = R(a, l, le);
+          w.push({
+            type: "category",
+            label: "Other endpoints",
+            link: {
+              type: "doc",
+              id: m,
+              label: "Other endpoints"
+            },
+            collapsible: t.loadTags,
+            collapsed: !t.loadTags,
+            items: j.map((h) => ({
+              type: "link",
+              label: h.summary ?? h.path,
+              href: `${m}#${h.slug}`
+            }))
+          });
+        }
+        return w;
+      } catch {
+        return [];
+      }
+    },
+    getRoutes: () => {
+      const o = s.length > 1 ? [null, ...s] : [null], d = (t.tagPages ?? []).map((l) => ({
+        tag: l,
+        path: ae(l)
+      }));
+      return o.map((l) => {
+        const c = R(a, l);
+        return {
+          path: c,
+          async lazy() {
+            const { OpenApiRoute: i } = await import("./OpenApiRoute-BP9kzG5k.js");
+            return {
+              element: /* @__PURE__ */ e.jsx(
+                i,
+                {
+                  version: l ?? void 0,
+                  basePath: a,
+                  versions: s,
+                  client: n,
+                  config: t
+                }
+              )
+            };
+          },
+          children: [
+            {
+              index: !0,
+              loader: () => {
+                var i;
+                return $t(
+                  R(c, ((i = d.at(0)) == null ? void 0 : i.path) ?? le)
+                );
+              }
+            },
+            {
+              path: R(c, le),
+              async lazy() {
+                const { OperationList: i } = await import("./OperationList-c72qPMtm.js");
+                return { element: /* @__PURE__ */ e.jsx(i, { untagged: !0 }) };
+              }
+            },
+            ...d.map((i) => ({
+              path: R(c, i.path),
+              async lazy() {
+                const { OperationList: p } = await import("./OperationList-c72qPMtm.js");
+                return {
+                  element: /* @__PURE__ */ e.jsx(p, { tag: i.tag })
+                };
+              }
+            }))
+          ]
+        };
+      });
+    }
+  };
+};
+export {
+  Ye as C,
+  Za as P,
+  He as a,
+  Be as b,
+  Ge as c,
+  ia as d,
+  Ke as g,
+  Da as m,
+  Ts as o
+};
+//# sourceMappingURL=index-CZjcfK-H.js.map