zudoku 0.6.2-dev.4 → 0.6.2-dev.6

package/lib/MdxPage-BavkYqzi.js

@@ -0,0 +1,140 @@
+import { A as w, u as k, a as A, H as T, b as P } from "./utils-B8R4grFM.js";
+import { L as E } from "./jsx-runtime-lNnQYwFN.js";
+import { C } from "./CategoryHeading-BE8e6QdS.js";
+import { u as H, a as m, P as S, H as u } from "./Markdown-CCNihH_N.js";
+import { s as I } from "./slugify-DbLhpSPt.js";
+import { ListTreeIcon as L } from "lucide-react";
+import { useRef as f, useState as _, useEffect as $ } from "react";
+const y = "data-active", v = ({
+  item: a,
+  children: e,
+  className: t,
+  isActive: c
+}) => /* @__PURE__ */ React.createElement(
+  "li",
+  {
+    className: m(
+      "truncate",
+      c ? "text-primary" : "text-foreground/65 dark:text-foreground/75",
+      t
+    ),
+    title: a.value
+  },
+  /* @__PURE__ */ React.createElement(
+    w,
+    {
+      to: `#${a.id}`,
+      [y]: a.id,
+      className: m(
+        c ? "text-primary" : "text-foreground/65 dark:text-foreground/75 hover:text-foreground"
+      )
+    },
+    a.value
+  ),
+  e
+), M = ({ entries: a }) => {
+  const { activeAnchor: e } = H(), t = f(null), c = f(!1), [d, l] = _({
+    top: 0,
+    opacity: 0
+  });
+  return $(() => {
+    if (!t.current) return;
+    const r = t.current.querySelector(
+      `[${y}='${e}']`
+    );
+    if (!r) {
+      l({ top: 0, opacity: 0 });
+      return;
+    }
+    const n = t.current.getBoundingClientRect().top, p = r.getBoundingClientRect().top;
+    l({
+      opacity: 1,
+      top: `${p - n}px`
+    }), !c.current && requestIdleCallback(() => {
+      c.current = !0;
+    });
+  }, [e]), /* @__PURE__ */ React.createElement("aside", { className: "sticky scrollbar top-[--header-height] h-[calc(100vh-var(--header-height))] pt-[--padding-content-top] pb-[--padding-content-bottom] overflow-y-auto ps-1 text-sm" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 font-medium mb-2" }, /* @__PURE__ */ React.createElement(L, { size: 16 }), "On this page"), /* @__PURE__ */ React.createElement("div", { className: "relative ms-2 ps-4" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 right-auto bg-border w-[2px]" }), /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: m(
+        "absolute -left-px -translate-y-1 h-6 w-[4px] rounded bg-primary",
+        c.current && "ease-out [transition:top_150ms,opacity_325ms]"
+      ),
+      style: d
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "ul",
+    {
+      ref: t,
+      className: "relative font-medium list-none space-y-2"
+    },
+    a.map((r) => /* @__PURE__ */ React.createElement(
+      v,
+      {
+        isActive: r.id === e,
+        key: r.id,
+        item: r,
+        className: "pl-0"
+      },
+      r.children && /* @__PURE__ */ React.createElement("ul", { className: "list-none pl-4 pt-2 space-y-2" }, r.children.map((n) => /* @__PURE__ */ React.createElement(
+        v,
+        {
+          item: n,
+          isActive: n.id === e,
+          key: n.id
+        }
+      )))
+    ))
+  )));
+}, j = {
+  h2: ({ children: a, id: e }) => /* @__PURE__ */ React.createElement(u, { level: 2, id: e, registerSidebarAnchor: !0 }, a),
+  h3: ({ children: a, id: e }) => /* @__PURE__ */ React.createElement(u, { level: 3, id: e, registerSidebarAnchor: !0 }, a)
+}, X = ({
+  mdxComponent: a,
+  frontmatter: e = {},
+  defaultOptions: t,
+  tableOfContents: c
+}) => {
+  var x, R, h;
+  const d = (x = k()) == null ? void 0 : x.categoryLabel, l = e.title, r = e.category ?? d, n = e.toc === !1 || (t == null ? void 0 : t.toc) === !1, p = ((R = c.find((s) => s.depth === 1)) == null ? void 0 : R.value) ?? l, b = e.disablePager ?? (t == null ? void 0 : t.disablePager) ?? !1, g = ((h = c.find((s) => s.depth === 1)) == null ? void 0 : h.children) ?? // if `title` is provided by frontmatter it does not appear in the table of contents
+  c.filter((s) => s.depth === 2), N = !n && g.length > 0, { prev: o, next: i } = A();
+  return /* @__PURE__ */ React.createElement("div", { className: "xl:grid grid-cols-[--sidecar-grid-cols] gap-8 justify-between" }, /* @__PURE__ */ React.createElement(T, null, /* @__PURE__ */ React.createElement("title", null, p)), /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: m(
+        S,
+        "max-w-full xl:w-full xl:max-w-prose flex-1 flex-shrink pt-[--padding-content-top] pb-[--padding-content-bottom]"
+      )
+    },
+    /* @__PURE__ */ React.createElement("header", null, r && /* @__PURE__ */ React.createElement(C, null, r), l && /* @__PURE__ */ React.createElement(u, { level: 1, id: I(l, { lower: !0 }) }, l)),
+    /* @__PURE__ */ React.createElement(
+      a,
+      {
+        components: { ...P(), ...j }
+      }
+    ),
+    !b && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("hr", null), /* @__PURE__ */ React.createElement("div", { className: "not-prose flex flex-wrap items-center justify-between gap-2 lg:gap-8" }, o ? /* @__PURE__ */ React.createElement(
+      E,
+      {
+        to: o.id,
+        className: "flex flex-col items-stretch gap-2 flex-1 min-w-max border rounded px-6 py-4 text-start hover:border-primary/85 transition shadow-sm hover:shadow-md",
+        title: o.label
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "text-sm text-muted-foreground" }, "← Previous page"),
+      /* @__PURE__ */ React.createElement("div", { className: "text-lg text-primary truncate" }, o.label)
+    ) : /* @__PURE__ */ React.createElement("div", { className: "flex-1" }), i ? /* @__PURE__ */ React.createElement(
+      E,
+      {
+        to: i.id,
+        className: "flex flex-col items-stretch gap-2 flex-1 min-w-max border rounded px-6 py-4 text-end hover:border-primary/85 transition shadow-sm hover:shadow-md",
+        title: i.label
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "text-sm text-muted-foreground" }, "Next page →"),
+      /* @__PURE__ */ React.createElement("div", { className: "text-lg text-primary truncate" }, i.label)
+    ) : /* @__PURE__ */ React.createElement("div", { className: "flex-1" })))
+  ), /* @__PURE__ */ React.createElement("div", { className: "hidden xl:block" }, N && /* @__PURE__ */ React.createElement(M, { entries: g })));
+};
+export {
+  X as MdxPage
+};
+//# sourceMappingURL=MdxPage-BavkYqzi.js.map

