zudoku 0.32.1 → 0.32.3

package/lib/zudoku.icons.js

@@ -1,6 +1,6 @@
 import { CircleDashed as e } from "lucide-react";
 export * from "lucide-react";
-import { j as o } from "./jsx-runtime-Bdg6XQ1m.js";
+import { j as o } from "./jsx-runtime-CYK1ROHF.js";
 import { TooltipProvider as t, Tooltip as i, TooltipTrigger as s, TooltipContent as n } from "./ui/Tooltip.js";
 const d = (r) => /* @__PURE__ */ o.jsx(t, { children: /* @__PURE__ */ o.jsxs(i, { children: [
   /* @__PURE__ */ o.jsx(s, { className: "text-red-500", children: /* @__PURE__ */ o.jsx(e, { ...r }) }),

package/lib/zudoku.plugin-api-catalog.js

@@ -1,122 +1,105 @@
-import { j as e } from "./jsx-runtime-Bdg6XQ1m.js";
-import { s as j } from "./index-CjJS0l4l.js";
-import { u as b, a as y } from "./hook-C_t2ISLC.js";
-import { b as v } from "./chunk-SYFQ2XB5-QijJrSf0.js";
-import { Head as N, Link as w } from "./zudoku.components.js";
-import { M as C } from "./Markdown-8mv9nhGd.js";
-import { c as h } from "./cn-qaFjX9_3.js";
-const f = (r, n) => j(`${r}-${n}`), k = ({
-  items: r,
-  filterCatalogItems: n = (o) => o,
-  categories: l,
-  label: c = "API Library"
+import { j as e } from "./jsx-runtime-CYK1ROHF.js";
+import { s as f } from "./index-LNp6rxyU.js";
+import { d as b, m as x } from "./chunk-IR6S3I6Y-D_3UmFIn.js";
+import { j as d } from "./joinUrl-10po2Jdj.js";
+import { u as j, a as y } from "./hook-CWwSAAlH.js";
+import { Head as v, Link as N } from "./zudoku.components.js";
+import { H as S, M as w } from "./Markdown-Cr9sYpR_.js";
+const M = ({
+  items: a,
+  filterCatalogItems: r = (s) => s,
+  label: p = "API Library"
 }) => {
-  const [o, p] = v(), a = o.get("category"), x = b(), g = y({
-    queryFn: () => n(r, { auth: x }),
-    queryKey: ["catalogItems", x]
+  const s = j(), i = b({ path: "/catalog/:category" }), l = i == null ? void 0 : i.params.category, o = y({
+    queryFn: () => r(a, { auth: s }),
+    queryKey: ["catalogItems", s]
   });
   return /* @__PURE__ */ e.jsxs("section", { className: "pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [
-    /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx("title", { children: c }) }),
-    /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-12 gap-12", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-4 col-span-3 not-prose sticky top-48", children: /* @__PURE__ */ e.jsx("div", { className: "max-w-[--side-nav-width] flex flex-col gap-4 justify-between", children: l == null ? void 0 : l.map((s, d) => /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between mb-2.5", children: [
-          /* @__PURE__ */ e.jsx("span", { className: "font-medium text-sm", children: s.label }),
-          d === 0 && a && /* @__PURE__ */ e.jsx(
-            "button",
-            {
-              type: "button",
-              className: "text-end text-sm text-foreground/60 hover:text-foreground",
-              onClick: () => p({}),
-              children: "Clear"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e.jsx("ul", { className: "space-y-1 [&>li]:py-2", children: s.tags.map((t) => ({
-          tag: t,
-          count: r.filter(
-            (m) => m.categories.find((i) => i.tags.includes(t))
-          ).length
-        })).map(({ tag: t, count: m }) => {
-          const i = f(s.label, t), u = i === a;
-          return /* @__PURE__ */ e.jsxs(
-            "li",
-            {
-              className: h(
-                "flex rounded-lg justify-between text-sm cursor-pointer hover:text-primary transition px-[--padding-nav-item] -mx-[--padding-nav-item]",
-                u && "bg-border/30 rounded"
-              ),
-              onClick: () => p({ category: i }),
-              children: [
-                /* @__PURE__ */ e.jsx("span", { children: t }),
-                /* @__PURE__ */ e.jsx(
-                  "span",
-                  {
-                    className: h(
-                      "flex items-center justify-center border rounded-md w-8 text-xs font-semibold",
-                      u && "bg-primary border-primary text-primary-foreground"
-                    ),
-                    children: m
-                  }
-                )
-              ]
-            },
-            i
-          );
-        }) })
-      ] }, s.label)) }) }),
-      /* @__PURE__ */ e.jsxs("div", { className: "col-span-9", children: [
-        /* @__PURE__ */ e.jsx("h3", { className: "mt-0 text-2xl font-bold mb-4", children: c }),
-        /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 gap-4", children: g.data.filter(
-          (s) => !a || s.categories.find(
-            (d) => d.tags.find((t) => f(d.label, t) === a)
-          )
-        ).map((s) => /* @__PURE__ */ e.jsx(
-          w,
-          {
-            to: {
-              pathname: `/${s.path}`,
-              search: a ? `category=${a}` : ""
-            },
-            className: "no-underline hover:!text-foreground",
-            children: /* @__PURE__ */ e.jsxs("div", { className: "border h-full rounded p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal", children: [
-              /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: s.label }),
-              /* @__PURE__ */ e.jsx(
-                C,
-                {
-                  className: "text-sm whitespace-pre-wrap mb-6 line-clamp-2",
-                  content: s.description
-                }
-              )
-            ] })
-          },
-          s.path
-        )) })
-      ] })
+    /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx("title", { children: p }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
+      /* @__PURE__ */ e.jsx(S, { level: 2, children: p }),
+      /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 gap-4", children: o.data.filter(
+        (t) => !l || t.categories.find(
+          (n) => n.tags.find((c) => m(n.label, c) === l)
+        )
+      ).map((t) => /* @__PURE__ */ e.jsx(
+        N,
+        {
+          to: d(t.path),
+          className: "no-underline hover:!text-foreground",
+          children: /* @__PURE__ */ e.jsxs("div", { className: "border h-full rounded-lg p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal", children: [
+            /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: t.label }),
+            /* @__PURE__ */ e.jsx(
+              w,
+              {
+                className: "text-sm whitespace-pre-wrap mb-6 line-clamp-2",
+                content: t.description
+              }
+            )
+          ] })
+        },
+        t.path
+      )) })
     ] })
   ] });
