@cloudflare/kumo 2.0.0 → 2.0.1

package/dist/chunks/{command-palette-gk9m34ymp2b3hfc5.js → command-palette-md65owxt5hv4rt9r.js}

@@ -1,37 +1,37 @@
 "use client";
-import { jsx as t, jsxs as g, Fragment as E } from "react/jsx-runtime";
+import { jsx as e, jsxs as g, Fragment as E } from "react/jsx-runtime";
 import { forwardRef as K, useContext as N, createContext as w, useCallback as b, useRef as T } from "react";
 import { CaretRightIcon as M, ArrowSquareOutIcon as H, ArrowRightIcon as _, MagnifyingGlassIcon as F } from "@phosphor-icons/react";
-import { L as G } from "./layer-card-hvivdirwwnyq88wa.js";
+import { L as G } from "./layer-card-ikm31xemd70w3lru.js";
 import { L as j } from "./loader-hr2w7cpqeev3p3vl.js";
 import { c as m } from "./cn-ct4n7r74mh8y0f48.js";
 import { u as U } from "./portal-provider-hwmkdmkpvct0cb76.js";
 import { a6 as q, a8 as O, ab as V, bt as v, aa as $, a9 as z, ac as B, bu as J, aq as Q, av as W, aw as X, ax as Y } from "./vendor-base-ui-ie71jahf0czyf58j.js";
 const C = w({});
 function I({
-  open: e,
+  open: t,
   onOpenChange: n,
-  onBackdropClick: o,
-  children: l,
+  onBackdropClick: a,
+  children: i,
   container: s
 }) {
   const u = U(), d = s ?? u ?? void 0, r = (c) => {
-    o ? o(c) : n(!1);
-  }, a = b(() => {
+    a ? a(c) : n(!1);
+  }, o = b(() => {
     n(!1);
   }, [n]);
-  return /* @__PURE__ */ t(Q, { open: e, onOpenChange: n, modal: !0, children: /* @__PURE__ */ g(W, { container: d, children: [
-    /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(Q, { open: t, onOpenChange: n, modal: !0, children: /* @__PURE__ */ g(W, { container: d, children: [
+    /* @__PURE__ */ e(
       X,
       {
         className: "fixed inset-0 bg-kumo-overlay opacity-80 transition-all duration-150 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
         onClick: r
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(
       G,
       {
-        render: /* @__PURE__ */ t(Y, {}),
+        render: /* @__PURE__ */ e(Y, {}),
         className: m(
           "fixed top-[10vh] left-1/2 w-full max-w-2xl -translate-x-1/2",
           "overflow-hidden rounded-lg",
@@ -41,115 +41,115 @@ function I({
           transitionProperty: "scale, opacity",
           transitionTimingFunction: "var(--default-transition-timing-function)"
         },
-        children: /* @__PURE__ */ t(C.Provider, { value: { onClose: a }, children: l })
+        children: /* @__PURE__ */ e(C.Provider, { value: { onClose: o }, children: i })
       }
     )
   ] }) });
 }
 function Z({
-  open: e,
+  open: t,
   onOpenChange: n,
-  onBackdropClick: o,
-  children: l,
+  onBackdropClick: a,
+  children: i,
   items: s,
   value: u,
   onValueChange: d,
   onItemHighlighted: r,
-  itemToStringValue: a,
+  itemToStringValue: o,
   filter: c,
-  onSelect: i,
+  onSelect: l,
   getSelectableItems: f,
   container: h
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     I,
     {
-      open: e,
+      open: t,
       onOpenChange: n,
-      onBackdropClick: o,
+      onBackdropClick: a,
       container: h,
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ e(
         A,
         {
           items: s,
           value: u,
           onValueChange: d,
           onItemHighlighted: r,
-          itemToStringValue: a,
+          itemToStringValue: o,
           filter: c,
-          open: e,
-          onSelect: i,
+          open: t,
+          onSelect: l,
           getSelectableItems: f,
-          children: l
+          children: i
         }
       )
     }
   );
 }
 function S({
-  children: e,
+  children: t,
   leading: n,
-  trailing: o
+  trailing: a
 }) {
   return /* @__PURE__ */ g("div", { className: "flex items-center gap-3 bg-kumo-base px-4 py-3 focus-within:ring-2 focus-within:ring-kumo-brand", children: [
-    n ?? /* @__PURE__ */ t(
+    n ?? /* @__PURE__ */ e(
       F,
       {
         className: "h-4 w-4 text-kumo-subtle",
         weight: "bold"
       }
     ),
-    e,
-    o
+    t,
+    a
   ] });
 }
-const D = K(function({ children: n, className: o }, l) {
-  return /* @__PURE__ */ t(
+const D = K(function({ children: n, className: a }, i) {
+  return /* @__PURE__ */ e(
     "div",
     {
-      ref: l,
+      ref: i,
       className: m(
         "min-h-0 flex-1 overflow-y-auto rounded-b-lg bg-kumo-base px-2 py-2 ring-1 ring-kumo-hairline",
-        o
+        a
       ),
       children: n
     }
   );
 });
 D.displayName = "CommandPalette.List";
-function tt({
-  children: e,
+function ee({
+  children: t,
   className: n,
-  ...o
+  ...a
 }) {
-  return /* @__PURE__ */ t(z, { className: m("space-y-0.5", n), ...o, children: e });
+  return /* @__PURE__ */ e(z, { className: m("space-y-0.5", n), ...a, children: t });
 }
-function et({
-  children: e,
+function te({
+  children: t,
   className: n
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     $,
     {
       className: m(
-        "mb-2 px-2 pt-1 text-xs font-semibold text-kumo-strong",
+        "mb-2 px-2 pt-1 text-xs font-semibold text-kumo-subtle",
         n
       ),
-      children: e
+      children: t
     }
   );
 }
-function nt({
-  value: e,
+function ne({
+  value: t,
   disabled: n,
-  children: o,
-  className: l,
+  children: a,
+  className: i,
   onClick: s
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     v,
     {
-      value: e,
+      value: t,
       disabled: n,
       onClick: s,
       className: m(
@@ -157,84 +157,84 @@ function nt({
         "cursor-pointer data-[highlighted]:bg-kumo-overlay",
         "rounded-lg",
         n && "cursor-default opacity-50",
-        l
+        i
       ),
-      children: o
+      children: a
     }
   );
 }
-function ot({ children: e }) {
-  return /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t("div", { className: "p-8 text-center", children: /* @__PURE__ */ t("p", { className: "text-kumo-strong", children: e ?? "No results found" }) }) });
+function ae({ children: t }) {
+  return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e("div", { className: "p-8 text-center", children: /* @__PURE__ */ e("p", { className: "text-kumo-subtle", children: t ?? "No results found" }) }) });
 }
-function at({ children: e }) {
-  return /* @__PURE__ */ t("div", { className: "flex items-center justify-center p-8", children: e ?? /* @__PURE__ */ t(j, { size: 24 }) });
+function oe({ children: t }) {
+  return /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-8", children: t ?? /* @__PURE__ */ e(j, { size: 24 }) });
 }
-function st({ children: e }) {
-  return /* @__PURE__ */ t("div", { className: "flex items-center justify-between rounded-b-lg bg-kumo-elevated px-4 py-3 text-xs text-kumo-strong", children: e });
+function se({ children: t }) {
+  return /* @__PURE__ */ e("div", { className: "flex items-center justify-between rounded-b-lg bg-kumo-elevated px-4 py-3 text-xs text-kumo-subtle", children: t });
 }
 function y({
-  text: e,
+  text: t,
   highlights: n,
-  className: o
+  className: a
 }) {
   if (!n || n.length === 0)
-    return /* @__PURE__ */ t("span", { className: o, children: e });
-  const l = [...n].sort((r, a) => r[0] - a[0]), s = [];
-  for (const r of l) {
-    const a = s[s.length - 1];
-    a && r[0] <= a[1] + 1 ? a[1] = Math.max(a[1], r[1]) : s.push([...r]);
+    return /* @__PURE__ */ e("span", { className: a, children: t });
+  const i = [...n].sort((r, o) => r[0] - o[0]), s = [];
+  for (const r of i) {
+    const o = s[s.length - 1];
+    o && r[0] <= o[1] + 1 ? o[1] = Math.max(o[1], r[1]) : s.push([...r]);
   }
   const u = [];
   let d = 0;
-  return s.forEach((r, a) => {
-    const [c, i] = r;
-    c > d && u.push(/* @__PURE__ */ t("span", { children: e.slice(d, c) }, `text-${a}`)), u.push(
-      /* @__PURE__ */ t(
+  return s.forEach((r, o) => {
+    const [c, l] = r;
+    c > d && u.push(/* @__PURE__ */ e("span", { children: t.slice(d, c) }, `text-${o}`)), u.push(
+      /* @__PURE__ */ e(
         "mark",
         {
           className: "rounded-sm bg-kumo-warning/50 text-kumo-default",
-          children: e.slice(c, i + 1)
+          children: t.slice(c, l + 1)
         },
-        `highlight-${a}`
+        `highlight-${o}`
       )
-    ), d = i + 1;
-  }), d < e.length && u.push(/* @__PURE__ */ t("span", { children: e.slice(d) }, "text-end")), /* @__PURE__ */ t("span", { className: o, children: u });
+    ), d = l + 1;
+  }), d < t.length && u.push(/* @__PURE__ */ e("span", { children: t.slice(d) }, "text-end")), /* @__PURE__ */ e("span", { className: a, children: u });
 }
-function rt({
-  title: e,
+function re({
+  title: t,
   breadcrumbs: n,
-  titleHighlights: o,
-  breadcrumbHighlights: l,
+  titleHighlights: a,
+  breadcrumbHighlights: i,
   description: s,
   icon: u,
   value: d,
   onClick: r,
-  showArrow: a = !0,
+  showArrow: o = !0,
   external: c = !1,
-  nonInteractive: i = !1
+  nonInteractive: l = !1
 }) {
   return /* @__PURE__ */ g(
     v,
     {
       value: d,
-      onClick: i ? void 0 : (f) => r(f),
+      onClick: l ? void 0 : (f) => r(f),
       className: m(
         "group flex w-full items-center gap-3 rounded-lg px-2 py-1.5 text-left transition-colors",
-        i ? "cursor-default" : "cursor-pointer data-[highlighted]:bg-kumo-overlay"
+        l ? "cursor-default" : "cursor-pointer data-[highlighted]:bg-kumo-overlay"
       ),
       children: [
-        u && /* @__PURE__ */ t("div", { className: "flex flex-shrink-0 items-center text-kumo-subtle", children: u }),
-        /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ g("div", { className: "flex items-center gap-2 truncate", children: [
+        u && /* @__PURE__ */ e("div", { className: "flex flex-shrink-0 items-center text-kumo-subtle", children: u }),
+        /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ g("div", { className: "flex items-center gap-2 truncate", children: [
           n?.map((f, h) => /* @__PURE__ */ g("span", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ e(
               y,
               {
                 text: f,
-                highlights: l?.[h],
+                highlights: i?.[h],
                 className: "text-base text-kumo-default"
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ e(
               M,
               {
                 className: "h-3 w-3 flex-shrink-0 text-kumo-subtle",
@@ -242,53 +242,53 @@ function rt({
               }
             )
           ] }, h)),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             y,
             {
-              text: e,
-              highlights: o,
+              text: t,
+              highlights: a,
               className: "text-base text-kumo-default"
             }
           ),
-          c && /* @__PURE__ */ t(H, { className: "h-3.5 w-3.5 flex-shrink-0 text-kumo-subtle" }),
+          c && /* @__PURE__ */ e(H, { className: "h-3.5 w-3.5 flex-shrink-0 text-kumo-subtle" }),
           s && /* @__PURE__ */ g(E, { children: [
-            /* @__PURE__ */ t("span", { className: "text-kumo-strong", children: "—" }),
-            /* @__PURE__ */ t("span", { className: "truncate text-sm text-kumo-strong", children: s })
+            /* @__PURE__ */ e("span", { className: "text-kumo-subtle", children: "—" }),
+            /* @__PURE__ */ e("span", { className: "truncate text-sm text-kumo-subtle", children: s })
           ] })
         ] }) }),
-        a && !c && !i && /* @__PURE__ */ t(_, { className: "h-4 w-4 flex-shrink-0 text-kumo-subtle opacity-0 transition-opacity group-data-[highlighted]:opacity-100" })
+        o && !c && !l && /* @__PURE__ */ e(_, { className: "h-4 w-4 flex-shrink-0 text-kumo-subtle opacity-0 transition-opacity group-data-[highlighted]:opacity-100" })
       ]
     }
   );
 }
-function it({
-  children: e,
+function le({
+  children: t,
   className: n
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "div",
     {
       className: m(
         "flex max-h-[60vh] flex-col overflow-hidden rounded-lg bg-kumo-elevated",
         n
       ),
-      children: e
+      children: t
     }
   );
 }
-const L = w({}), lt = () => !0;
+const L = w({}), ie = () => !0;
 function A({
-  children: e,
+  children: t,
   items: n,
-  value: o,
-  onValueChange: l,
+  value: a,
+  onValueChange: i,
   onItemHighlighted: s,
   itemToStringValue: u,
-  filter: d = lt,
+  filter: d = ie,
   open: r = !0,
-  className: a,
+  className: o,
   onSelect: c,
-  getSelectableItems: i
+  getSelectableItems: l
 }) {
   const f = T(-1), h = b(
     (p, x) => {
@@ -298,72 +298,72 @@ function A({
   ), P = b(
     (p) => {
       const x = p.key === "Enter", R = p.metaKey || p.ctrlKey;
-      if (x && R && c && i) {
-        const k = i(n)[f.current];
+      if (x && R && c && l) {
+        const k = l(n)[f.current];
         k !== void 0 && (p.preventDefault(), c(k, { newTab: !0 }));
       }
     },
-    [n, c, i]
+    [n, c, l]
   );
-  return /* @__PURE__ */ t(it, { className: a, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(le, { className: o, children: /* @__PURE__ */ e(
     J,
     {
       items: n,
-      value: o,
-      onValueChange: l,
+      value: a,
+      onValueChange: i,
       onItemHighlighted: h,
       itemToStringValue: u,
       filter: d,
       autoHighlight: "always",
       keepHighlight: !0,
       open: r,
-      children: /* @__PURE__ */ t(L.Provider, { value: { onInputKeyDown: P }, children: e })
+      children: /* @__PURE__ */ e(L.Provider, { value: { onInputKeyDown: P }, children: t })
     }
   ) });
 }
-function ct({
-  autoFocus: e = !0,
+function ce({
+  autoFocus: t = !0,
   placeholder: n,
-  className: o,
-  onKeyDown: l,
+  className: a,
+  onKeyDown: i,
   leading: s,
   trailing: u,
   ...d
 }) {
-  const { onInputKeyDown: r } = N(L), { onClose: a } = N(C), c = b(
-    (i) => {
-      if (l?.(i), !i.defaultPrevented) {
-        if (i.key === "Escape" && a) {
-          i.preventDefault(), a();
+  const { onInputKeyDown: r } = N(L), { onClose: o } = N(C), c = b(
+    (l) => {
+      if (i?.(l), !l.defaultPrevented) {
+        if (l.key === "Escape" && o) {
+          l.preventDefault(), o();
           return;
         }
-        r?.(i);
+        r?.(l);
       }
     },
-    [r, l, a]
+    [r, i, o]
   );
-  return /* @__PURE__ */ t(S, { leading: s, trailing: u, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(S, { leading: s, trailing: u, children: /* @__PURE__ */ e(
     B,
     {
       placeholder: n,
       className: m(
         "flex-1 border-none bg-transparent text-base kumo-input-placeholder",
         "outline-none",
-        o
+        a
       ),
       onKeyDown: c,
-      autoFocus: e,
+      autoFocus: t,
       ...d
     }
   ) });
 }
-function ut({
-  children: e,
+function ue({
+  children: t,
   className: n
 }) {
-  return /* @__PURE__ */ t(O, { className: m("space-y-3", n), children: e });
+  return /* @__PURE__ */ e(O, { className: m("space-y-3", n), children: t });
 }
-const dt = q, Nt = {}, wt = {}, vt = {
+const de = q, Ne = {}, we = {}, ve = {
   /** Modal dialog wrapper - use with Panel for content that can swap */
   Dialog: I,
   /** Dialog + Panel combined - for simple single-view command palettes */
@@ -371,33 +371,33 @@ const dt = q, Nt = {}, wt = {}, vt = {
   /** Autocomplete panel without dialog - use inside Dialog for swappable content */
   Panel: A,
   /** Input for use inside Panel */
-  Input: ct,
+  Input: ce,
   /** Scrollable results container */
   List: D,
   /** Category grouping */
-  Group: tt,
+  Group: ee,
   /** Section header text */
-  GroupLabel: et,
+  GroupLabel: te,
   /** Basic item */
-  Item: nt,
+  Item: ne,
   /** Rich item with breadcrumbs, highlights, icons */
-  ResultItem: rt,
+  ResultItem: re,
   /** Text with highlighted portions */
   HighlightedText: y,
   /** Empty state */
-  Empty: ot,
+  Empty: ae,
   /** Loading state */
-  Loading: at,
+  Loading: oe,
   /** Footer for keyboard hints */
-  Footer: st,
+  Footer: se,
   /** Render prop iterator for groups */
-  Results: ut,
+  Results: ue,
   /** Render prop iterator for items within a group */
-  Items: dt
+  Items: de
 };
 export {
-  vt as C,
-  Nt as K,
-  wt as a
+  ve as C,
+  Ne as K,
+  we as a
 };
-//# sourceMappingURL=command-palette-gk9m34ymp2b3hfc5.js.map
+//# sourceMappingURL=command-palette-md65owxt5hv4rt9r.js.map