zudoku 0.25.2 → 0.25.3

package/lib/index-sD8L1_Dl.js

@@ -0,0 +1,1292 @@
+var Se = Object.defineProperty;
+var oe = (t) => {
+  throw TypeError(t);
+};
+var $e = (t, a, n) => a in t ? Se(t, a, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[a] = n;
+var H = (t, a, n) => $e(t, typeof a != "symbol" ? a + "" : a, n), Te = (t, a, n) => a.has(t) || oe("Cannot " + n);
+var J = (t, a, n) => (Te(t, a, "read from private field"), n ? n.call(t) : a.get(t)), Q = (t, a, n) => a.has(t) ? oe("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, n);
+import { j as e } from "./jsx-runtime-Dx-03ztt.js";
+import { m as Pe } from "./chunk-D52XG6IA-Dl7HLe6j.js";
+import { i as ke, j as le, k as Oe } from "./ZudokuContext-hmLMUdf2.js";
+import { XIcon as qe, EraserIcon as ye, Check as Ie, ChevronsUpDownIcon as Ee, LogInIcon as Ve, CirclePlayIcon as Re } from "lucide-react";
+import { u as ze } from "./hook-CHq7pFyz.js";
+import { Button as C } from "./ui/Button.js";
+import { Z as Ae } from "./invariant-Caa8-XvF.js";
+import { VisuallyHidden as _e } from "@radix-ui/react-visually-hidden";
+import * as v from "react";
+import { useRef as ge, useEffect as ve, useState as _, useTransition as Fe, Fragment as U } from "react";
+import { C as Le, a as De, b as Me, c as He, d as Je, D as Qe, e as Ue, f as Be, g as Ge } from "./Command-9x_kZHr4.js";
+import { u as We, S as ie, a as ce, b as de, c as me, e as B } from "./Select-B_IxRUUC.js";
+import { b as ee, C as w, u as Ze, a as Ke, F as Xe } from "./index.esm-BnnBRKJX.js";
+import { a as Ye } from "./state-CFQsUZUP.js";
+import { S as ue } from "./Spinner-DuxJLLNE.js";
+import { Callout as et } from "./ui/Callout.js";
+import { Card as X, CardHeader as tt, CardTitle as at, CardContent as nt } from "./ui/Card.js";
+import { Tabs as pe, TabsList as he, TabsTrigger as q, TabsContent as I } from "./ui/Tabs.js";
+import { z as st, S as rt } from "./SyntaxHighlight-Bz-lOJtH.js";
+import { c as h } from "./cn-qaFjX9_3.js";
+import { Input as F } from "./ui/Input.js";
+import * as Y from "@radix-ui/react-checkbox";
+import { c as ot } from "./index-CPNSgwSb.js";
+import { Popover as lt, PopoverTrigger as it, PopoverContent as ct } from "./ui/Popover.js";
+import { Slot as dt } from "@radix-ui/react-slot";
+class E extends String {
+  constructor(n, r) {
+    super(n);
+    H(this, "__apiType");
+    this.value = n, this.__meta__ = r;
+  }
+  toString() {
+    return this.value;
+  }
+}
+const mt = new E(
+  `
+    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" }
+), ut = new E(`
+    query ServersQuery($input: JSON!, $type: SchemaType!) {
+  schema(input: $input, type: $type) {
+    url
+    servers {
+      url
+    }
+  }
+}
+    `), pt = new E(`
+    query AllOperations($input: JSON!, $type: SchemaType!) {
+  schema(input: $input, type: $type) {
+    description
+    summary
+    title
+    url
+    version
+    tags {
+      name
+      description
+      operations {
+        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
+    }
+  }
+}`), ht = new E(`
+    query getServerQuery($input: JSON!, $type: SchemaType!) {
+  schema(input: $input, type: $type) {
+    url
+    servers {
+      url
+    }
+  }
+}
+    `), xt = new E(`
+    query GetCategories($input: JSON!, $type: SchemaType!) {
+  schema(input: $input, type: $type) {
+    url
+    tags {
+      __typename
+      name
+      operations {
+        __typename
+        slug
+        deprecated
+        method
+        summary
+        operationId
+        path
+      }
+    }
+  }
+}
+    `), ft = {
+  "\n  query ServersQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": ut,
+  "\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": mt,
+  "\n  query AllOperations($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      description\n      summary\n      title\n      url\n      version\n      tags {\n        name\n        description\n        operations {\n          slug\n          ...OperationsFragment\n        }\n      }\n    }\n  }\n": pt,
+  "\n  query getServerQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": ht,
+  "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      tags {\n        __typename\n        name\n        operations {\n          __typename\n          slug\n          deprecated\n          method\n          summary\n          operationId\n          path\n        }\n      }\n    }\n  }\n": xt
+};
+function yt(t) {
+  return ft[t] ?? {};
+}
+let G;
+const gt = (t) => {
+  var a;
+  if ((a = t.errors) != null && a[0])
+    throw new Ae(t.errors[0].message, {
+      developerHint: "Check your configuration value `apis.type` and `apis.input` in the Zudoku config."
+    });
+};
+var L, D;
+class vt {
+  constructor(a) {
+    Q(this, L, async () => (G || (G = import("./createServer-BznDkeSA.js").then(
+      (a) => a.createServer(this.config)
+    )), G));
+    Q(this, D, async (a) => this.config.server ? fetch(this.config.server, a) : (await J(this, L).call(this)).fetch("http://localhost/graphql", a));
+    H(this, "fetch", async (a, ...[n]) => {
+      var c;
+      const r = (c = a.match(/query (\w+)/)) == null ? void 0 : c[1], l = await J(this, D).call(this, {
+        method: "POST",
+        body: JSON.stringify({ query: a, variables: n, operationName: r }),
+        headers: { "Content-Type": "application/json" }
+      });
+      if (!l.ok)
+        throw new Error("Network response was not ok");
+      const o = await l.json();
+      return gt(o), o.data;
+    });
+    this.config = a;
+  }
+}
+L = new WeakMap(), D = new WeakMap();
+const W = (t) => Math.abs(
+  isNaN(parseInt(t)) ? t.toLowerCase().charCodeAt(0) - 96 : isNaN(parseInt(t)) ? 0 : parseInt(t)
+), Z = (t) => t.length > 1 ? parseInt(t.split("").reduce((a, n) => `${W(a) + W(n)}`)) : W(t), xe = (t, a = {}) => {
+  const n = (3 * Z(t) + 2 * Z(t) + Z(t)) % 360, { saturation: r = 75, lightness: l = 60 } = a;
+  return `${n}deg ${r}% ${l}%`;
+}, K = "data-linked-param", je = (t) => {
+  const { resolvedTheme: a } = st();
+  return {
+    text: xe(
+      t,
+      a === "light" ? { saturation: 95, lightness: 38 } : {}
+    ),
+    background: xe(
+      t,
+      a === "light" ? { saturation: 85, lightness: 40 } : {}
+    )
+  };
+}, jt = (t) => {
+  const a = t.replace(/[{}]/g, "");
+  return je(a);
+}, be = ({
+  name: t,
+  className: a,
+  slug: n,
+  title: r,
+  children: l,
+  onClick: o
+}) => {
+  const c = ge(null), d = n == null ? void 0 : n.replace(/[{}]/g, ""), i = t.replace(/[{}]/g, ""), { text: m, background: u } = je(i), g = `hsl(${m} / 100%)`, j = `hsl(${u} / 10%)`, b = `hsl(${u} / 50%)`;
+  return ve(() => {
+    if (!d || !c.current) return;
+    const T = () => {
+      document.querySelectorAll(`[${K}="${d}"]`).forEach((x) => {
+        x instanceof HTMLElement && (x.dataset.active = "true");
+      });
+    }, N = () => {
+      document.querySelectorAll(`[${K}="${d}"]`).forEach((x) => {
+        x instanceof HTMLElement && (x.dataset.active = "false");
+      });
+    }, S = c.current;
+    return S.addEventListener("mouseenter", T), S.addEventListener("mouseleave", N), () => {
+      S.removeEventListener("mouseenter", T), S.removeEventListener("mouseleave", N);
+    };
+  }, [d]), /* @__PURE__ */ e.jsx(
+    "span",
+    {
+      [K]: d,
+      className: h(
+        "relative inline-block 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]:-translate-y-px",
+        a
+      ),
+      title: r,
+      suppressHydrationWarning: !0,
+      ref: c,
+      onClick: o,
+      style: {
+        "--param-color": g,
+        "--border-color": b,
+        "--background-color": j
+      },
+      children: l ?? t
+    }
+  );
+}, bt = (t, a, n) => {
+  const r = a.replace(/(:\w+|\{\w+})/g, (o) => {
+    var i;
+    const c = o.replace(/[:{}]/g, "");
+    return ((i = n.pathParams.find((m) => m.name === c)) == null ? void 0 : i.value) ?? o;
+  }), l = new URL(
+    r.replace(/^\//, ""),
+    t.endsWith("/") ? t : `${t}/`
+  );
+  return n.queryParams.filter((o) => o.active).forEach((o) => {
+    l.searchParams.set(o.name, o.value);
+  }), l;
+}, Nt = ({
+  control: t,
+  register: a
+}) => {
+  const { fields: n, append: r, remove: l } = ee({
+    control: t,
+    name: "headers"
+  });
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ e.jsx("table", { className: "w-full [&_td]:border [&_td]:p-1.5 [&_td]:px-2", children: /* @__PURE__ */ e.jsx("tbody", { children: n.map((o, c) => /* @__PURE__ */ e.jsxs(
+      "tr",
+      {
+        className: "group has-[:focus]:bg-muted/50 hover:bg-muted/50",
+        children: [
+          /* @__PURE__ */ e.jsx("td", { className: "flex gap-2 items-center", children: /* @__PURE__ */ e.jsx(
+            F,
+            {
+              ...a(`headers.${c}.name`),
+              placeholder: "Name",
+              className: "border-0 shadow-none text-xs font-mono",
+              autoComplete: "off"
+            }
+          ) }),
+          /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e.jsx(
+              F,
+              {
+                placeholder: "Value",
+                className: "border-0 shadow-none text-xs font-mono",
+                ...a(`headers.${c}.value`),
+                autoComplete: "off"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              C,
+              {
+                size: "icon",
+                variant: "ghost",
+                className: "text-muted-foreground opacity-0 group-hover:opacity-100",
+                onClick: () => {
+                  l(c);
+                },
+                type: "button",
+                children: /* @__PURE__ */ e.jsx(qe, { size: 16 })
+              }
+            )
+          ] }) })
+        ]
+      },
+      o.id
+    )) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "text-end", children: /* @__PURE__ */ e.jsx(
+      C,
+      {
+        className: "",
+        onClick: () => r({ name: "", value: "" }),
+        type: "button",
+        variant: "secondary",
+        children: "Add header"
+      }
+    ) })
+  ] });
+}, te = v.forwardRef(({ className: t, ...a }, n) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    ref: n,
+    className: h(
+      "rounded-xl border bg-card text-card-foreground shadow-sm",
+      t
+    ),
+    ...a
+  }
+));
+te.displayName = "Card";
+const wt = v.forwardRef(({ className: t, ...a }, n) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    ref: n,
+    className: h("flex flex-col space-y-1.5 p-6", t),
+    ...a
+  }
+));
+wt.displayName = "CardHeader";
+const Ct = v.forwardRef(({ className: t, ...a }, n) => /* @__PURE__ */ e.jsx(
+  "h3",
+  {
+    ref: n,
+    className: h("font-semibold leading-none tracking-tight", t),
+    ...a
+  }
+));
+Ct.displayName = "CardTitle";
+const St = v.forwardRef(({ className: t, ...a }, n) => /* @__PURE__ */ e.jsx(
+  "p",
+  {
+    ref: n,
+    className: h("text-sm text-muted-foreground", t),
+    ...a
+  }
+));
+St.displayName = "CardDescription";
+const $t = v.forwardRef(({ className: t, ...a }, n) => /* @__PURE__ */ e.jsx("div", { ref: n, className: h("p-6 pt-0", t), ...a }));
+$t.displayName = "CardContent";
+const Tt = v.forwardRef(({ className: t, ...a }, n) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    ref: n,
+    className: h("flex items-center p-6 pt-0", t),
+    ...a
+  }
+));
+Tt.displayName = "CardFooter";
+const Pt = ({ name: t }) => {
+  const a = jt(t);
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "w-2 h-2 rounded-full",
+        style: { backgroundColor: `hsl(${a})` }
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      be,
+      {
+        slug: t,
+        name: t,
+        className: "font-mono text-xs m-2 px-1"
+      }
+    )
+  ] });
+}, kt = ({
+  control: t
+}) => {
+  const { fields: a } = ee({
+    control: t,
+    name: "pathParams"
+  });
+  return /* @__PURE__ */ e.jsx(te, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx("table", { className: "w-full", children: /* @__PURE__ */ e.jsx("tbody", { children: a.map((n, r) => /* @__PURE__ */ e.jsxs("tr", { className: "hover:bg-accent/40", children: [
+    /* @__PURE__ */ e.jsx("td", { className: "w-5/12", children: /* @__PURE__ */ e.jsx(
+      w,
+      {
+        control: t,
+        name: `pathParams.${r}.value`,
+        render: () => /* @__PURE__ */ e.jsx(Pt, { name: n.name })
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx("td", { className: "w-7/12", children: /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ e.jsx(
+        w,
+        {
+          control: t,
+          name: `pathParams.${r}.value`,
+          render: ({ field: l }) => /* @__PURE__ */ e.jsx(
+            F,
+            {
+              ...l,
+              required: !0,
+              placeholder: "Enter value",
+              className: "w-full border-0 shadow-none text-xs font-mono hover:bg-accent"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        w,
+        {
+          control: t,
+          name: `pathParams.${r}.value`,
+          render: ({ field: l }) => /* @__PURE__ */ e.jsx(
+            C,
+            {
+              size: "icon",
+              type: "button",
+              variant: "ghost",
+              "aria-label": "Clear value",
+              className: h(
+                "ms-2 mr-1",
+                l.value.length === 0 ? "opacity-0 pointer-events-none" : "opacity-100"
+              ),
+              title: "Clear value",
+              onClick: () => l.onChange(""),
+              children: /* @__PURE__ */ e.jsx(ye, { size: 16 })
+            }
+          )
+        }
+      )
+    ] }) })
+  ] }, n.id)) }) }) });
+}, Ot = ot(
+  "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 = v.forwardRef(({ className: t, variant: a, ...n }, r) => /* @__PURE__ */ e.jsx(
+  Y.Root,
+  {
+    ref: r,
+    className: h(Ot({ variant: a, className: t })),
+    ...n,
+    children: /* @__PURE__ */ e.jsx(
+      Y.Indicator,
+      {
+        className: h("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ e.jsx(Ie, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+Ne.displayName = Y.Root.displayName;
+const qt = ({
+  value: t,
+  enumValues: a,
+  onChange: n,
+  onValueSelected: r
+}) => {
+  const [l, o] = _(""), [c, d] = _(!1);
+  return /* @__PURE__ */ e.jsxs(lt, { open: c, onOpenChange: d, children: [
+    /* @__PURE__ */ e.jsx(it, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        type: "button",
+        role: "combobox",
+        className: h(
+          "px-3 py-2 w-full border-0 shadow-none text-xs font-mono text-start hover:bg-accent/40 rounded border-transparent hover:bg-accent",
+          !t && "text-muted-foreground"
+        ),
+        children: t || "Select value"
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(
+      ct,
+      {
+        className: "p-0 w-[--radix-popover-trigger-width] ",
+        align: "start",
+        sideOffset: 3,
+        alignOffset: -3,
+        side: "bottom",
+        children: /* @__PURE__ */ e.jsxs(Le, { className: "max-h-[180px]", children: [
+          /* @__PURE__ */ e.jsx(
+            De,
+            {
+              placeholder: "Enter value",
+              className: "h-9 bg-transparent ",
+              onValueChange: o,
+              onKeyDown: (i) => {
+                i.key === "Enter" && (n(l), r(), d(!1));
+              }
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(Me, { children: [
+            /* @__PURE__ */ e.jsxs(He, { children: [
+              'Use "',
+              l,
+              '"'
+            ] }),
+            a.map((i) => /* @__PURE__ */ e.jsx(
+              Je,
+              {
+                value: i,
+                onSelect: (m) => {
+                  n(m), r(), d(!1);
+                },
+                children: i
+              },
+              i
+            ))
+          ] })
+        ] })
+      }
+    )
+  ] });
+}, It = (t, a) => {
+  const n = v.forwardRef(({ className: r, asChild: l, ...o }, c) => {
+    const d = l ? dt : t;
+    return v.createElement(d, {
+      ...o,
+      ref: c,
+      className: h(a, r)
+    });
+  });
+  return n.displayName = `VariantComponent(${t})`, n;
+}, Et = It(
+  "input",
+  "px-2 bg-transparent h-6 font-mono text-xs m-2"
+), Vt = ({
+  control: t,
+  queryParams: a
+}) => {
+  const { fields: n } = ee({
+    control: t,
+    name: "queryParams"
+  }), r = Ze(), l = a.map((d) => !!d.isRequired), c = r.watch("identity") !== A;
+  return /* @__PURE__ */ e.jsx(te, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx("table", { className: "w-full", children: /* @__PURE__ */ e.jsx("tbody", { children: n.filter(
+    // TODO remove this hack for Accu or make it more generic
+    (d) => !(c && d.name === "apikey")
+  ).map((d, i) => {
+    const m = a.find(
+      (u) => u.name === d.name
+    );
+    return /* @__PURE__ */ e.jsxs("tr", { className: "hover:bg-accent/40", children: [
+      /* @__PURE__ */ e.jsxs("td", { className: "w-5/12 flex items-center ps-3", children: [
+        /* @__PURE__ */ e.jsx(
+          w,
+          {
+            control: t,
+            name: `queryParams.${i}.active`,
+            render: ({ field: u }) => /* @__PURE__ */ e.jsx(
+              Ne,
+              {
+                variant: "outline",
+                id: `queryParams.${i}.active`,
+                checked: u.value,
+                onCheckedChange: u.onChange
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          w,
+          {
+            control: t,
+            render: ({ field: u }) => /* @__PURE__ */ e.jsx(Et, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+              "label",
+              {
+                className: "flex items-center cursor-pointer gap-1",
+                htmlFor: `queryParams.${i}.active`,
+                title: l[i] ? "Required field" : void 0,
+                children: [
+                  u.value,
+                  l[i] && /* @__PURE__ */ e.jsx("sup", { children: " *" })
+                ]
+              }
+            ) }),
+            name: `queryParams.${i}.name`
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsx("td", { className: "w-7/12", children: /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center", children: [
+        /* @__PURE__ */ e.jsx(
+          w,
+          {
+            control: t,
+            render: ({ field: u }) => {
+              if (!((m == null ? void 0 : m.enum) && m.enum.length > 0))
+                return /* @__PURE__ */ e.jsx(
+                  F,
+                  {
+                    ...u,
+                    onChange: (b) => {
+                      u.onChange(b.target.value), b.target.value.length > 0 && r.setValue(
+                        `queryParams.${i}.active`,
+                        !0
+                      );
+                    },
+                    placeholder: "Enter value",
+                    className: "w-full border-0 shadow-none text-xs font-mono hover:bg-accent"
+                  }
+                );
+              const j = m.enum ?? [];
+              return /* @__PURE__ */ e.jsx(
+                qt,
+                {
+                  value: u.value,
+                  enumValues: j,
+                  onChange: u.onChange,
+                  onValueSelected: () => {
+                    r.setValue(`queryParams.${i}.active`, !0);
+                  }
+                }
+              );
+            },
+            name: `queryParams.${i}.value`
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          w,
+          {
+            control: t,
+            render: ({ field: u }) => /* @__PURE__ */ e.jsx(
+              C,
+              {
+                size: "icon",
+                type: "button",
+                variant: "ghost",
+                "aria-label": "Clear value",
+                className: h(
+                  "ms-2 mr-1",
+                  u.value.length === 0 ? "opacity-0 pointer-events-none" : "opacity-100"
+                ),
+                title: "Clear value",
+                onClick: () => u.onChange(""),
+                children: /* @__PURE__ */ e.jsx(ye, { size: 16 })
+              }
+            ),
+            name: `queryParams.${i}.value`
+          }
+        )
+      ] }) })
+    ] }, d.id);
+  }) }) }) });
+}, Rt = ({
+  value: t,
+  onChange: a,
+  className: n,
+  options: r,
+  showChevrons: l = !0
+}) => /* @__PURE__ */ e.jsxs("div", { className: "grid", children: [
+  /* @__PURE__ */ e.jsx(
+    "select",
+    {
+      className: h(
+        "row-start-1 col-start-1 border border-input text-foreground px-2 py-1 pe-6",
+        "rounded-md appearance-none bg-zinc-50 hover:bg-white dark:bg-zinc-800 hover:dark:bg-zinc-800/75",
+        n
+      ),
+      value: t,
+      onChange: a,
+      children: r.map((o) => /* @__PURE__ */ e.jsx("option", { value: o.value, children: o.label }, o.value))
+    }
+  ),
+  /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: h(
+        !l && "hidden",
+        "row-start-1 col-start-1 self-center justify-self-end relative end-2 pointer-events-none"
+      ),
+      children: /* @__PURE__ */ e.jsx(Ee, { size: 14 })
+    }
+  )
+] }), zt = (t) => {
+  var n;
+  return (n = 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(
+    ([r]) => t.includes(r)
+  )) == null ? void 0 : n[1];
+}, At = (t) => {
+  const a = t.get("Content-Type") || "";
+  return zt(a);
+}, _t = (t) => {
+  try {
+    return JSON.stringify(JSON.parse(t), null, 2);
+  } catch {
+    return null;
+  }
+}, Ft = ({
+  body: t = "",
+  headers: a
+}) => {
+  const n = At(a), r = _t(t), l = r || t, [o, c] = _(
+    r ? "formatted" : "raw"
+  );
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ e.jsx(X, { className: "shadow-none", children: /* @__PURE__ */ e.jsx(
+      rt,
+      {
+        language: o === "raw" ? r ? "plain" : n : "json",
+        noBackground: !0,
+        className: "overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]",
+        code: o === "raw" ? t : l
+      }
+    ) }),
+    r && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ e.jsx(
+      Rt,
+      {
+        value: o,
+        onChange: (d) => c(d.target.value),
+        options: [
+          { value: "formatted", label: "Formatted" },
+          { value: "raw", label: "Raw" }
+        ]
+      }
+    ) })
+  ] });
+}, A = "__none", Lt = {
+  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"
+}, Dt = ({
+  server: t,
+  servers: a,
+  url: n,
+  method: r,
+  headers: l = [],
+  queryParams: o = [],
+  pathParams: c = [],
+  defaultBody: d = ""
+}) => {
+  var se, re;
+  const { selectedServer: i, setSelectedServer: m } = Ye(), [, u] = Fe(), { register: g, control: j, handleSubmit: b, watch: T, setValue: N, ...S } = Ke({
+    defaultValues: {
+      body: d,
+      queryParams: o.map((s) => ({
+        name: s.name,
+        value: s.defaultValue ?? "",
+        active: s.defaultActive ?? !1,
+        enum: s.enum ?? []
+      })),
+      pathParams: c.map((s) => ({
+        name: s.name,
+        value: s.defaultValue ?? ""
+      })),
+      headers: l.map((s) => ({
+        name: s.name,
+        value: s.defaultValue ?? ""
+      })),
+      identity: A
+    }
+  }), x = T(), P = ke(), ae = ge(!1);
+  ve(() => {
+    var y;
+    if (ae.current) return;
+    const s = (y = P.data) == null ? void 0 : y.at(0);
+    s && (N("identity", s.id), ae.current = !0);
+  }, [N, P.data]);
+  const f = We({
+    mutationFn: async (s) => {
+      var O, $;
+      const y = bt(i ?? t, n, s), k = performance.now(), V = new Request(y, {
+        method: r.toUpperCase(),
+        headers: Object.fromEntries(
+          s.headers.filter((p) => p.name).map((p) => [p.name, p.value])
+        ),
+        body: s.body ? s.body : void 0
+      });
+      s.identity !== A && (($ = (O = P.data) == null ? void 0 : O.find((p) => p.id === s.identity)) == null || $.authorizeRequest(V));
+      try {
+        const p = await fetch(V, {
+          signal: AbortSignal.timeout(5e3)
+        }), R = performance.now() - k, z = await p.text();
+        return {
+          status: p.status,
+          headers: p.headers,
+          size: z.length,
+          body: z,
+          time: R
+        };
+      } catch (p) {
+        throw p instanceof TypeError ? new Error(
+          "The request failed, possibly due to network issues or CORS policy."
+        ) : p;
+      }
+    }
+  }), we = n.split("/").map((s, y, k) => {
+    var R;
+    const V = s.startsWith("{") && s.endsWith("}") || s.startsWith(":"), O = s.replace(/[:{}]/g, ""), $ = (R = x.pathParams.find((z) => z.name === O)) == null ? void 0 : R.value, p = /* @__PURE__ */ e.jsx(
+      be,
+      {
+        backgroundOpacity: "25%",
+        name: s,
+        slug: s,
+        title: $ ? void 0 : `Missing value for path parameter \`${O}\``,
+        children: $ ? encodeURIComponent($) : s
+      }
+    );
+    return (
+      // eslint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ e.jsxs(U, { children: [
+        V ? p : s,
+        y < k.length - 1 && "/",
+        /* @__PURE__ */ e.jsx("wbr", {})
+      ] }, s + y)
+    );
+  }), M = Array.from(((se = f.data) == null ? void 0 : se.headers.entries()) ?? []), ne = x.queryParams.filter((s) => s.active).map((s, y, k) => /* @__PURE__ */ e.jsxs(U, { children: [
+    s.name,
+    "=",
+    encodeURIComponent(s.value).replaceAll("%20", "+"),
+    y < k.length - 1 && "&",
+    /* @__PURE__ */ e.jsx("wbr", {})
+  ] }, s.name)), Ce = /* @__PURE__ */ e.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: a && a.length > 1 ? /* @__PURE__ */ e.jsxs(
+    ie,
+    {
+      onValueChange: (s) => {
+        u(() => {
+          m(s);
+        });
+      },
+      value: i,
+      children: [
+        /* @__PURE__ */ e.jsx(ce, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: /* @__PURE__ */ e.jsx(de, {}) }),
+        /* @__PURE__ */ e.jsx(me, { children: a.map((s) => /* @__PURE__ */ e.jsx(B, { value: s, children: s.replace(/^https?:\/\//, "") }, s)) })
+      ]
+    }
+  ) : /* @__PURE__ */ e.jsx("span", { children: t.replace(/^https?:\/\//, "") }) });
+  return /* @__PURE__ */ e.jsx(
+    Xe,
+    {
+      register: g,
+      control: j,
+      handleSubmit: b,
+      watch: T,
+      setValue: N,
+      ...S,
+      children: /* @__PURE__ */ e.jsx("form", { onSubmit: b((s) => f.mutateAsync(s)), children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-[8fr_7fr] 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", children: r.toUpperCase() }),
+              /* @__PURE__ */ e.jsxs("div", { className: "flex items-center flex-wrap p-2 font-mono text-xs", children: [
+                Ce,
+                we,
+                ne.length > 0 ? "?" : "",
+                ne
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsx(C, { type: "submit", className: "h-auto flex gap-1", children: "Send" })
+          ] }),
+          /* @__PURE__ */ e.jsxs(
+            pe,
+            {
+              defaultValue: o.length + c.length > 0 ? "parameters" : "headers",
+              children: [
+                /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap gap-1 justify-between", children: [
+                  /* @__PURE__ */ e.jsxs(he, { children: [
+                    o.length + c.length > 0 && /* @__PURE__ */ e.jsx(q, { value: "parameters", children: "Parameters" }),
+                    /* @__PURE__ */ e.jsxs(q, { value: "headers", children: [
+                      "Headers",
+                      " ",
+                      x.headers.length > 0 && `(${x.headers.length})`
+                    ] }),
+                    /* @__PURE__ */ e.jsx(
+                      q,
+                      {
+                        value: "body",
+                        disabled: !["POST", "PUT", "PATCH", "DELETE"].includes(
+                          r.toUpperCase()
+                        ),
+                        children: "Body"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center", children: [
+                    "Auth:",
+                    /* @__PURE__ */ e.jsxs(
+                      ie,
+                      {
+                        onValueChange: (s) => N("identity", s),
+                        value: x.identity,
+                        defaultValue: x.identity,
+                        children: [
+                          /* @__PURE__ */ e.jsx(ce, { className: "w-[180px] flex", children: P.isPending ? /* @__PURE__ */ e.jsx(ue, {}) : /* @__PURE__ */ e.jsx(de, {}) }),
+                          /* @__PURE__ */ e.jsxs(me, { align: "center", children: [
+                            /* @__PURE__ */ e.jsx(B, { value: A, children: "None" }),
+                            (re = P.data) == null ? void 0 : re.map((s) => /* @__PURE__ */ e.jsx(B, { value: s.id, children: s.label }, s.id))
+                          ] })
+                        ]
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ e.jsx(I, { value: "headers", children: /* @__PURE__ */ e.jsx(Nt, { control: j, register: g }) }),
+                /* @__PURE__ */ e.jsxs(I, { value: "parameters", children: [
+                  c.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(kt, { control: j })
+                  ] }),
+                  o.length > 0 && /* @__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(Vt, { control: j, queryParams: o })
+                  ] })
+                ] }),
+                /* @__PURE__ */ e.jsx(I, { value: "body", children: /* @__PURE__ */ e.jsx(
+                  "textarea",
+                  {
+                    ...g("body"),
+                    className: "border w-full rounded p-2 bg-muted h-40"
+                  }
+                ) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: "min-w-0 p-8 bg-muted/70", children: f.error ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+          x.pathParams.some((s) => s.value === "") && /* @__PURE__ */ e.jsx(et, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." }),
+          /* @__PURE__ */ e.jsxs(X, { children: [
+            /* @__PURE__ */ e.jsx(tt, { children: /* @__PURE__ */ e.jsx(at, { children: "Request failed" }) }),
+            /* @__PURE__ */ e.jsxs(nt, { children: [
+              "Error:",
+              " ",
+              f.error.message || String(f.error) || "Unexpected error"
+            ] })
+          ] })
+        ] }) : f.data ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs("div", { className: "flex text-xs gap-6", children: [
+            /* @__PURE__ */ e.jsxs("div", { children: [
+              "Status: ",
+              f.data.status,
+              " ",
+              Lt[f.data.status] ?? ""
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { children: [
+              "Time: ",
+              f.data.time.toFixed(0),
+              "ms"
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { children: [
+              "Size: ",
+              f.data.size,
+              " B"
+            ] })
+          ] }) }),
+          /* @__PURE__ */ e.jsxs(pe, { defaultValue: "response", children: [
+            /* @__PURE__ */ e.jsxs(he, { children: [
+              /* @__PURE__ */ e.jsx(q, { value: "response", children: "Response" }),
+              /* @__PURE__ */ e.jsx(q, { value: "headers", children: M.length ? `Headers (${M.length})` : "No headers" })
+            ] }),
+            /* @__PURE__ */ e.jsx(I, { value: "response", children: /* @__PURE__ */ e.jsx(
+              Ft,
+              {
+                headers: f.data.headers,
+                body: f.data.body
+              }
+            ) }),
+            /* @__PURE__ */ e.jsx(I, { value: "headers", children: /* @__PURE__ */ e.jsxs(
+              X,
+              {
+                className: "max-h-[calc(83.333vh-140px)] overflow-y-auto grid grid-cols-2 w-full gap-2.5 font-mono text-xs shadow-none p-4",
+                children: [
+                  /* @__PURE__ */ e.jsx("div", { className: "font-semibold", children: "Key" }),
+                  /* @__PURE__ */ e.jsx("div", { className: "font-semibold", children: "Value" }),
+                  M.map(([s, y]) => /* @__PURE__ */ e.jsxs(U, { children: [
+                    /* @__PURE__ */ e.jsx("div", { children: s }),
+                    /* @__PURE__ */ e.jsx("div", { className: "break-words", children: y })
+                  ] }, s))
+                ]
+              }
+            ) })
+          ] })
+        ] }) : /* @__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: f.isPending ? /* @__PURE__ */ e.jsx(ue, {}) : "Send a request first to see the response here" }) }) })
+      ] }) })
+    }
+  );
+}, Mt = ({
+  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"
+      }
+    )
+  }
+), Ht = (t) => {
+  const [a, n] = _(!1);
+  return /* @__PURE__ */ e.jsxs(Qe, { onOpenChange: (r) => n(r), children: [
+    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: t.children ?? /* @__PURE__ */ e.jsxs("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(Mt, { className: "", size: 14 })
+    ] }) }),
+    /* @__PURE__ */ e.jsxs(
+      Be,
+      {
+        className: "max-w-screen-xl w-full h-5/6 overflow-auto p-0",
+        "aria-describedby": void 0,
+        children: [
+          /* @__PURE__ */ e.jsx(_e, { children: /* @__PURE__ */ e.jsx(Ge, { children: "Playground" }) }),
+          a && /* @__PURE__ */ e.jsx(Dt, { ...t })
+        ]
+      }
+    )
+  ] });
+}, fe = yt(`
+  query GetCategories($input: JSON!, $type: SchemaType!) {
+    schema(input: $input, type: $type) {
+      url
+      tags {
+        __typename
+        name
+        operations {
+          __typename
+          slug
+          deprecated
+          method
+          summary
+          operationId
+          path
+        }
+      }
+    }
+  }
+`), Jt = {
+  get: "green",
+  post: "blue",
+  put: "yellow",
+  delete: "red",
+  patch: "purple",
+  options: "gray",
+  head: "gray"
+}, xa = (t) => {
+  const a = le(t.navigationId ?? "/reference"), n = t.type === "file" ? Object.keys(t.input) : [], r = new vt(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: l,
+        server: o,
+        method: c,
+        url: d,
+        ...i
+      }) => {
+        var g;
+        const m = ze(), u = Oe({
+          queryFn: () => r.fetch(fe, {
+            type: t.type,
+            input: t.input
+          }),
+          enabled: !o,
+          queryKey: ["playground-server"]
+        });
+        return l && !m.isAuthenticated ? /* @__PURE__ */ e.jsxs(
+          C,
+          {
+            className: "gap-2 items-center",
+            variant: "outline",
+            onClick: m.login,
+            children: [
+              "Login to open in Playground ",
+              /* @__PURE__ */ e.jsx(Ve, { size: 16 })
+            ]
+          }
+        ) : /* @__PURE__ */ e.jsx(
+          Ht,
+          {
+            url: d ?? "/",
+            method: c ?? "get",
+            server: o ?? ((g = u.data) == null ? void 0 : g.schema.url) ?? "https://example.com",
+            ...i,
+            children: /* @__PURE__ */ e.jsxs(C, { className: "gap-2 items-center", variant: "outline", children: [
+              "Open in Playground ",
+              /* @__PURE__ */ e.jsx(Re, { size: 16 })
+            ] })
+          }
+        );
+      }
+    }),
+    getSidebar: async (l) => {
+      if (!Pe({ path: a, end: !1 }, l))
+        return [];
+      try {
+        const o = n.find((i) => l === le(a, i)) ?? Object.keys(t.input).at(0), d = (await r.fetch(fe, {
+          type: t.type,
+          input: t.type === "file" ? t.input[o] : t.input,
+          version: o
+        })).schema.tags.filter((i) => i.operations.length > 0).map((i) => ({
+          type: "category",
+          label: i.name || "Other endpoints",
+          collapsible: !0,
+          collapsed: !1,
+          items: i.operations.map((m) => ({
+            type: "link",
+            label: m.summary ?? m.path,
+            href: `#${m.slug}`,
+            badge: {
+              label: m.method,
+              color: Jt[m.method.toLowerCase()],
+              invert: !0
+            }
+          }))
+        }));
+        return d.unshift({
+          type: "link",
+          label: "Overview",
+          href: "#description"
+        }), d;
+      } catch {
+        return [];
+      }
+    },
+    getRoutes: () => [null, ...n].map((o) => ({
+      path: a + (o ? `/${o}` : ""),
+      async lazy() {
+        const { OpenApiRoute: c } = await import("./Route-DYwKZ_c_.js");
+        return {
+          element: /* @__PURE__ */ e.jsx(
+            c,
+            {
+              basePath: a,
+              versions: n,
+              client: r,
+              config: t
+            }
+          )
+        };
+      },
+      children: [
+        {
+          index: !0,
+          async lazy() {
+            const { OperationList: c } = await import("./OperationList-B8bHMKme.js");
+            return { element: /* @__PURE__ */ e.jsx(c, {}) };
+          }
+        }
+      ]
+    }))
+  };
+};
+export {
+  be as C,
+  Ht as P,
+  Rt as S,
+  yt as g,
+  xa as o
+};
+//# sourceMappingURL=index-sD8L1_Dl.js.map