-}, L = ({
-  navigationId: r,
-  items: n,
-  label: l,
-  categories: c,
-  filterCatalogItems: o
+}, m = (a, r) => f(`${a}-${r}`), L = ({
+  navigationId: a,
+  items: r,
+  label: p,
+  categories: s = [],
+  filterCatalogItems: i
 }) => ({
-  getRoutes: () => [
-    {
-      path: r,
+  getSidebar: async function(o) {
+    if (!x({ path: d(a), end: !1 }, o))
+      return [];
+    const t = s.map((n) => ({
+      type: "category",
+      label: n.label,
+      collapsible: !1,
+      items: n.tags.map((c) => {
+        const u = m(n.label, c);
+        return {
+          type: "doc",
+          id: d(a, u),
+          label: c,
+          badge: {
+            label: String(
+              r.filter(
+                (g) => g.categories.find((h) => h.tags.includes(c))
+              ).length
+            ),
+            color: "outline"
+          }
+        };
+      })
+    }));
+    return t.unshift({
+      type: "doc",
+      id: d(a),
+      label: "Overview",
+      badge: { label: String(r.length), color: "outline" }
+    }), t;
+  },
+  getRoutes: () => s.flatMap(
+    (l) => [void 0, ...l.tags].map((o) => ({
+      path: d(
+        a,
+        o ? m(l.label, o) : void 0
+      ),
       element: /* @__PURE__ */ e.jsx(
-        k,
+        M,
         {
-          label: l,
-          items: n,
-          filterCatalogItems: o,
-          categories: c ?? []
+          label: p,
+          items: r,
+          filterCatalogItems: i,
+          categories: s
         }
       )
-    }
-  ]
+    }))
+  )
 });
 export {
-  L as apiCatalogPlugin
+  L as apiCatalogPlugin,
+  m as getKey
 };
 //# sourceMappingURL=zudoku.plugin-api-catalog.js.map

package/lib/zudoku.plugin-api-catalog.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.plugin-api-catalog.js","sources":["../src/lib/plugins/api-catalog/Catalog.tsx","../src/lib/plugins/api-catalog/index.tsx"],"sourcesContent":["import slugify from \"@sindresorhus/slugify\";\nimport { useSuspenseQuery } from \"@tanstack/react-query\";\nimport { useSearchParams } from \"react-router\";\nimport { Head, Link } from \"zudoku/components\";\nimport { useAuthState } from \"../../authentication/state.js\";\nimport { Markdown } from \"../../components/Markdown.js\";\nimport { cn } from \"../../util/cn.js\";\nimport type { ApiCatalogPluginOptions } from \"./index.js\";\n\nconst getKey = (category: string, tag: string) => slugify(`${category}-${tag}`);\n\nexport const Catalog = ({\n  items,\n  filterCatalogItems = (items) => items,\n  categories,\n  label = \"API Library\",\n}: Omit<ApiCatalogPluginOptions, \"navigationId\">) => {\n  const [searchParams, setSearchParams] = useSearchParams();\n  const activeCategory = searchParams.get(\"category\");\n  const auth = useAuthState();\n\n  const catalogItems = useSuspenseQuery({\n    queryFn: () => filterCatalogItems(items, { auth }),\n    queryKey: [\"catalogItems\", auth],\n  });\n\n  return (\n    <section className=\"pt-[--padding-content-top] pb-[--padding-content-bottom]\">\n      <Head>\n        <title>{label}</title>\n      </Head>\n      <div className=\"grid grid-cols-12 gap-12\">\n        <div className=\"flex flex-col gap-4 col-span-3 not-prose sticky top-48\">\n          <div className=\"max-w-[--side-nav-width] flex flex-col gap-4 justify-between\">\n            {categories?.map((category, idx) => (\n              <div key={category.label}>\n                <div className=\"flex justify-between mb-2.5\">\n                  <span className=\"font-medium text-sm\">{category.label}</span>\n                  {idx === 0 && activeCategory && (\n                    <button\n                      type=\"button\"\n                      className=\"text-end text-sm text-foreground/60 hover:text-foreground\"\n                      onClick={() => setSearchParams({})}\n                    >\n                      Clear\n                    </button>\n                  )}\n                </div>\n                <ul className=\"space-y-1 [&>li]:py-2\">\n                  {category.tags\n                    .map((tag) => ({\n                      tag,\n                      count: items.filter((api) =>\n                        api.categories.find((c) => c.tags.includes(tag)),\n                      ).length,\n                    }))\n                    .map(({ tag, count }) => {\n                      const slug = getKey(category.label, tag);\n                      const isActive = slug === activeCategory;\n\n                      return (\n                        <li\n                          key={slug}\n                          className={cn(\n                            \"flex rounded-lg justify-between text-sm cursor-pointer hover:text-primary transition px-[--padding-nav-item] -mx-[--padding-nav-item]\",\n                            isActive && \"bg-border/30 rounded\",\n                          )}\n                          onClick={() => setSearchParams({ category: slug })}\n                        >\n                          <span>{tag}</span>\n                          <span\n                            className={cn(\n                              \"flex items-center justify-center border rounded-md w-8 text-xs font-semibold\",\n                              isActive &&\n                                \"bg-primary border-primary text-primary-foreground\",\n                            )}\n                          >\n                            {count}\n                          </span>\n                        </li>\n                      );\n                    })}\n                </ul>\n              </div>\n            ))}\n          </div>\n        </div>\n        <div className=\"col-span-9\">\n          <h3 className=\"mt-0 text-2xl font-bold mb-4\">{label}</h3>\n\n          <div className=\"grid grid-cols-2 gap-4\">\n            {catalogItems.data\n              .filter(\n                (api) =>\n                  !activeCategory ||\n                  api.categories.find((c) =>\n                    c.tags.find((t) => getKey(c.label, t) === activeCategory),\n                  ),\n              )\n              .map((api) => (\n                <Link\n                  to={{\n                    pathname: `/${api.path}`,\n                    search: activeCategory ? `category=${activeCategory}` : \"\",\n                  }}\n                  className=\"no-underline hover:!text-foreground\"\n                  key={api.path}\n                >\n                  <div className=\"border h-full rounded p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal\">\n                    <span className=\"font-semibold\">{api.label}</span>\n                    <Markdown\n                      className=\"text-sm whitespace-pre-wrap mb-6 line-clamp-2\"\n                      content={api.description}\n                    />\n                  </div>\n                </Link>\n              ))}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n","import type { AuthState } from \"../../authentication/state.js\";\nimport type { ZudokuPlugin } from \"../../core/plugins.js\";\nimport { Catalog } from \"./Catalog.js\";\n\nexport type ApiCatalogItem = {\n  path: string;\n  label: string;\n  description: string;\n  categories: CatalogCategory[];\n};\n\nexport type CatalogCategory = {\n  label: string;\n  tags: string[];\n};\n\nexport type ApiCatalogPluginOptions = {\n  navigationId: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: filterCatalogItems;\n};\n\nexport type CatalogContext<ProviderData = unknown> = {\n  auth: AuthState<ProviderData>;\n};\n\nexport type filterCatalogItems<ProviderData = unknown> = (\n  items: ApiCatalogItem[],\n  { auth }: CatalogContext<ProviderData>,\n) => ApiCatalogItem[];\n\nexport const apiCatalogPlugin = ({\n  navigationId,\n  items,\n  label,\n  categories,\n  filterCatalogItems,\n}: {\n  navigationId: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: filterCatalogItems;\n}): ZudokuPlugin => {\n  return {\n    getRoutes: () => {\n      return [\n        {\n          path: navigationId,\n          element: (\n            <Catalog\n              label={label}\n              items={items}\n              filterCatalogItems={filterCatalogItems}\n              categories={categories ?? []}\n            />\n          ),\n        },\n      ];\n    },\n  };\n};\n"],"names":["getKey","category","tag","slugify","Catalog","items","filterCatalogItems","categories","label","searchParams","setSearchParams","useSearchParams","activeCategory","auth","useAuthState","catalogItems","useSuspenseQuery","jsxs","jsx","Head","idx","api","c","count","slug","isActive","cn","Link","Markdown","apiCatalogPlugin","navigationId"],"mappings":"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"}
+{"version":3,"file":"zudoku.plugin-api-catalog.js","sources":["../src/lib/plugins/api-catalog/Catalog.tsx","../src/lib/plugins/api-catalog/index.tsx"],"sourcesContent":["import { useSuspenseQuery } from \"@tanstack/react-query\";\nimport { useMatch } from \"react-router\";\nimport { Head, Link } from \"zudoku/components\";\nimport { useAuthState } from \"../../authentication/state.js\";\nimport { Heading } from \"../../components/Heading.js\";\nimport { Markdown } from \"../../components/Markdown.js\";\nimport { joinUrl } from \"../../util/joinUrl.js\";\nimport { type ApiCatalogPluginOptions, getKey } from \"./index.js\";\n\nexport const Catalog = ({\n  items,\n  filterCatalogItems = (items) => items,\n  label = \"API Library\",\n}: Omit<ApiCatalogPluginOptions, \"navigationId\">) => {\n  const auth = useAuthState();\n  const match = useMatch({ path: \"/catalog/:category\" });\n  const activeCategory = match?.params.category;\n\n  const catalogItems = useSuspenseQuery({\n    queryFn: () => filterCatalogItems(items, { auth }),\n    queryKey: [\"catalogItems\", auth],\n  });\n\n  return (\n    <section className=\"pt-[--padding-content-top] pb-[--padding-content-bottom]\">\n      <Head>\n        <title>{label}</title>\n      </Head>\n      <div className=\"grid gap-4\">\n        <Heading level={2}>{label}</Heading>\n\n        <div className=\"grid grid-cols-2 gap-4\">\n          {catalogItems.data\n            .filter(\n              (api) =>\n                !activeCategory ||\n                api.categories.find((c) =>\n                  c.tags.find((t) => getKey(c.label, t) === activeCategory),\n                ),\n            )\n            .map((api) => (\n              <Link\n                to={joinUrl(api.path)}\n                className=\"no-underline hover:!text-foreground\"\n                key={api.path}\n              >\n                <div className=\"border h-full rounded-lg p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal\">\n                  <span className=\"font-semibold\">{api.label}</span>\n                  <Markdown\n                    className=\"text-sm whitespace-pre-wrap mb-6 line-clamp-2\"\n                    content={api.description}\n                  />\n                </div>\n              </Link>\n            ))}\n        </div>\n      </div>\n    </section>\n  );\n};\n","import slugify from \"@sindresorhus/slugify\";\nimport { matchPath } from \"react-router\";\nimport type { SidebarItem } from \"../../../config/validators/SidebarSchema.js\";\nimport type { AuthState } from \"../../authentication/state.js\";\nimport type { ZudokuPlugin } from \"../../core/plugins.js\";\nimport { joinUrl } from \"../../util/joinUrl.js\";\nimport { Catalog } from \"./Catalog.js\";\n\nexport const getKey = (category: string, tag: string) =>\n  slugify(`${category}-${tag}`);\n\nexport type ApiCatalogItem = {\n  path: string;\n  label: string;\n  description: string;\n  categories: CatalogCategory[];\n};\n\nexport type CatalogCategory = {\n  label: string;\n  tags: string[];\n};\n\nexport type ApiCatalogPluginOptions = {\n  navigationId: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: filterCatalogItems;\n};\n\nexport type CatalogContext<ProviderData = unknown> = {\n  auth: AuthState<ProviderData>;\n};\n\nexport type filterCatalogItems<ProviderData = unknown> = (\n  items: ApiCatalogItem[],\n  { auth }: CatalogContext<ProviderData>,\n) => ApiCatalogItem[];\n\nexport const apiCatalogPlugin = ({\n  navigationId,\n  items,\n  label,\n  categories = [],\n  filterCatalogItems,\n}: {\n  navigationId: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: filterCatalogItems;\n}): ZudokuPlugin => {\n  return {\n    getSidebar: async function Sidebar(path) {\n      if (!matchPath({ path: joinUrl(navigationId), end: false }, path)) {\n        return [];\n      }\n\n      const sidebar: SidebarItem[] = categories.map((category) => ({\n        type: \"category\" as const,\n        label: category.label,\n        collapsible: false,\n        items: category.tags.map((tag) => {\n          const tagPath = getKey(category.label, tag);\n          return {\n            type: \"doc\" as const,\n            id: joinUrl(navigationId, tagPath),\n            label: tag,\n            badge: {\n              label: String(\n                items.filter((api) =>\n                  api.categories.find((c) => c.tags.includes(tag)),\n                ).length,\n              ),\n              color: \"outline\" as const,\n            },\n          };\n        }),\n      }));\n\n      sidebar.unshift({\n        type: \"doc\" as const,\n        id: joinUrl(navigationId),\n        label: \"Overview\",\n        badge: { label: String(items.length), color: \"outline\" as const },\n      });\n\n      return sidebar;\n    },\n    getRoutes: () =>\n      categories.flatMap((category) =>\n        [undefined, ...category.tags].map((tag) => ({\n          path: joinUrl(\n            navigationId,\n            tag ? getKey(category.label, tag) : undefined,\n          ),\n          element: (\n            <Catalog\n              label={label}\n              items={items}\n              filterCatalogItems={filterCatalogItems}\n              categories={categories}\n            />\n          ),\n        })),\n      ),\n  };\n};\n"],"names":["Catalog","items","filterCatalogItems","label","auth","useAuthState","match","useMatch","activeCategory","catalogItems","useSuspenseQuery","jsxs","jsx","Head","Heading","api","c","t","getKey","Link","joinUrl","Markdown","category","tag","slugify","apiCatalogPlugin","navigationId","categories","path","matchPath","sidebar","tagPath"],"mappings":";;;;;;;AASO,MAAMA,IAAU,CAAC;AAAA,EACtB,OAAAC;AAAA,EACA,oBAAAC,IAAqB,CAACD,MAAUA;AAAAA,EAChC,OAAAE,IAAQ;AACV,MAAqD;AACnD,QAAMC,IAAOC,EAAa,GACpBC,IAAQC,EAAS,EAAE,MAAM,sBAAsB,GAC/CC,IAAiBF,KAAA,gBAAAA,EAAO,OAAO,UAE/BG,IAAeC,EAAiB;AAAA,IACpC,SAAS,MAAMR,EAAmBD,GAAO,EAAE,MAAAG,GAAM;AAAA,IACjD,UAAU,CAAC,gBAAgBA,CAAI;AAAA,EAAA,CAChC;AAGC,SAAAO,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,4DACjB,UAAA;AAAA,IAAAC,gBAAAA,MAACC,GACC,EAAA,UAAAD,gBAAAA,EAAA,IAAC,SAAO,EAAA,UAAAT,EAAM,CAAA,GAChB;AAAA,IACAQ,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,MAACC,gBAAAA,EAAA,IAAAE,GAAA,EAAQ,OAAO,GAAI,UAAMX,GAAA;AAAA,MAEzBS,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,0BACZ,YAAa,KACX;AAAA,QACC,CAACG,MACC,CAACP,KACDO,EAAI,WAAW;AAAA,UAAK,CAACC,MACnBA,EAAE,KAAK,KAAK,CAACC,MAAMC,EAAOF,EAAE,OAAOC,CAAC,MAAMT,CAAc;AAAA,QAAA;AAAA,MAC1D,EAEH,IAAI,CAACO,MACJH,gBAAAA,EAAA;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,IAAIC,EAAQL,EAAI,IAAI;AAAA,UACpB,WAAU;AAAA,UAGV,UAAAJ,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,kGACb,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,iBAAiB,UAAAG,EAAI,OAAM;AAAA,YAC3CH,gBAAAA,EAAA;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAASN,EAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UACf,EACF,CAAA;AAAA,QAAA;AAAA,QARKA,EAAI;AAAA,MAAA,CAUZ,EACL,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ,GCnDaG,IAAS,CAACI,GAAkBC,MACvCC,EAAQ,GAAGF,CAAQ,IAAIC,CAAG,EAAE,GA+BjBE,IAAmB,CAAC;AAAA,EAC/B,cAAAC;AAAA,EACA,OAAAzB;AAAA,EACA,OAAAE;AAAA,EACA,YAAAwB,IAAa,CAAC;AAAA,EACd,oBAAAzB;AACF,OAOS;AAAA,EACL,YAAY,eAAuB0B,GAAM;AACnC,QAAA,CAACC,EAAU,EAAE,MAAMT,EAAQM,CAAY,GAAG,KAAK,MAASE,CAAI;AAC9D,aAAO,CAAC;AAGV,UAAME,IAAyBH,EAAW,IAAI,CAACL,OAAc;AAAA,MAC3D,MAAM;AAAA,MACN,OAAOA,EAAS;AAAA,MAChB,aAAa;AAAA,MACb,OAAOA,EAAS,KAAK,IAAI,CAACC,MAAQ;AAChC,cAAMQ,IAAUb,EAAOI,EAAS,OAAOC,CAAG;AACnC,eAAA;AAAA,UACL,MAAM;AAAA,UACN,IAAIH,EAAQM,GAAcK,CAAO;AAAA,UACjC,OAAOR;AAAA,UACP,OAAO;AAAA,YACL,OAAO;AAAA,cACLtB,EAAM;AAAA,gBAAO,CAACc,MACZA,EAAI,WAAW,KAAK,CAACC,MAAMA,EAAE,KAAK,SAASO,CAAG,CAAC;AAAA,cAAA,EAC/C;AAAA,YACJ;AAAA,YACA,OAAO;AAAA,UAAA;AAAA,QAEX;AAAA,MACD,CAAA;AAAA,IAAA,EACD;AAEF,WAAAO,EAAQ,QAAQ;AAAA,MACd,MAAM;AAAA,MACN,IAAIV,EAAQM,CAAY;AAAA,MACxB,OAAO;AAAA,MACP,OAAO,EAAE,OAAO,OAAOzB,EAAM,MAAM,GAAG,OAAO,UAAmB;AAAA,IAAA,CACjE,GAEM6B;AAAA,EACT;AAAA,EACA,WAAW,MACTH,EAAW;AAAA,IAAQ,CAACL,MAClB,CAAC,QAAW,GAAGA,EAAS,IAAI,EAAE,IAAI,CAACC,OAAS;AAAA,MAC1C,MAAMH;AAAA,QACJM;AAAA,QACAH,IAAML,EAAOI,EAAS,OAAOC,CAAG,IAAI;AAAA,MACtC;AAAA,MACA,SACEX,gBAAAA,EAAA;AAAA,QAACZ;AAAA,QAAA;AAAA,UACC,OAAAG;AAAA,UACA,OAAAF;AAAA,UACA,oBAAAC;AAAA,UACA,YAAAyB;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAEF;AAAA,EAAA;AAER;"}