package/lib/MdxPage-BavkYqzi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MdxPage-BavkYqzi.js","sources":["../src/lib/plugins/markdown/Toc.tsx","../src/lib/plugins/markdown/MdxPage.tsx"],"sourcesContent":["import type { TocEntry } from \"@stefanprobst/rehype-extract-toc\";\nimport { ListTreeIcon } from \"lucide-react\";\nimport {\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type PropsWithChildren,\n} from \"react\";\nimport { AnchorLink } from \"../../components/AnchorLink.js\";\nimport { useViewportAnchor } from \"../../components/context/ViewportAnchorContext.js\";\nimport { cn } from \"../../util/cn.js\";\n\nconst DATA_ANCHOR_ATTR = \"data-active\";\n\nconst TocItem = ({\n  item,\n  children,\n  className,\n  isActive,\n}: PropsWithChildren<{\n  item: TocEntry;\n  isActive: boolean;\n  className?: string;\n}>) => {\n  return (\n    <li\n      className={cn(\n        \"truncate\",\n        isActive\n          ? \"text-primary\"\n          : \"text-foreground/65 dark:text-foreground/75\",\n        className,\n      )}\n      title={item.value}\n    >\n      <AnchorLink\n        to={`#${item.id}`}\n        {...{ [DATA_ANCHOR_ATTR]: item.id }}\n        className={cn(\n          isActive\n            ? \"text-primary\"\n            : \"text-foreground/65 dark:text-foreground/75 hover:text-foreground\",\n        )}\n      >\n        {item.value}\n      </AnchorLink>\n      {children}\n    </li>\n  );\n};\n\nexport const Toc = ({ entries }: { entries: TocEntry[] }) => {\n  const { activeAnchor } = useViewportAnchor();\n  const listWrapperRef = useRef<HTMLUListElement>(null);\n  const paintedOnce = useRef(false);\n  const [indicatorStyle, setIndicatorStyles] = useState<CSSProperties>({\n    top: 0,\n    opacity: 0,\n  });\n\n  // synchronize active anchor indicator with the scroll position\n  useEffect(() => {\n    if (!listWrapperRef.current) return;\n\n    const activeElement = listWrapperRef.current.querySelector(\n      `[${DATA_ANCHOR_ATTR}='${activeAnchor}']`,\n    );\n\n    if (!activeElement) {\n      setIndicatorStyles({ top: 0, opacity: 0 });\n      return;\n    }\n\n    const topParent = listWrapperRef.current.getBoundingClientRect().top;\n    const topElement = activeElement.getBoundingClientRect().top;\n\n    setIndicatorStyles({\n      opacity: 1,\n      top: `${topElement - topParent}px`,\n    });\n\n    if (paintedOnce.current) return;\n\n    // after all is painted, the indicator should animate\n    requestIdleCallback(() => {\n      paintedOnce.current = true;\n    });\n  }, [activeAnchor]);\n\n  return (\n    <aside className=\"sticky scrollbar top-[--header-height] h-[calc(100vh-var(--header-height))] pt-[--padding-content-top] pb-[--padding-content-bottom] overflow-y-auto ps-1 text-sm\">\n      <div className=\"flex items-center gap-2 font-medium mb-2\">\n        <ListTreeIcon size={16} />\n        On this page\n      </div>\n      <div className=\"relative ms-2 ps-4\">\n        <div className=\"absolute inset-0 right-auto bg-border w-[2px]\" />\n        <div\n          className={cn(\n            \"absolute -left-px -translate-y-1 h-6 w-[4px] rounded bg-primary\",\n            paintedOnce.current &&\n              \"ease-out [transition:top_150ms,opacity_325ms]\",\n          )}\n          style={indicatorStyle}\n        />\n        <ul\n          ref={listWrapperRef}\n          className=\"relative font-medium list-none space-y-2\"\n        >\n          {entries.map((item) => (\n            <TocItem\n              isActive={item.id === activeAnchor}\n              key={item.id}\n              item={item}\n              className=\"pl-0\"\n            >\n              {item.children && (\n                <ul className=\"list-none pl-4 pt-2 space-y-2\">\n                  {item.children.map((child) => (\n                    <TocItem\n                      item={child}\n                      isActive={child.id === activeAnchor}\n                      key={child.id}\n                    />\n                  ))}\n                </ul>\n              )}\n            </TocItem>\n          ))}\n        </ul>\n      </div>\n    </aside>\n  );\n};\n","import { useMDXComponents } from \"@mdx-js/react\";\nimport { Helmet } from \"@zudoku/react-helmet-async\";\nimport { type PropsWithChildren } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { CategoryHeading } from \"../../components/CategoryHeading.js\";\nimport { Heading } from \"../../components/Heading.js\";\nimport { ProseClasses } from \"../../components/Markdown.js\";\nimport {\n  useCurrentItem,\n  usePrevNext,\n} from \"../../components/navigation/utils.js\";\nimport type { MdxComponentsType } from \"../../util/MdxComponents.js\";\nimport { cn } from \"../../util/cn.js\";\nimport slugify from \"../../util/slugify.js\";\nimport { Toc } from \"./Toc.js\";\nimport { MarkdownPluginDefaultOptions, MDXImport } from \"./index.js\";\n\nconst MarkdownHeadings = {\n  h2: ({ children, id }) => (\n    <Heading level={2} id={id} registerSidebarAnchor>\n      {children}\n    </Heading>\n  ),\n  h3: ({ children, id }) => (\n    <Heading level={3} id={id} registerSidebarAnchor>\n      {children}\n    </Heading>\n  ),\n} satisfies MdxComponentsType;\n\nexport const MdxPage = ({\n  mdxComponent: MdxComponent,\n  frontmatter = {},\n  defaultOptions,\n  tableOfContents,\n}: PropsWithChildren<\n  Omit<MDXImport, \"default\"> & {\n    mdxComponent: MDXImport[\"default\"];\n    defaultOptions?: MarkdownPluginDefaultOptions;\n  }\n>) => {\n  const categoryTitle = useCurrentItem()?.categoryLabel;\n  const title = frontmatter.title;\n  const category = frontmatter.category ?? categoryTitle;\n  const hideToc = frontmatter.toc === false || defaultOptions?.toc === false;\n  const pageTitle =\n    tableOfContents.find((item) => item.depth === 1)?.value ?? title;\n  const hidePager =\n    frontmatter.disablePager ?? defaultOptions?.disablePager ?? false;\n\n  const tocEntries =\n    tableOfContents.find((item) => item.depth === 1)?.children ??\n    // if `title` is provided by frontmatter it does not appear in the table of contents\n    tableOfContents.filter((item) => item.depth === 2);\n\n  const showToc = !hideToc && tocEntries.length > 0;\n\n  const { prev, next } = usePrevNext();\n\n  return (\n    <div className=\"xl:grid grid-cols-[--sidecar-grid-cols] gap-8 justify-between\">\n      <Helmet>\n        <title>{pageTitle}</title>\n      </Helmet>\n      <div\n        className={cn(\n          ProseClasses,\n          \"max-w-full xl:w-full xl:max-w-prose flex-1 flex-shrink pt-[--padding-content-top] pb-[--padding-content-bottom]\",\n        )}\n      >\n        <header>\n          {category && <CategoryHeading>{category}</CategoryHeading>}\n          {title && (\n            <Heading level={1} id={slugify(title, { lower: true })}>\n              {title}\n            </Heading>\n          )}\n        </header>\n        <MdxComponent\n          components={{ ...useMDXComponents(), ...MarkdownHeadings }}\n        />\n        {!hidePager && (\n          <>\n            <hr />\n            <div className=\"not-prose flex flex-wrap items-center justify-between gap-2 lg:gap-8\">\n              {prev ? (\n                <Link\n                  to={prev.id}\n                  className=\"flex flex-col items-stretch gap-2 flex-1 min-w-max border rounded px-6 py-4 text-start hover:border-primary/85 transition shadow-sm hover:shadow-md\"\n                  title={prev.label}\n                >\n                  <div className=\"text-sm text-muted-foreground\">\n                    ← Previous page\n                  </div>\n                  <div className=\"text-lg text-primary truncate\">\n                    {prev.label}\n                  </div>\n                </Link>\n              ) : (\n                <div className=\"flex-1\" />\n              )}\n              {next ? (\n                <Link\n                  to={next.id}\n                  className=\"flex flex-col items-stretch gap-2 flex-1 min-w-max border rounded px-6 py-4 text-end hover:border-primary/85 transition shadow-sm hover:shadow-md\"\n                  title={next.label}\n                >\n                  <div className=\"text-sm text-muted-foreground\">\n                    Next page →\n                  </div>\n                  <div className=\"text-lg text-primary truncate\">\n                    {next.label}\n                  </div>\n                </Link>\n              ) : (\n                <div className=\"flex-1\" />\n              )}\n            </div>\n          </>\n        )}\n      </div>\n      <div className=\"hidden xl:block\">\n        {showToc && <Toc entries={tocEntries} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["DATA_ANCHOR_ATTR","TocItem","item","children","className","isActive","cn","AnchorLink","Toc","entries","activeAnchor","useViewportAnchor","listWrapperRef","useRef","paintedOnce","indicatorStyle","setIndicatorStyles","useState","useEffect","activeElement","topParent","topElement","ListTreeIcon","child","MarkdownHeadings","id","Heading","MdxPage","MdxComponent","frontmatter","defaultOptions","tableOfContents","categoryTitle","_a","useCurrentItem","title","category","hideToc","pageTitle","_b","hidePager","tocEntries","_c","showToc","prev","next","usePrevNext","Helmet","ProseClasses","CategoryHeading","slugify","useMDXComponents","Link"],"mappings":"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"}

