zudoku 0.47.1 → 0.48.0

package/lib/zudoku.hooks.js

@@ -1,6 +1,6 @@
 import { z as p } from "./index--oeBayMa.js";
-import { k as n, i as a, m as c } from "./hook-7wZANGJP.js";
-import { C as H } from "./hook-7wZANGJP.js";
+import { k as n, i as a, m as c } from "./hook-CHXroBFt.js";
+import { C as H } from "./hook-CHXroBFt.js";
 import { u as f } from "./useExposedProps-BZQkZneR.js";
 import { useState as i, useEffect as E } from "react";
 import { u as d } from "./index-QzXzw_ra.js";

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

@@ -1,43 +1,43 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import { s as f } from "./index-BvvmIczU.js";
 import { d as b, m as j } from "./chunk-DQRVZFIR-BblmKnHy.js";
-import { u as x, d as y, j as m } from "./hook-7wZANGJP.js";
-import { H as v } from "./index.esm-BFcSKCe-.js";
+import { u as x, d as v, j as d } from "./hook-CHXroBFt.js";
+import { H as y } from "./index.esm-BFcSKCe-.js";
 import { Link as N } from "./zudoku.components.js";
-import { H as S, M as w } from "./Markdown-r4buN85T.js";
-const H = ({
-  items: r,
-  filterCatalogItems: o = (n) => n,
+import { H as k, M as S } from "./Markdown-DCAIYXF5.js";
+const w = ({
+  items: n,
+  filterCatalogItems: o = (r) => r,
   label: c = "API Library",
-  categoryLabel: a
+  categoryLabel: s
 }) => {
-  const n = x(), s = b({ path: "/catalog/:category" })?.params.category, l = y({
-    queryFn: () => o(r, { auth: n }),
-    queryKey: ["catalogItems", n]
-  }), d = s ? { "data-pagefind-ignore": "all" } : {};
-  return /* @__PURE__ */ t.jsxs("section", { className: "pt-(--padding-content-top)", ...d, children: [
-    /* @__PURE__ */ t.jsx(v, { children: /* @__PURE__ */ t.jsxs("title", { children: [
-      a ? `${a} - ` : "",
+  const r = x(), a = b({ path: "/catalog/:category" })?.params.category, l = v({
+    queryFn: () => o(n, { auth: r }),
+    queryKey: ["catalogItems", r]
+  }), m = a ? { "data-pagefind-ignore": "all" } : {};
+  return /* @__PURE__ */ t.jsxs("section", { className: "pt-(--padding-content-top)", ...m, children: [
+    /* @__PURE__ */ t.jsx(y, { children: /* @__PURE__ */ t.jsxs("title", { children: [
+      s ? `${s} - ` : "",
       c
     ] }) }),
     /* @__PURE__ */ t.jsxs("div", { className: "grid gap-4", children: [
-      /* @__PURE__ */ t.jsxs(S, { level: 2, children: [
+      /* @__PURE__ */ t.jsxs(k, { level: 2, children: [
         c,
-        a && ` - ${a}`
+        s && ` - ${s}`
       ] }),
       /* @__PURE__ */ t.jsx("div", { className: "grid grid-cols-2 gap-4", children: l.data.filter(
-        (e) => !s || e.categories.find(
-          (i) => i.tags.find((h) => u(i.label, h) === s)
+        (e) => !a || e.categories.find(
+          (i) => i.tags.find((g) => h(i.label, g) === a)
         )
       ).map((e) => /* @__PURE__ */ t.jsx(
         N,
         {
-          to: m(e.path),
+          to: d(e.path),
           className: "no-underline hover:!text-foreground",
           children: /* @__PURE__ */ t.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__ */ t.jsx("span", { className: "font-semibold", children: e.label }),
             /* @__PURE__ */ t.jsx(
-              w,
+              S,
               {
                 className: "text-sm whitespace-pre-wrap mb-6 line-clamp-2",
                 content: e.description
@@ -49,69 +49,69 @@ const H = ({
       )) })
     ] })
   ] });
-}, u = (r, o) => f(`${r}-${o}`), A = ({
-  navigationId: r,
+}, h = (n, o) => f(`${n}-${o}`), q = ({
+  path: n,
   items: o,
   label: c,
-  categories: a = [],
-  filterCatalogItems: n
+  categories: s = [],
+  filterCatalogItems: r
 }) => {
   const p = Object.fromEntries(
-    a.flatMap(
-      (s) => [void 0, ...s.tags].map((l) => [
-        m(r, l ? u(s.label, l) : void 0),
+    s.flatMap(
+      (a) => [void 0, ...a.tags].map((l) => [
+        d(n, l ? h(a.label, l) : void 0),
         l
       ])
     )
   );
   return {
-    getSidebar: async (s) => {
+    getNavigation: async (a) => {
       if (!Object.keys(p).some(
-        (e) => j(e, s)
+        (e) => j(e, a)
       ))
         return [];
-      const d = a.map((e) => ({
+      const m = s.map((e) => ({
         type: "category",
         label: e.label,
         collapsible: !1,
         items: e.tags.map((i) => ({
-          type: "doc",
-          id: m(r, u(e.label, i)),
+          type: "link",
+          to: d(n, h(e.label, i)),
           label: i,
           badge: {
             label: String(
               o.filter(
-                (h) => h.categories.find((g) => g.tags.includes(i))
+                (g) => g.categories.find((u) => u.tags.includes(i))
               ).length
             ),
             color: "outline"
           }
         }))
       }));
-      return d.unshift({
-        type: "doc",
-        id: m(r),
+      return m.unshift({
+        type: "link",
+        to: d(n),
         label: "Overview",
         badge: { label: String(o.length), color: "outline" }
-      }), d;
+      }), m;
     },
-    getRoutes: () => Object.entries(p).map(([s, l]) => ({
-      path: s,
+    getRoutes: () => Object.entries(p).map(([a, l]) => ({
+      path: a,
       element: /* @__PURE__ */ t.jsx(
-        H,
+        w,
         {
           label: c,
           categoryLabel: l,
           items: o,
-          filterCatalogItems: n,
-          categories: a
+          filterCatalogItems: r,
+          categories: s
         }
       )
     }))
   };
 };
 export {
-  A as apiCatalogPlugin,
-  u as getKey
+  q as apiCatalogPlugin,
+  h 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 { useSuspenseQuery } from \"@tanstack/react-query\";\nimport { Helmet } from \"@zudoku/react-helmet-async\";\nimport { useMatch } from \"react-router\";\nimport { 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  categoryLabel,\n}: Omit<ApiCatalogPluginOptions, \"navigationId\"> & {\n  categoryLabel?: string;\n}) => {\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  // Only index the overview page, ignore the rest\n  const dataSet = activeCategory ? { \"data-pagefind-ignore\": \"all\" } : {};\n\n  return (\n    <section className=\"pt-(--padding-content-top)\" {...dataSet}>\n      <Helmet>\n        <title>\n          {categoryLabel ? `${categoryLabel} - ` : \"\"}\n          {label}\n        </title>\n      </Helmet>\n      <div className=\"grid gap-4\">\n        <Heading level={2}>\n          {label}\n          {categoryLabel && ` - ${categoryLabel}`}\n        </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  const paths = Object.fromEntries(\n    categories.flatMap((category) =>\n      [undefined, ...category.tags].map((tag) => [\n        joinUrl(navigationId, tag ? getKey(category.label, tag) : undefined),\n        tag,\n      ]),\n    ),\n  );\n\n  return {\n    getSidebar: async (currentPath) => {\n      const matches = Object.keys(paths).some((path) =>\n        matchPath(path, currentPath),\n      );\n\n      if (!matches) {\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          type: \"doc\" as const,\n          id: joinUrl(navigationId, getKey(category.label, tag)),\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      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      Object.entries(paths).map(([path, tag]) => ({\n        path,\n        element: (\n          <Catalog\n            label={label}\n            categoryLabel={tag}\n            items={items}\n            filterCatalogItems={filterCatalogItems}\n            categories={categories}\n          />\n        ),\n      })),\n  };\n};\n"],"names":["Catalog","items","filterCatalogItems","label","categoryLabel","auth","useAuthState","activeCategory","useMatch","catalogItems","useSuspenseQuery","dataSet","jsxs","jsx","Helmet","Heading","api","c","t","getKey","Link","joinUrl","Markdown","category","tag","slugify","apiCatalogPlugin","navigationId","categories","paths","currentPath","path","matchPath","sidebar"],"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 { Helmet } from \"@zudoku/react-helmet-async\";\nimport { useMatch } from \"react-router\";\nimport { 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  categoryLabel,\n}: Omit<ApiCatalogPluginOptions, \"path\"> & {\n  categoryLabel?: string;\n}) => {\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  // Only index the overview page, ignore the rest\n  const dataSet = activeCategory ? { \"data-pagefind-ignore\": \"all\" } : {};\n\n  return (\n    <section className=\"pt-(--padding-content-top)\" {...dataSet}>\n      <Helmet>\n        <title>\n          {categoryLabel ? `${categoryLabel} - ` : \"\"}\n          {label}\n        </title>\n      </Helmet>\n      <div className=\"grid gap-4\">\n        <Heading level={2}>\n          {label}\n          {categoryLabel && ` - ${categoryLabel}`}\n        </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 { NavigationItem } from \"../../../config/validators/NavigationSchema.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  path: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: FilterCatalogItemsFn;\n};\n\nexport type CatalogContext<ProviderData = unknown> = {\n  auth: AuthState<ProviderData>;\n};\n\nexport type FilterCatalogItemsFn<ProviderData = unknown> = (\n  items: ApiCatalogItem[],\n  { auth }: CatalogContext<ProviderData>,\n) => ApiCatalogItem[];\n\nexport const apiCatalogPlugin = ({\n  path,\n  items,\n  label,\n  categories = [],\n  filterCatalogItems,\n}: {\n  path: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: FilterCatalogItemsFn;\n}): ZudokuPlugin => {\n  const paths = Object.fromEntries(\n    categories.flatMap((category) =>\n      [undefined, ...category.tags].map((tag) => [\n        joinUrl(path, tag ? getKey(category.label, tag) : undefined),\n        tag,\n      ]),\n    ),\n  );\n\n  return {\n    getNavigation: async (currentPath) => {\n      const matches = Object.keys(paths).some((path) =>\n        matchPath(path, currentPath),\n      );\n\n      if (!matches) {\n        return [];\n      }\n\n      const navigation: NavigationItem[] = categories.map((category) => ({\n        type: \"category\",\n        label: category.label,\n        collapsible: false,\n        items: category.tags.map((tag) => ({\n          type: \"link\",\n          to: joinUrl(path, getKey(category.label, tag)),\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\",\n          },\n        })),\n      }));\n\n      navigation.unshift({\n        type: \"link\",\n        to: joinUrl(path),\n        label: \"Overview\",\n        badge: { label: String(items.length), color: \"outline\" },\n      });\n\n      return navigation;\n    },\n    getRoutes: () =>\n      Object.entries(paths).map(([path, tag]) => ({\n        path,\n        element: (\n          <Catalog\n            label={label}\n            categoryLabel={tag}\n            items={items}\n            filterCatalogItems={filterCatalogItems}\n            categories={categories}\n          />\n        ),\n      })),\n  };\n};\n"],"names":["Catalog","items","filterCatalogItems","label","categoryLabel","auth","useAuthState","activeCategory","useMatch","catalogItems","useSuspenseQuery","dataSet","jsxs","jsx","Helmet","Heading","api","c","t","getKey","Link","joinUrl","Markdown","category","tag","slugify","apiCatalogPlugin","path","categories","paths","currentPath","matchPath","navigation"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import { CheckIcon as _, XIcon as se, PencilLineIcon as ne, RotateCwIcon as ie, EyeOffIcon as re, EyeIcon as ae, CopyIcon as oe, TrashIcon as le, KeyRoundIcon as de } from "lucide-react";
-import { D as ce, S as O, R as ue } from "./Slot-B5qSAnwR.js";
+import { CheckIcon as _, XIcon as se, PencilLineIcon as ne, RefreshCwIcon as ie, EyeOffIcon as re, EyeIcon as ae, CopyIcon as oe, TrashIcon as le, KeyRoundIcon as de } from "lucide-react";
+import { D as ce, S as O, R as ue } from "./Slot-BkYrj_uC.js";
 import { i as P } from "./invariant-DAFpPywt.js";
-import { O as he, L as Q } from "./chunk-DQRVZFIR-BblmKnHy.js";
-import { i as fe, k as pe, e as xe, d as me } from "./hook-7wZANGJP.js";
+import { O as fe, L as Q } from "./chunk-DQRVZFIR-BblmKnHy.js";
+import { i as he, k as pe, e as xe, d as me } from "./hook-CHXroBFt.js";
 import { Button as j } from "./ui/Button.js";
-import { u as z } from "./useMutation-BKvPttRn.js";
+import { u as z } from "./useMutation-N4ockVKi.js";
 import * as S from "react";
 import ye, { createContext as q, useRef as D, useLayoutEffect as ge, useEffect as B, useId as L, useContext as $, useInsertionEffect as je, useMemo as M, useCallback as Ce, Children as ve, isValidElement as we, useState as E } from "react";
 import { C as ke, a as be } from "./Card-DPhGbYUM.js";
@@ -13,8 +13,8 @@ import { D as U, e as W, a as X, b as Y, c as G, d as J, f as V, g as K } from "
 import { Input as Ee } from "./ui/Input.js";
 import { c as R } from "./cn-wvCW-ho6.js";
 const De = () => {
-  const t = fe();
-  return t.isAuthEnabled && t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(he, {}) : t.isAuthEnabled ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: [
+  const t = he();
+  return t.isAuthEnabled && t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(fe, {}) : t.isAuthEnabled ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: [
     "Please login first to view this page",
     /* @__PURE__ */ e.jsx(j, { onClick: () => t.login(), children: "Login" })
   ] }) : /* @__PURE__ */ e.jsx("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: /* @__PURE__ */ e.jsxs(ce, { className: "max-w-[600px]", children: [
@@ -27,7 +27,7 @@ function Z(t) {
   const i = D(null);
   return i.current === null && (i.current = t()), i.current;
 }
-const Ie = typeof window < "u", Ne = Ie ? ge : B, ee = /* @__PURE__ */ q(null);
+const Ne = typeof window < "u", Ie = Ne ? ge : B, ee = /* @__PURE__ */ q(null);
 function Ke(t) {
   return typeof t == "object" && t !== null;
 }
@@ -66,46 +66,46 @@ function ze({ children: t, isPresent: i, anchorX: s }) {
     right: 0
   }), { nonce: u } = $(Ae);
   return je(() => {
-    const { width: m, height: h, top: x, left: d, right: c } = r.current;
-    if (i || !o.current || !m || !h)
+    const { width: m, height: f, top: x, left: c, right: d } = r.current;
+    if (i || !o.current || !m || !f)
       return;
-    const y = s === "left" ? `left: ${d}` : `right: ${c}`;
+    const y = s === "left" ? `left: ${c}` : `right: ${d}`;
     o.current.dataset.motionPopId = n;
-    const f = document.createElement("style");
-    return u && (f.nonce = u), document.head.appendChild(f), f.sheet && f.sheet.insertRule(`
+    const h = document.createElement("style");
+    return u && (h.nonce = u), document.head.appendChild(h), h.sheet && h.sheet.insertRule(`
           [data-motion-pop-id="${n}"] {
             position: absolute !important;
             width: ${m}px !important;
-            height: ${h}px !important;
+            height: ${f}px !important;
             ${y}px !important;
             top: ${x}px !important;
           }
         `), () => {
-      document.head.contains(f) && document.head.removeChild(f);
+      document.head.contains(h) && document.head.removeChild(h);
     };
   }, [i]), e.jsx(Te, { isPresent: i, childRef: o, sizeRef: r, children: S.cloneElement(t, { ref: o }) });
 }
 const Me = ({ children: t, initial: i, isPresent: s, onExitComplete: n, custom: o, presenceAffectsLayout: r, mode: u, anchorX: m }) => {
-  const h = Z(Se), x = L();
-  let d = !0, c = M(() => (d = !1, {
+  const f = Z(Se), x = L();
+  let c = !0, d = M(() => (c = !1, {
     id: x,
     initial: i,
     isPresent: s,
     custom: o,
     onExitComplete: (y) => {
-      h.set(y, !0);
-      for (const f of h.values())
-        if (!f)
+      f.set(y, !0);
+      for (const h of f.values())
+        if (!h)
           return;
       n && n();
     },
-    register: (y) => (h.set(y, !1), () => h.delete(y))
-  }), [s, h, n]);
-  return r && d && (c = { ...c }), M(() => {
-    h.forEach((y, f) => h.set(f, !1));
+    register: (y) => (f.set(y, !1), () => f.delete(y))
+  }), [s, f, n]);
+  return r && c && (d = { ...d }), M(() => {
+    f.forEach((y, h) => f.set(h, !1));
   }, [s]), S.useEffect(() => {
-    !s && !h.size && n && n();
-  }, [s]), u === "popLayout" && (t = e.jsx(ze, { isPresent: s, anchorX: m, children: t })), e.jsx(ee.Provider, { value: c, children: t });
+    !s && !f.size && n && n();
+  }, [s]), u === "popLayout" && (t = e.jsx(ze, { isPresent: s, anchorX: m, children: t })), e.jsx(ee.Provider, { value: d, children: t });
 };
 function Se() {
   return /* @__PURE__ */ new Map();
@@ -122,7 +122,7 @@ function qe(t = !0) {
   const u = Ce(() => t && n && n(r), [r, n, t]);
   return !s && n ? [!1, u] : [!0];
 }
-const I = (t) => t.key || "";
+const N = (t) => t.key || "";
 function H(t) {
   const i = [];
   return ve.forEach(t, (s) => {
@@ -130,27 +130,27 @@ function H(t) {
   }), i;
 }
 const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presenceAffectsLayout: o = !0, mode: r = "sync", propagate: u = !1, anchorX: m = "left" }) => {
-  const [h, x] = qe(u), d = M(() => H(t), [t]), c = u && !h ? [] : d.map(I), y = D(!0), f = D(d), k = Z(() => /* @__PURE__ */ new Map()), [a, l] = E(d), [p, v] = E(d);
-  Ne(() => {
-    y.current = !1, f.current = d;
+  const [f, x] = qe(u), c = M(() => H(t), [t]), d = u && !f ? [] : c.map(N), y = D(!0), h = D(c), k = Z(() => /* @__PURE__ */ new Map()), [a, l] = E(c), [p, v] = E(c);
+  Ie(() => {
+    y.current = !1, h.current = c;
     for (let w = 0; w < p.length; w++) {
-      const g = I(p[w]);
-      c.includes(g) ? k.delete(g) : k.get(g) !== !0 && k.set(g, !1);
+      const g = N(p[w]);
+      d.includes(g) ? k.delete(g) : k.get(g) !== !0 && k.set(g, !1);
     }
-  }, [p, c.length, c.join("-")]);
+  }, [p, d.length, d.join("-")]);
   const C = [];
-  if (d !== a) {
-    let w = [...d];
+  if (c !== a) {
+    let w = [...c];
     for (let g = 0; g < p.length; g++) {
-      const b = p[g], T = I(b);
-      c.includes(T) || (w.splice(g, 0, b), C.push(b));
+      const b = p[g], T = N(b);
+      d.includes(T) || (w.splice(g, 0, b), C.push(b));
     }
-    return r === "wait" && C.length && (w = C), v(H(w)), l(d), null;
+    return r === "wait" && C.length && (w = C), v(H(w)), l(c), null;
   }
   process.env.NODE_ENV !== "production" && r === "wait" && p.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
   const { forceRender: A } = $(Pe);
   return e.jsx(e.Fragment, { children: p.map((w) => {
-    const g = I(w), b = u && !h ? !1 : d === p || c.includes(g), T = () => {
+    const g = N(w), b = u && !f ? !1 : c === p || d.includes(g), T = () => {
       if (k.has(g))
         k.set(g, !0);
       else
@@ -158,14 +158,14 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
       let F = !0;
       k.forEach((te) => {
         te || (F = !1);
-      }), F && (A?.(), v(f.current), u && x?.(), n && n());
+      }), F && (A?.(), v(h.current), u && x?.(), n && n());
     };
     return e.jsx(Me, { isPresent: b, initial: !y.current || s ? void 0 : !1, custom: i, presenceAffectsLayout: o, mode: r, onExitComplete: b ? void 0 : T, anchorX: m, children: w }, g);
   }) });
 }, $e = ({ service: t }) => {
   const i = pe(), s = xe(), [n, o] = E(
     null
-  ), [r, u] = E(""), { data: m, isFetching: h } = me({
+  ), [r, u] = E(""), { data: m, isFetching: f } = me({
     queryFn: () => t.getConsumers(i),
     queryKey: ["api-keys"],
     retry: !1
@@ -194,7 +194,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
     onSuccess: () => {
       s.invalidateQueries({ queryKey: ["api-keys"] });
     }
-  }), d = z({
+  }), c = z({
     mutationFn: ({
       consumerId: a,
       label: l
@@ -217,7 +217,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
     onSuccess: () => {
       s.invalidateQueries({ queryKey: ["api-keys"] });
     }
-  }), c = z({
+  }), d = z({
     mutationFn: (a) => {
       if (!t.rollKey)
         throw new Error("rollKey not implemented");
@@ -226,8 +226,8 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
     onSuccess: () => s.invalidateQueries({ queryKey: ["api-keys"] })
   }), y = (a, l) => {
     o(a), u(l);
-  }, f = (a) => {
-    r.trim() && d.mutate({
+  }, h = (a) => {
+    r.trim() && c.mutate({
       consumerId: a,
       label: r.trim()
     }), o(null), u("");
@@ -273,7 +273,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
                           value: r,
                           onChange: (l) => u(l.target.value),
                           onKeyDown: (l) => {
-                            l.key === "Enter" ? f(a.id) : l.key === "Escape" && k();
+                            l.key === "Enter" ? h(a.id) : l.key === "Escape" && k();
                           },
                           className: "text-lg font-medium",
                           autoFocus: !0
@@ -285,7 +285,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
                           {
                             size: "icon",
                             variant: "ghost",
-                            onClick: () => f(a.id),
+                            onClick: () => h(a.id),
                             disabled: !r.trim(),
                             children: /* @__PURE__ */ e.jsx(_, { size: 16 })
                           }
@@ -317,29 +317,40 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
                   ] })
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex justify-end", children: [
-                  t.updateConsumer && /* @__PURE__ */ e.jsx(
+                  t.updateConsumer && /* @__PURE__ */ e.jsxs(
                     j,
                     {
-                      size: "icon",
                       variant: "ghost",
                       onClick: () => y(a.id, a.label),
                       className: R(
+                        "flex gap-2",
                         n === a.id && "opacity-0! pointer-events-none"
                       ),
                       disabled: n === a.id,
-                      children: /* @__PURE__ */ e.jsx(ne, { size: 16 })
+                      children: [
+                        /* @__PURE__ */ e.jsx(ne, { size: 16 }),
+                        "Edit label"
+                      ]
                     }
                   ),
                   t.rollKey && /* @__PURE__ */ e.jsxs(U, { children: [
-                    /* @__PURE__ */ e.jsx(W, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+                    /* @__PURE__ */ e.jsx(W, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
                       j,
                       {
-                        size: "icon",
                         title: "Roll this key",
                         variant: "ghost",
-                        disabled: c.isPending,
-                        className: c.isPending ? "animate-spin" : void 0,
-                        children: /* @__PURE__ */ e.jsx(ie, { size: 16 })
+                        disabled: d.isPending,
+                        className: "flex items-center gap-2",
+                        children: [
+                          /* @__PURE__ */ e.jsx(
+                            ie,
+                            {
+                              size: 16,
+                              className: d.isPending ? "animate-spin" : void 0
+                            }
+                          ),
+                          "Roll key"
+                        ]
                       }
                     ) }),
                     /* @__PURE__ */ e.jsxs(X, { children: [
@@ -353,7 +364,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
                           j,
                           {
                             onClick: () => {
-                              c.mutate(a.id);
+                              d.mutate(a.id);
                             },
                             children: "Roll Key"
                           }
@@ -374,7 +385,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
                         keyId: l.id
                       });
                     },
-                    className: x.variables?.keyId === l.id && (x.isPending || h) ? "opacity-10!" : void 0
+                    className: x.variables?.keyId === l.id && (x.isPending || f) ? "opacity-10!" : void 0
                   }
                 ),
                 /* @__PURE__ */ e.jsx("div", { className: "col-span-full h-px bg-border" })
@@ -394,9 +405,9 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
   onDeleteKey: i,
   className: s
 }) => {
-  const [n, o] = E(!1), [r, u] = E(!1), { key: m, createdOn: h, expiresOn: x } = t, d = x && new Date(x) < /* @__PURE__ */ new Date(), c = x ? Math.ceil(
+  const [n, o] = E(!1), [r, u] = E(!1), { key: m, createdOn: f, expiresOn: x } = t, c = x && new Date(x) < /* @__PURE__ */ new Date(), d = x ? Math.ceil(
     (new Date(x).getTime() - (/* @__PURE__ */ new Date()).getTime()) / (1e3 * 60 * 60 * 24)
-  ) : 1 / 0, y = c <= 7 && !d;
+  ) : 1 / 0, y = d <= 7 && !c;
   return /* @__PURE__ */ e.jsxs("div", { className: R("grid col-span-full grid-cols-subgrid p-6", s), children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center text-sm border rounded-md w-fit px-1", children: [
@@ -406,7 +417,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
             {
               className: R(
                 "rounded-full w-2 h-2 bg-emerald-400 mr-2",
-                (y || d) && "bg-neutral-200"
+                (y || c) && "bg-neutral-200"
               )
             }
           ),
@@ -419,7 +430,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
           j,
           {
             variant: "ghost",
-            onClick: () => o((f) => !f),
+            onClick: () => o((h) => !h),
             size: "icon",
             children: n ? /* @__PURE__ */ e.jsx(re, { size: 16 }) : /* @__PURE__ */ e.jsx(ae, { size: 16 })
           }
@@ -439,27 +450,27 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1 mt-0.5 text-nowrap", children: [
-        h && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        f && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-muted-foreground", children: [
           "Created ",
-          Fe(h),
+          Fe(f),
           "."
         ] }),
         " ",
         x && y && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
           "Expires in ",
-          c,
+          d,
           " ",
-          c === 1 ? "day" : "days",
+          d === 1 ? "day" : "days",
           "."
         ] }),
-        x && d && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
+        x && c && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
           "Expired",
           " ",
-          c === 0 ? "today." : `${c * -1} days ago.`
+          d === 0 ? "today." : `${d * -1} days ago.`
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: d && i && /* @__PURE__ */ e.jsxs(U, { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: x && i && /* @__PURE__ */ e.jsxs(U, { children: [
       /* @__PURE__ */ e.jsx(W, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "ghost", size: "icon", children: /* @__PURE__ */ e.jsx(le, { size: 16 }) }) }),
       /* @__PURE__ */ e.jsxs(X, { children: [
         /* @__PURE__ */ e.jsxs(Y, { children: [
@@ -481,10 +492,10 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
       ] })
     ] }) })
   ] });
-}, N = "https://api.zuploedge.com/v2/client", Qe = (t) => ({
+}, I = "https://api.zuploedge.com/v2/client", Qe = (t) => ({
   deleteKey: async (i, s, n) => {
     const o = new Request(
-      N + `/${t}/consumers/${i}/keys/${s}`,
+      I + `/${t}/consumers/${i}/keys/${s}`,
       {
         method: "DELETE"
       }
@@ -497,7 +508,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
     const n = await fetch(
       await s.signRequest(
         new Request(
-          N + `/${t}/consumers/${i.id}`,
+          I + `/${t}/consumers/${i.id}`,
           {
             method: "PATCH",
             headers: {
@@ -516,7 +527,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
     const n = await fetch(
       await s.signRequest(
         new Request(
-          N + `/${t}/consumers/${i}/roll-key`,
+          I + `/${t}/consumers/${i}/roll-key`,
           {
             method: "POST",
             headers: {
@@ -531,7 +542,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
   },
   getConsumers: async (i) => {
     const s = new Request(
-      N + `/${t}/consumers`
+      I + `/${t}/consumers`
     );
     await i.signRequest(s);
     const n = await fetch(s);