package/lib/zudoku.plugin-api-keys.js

@@ -1,11 +1,11 @@
-import { j as e } from "./jsx-runtime-Bdg6XQ1m.js";
+import { j as e } from "./jsx-runtime-CYK1ROHF.js";
 import { RotateCwIcon as g, TrashIcon as f, EyeOffIcon as j, EyeIcon as v, CheckIcon as w, CopyIcon as K, FileKey2Icon as b } from "lucide-react";
-import { D as k, S as m, R as N } from "./SlotletProvider-D0mFmGJu.js";
+import { D as k, S as m, R as N } from "./SlotletProvider-CEfNOA8i.js";
 import { i as c } from "./invariant-Caa8-XvF.js";
-import { u as d, S as I, a as S, b as A, c as C, d as E, e as x } from "./Select-D9CKL33X.js";
-import { a as P } from "./index.esm-CrSoEshU.js";
-import { a as D, L as u, O as R } from "./chunk-SYFQ2XB5-QijJrSf0.js";
-import { i as y, k as q, e as O, a as z } from "./hook-C_t2ISLC.js";
+import { u as d, S as I, a as S, b as A, c as C, d as E, e as x } from "./Select-D9hI1G-y.js";
+import { a as P } from "./index.esm--gIChbWs.js";
+import { a as D, L as u, O as R } from "./chunk-IR6S3I6Y-D_3UmFIn.js";
+import { i as y, k as q, e as O, a as z } from "./hook-CWwSAAlH.js";
 import { Button as l } from "./ui/Button.js";
 import { Input as F } from "./ui/Input.js";
 import { useState as p } from "react";