package/lib/OperationList-C6Ps2keZ.js

@@ -0,0 +1,460 @@
+import { C as v } from "./CategoryHeading-BE8e6QdS.js";
+import { D as w } from "./DeveloperHint-Bl9gIdNI.js";
+import { E as P } from "./ErrorPage-CPR1XVKW.js";
+import { I as f, M as p, H as E, a as d, P as u, S as A } from "./Markdown-CCNihH_N.js";
+import { CheckIcon as j, CopyIcon as T, ChevronDownIcon as L, CircleFadingPlusIcon as z, CircleDotIcon as $, CircleIcon as F, SquareMinusIcon as D, SquarePlusIcon as H, ListPlusIcon as B } from "lucide-react";
+import { useState as y, useCallback as M } from "react";
+import { C as G, a as m, b as Q, c as V, d as _, T as J, e as K, f as U, g as W, S as Z, h as S, u as X } from "./index-BF4cn28H.js";
+import { R as b, T as N, C, S as Y } from "./index-G1-TGLO1.js";
+import { u as ee } from "./urql-YhcsXYy8.js";
+import { B as te } from "./index-BLvMkqjO.js";
+function ae(t, e) {
+  return e;
+}
+const ne = ({ url: t }) => {
+  const [e, n] = y(!1);
+  return /* @__PURE__ */ React.createElement("div", { className: "my-4 flex items-center justify-end gap-2 text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, "Endpoint:"), /* @__PURE__ */ React.createElement(f, { className: "p-1.5 flex gap-2.5 items-center text-xs" }, t, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      onClick: () => {
+        navigator.clipboard.writeText(t).then(() => {
+          n(!0), setTimeout(() => n(!1), 2e3);
+        });
+      },
+      type: "button"
+    },
+    e ? /* @__PURE__ */ React.createElement(j, { className: "text-green-600", size: 14 }) : /* @__PURE__ */ React.createElement(T, { size: 14, strokeWidth: 1.3 })
+  )));
+}, k = (t, e) => t.reduce(
+  (n, r) => {
+    const a = e(r);
+    return n[a] || (n[a] = []), n[a].push(r), n;
+  },
+  {}
+), re = (t, e) => t ? e(t) : void 0, h = (t) => t.schema != null && typeof t.schema == "object" ? t.schema : {
+  type: "string"
+}, ce = ({
+  parameter: t,
+  group: e,
+  id: n
+}) => /* @__PURE__ */ React.createElement("li", { className: "p-4 bg-border/20 text-sm flex flex-col gap-1" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("code", null, e === "path" ? /* @__PURE__ */ React.createElement(
+  G,
+  {
+    name: t.name,
+    backgroundOpacity: "15%",
+    slug: n + "-" + t.name.toLocaleLowerCase()
+  }
+) : t.name), t.required && /* @__PURE__ */ React.createElement("span", { className: "py-px px-1.5 font-medium bg-primary/75 text-muted rounded-lg" }, "required"), h(t).type && /* @__PURE__ */ React.createElement("span", { className: "text-muted-foreground" }, h(t).type)), t.description && /* @__PURE__ */ React.createElement(
+  p,
+  {
+    content: t.description,
+    className: "text-sm prose-p:my-1 prose-code:whitespace-pre-line"
+  }
+)), se = ({
+  group: t,
+  parameters: e,
+  id: n
+}) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(E, { level: 3, id: `${n}/${t}-parameters`, className: "capitalize" }, t === "header" ? "Headers" : `${t} Parameters`), /* @__PURE__ */ React.createElement(m, null, /* @__PURE__ */ React.createElement("ul", { className: "list-none m-0 px-0 divide-y " }, e.sort((r, a) => r.required === a.required ? 0 : r.required ? -1 : 1).map((r) => /* @__PURE__ */ React.createElement(
+  ce,
+  {
+    key: `${r.name}-${r.in}`,
+    parameter: r,
+    id: n,
+    group: t
+  }
+))))), le = (t) => Object.entries(t), oe = {
+  AND: /* @__PURE__ */ React.createElement(z, { size: 16, className: "fill-card" }),
+  OR: /* @__PURE__ */ React.createElement($, { size: 16, className: "fill-card" }),
+  ONE: /* @__PURE__ */ React.createElement(F, { size: 14, className: "fill-card" })
+}, ie = {
+  AND: "text-green-500 dark:text-green-300/60",
+  OR: "text-blue-400 dark:text-blue-500",
+  ONE: "text-purple-500 dark:text-purple-300/60"
+}, me = ({
+  type: t,
+  isOpen: e,
+  className: n
+}) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    className: d(
+      ie[t],
+      "relative text-sm flex py-2",
+      "before:border-l before:absolute before:-top-2 before:-bottom-2 before:border-border before:border-dashed before:content-['']",
+      n
+    )
+  },
+  /* @__PURE__ */ React.createElement("div", { className: "-translate-x-[7px] flex gap-1 items-center" }, oe[t], /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: d(
+        "translate-y-px mx-px opacity-0 group-hover:opacity-100 transition",
+        !e && "-rotate-90"
+      )
+    },
+    /* @__PURE__ */ React.createElement(L, { size: 16 })
+  ))
+), pe = (t) => {
+  const [e, n] = y(!0);
+  return /* @__PURE__ */ React.createElement(
+    b,
+    {
+      open: e,
+      onOpenChange: () => n((r) => !r),
+      className: "group"
+    },
+    /* @__PURE__ */ React.createElement(N, null, /* @__PURE__ */ React.createElement(me, { type: t.type, isOpen: e })),
+    !e && /* @__PURE__ */ React.createElement("div", { className: "wavy-line bg-border translate-y-1" }),
+    /* @__PURE__ */ React.createElement(C, null, /* @__PURE__ */ React.createElement(g, { schema: t.schema, level: t.level + 1 }))
+  );
+}, de = {
+  AND: "All of",
+  OR: "Any of",
+  ONE: "One of"
+}, ue = ({
+  schemas: t,
+  type: e,
+  isOpen: n,
+  level: r,
+  toggleOpen: a
+}) => /* @__PURE__ */ React.createElement(b, { open: n, onOpenChange: a, asChild: !0 }, /* @__PURE__ */ React.createElement(m, { className: "px-6" }, /* @__PURE__ */ React.createElement(N, { className: "flex gap-2 items-center py-2 w-full text-sm text-muted-foreground -translate-x-1.5" }, n ? /* @__PURE__ */ React.createElement(D, { size: 14 }) : /* @__PURE__ */ React.createElement(H, { size: 14 }), /* @__PURE__ */ React.createElement("span", null, de[e])), /* @__PURE__ */ React.createElement(C, { className: "pb-4" }, t.map((c, l) => (
+  // eslint-disable-next-line react/no-array-index-key
+  /* @__PURE__ */ React.createElement(
+    pe,
+    {
+      key: l,
+      type: e,
+      schema: c,
+      level: r
+    }
+  )
+))))), Re = (t) => t.type === "object" || t.type === "array" && typeof t.items == "object" && (!t.items.type || t.items.type === "object"), x = (t) => !!(t.oneOf ?? t.allOf ?? t.anyOf), Ee = {
+  allOf: "AND",
+  anyOf: "OR",
+  oneOf: "ONE"
+}, I = ({
+  schema: t,
+  level: e
+}) => {
+  const [n, r] = y(!0), a = M(() => r((c) => !c), []);
+  for (const [c, l] of le(Ee))
+    if (t[c])
+      return /* @__PURE__ */ React.createElement(
+        ue,
+        {
+          schemas: t[c],
+          type: l,
+          isOpen: n,
+          toggleOpen: a,
+          level: e
+        }
+      );
+}, ge = ({
+  name: t,
+  schema: e,
+  group: n,
+  level: r,
+  defaultOpen: a = !1,
+  showCollapseButton: c = !0
+}) => {
+  const [l, R] = y(a);
+  return /* @__PURE__ */ React.createElement("li", { className: "p-4 bg-border/20 hover:bg-border/30" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1 justify-between text-sm" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2 items-center" }, /* @__PURE__ */ React.createElement("code", null, t), /* @__PURE__ */ React.createElement("span", { className: "text-muted-foreground" }, e.type === "array" && e.items.type ? /* @__PURE__ */ React.createElement("span", null, e.items.type, "[]") : Array.isArray(e.type) ? /* @__PURE__ */ React.createElement("span", null, e.type.join(" | ")) : /* @__PURE__ */ React.createElement("span", null, e.type)), n === "optional" && /* @__PURE__ */ React.createElement("span", { className: "py-px px-1.5 font-medium border rounded-lg" }, "optional")), e.description && /* @__PURE__ */ React.createElement(
+    p,
+    {
+      className: d(u, "text-sm leading-normal line-clamp-4"),
+      content: e.description
+    }
+  ), (x(e) || Re(e)) && /* @__PURE__ */ React.createElement(
+    b,
+    {
+      defaultOpen: a,
+      open: l,
+      onOpenChange: () => R(!l)
+    },
+    c && /* @__PURE__ */ React.createElement(N, { asChild: !0 }, /* @__PURE__ */ React.createElement(
+      te,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "mt-2 flex gap-1.5"
+      },
+      /* @__PURE__ */ React.createElement(B, { size: 18 }),
+      l ? "Hide nested properties" : "Show nested properties"
+    )),
+    /* @__PURE__ */ React.createElement(C, null, /* @__PURE__ */ React.createElement("div", { className: "mt-2" }, x(e) ? /* @__PURE__ */ React.createElement(I, { schema: e, level: r + 1 }) : e.type === "object" ? /* @__PURE__ */ React.createElement(g, { schema: e, level: r + 1 }) : e.type === "array" && typeof e.items == "object" && /* @__PURE__ */ React.createElement(g, { schema: e.items, level: r + 1 })))
+  )));
+}, g = ({
+  schema: t,
+  level: e = 0,
+  defaultOpen: n = !1
+}) => {
+  if (!t || Object.keys(t).length === 0)
+    return /* @__PURE__ */ React.createElement(m, { className: "p-4" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm text-muted-foreground italic" }, "No response specified"));
+  const r = (a, c) => {
+    if (x(a))
+      return /* @__PURE__ */ React.createElement(I, { schema: a, level: c });
+    if (a.type === "array" && a.items) {
+      const l = a.items;
+      return typeof l.type == "string" && ["string", "number", "boolean", "integer"].includes(l.type) ? /* @__PURE__ */ React.createElement(m, { className: "p-4" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm text-muted-foreground" }, l.type, "[]"), a.description && /* @__PURE__ */ React.createElement(
+        p,
+        {
+          className: d(
+            u,
+            "text-sm leading-normal line-clamp-4"
+          ),
+          content: a.description
+        }
+      )) : l.type === "object" ? /* @__PURE__ */ React.createElement(m, { className: "flex flex-col gap-2 bg-border/30 p-4" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm text-muted-foreground" }, "object[]"), r(l, c + 1)) : r(l, c + 1);
+    }
+    if (a.type === "object" && !a.properties)
+      return /* @__PURE__ */ React.createElement(m, { className: "p-4 flex gap-2 items-center" }, "name" in a && /* @__PURE__ */ React.createElement(React.Fragment, null, a.name), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-muted-foreground" }, "object"), a.description && /* @__PURE__ */ React.createElement(
+        p,
+        {
+          className: d(
+            u,
+            "text-sm leading-normal line-clamp-4"
+          ),
+          content: a.description
+        }
+      ));
+    if (a.properties) {
+      const l = k(
+        Object.entries(a.properties),
+        ([i, s]) => {
+          var o;
+          return s.deprecated ? "deprecated" : (o = a.required) != null && o.includes(i) ? "required" : "optional";
+        }
+      ), R = ["required", "optional", "deprecated"];
+      return /* @__PURE__ */ React.createElement(m, { className: "divide-y overflow-hidden" }, R.map(
+        (i) => l[i] && /* @__PURE__ */ React.createElement("ul", { key: i, className: "divide-y" }, l[i].map(([s, o]) => /* @__PURE__ */ React.createElement(
+          ge,
+          {
+            key: s,
+            name: s,
+            schema: o,
+            group: i,
+            level: c,
+            defaultOpen: n
+          }
+        )))
+      ));
+    }
+    return typeof a.type == "string" && ["string", "number", "boolean", "integer", "null"].includes(a.type) ? /* @__PURE__ */ React.createElement(m, { className: "p-4" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm text-muted-foreground" }, a.type), a.description && /* @__PURE__ */ React.createElement(
+      p,
+      {
+        className: d(
+          u,
+          "text-sm leading-normal line-clamp-4"
+        ),
+        content: a.description
+      }
+    )) : a.additionalProperties ? /* @__PURE__ */ React.createElement(m, { className: "my-2" }, /* @__PURE__ */ React.createElement(Q, null, /* @__PURE__ */ React.createElement(V, null, "Additional Properties:")), /* @__PURE__ */ React.createElement(_, null, r(
+      a.additionalProperties,
+      c + 1
+    ))) : null;
+  };
+  return r(t, e);
+}, ye = ["path", "query", "header", "cookie"], fe = ({
+  operationFragment: t
+}) => {
+  var l, R, i;
+  const e = ae(xe, t), n = k(
+    e.parameters ?? [],
+    (s) => s.in
+  ), r = e.responses.at(0), [a, c] = y(r == null ? void 0 : r.statusCode);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      key: e.operationId,
+      className: "grid grid-cols-1 lg:grid-cols-[4fr_3fr] gap-8 items-start border-b-2 mb-16 pb-16"
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React.createElement(E, { level: 2, id: e.slug, registerSidebarAnchor: !0 }, e.summary), e.description && /* @__PURE__ */ React.createElement(
+      p,
+      {
+        className: `${u} max-w-full prose-img:max-w-prose`,
+        content: e.description
+      }
+    ), e.parameters && e.parameters.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, ye.flatMap(
+      (s) => {
+        var o;
+        return (o = n[s]) != null && o.length ? /* @__PURE__ */ React.createElement(
+          se,
+          {
+            key: s,
+            id: e.slug,
+            parameters: n[s],
+            group: s
+          }
+        ) : [];
+      }
+    )), re((i = (R = (l = e.requestBody) == null ? void 0 : l.content) == null ? void 0 : R.at(0)) == null ? void 0 : i.schema, (s) => /* @__PURE__ */ React.createElement("div", { className: "mt-4 flex flex-col gap-4" }, /* @__PURE__ */ React.createElement(
+      E,
+      {
+        level: 3,
+        className: "capitalize",
+        id: `${e.slug}/request-body`,
+        registerSidebarAnchor: !0
+      },
+      "Request Body"
+    ), /* @__PURE__ */ React.createElement(g, { schema: s }))), e.responses.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      E,
+      {
+        level: 3,
+        className: "capitalize mt-8 pt-8 border-t",
+        id: `${e.slug}/responses`,
+        registerSidebarAnchor: !0
+      },
+      "Responses"
+    ), /* @__PURE__ */ React.createElement(
+      J,
+      {
+        onValueChange: (s) => c(s),
+        value: a
+      },
+      e.responses.length > 1 && /* @__PURE__ */ React.createElement(K, null, e.responses.map((s) => /* @__PURE__ */ React.createElement(
+        U,
+        {
+          value: s.statusCode,
+          key: s.statusCode,
+          title: s.description
+        },
+        s.statusCode
+      ))),
+      /* @__PURE__ */ React.createElement("ul", { className: "list-none m-0 px-0" }, e.responses.map((s) => {
+        var o, O;
+        return /* @__PURE__ */ React.createElement(
+          W,
+          {
+            value: s.statusCode,
+            key: s.statusCode
+          },
+          /* @__PURE__ */ React.createElement(
+            g,
+            {
+              schema: (O = (o = s.content) == null ? void 0 : o.find((q) => q.schema)) == null ? void 0 : O.schema
+            }
+          )
+        );
+      }))
+    ))),
+    /* @__PURE__ */ React.createElement(
+      Z,
+      {
+        selectedResponse: a,
+        onSelectResponse: c,
+        operation: e
+      }
+    )
+  );
+}, xe = S(
+  /* GraphQL */
+  `
+  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
+        }
+        schema
+      }
+      description
+      required
+    }
+    responses {
+      statusCode
+      links
+      description
+      content {
+        mediaType
+        encoding {
+          name
+        }
+        schema
+      }
+    }
+  }
+`
+), be = S(
+  /* GraphQL */
+  `
+  query AllOperations($input: JSON!, $type: SchemaType!) {
+    schema(input: $input, type: $type) {
+      description
+      title
+      url
+      version
+      tags {
+        name
+        description
+        operations {
+          slug
+          ...OperationsFragment
+        }
+      }
+    }
+  }
+`
+), Ne = { suspense: !0 }, Ae = () => {
+  var a;
+  const { type: t, input: e } = X(), [n] = ee({
+    query: be,
+    variables: { type: t, input: e },
+    context: Ne
+  }), r = (a = n.error) == null ? void 0 : a.graphQLErrors.at(0);
+  return r ? /* @__PURE__ */ React.createElement(
+    P,
+    {
+      category: "Error",
+      title: "Schema cannot be displayed",
+      message: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(w, { className: "mb-4" }, "Check your configuration value ", /* @__PURE__ */ React.createElement(f, null, "apis.type"), " ", "and ", /* @__PURE__ */ React.createElement(f, null, "apis.input"), " in the Zudoku config."), "An error occurred while trying to fetch the API reference:", /* @__PURE__ */ React.createElement(A, { code: r.toString(), language: "plain" }))
+    }
+  ) : n.data ? /* @__PURE__ */ React.createElement("div", { className: "pt-[--padding-content-top]" }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: d(u, "mb-16 max-w-full prose-img:max-w-prose")
+    },
+    /* @__PURE__ */ React.createElement(v, null, "Overview"),
+    /* @__PURE__ */ React.createElement(E, { level: 1, id: "description", registerSidebarAnchor: !0 }, n.data.schema.title),
+    /* @__PURE__ */ React.createElement(p, { content: n.data.schema.description ?? "" })
+  ), /* @__PURE__ */ React.createElement("hr", null), /* @__PURE__ */ React.createElement(ne, { url: n.data.schema.url }), n.data.schema.tags.filter((c) => c.operations.length > 0).map((c) => /* @__PURE__ */ React.createElement("div", { key: c.name }, c.name && /* @__PURE__ */ React.createElement(v, null, c.name), c.description && /* @__PURE__ */ React.createElement(
+    p,
+    {
+      className: `${u} max-w-full prose-img:max-w-prose w-full mt-2 mb-12`,
+      content: c.description
+    }
+  ), /* @__PURE__ */ React.createElement("div", { className: "operation mb-12" }, /* @__PURE__ */ React.createElement(Y, null, c.operations.map((l) => /* @__PURE__ */ React.createElement(
+    fe,
+    {
+      key: l.slug,
+      operationFragment: l
+    }
+  ))))))) : null;
+};
+export {
+  Ae as OperationList,
+  xe as OperationsFragment
+};
+//# sourceMappingURL=OperationList-C6Ps2keZ.js.map