package/lib/zudoku.plugin-custom-pages.js

@@ -1,8 +1,8 @@
-import { j as o } from "./jsx-runtime-Bdg6XQ1m.js";
+import { j as o } from "./jsx-runtime-CYK1ROHF.js";
 import a from "react";
-import { P as n } from "./Markdown-8mv9nhGd.js";
+import { P as n } from "./Markdown-Cr9sYpR_.js";
 import { c } from "./cn-qaFjX9_3.js";
-import { u as p } from "./useExposedProps-Bbf99zic.js";
+import { u as p } from "./useExposedProps-RIvey2Oy.js";
 const u = ({
   element: t,
   render: s,

package/lib/zudoku.plugin-markdown.js

@@ -1,7 +1,7 @@
 var h = Object.defineProperty;
 var g = (e, t, o) => t in e ? h(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
 var c = (e, t, o) => g(e, typeof t != "symbol" ? t + "" : t, o);
-import { j as d } from "./jsx-runtime-Bdg6XQ1m.js";
+import { j as d } from "./jsx-runtime-CYK1ROHF.js";
 const m = "/pages/**/*.{md,mdx}";
 class w {
   constructor(t) {
@@ -53,7 +53,7 @@ const P = (e) => ({
         const u = {
           path: r,
           lazy: async () => {
-            const { MdxPage: p } = await import("./MdxPage-GM1T5jmO.js"), { default: f, ...l } = await i();
+            const { MdxPage: p } = await import("./MdxPage-Dt-UEQl8.js"), { default: f, ...l } = await i();
             return {
               element: /* @__PURE__ */ d.jsx(
                 p,

package/lib/zudoku.plugin-openapi.js

@@ -1,11 +1,11 @@
-import "./jsx-runtime-Bdg6XQ1m.js";
-import "./index-CjJS0l4l.js";
+import "./jsx-runtime-CYK1ROHF.js";
+import "./index-LNp6rxyU.js";
 import "lucide-react";
-import "./chunk-SYFQ2XB5-QijJrSf0.js";
-import "./hook-C_t2ISLC.js";
+import "./chunk-IR6S3I6Y-D_3UmFIn.js";
+import "./hook-CWwSAAlH.js";
 import "./ui/Button.js";
-import "./joinUrl-nLx9pD-Z.js";
-import { U as n, o as s } from "./index-BANyVRgL.js";
+import "./joinUrl-10po2Jdj.js";
+import { U as n, o as s } from "./index-Do_30Hpk.js";
 export {
   n as UNTAGGED_PATH,
   s as openApiPlugin

package/lib/zudoku.plugin-redirect.js

@@ -1,4 +1,4 @@
-import { r as o } from "./chunk-SYFQ2XB5-QijJrSf0.js";
+import { r as o } from "./chunk-IR6S3I6Y-D_3UmFIn.js";
 const a = (r) => ({
   getRoutes: () => r.redirects.map(({ from: e, to: t }) => ({
     path: e,

package/lib/zudoku.plugin-search-inkeep.js

@@ -1,5 +1,5 @@
-import { j as i } from "./jsx-runtime-Bdg6XQ1m.js";
-import { useRef as d, useState as f, useMemo as m, useEffect as c } from "react";
+import { j as i } from "./jsx-runtime-CYK1ROHF.js";
+import { useRef as l, useState as f, useMemo as m, useEffect as u } from "react";
 import { C as g } from "./ClientOnly-E7hGysn1.js";
 const h = {
   theme: {
@@ -25,7 +25,7 @@ const h = {
   onClose: n,
   settings: p
 }) => {
-  const o = d(null), u = d(null), [s, l] = f(
+  const o = l(null), c = l(null), [s, d] = f(
     typeof Inkeep < "u"
   ), a = m(
     () => ({
@@ -44,17 +44,17 @@ const h = {
     }),
     [e, n, r, p, o]
   );
-  return c(() => {
+  return u(() => {
     if (s) return;
     const t = setInterval(() => {
-      typeof Inkeep < "u" && (l(!0), clearInterval(t));
+      typeof Inkeep < "u" && (d(!0), clearInterval(t));
     }, 100);
     return () => clearInterval(t);
-  }, [s]), c(() => {
-    !s || u.current || (u.current = Inkeep().embed(a));
-  }, [a, s]), c(() => {
+  }, [s]), u(() => {
+    !s || c.current || (c.current = Inkeep().embed(a));
+  }, [a, s]), u(() => {
     var t;
-    (t = u.current) == null || t.render({ ...a, isOpen: e });
+    (t = c.current) == null || t.render({ ...a, isOpen: e });
   }, [a, e]), /* @__PURE__ */ i.jsx("div", { ref: o });
 }, x = (r) => ({
   getHead: () => /* @__PURE__ */ i.jsx(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.32.1",
+  "version": "0.32.3",
   "type": "module",
   "homepage": "https://zudoku.dev",
   "repository": {
@@ -115,61 +115,60 @@
     }
   },
   "dependencies": {
-    "@apidevtools/json-schema-ref-parser": "11.9.0",
+    "@apidevtools/json-schema-ref-parser": "11.9.1",
     "@envelop/core": "5.0.3",
     "@graphql-typed-document-node/core": "3.2.0",
-    "@hookform/resolvers": "3.10.0",
+    "@hookform/resolvers": "4.1.0",
     "@lekoarts/rehype-meta-as-attributes": "3.0.2",
     "@mdx-js/react": "3.1.0",
     "@mdx-js/rollup": "3.1.0",
-    "@pothos/core": "3.41.0",
-    "@radix-ui/react-accordion": "1.2.2",
-    "@radix-ui/react-alert-dialog": "1.1.4",
-    "@radix-ui/react-aspect-ratio": "1.1.1",
-    "@radix-ui/react-checkbox": "1.1.3",
-    "@radix-ui/react-collapsible": "1.1.2",
-    "@radix-ui/react-dialog": "1.1.4",
-    "@radix-ui/react-dropdown-menu": "2.1.4",
-    "@radix-ui/react-hover-card": "1.1.4",
-    "@radix-ui/react-label": "2.1.1",
-    "@radix-ui/react-popover": "1.1.4",
-    "@radix-ui/react-progress": "1.1.1",
-    "@radix-ui/react-radio-group": "1.2.2",
-    "@radix-ui/react-scroll-area": "1.2.2",
-    "@radix-ui/react-select": "2.1.5",
-    "@radix-ui/react-slider": "1.2.2",
-    "@radix-ui/react-slot": "1.1.1",
-    "@radix-ui/react-switch": "1.1.2",
-    "@radix-ui/react-tabs": "1.1.2",
-    "@radix-ui/react-toggle": "1.1.1",
-    "@radix-ui/react-toggle-group": "1.1.1",
-    "@radix-ui/react-tooltip": "1.1.6",
-    "@radix-ui/react-visually-hidden": "1.1.1",
-    "@scalar/openapi-parser": "0.10.5",
-    "@sentry/node": "8.50.0",
+    "@pothos/core": "4.3.0",
+    "@radix-ui/react-accordion": "1.2.3",
+    "@radix-ui/react-alert-dialog": "1.1.6",
+    "@radix-ui/react-aspect-ratio": "1.1.2",
+    "@radix-ui/react-checkbox": "1.1.4",
+    "@radix-ui/react-collapsible": "1.1.3",
+    "@radix-ui/react-dialog": "1.1.6",
+    "@radix-ui/react-dropdown-menu": "2.1.6",
+    "@radix-ui/react-hover-card": "1.1.6",
+    "@radix-ui/react-label": "2.1.2",
+    "@radix-ui/react-popover": "1.1.6",
+    "@radix-ui/react-progress": "1.1.2",
+    "@radix-ui/react-radio-group": "1.2.3",
+    "@radix-ui/react-scroll-area": "1.2.3",
+    "@radix-ui/react-select": "2.1.6",
+    "@radix-ui/react-slider": "1.2.3",
+    "@radix-ui/react-slot": "1.1.2",
+    "@radix-ui/react-switch": "1.1.3",
+    "@radix-ui/react-tabs": "1.1.3",
+    "@radix-ui/react-toggle": "1.1.2",
+    "@radix-ui/react-toggle-group": "1.1.2",
+    "@radix-ui/react-tooltip": "1.1.8",
+    "@radix-ui/react-visually-hidden": "1.1.2",
+    "@scalar/openapi-parser": "0.10.6",
+    "@sentry/node": "9.1.0",
     "@sindresorhus/slugify": "2.2.1",
     "@stefanprobst/rehype-extract-toc": "2.2.1",
     "@tailwindcss/typography": "0.5.16",
-    "@tanstack/react-query": "5.64.2",
-    "@types/react": "19.0.7",
-    "@types/react-dom": "19.0.3",
+    "@tanstack/react-query": "5.66.6",
+    "@types/react": "19.0.10",
+    "@types/react-dom": "19.0.4",
     "@vitejs/plugin-react": "4.3.4",
     "@zudoku/httpsnippet": "10.0.9",
     "@zudoku/react-helmet-async": "2.0.5",
     "autoprefixer": "10.4.20",
-    "chokidar": "3.6.0",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "cmdk": "1.0.4",
     "devlop": "^1.1.0",
     "dotenv": "16.4.7",
     "embla-carousel-react": "8.5.2",
-    "estree-util-value-to-estree": "3.2.1",
+    "estree-util-value-to-estree": "3.3.2",
     "express": "4.21.2",
     "glob": "11.0.1",
     "graphql": "16.10.0",
     "graphql-type-json": "0.3.2",
-    "graphql-yoga": "5.10.10",
+    "graphql-yoga": "5.11.0",
     "gray-matter": "4.0.3",
     "hast-util-to-jsx-runtime": "^2.3.2",
     "hast-util-to-string": "3.0.1",
@@ -177,34 +176,34 @@
     "http-terminator": "3.2.0",
     "loglevel": "1.9.2",
     "lru-cache": "11.0.2",
-    "lucide-react": "0.473.0",
+    "lucide-react": "0.475.0",
     "next-themes": "0.4.4",
     "oauth4webapi": "2.17.0",
     "object-hash": "3.0.0",
     "openapi-types": "12.1.3",
     "picocolors": "1.1.1",
     "piscina": "5.0.0-alpha.1",
-    "postcss": "8.5.1",
-    "posthog-node": "4.4.1",
+    "postcss": "8.5.2",
+    "posthog-node": "4.6.0",
     "prism-react-renderer": "2.4.1",
     "prismjs": "1.29.0",
     "react-error-boundary": "5.0.0",
     "react-hook-form": "7.54.2",
     "react-is": "19.0.0",
-    "react-router": "7.1.3",
+    "react-router": "7.1.5",
     "rehype-mdx-import-media": "1.2.0",
     "rehype-raw": "7.0.0",
     "rehype-slug": "6.0.0",
     "remark-comment": "1.0.0",
-    "remark-directive": "3.0.0",
+    "remark-directive": "3.0.1",
     "remark-directive-rehype": "0.4.2",
     "remark-frontmatter": "5.0.0",
-    "remark-gfm": "4.0.0",
+    "remark-gfm": "4.0.1",
     "remark-mdx-frontmatter": "5.0.0",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.1",
-    "rollup": "4.31.0",
-    "semver": "7.6.3",
+    "rollup": "4.34.8",
+    "semver": "7.7.1",
     "sitemap": "8.0.0",
     "spin-delay": "2.0.1",
     "strip-ansi": "7.1.0",
@@ -217,16 +216,16 @@
     "urql": "4.2.1",
     "vaul": "1.1.2",
     "vfile": "6.0.3",
-    "vite": "6.0.11",
+    "vite": "6.1.0",
     "yaml": "2.7.0",
     "yargs": "17.7.2",
-    "zod": "3.24.1",
+    "zod": "3.24.2",
     "zod-validation-error": "3.4.0",
     "zustand": "5.0.3"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "5.0.3",
-    "@graphql-codegen/client-preset": "4.5.1",
+    "@graphql-codegen/cli": "5.0.5",
+    "@graphql-codegen/client-preset": "4.6.2",
     "@types/estree": "1.0.6",
     "@types/express": "5.0.0",
     "@types/har-format": "1.2.16",
@@ -240,7 +239,7 @@
     "@types/semver": "7.5.8",
     "@types/unist": "^3.0.3",
     "@types/yargs": "17.0.33",
-    "@vitest/coverage-v8": "3.0.2",
+    "@vitest/coverage-v8": "3.0.5",
     "mdast-util-mdx": "3.0.0",
     "react": "19.0.0",
     "react-dom": "19.0.0",
@@ -253,15 +252,15 @@
     "react-dom": ">=19"
   },
   "optionalDependencies": {
-    "@clerk/clerk-js": "^5.51.0",
-    "@sentry/react": "^8.50.0"
+    "@clerk/clerk-js": "^5.52.3",
+    "@sentry/react": "^9.1.0"
   },
   "scripts": {
     "build": "tsc --project tsconfig.app.json",
     "build:vite": "vite build",
     "generate:icon-types": "tsx ./scripts/generate-icon-types.ts",
     "build:standalone:vite": "vite build --mode standalone --config vite.standalone.config.ts",
-    "build:standalone:html": "cp ./src/app/standalone.html ./standalone/standalone.html && cp ./src/app/demo.html ./standalone/demo.html && cp ./src/app/demo-cdn.html ./standalone/index.html",
+    "build:standalone:html": "cp ./src/app/standalone.html ./standalone/standalone.html && cp ./src/app/demo.html ./standalone/demo.html && cp ./src/app/demo-cdn.html ./standalone/index.html && cp standalone/zudoku.css standalone/style.css",
     "clean": "tsc --build --clean",
     "codegen": "graphql-codegen --config ./src/codegen.ts",
     "test": "vitest run"

package/src/app/tailwind.ts

@@ -74,6 +74,12 @@ const config = (zudokuConfig?: LoadedConfig): Omit<Config, "content"> => {
             foreground: "hsl(var(--card-foreground))",
           },
         },
+        borderRadius: {
+          xl: "calc(var(--radius) + 4px)",
+          lg: `var(--radius)`,
+          md: `calc(var(--radius) - 2px)`,
+          sm: "calc(var(--radius) - 4px)",
+        },
       },
     },
     plugins: [typographyPlugin],

package/src/lib/components/Header.tsx

@@ -66,7 +66,7 @@ export const Header = memo(function HeaderInner() {
     <header className="sticky lg:top-0 z-10 bg-background/80 backdrop-blur w-full">
       <Banner />
       <div className="border-b">
-        <div className="max-w-screen-2xl border-l border-r mx-auto grid grid-cols-[1fr_auto] lg:grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center px-4 lg:px-12 h-[--top-header-height]">
+        <div className="max-w-screen-2xl 2xl:border-x mx-auto grid grid-cols-[1fr_auto] lg:grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center px-4 lg:px-8 h-[--top-header-height]">
           <div className="flex">
             <Link to="/">
               <div className="flex items-center gap-3.5">
@@ -177,8 +177,8 @@ export const Header = memo(function HeaderInner() {
           </div>
         </div>
       </div>
-      <div className="border-b">
-        <div className="max-w-screen-2xl mx-auto border-l border-r">
+      <div className="border-b hidden lg:block">
+        <div className="max-w-screen-2xl mx-auto 2xl:border-x">
           <Slotlet name="top-navigation-before" />
           <TopNavigation />
           <Slotlet name="top-navigation-after" />