@inkeep/cxkit-react 0.5.37 → 0.5.38

package/dist/packages/primitives/src/atoms/cmdk/index.js

@@ -0,0 +1,519 @@
+import { jsxs as Z, jsx as g } from "react/jsx-runtime";
+import { Root as Se, Portal as Ee, Overlay as Ce, Content as we } from "../../../../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.4_@types_react-dom@19.0.3_@types_react@19.0.10__@types_react@19.0._ucun7uecgispdhq4vhr26lovum/node_modules/@radix-ui/react-dialog/dist/index.js";
+import * as c from "react";
+import { useCallback as le, useMemo as ye } from "react";
+import { commandScore as Ie } from "./command-score.js";
+import { Primitive as k } from "../../../../../node_modules/.pnpm/@radix-ui_react-primitive@2.0.2_@types_react-dom@19.0.3_@types_react@19.0.10__@types_react@19_xmwzi2lpk7e4iscy4hlhgpd4fu/node_modules/@radix-ui/react-primitive/dist/index.js";
+import { useId as F } from "../../../../../node_modules/.pnpm/@radix-ui_react-id@1.1.0_@types_react@19.0.10_react@19.0.0/node_modules/@radix-ui/react-id/dist/index.js";
+import { s as Re } from "../../../../../node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/shim/index.js";
+import { ASK_AI_TRIGGER_VALUE as xe } from "../../constants/search.js";
+import { useShadow as ke } from "../shadow/context.js";
+const D = '[cmdk-group=""]', X = '[cmdk-group-items=""]', Ae = '[cmdk-group-heading=""]', ae = '[cmdk-item=""]', ue = `${ae}:not([aria-disabled="true"])`, Y = "cmdk-item-select", M = "data-value", _e = (t, n, r) => Ie(t, n, r ?? []), de = c.createContext(void 0), G = () => c.useContext(de), fe = c.createContext(void 0), ee = () => c.useContext(fe), me = c.createContext(void 0), ve = c.forwardRef((t, n) => {
+  const r = P(() => /* @__PURE__ */ new Set()), i = P(() => /* @__PURE__ */ new Map()), a = P(() => /* @__PURE__ */ new Map()), f = P(() => /* @__PURE__ */ new Set()), s = he(t), {
+    label: v,
+    children: d,
+    value: S,
+    onValueChange: C,
+    filter: y,
+    shouldFilter: w,
+    loop: I,
+    disablePointerSelection: L = !1,
+    vimBindings: B = !0,
+    defaultSearch: te,
+    ...N
+  } = t, h = P(() => ({
+    /** Value of the search query. */
+    search: te ?? "",
+    /** Currently selected item value. */
+    value: t.value ?? t.defaultValue ?? "",
+    /** Currently selected item id. */
+    selectedItemId: void 0,
+    filtered: {
+      /** The count of all visible items. */
+      count: 0,
+      /** Map from visible item id to its search score. */
+      items: /* @__PURE__ */ new Map(),
+      /** Set of groups with at least one visible item. */
+      groups: /* @__PURE__ */ new Set()
+    }
+  })), U = F(), $ = F(), b = F(), R = c.useRef(null), x = Be();
+  _(() => {
+    if (S !== void 0) {
+      const e = S.trim();
+      h.current.value = e, E.emit();
+    }
+  }, [S]), _(() => {
+    x(6, ne);
+  }, []);
+  const pe = ke(), E = c.useMemo(() => ({
+    subscribe: (e) => (f.current.add(e), () => f.current.delete(e)),
+    snapshot: () => h.current,
+    setState: (e, l, o) => {
+      if (!Object.is(h.current[e], l)) {
+        if (h.current[e] = l, e === "search")
+          H(), q(), x(1, z);
+        else if (e === "value" && (pe?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("cmdk-input") || x(1, () => {
+          A()?.focus();
+        }), x(7, () => {
+          h.current.selectedItemId = A()?.id, E.emit();
+        }), o || x(5, ne), s.current?.value !== void 0)) {
+          const p = l ?? "";
+          s.current.onValueChange?.(p);
+          return;
+        }
+        E.emit();
+      }
+    },
+    emit: () => {
+      f.current.forEach((e) => e());
+    }
+  }), []), j = c.useMemo(
+    () => ({
+      // Keep id → {value, keywords} mapping up-to-date
+      value: (e, l, o) => {
+        l !== a.current.get(e)?.value && (a.current.set(e, { value: l, keywords: o }), h.current.filtered.items.set(e, re(l, o)), x(2, () => {
+          q(), E.emit();
+        }));
+      },
+      // Track item lifecycle (mount, unmount)
+      item: (e, l) => (r.current.add(e), l && (i.current.has(l) ? i.current?.get(l)?.add(e) : i.current.set(l, /* @__PURE__ */ new Set([e]))), x(3, () => {
+        H(), q(), h.current.value || z(), E.emit();
+      }), () => {
+        a.current.delete(e), r.current.delete(e), h.current.filtered.items.delete(e);
+        const o = A();
+        x(4, () => {
+          H(), o?.getAttribute("id") === e && z(), E.emit();
+        });
+      }),
+      // Track group lifecycle (mount, unmount)
+      group: (e) => (i.current.has(e) || i.current.set(e, /* @__PURE__ */ new Set()), () => {
+        a.current.delete(e), i.current.delete(e);
+      }),
+      filter: () => !!s.current.shouldFilter,
+      label: v || t["aria-label"] || "",
+      getDisablePointerSelection: () => !!s.current.disablePointerSelection,
+      listId: U,
+      inputId: b,
+      labelId: $,
+      listInnerRef: R
+    }),
+    []
+  );
+  function re(e, l) {
+    const o = s.current?.filter ?? _e;
+    return e ? o?.(e, h.current.search, l) : 0;
+  }
+  function q() {
+    if (!h.current.search || // Explicitly false, because true | undefined is the default
+    s.current.shouldFilter === !1)
+      return;
+    const e = h.current.filtered.items, l = [];
+    h.current.filtered.groups.forEach((u) => {
+      const m = i.current.get(u);
+      let p = 0;
+      m.forEach((Q) => {
+        const be = e.get(Q);
+        p = Math.max(be, p);
+      }), l.push([u, p]);
+    });
+    const o = R.current;
+    T().sort((u, m) => {
+      const p = u.getAttribute("id"), Q = m.getAttribute("id");
+      return (e.get(Q) ?? 0) - (e.get(p) ?? 0);
+    }).forEach((u) => {
+      const m = u.closest(X);
+      if (m) {
+        const p = u.parentElement === m ? u : u.closest(`${X} > *`);
+        p && m.appendChild(p);
+      } else {
+        const p = u.parentElement === o ? u : u.closest(`${X} > *`);
+        p && o?.appendChild(p);
+      }
+    }), l.sort((u, m) => m[1] - u[1]).forEach((u) => {
+      const m = R.current?.querySelector(
+        `${D}[${M}="${encodeURIComponent(u[0])}"]`
+      );
+      m?.parentElement?.appendChild(m);
+    });
+  }
+  function z() {
+    const l = T().find(
+      (o) => o.getAttribute("aria-disabled") !== "true" && o.getAttribute("data-value") !== xe
+    )?.getAttribute(M);
+    E.setState("value", l || void 0);
+  }
+  function H() {
+    if (!h.current.search || // Explicitly false, because true | undefined is the default
+    s.current.shouldFilter === !1) {
+      h.current.filtered.count = r.current.size;
+      return;
+    }
+    h.current.filtered.groups = /* @__PURE__ */ new Set();
+    let e = 0;
+    for (const l of r.current) {
+      const o = a.current.get(l)?.value ?? "", u = a.current.get(l)?.keywords ?? [], m = re(o, u);
+      h.current.filtered.items.set(l, m), m > 0 && e++;
+    }
+    for (const [l, o] of i.current)
+      for (const u of o) {
+        const m = h.current.filtered.items.get(u);
+        if (m && m > 0) {
+          h.current.filtered.groups.add(l);
+          break;
+        }
+      }
+    h.current.filtered.count = e;
+  }
+  function ne() {
+    const e = A();
+    e && (e.parentElement?.firstChild === e && e.closest(D)?.querySelector(Ae)?.scrollIntoView({ block: "nearest" }), e.scrollIntoView({ block: "nearest" }));
+  }
+  function A() {
+    return R.current?.querySelector(`${ae}[aria-selected="true"]`);
+  }
+  function T() {
+    return Array.from(R.current?.querySelectorAll(ue) || []);
+  }
+  function W(e) {
+    const o = T()[e];
+    o && E.setState("value", o.getAttribute(M));
+  }
+  function J(e) {
+    const l = A(), o = T(), u = o.findIndex((p) => p === l);
+    let m = o[u + e];
+    s.current?.loop && (m = u + e < 0 ? o[o.length - 1] : u + e === o.length ? o[0] : o[u + e]), m && E.setState("value", m.getAttribute(M));
+  }
+  function oe(e) {
+    let o = A()?.closest(D), u;
+    for (; o && !u; )
+      o = e > 0 ? Ge(o, D) : Ke(o, D), u = o?.querySelector(ue);
+    u ? E.setState("value", u.getAttribute(M)) : J(e);
+  }
+  const ce = () => W(T().length - 1), se = (e) => {
+    e.preventDefault(), e.metaKey ? ce() : e.altKey ? oe(1) : J(1);
+  }, ie = (e) => {
+    e.preventDefault(), e.metaKey ? W(0) : e.altKey ? oe(-1) : J(-1);
+  };
+  return /* @__PURE__ */ Z(
+    k.div,
+    {
+      ref: n,
+      tabIndex: -1,
+      ...N,
+      "cmdk-root": "",
+      onKeyDown: (e) => {
+        if (N.onKeyDown?.(e), !e.defaultPrevented)
+          switch (e.key) {
+            case "n":
+            case "j": {
+              B && e.ctrlKey && se(e);
+              break;
+            }
+            case "ArrowDown": {
+              se(e);
+              break;
+            }
+            case "p":
+            case "k": {
+              B && e.ctrlKey && ie(e);
+              break;
+            }
+            case "ArrowUp": {
+              ie(e);
+              break;
+            }
+            case "Home": {
+              e.preventDefault(), W(0);
+              break;
+            }
+            case "End": {
+              e.preventDefault(), ce();
+              break;
+            }
+            case "Enter":
+              if (!e.nativeEvent.isComposing && e.keyCode !== 229) {
+                e.preventDefault();
+                const l = A();
+                if (l) {
+                  const o = new Event(Y);
+                  l.dispatchEvent(o);
+                }
+              }
+          }
+      },
+      style: {
+        display: "contents"
+      },
+      children: [
+        /* @__PURE__ */ g(
+          "label",
+          {
+            "cmdk-label": "",
+            htmlFor: j.inputId,
+            id: j.labelId,
+            style: Ue,
+            children: v
+          }
+        ),
+        K(t, (e) => /* @__PURE__ */ g(fe.Provider, { value: E, children: /* @__PURE__ */ g(de.Provider, { value: j, children: e }) }))
+      ]
+    }
+  );
+}), Le = c.forwardRef((t, n) => {
+  const { id: r } = t, i = c.useRef(null), a = c.useContext(me), f = G(), s = he(t), v = s.current?.forceMount ?? a?.forceMount;
+  _(() => {
+    if (!v)
+      return f.item(r, a?.id);
+  }, [v]);
+  const d = ge(r, i, [t.value, t.children, i], t.keywords), S = ee(), C = V((b) => b.value && b.value === d.current), y = V(
+    (b) => v || f.filter() === !1 ? !0 : b.search ? b.filtered.items.get(r) > 0 : !0
+  );
+  c.useEffect(() => {
+    const b = i.current;
+    if (!b || t.disabled) return;
+    const R = () => I("keyboard");
+    return b.addEventListener(Y, R), () => b.removeEventListener(Y, R);
+  }, [y, t.onSelect, t.disabled]);
+  const w = le(() => {
+    S.setState("value", d.current, !0);
+  }, [S, d]), I = le(
+    (b = "click") => {
+      w(), s.current.onSelect?.({ value: d.current, trigger: b });
+    },
+    [w, s, d]
+  );
+  if (!y) return null;
+  const { disabled: L, value: B, onSelect: te, forceMount: N, keywords: h, ...U } = t, $ = ye(() => O([i, n]), [i, n]);
+  return /* @__PURE__ */ g(
+    k.div,
+    {
+      ref: $,
+      ...U,
+      id: r,
+      "cmdk-item": "",
+      role: "option",
+      "aria-disabled": !!L,
+      "aria-selected": !!C,
+      "data-disabled": !!L,
+      "data-selected": !!C,
+      onPointerMove: L || f.getDisablePointerSelection() ? void 0 : w,
+      onClick: L ? void 0 : I,
+      onFocus: L ? void 0 : w,
+      children: t.children
+    }
+  );
+}), Me = c.forwardRef((t, n) => {
+  const { heading: r, children: i, forceMount: a, ...f } = t, s = F(), v = c.useRef(null), d = c.useRef(null), S = F(), C = G(), y = V(
+    (I) => a || C.filter() === !1 ? !0 : I.search ? I.filtered.groups.has(s) : !0
+  );
+  _(() => C.group(s), []), ge(s, v, [t.value, t.heading, d]);
+  const w = c.useMemo(() => ({ id: s, forceMount: a }), [a]);
+  return /* @__PURE__ */ Z(
+    k.div,
+    {
+      ref: O([v, n]),
+      ...f,
+      "cmdk-group": "",
+      role: "presentation",
+      hidden: y ? void 0 : !0,
+      children: [
+        r && /* @__PURE__ */ g("div", { ref: d, "cmdk-group-heading": "", "aria-hidden": !0, id: S, children: r }),
+        K(t, (I) => (
+          // biome-ignore lint/a11y/useSemanticElements: <explanation>
+          /* @__PURE__ */ g("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": r ? S : void 0, children: /* @__PURE__ */ g(me.Provider, { value: w, children: I }) })
+        ))
+      ]
+    }
+  );
+}), Pe = c.forwardRef((t, n) => {
+  const { alwaysRender: r, ...i } = t, a = c.useRef(null), f = V((s) => !s.search);
+  return !r && !f ? null : /* @__PURE__ */ g(
+    k.div,
+    {
+      ref: O([a, n]),
+      ...i,
+      "cmdk-separator": "",
+      role: "separator"
+    }
+  );
+}), Ve = c.forwardRef((t, n) => {
+  const { onValueChange: r, ...i } = t, a = t.value != null, f = ee(), s = V((d) => d.search), v = G();
+  return c.useEffect(() => {
+    t.value != null && f.setState("search", t.value);
+  }, [t.value]), /* @__PURE__ */ g(
+    k.input,
+    {
+      ref: n,
+      ...i,
+      "cmdk-input": "",
+      autoComplete: "off",
+      autoCorrect: "off",
+      spellCheck: !1,
+      "aria-autocomplete": "list",
+      role: "combobox",
+      "aria-expanded": !0,
+      "aria-controls": v.listId,
+      "aria-labelledby": v.labelId,
+      id: v.inputId,
+      type: "text",
+      value: a ? t.value : s,
+      onChange: (d) => {
+        a || f.setState("search", d.target.value), r?.(d.target.value);
+      }
+    }
+  );
+}), Te = c.forwardRef((t, n) => {
+  const { children: r, label: i = "Suggestions", ...a } = t, f = c.useRef(null), s = c.useRef(null), v = G();
+  return c.useEffect(() => {
+    if (s.current && f.current) {
+      const d = s.current, S = f.current;
+      let C;
+      const y = new ResizeObserver(() => {
+        C = requestAnimationFrame(() => {
+          const w = d.offsetHeight;
+          S.style.setProperty("--cmdk-list-height", w.toFixed(1) + "px");
+        });
+      });
+      return y.observe(d), () => {
+        cancelAnimationFrame(C), y.unobserve(d);
+      };
+    }
+  }, []), /* @__PURE__ */ g(
+    k.div,
+    {
+      ref: O([f, n]),
+      ...a,
+      "cmdk-list": "",
+      tabIndex: -1,
+      "aria-label": i,
+      id: v.listId,
+      children: K(t, (d) => /* @__PURE__ */ g("div", { ref: O([s, v.listInnerRef]), "cmdk-list-sizer": "", children: d }))
+    }
+  );
+}), De = c.forwardRef((t, n) => {
+  const { open: r, onOpenChange: i, overlayClassName: a, contentClassName: f, container: s, ...v } = t;
+  return /* @__PURE__ */ g(Se, { open: r, onOpenChange: i, children: /* @__PURE__ */ Z(Ee, { container: s, children: [
+    /* @__PURE__ */ g(Ce, { "cmdk-overlay": "", className: a }),
+    /* @__PURE__ */ g(we, { "aria-label": t.label, "cmdk-dialog": "", className: f, children: /* @__PURE__ */ g(ve, { ref: n, ...v }) })
+  ] }) });
+}), Fe = c.forwardRef((t, n) => V((i) => i.filtered.count === 0) ? /* @__PURE__ */ g(k.div, { ref: n, ...t, "cmdk-empty": "", role: "presentation" }) : null), Oe = c.forwardRef((t, n) => {
+  const { progress: r, children: i, label: a = "Loading...", ...f } = t;
+  return /* @__PURE__ */ g(
+    k.div,
+    {
+      ref: n,
+      ...f,
+      "cmdk-loading": "",
+      role: "progressbar",
+      "aria-valuenow": r,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-label": a,
+      children: K(t, (s) => /* @__PURE__ */ g("div", { "aria-hidden": !0, children: s }))
+    }
+  );
+});
+Object.assign(ve, {
+  List: Te,
+  Item: Le,
+  Input: Ve,
+  Group: Me,
+  Separator: Pe,
+  Dialog: De,
+  Empty: Fe,
+  Loading: Oe
+});
+function Ge(t, n) {
+  let r = t.nextElementSibling;
+  for (; r; ) {
+    if (r.matches(n)) return r;
+    r = r.nextElementSibling;
+  }
+}
+function Ke(t, n) {
+  let r = t.previousElementSibling;
+  for (; r; ) {
+    if (r.matches(n)) return r;
+    r = r.previousElementSibling;
+  }
+}
+function he(t) {
+  const n = c.useRef(t);
+  return _(() => {
+    n.current = t;
+  }), n;
+}
+const _ = typeof window > "u" ? c.useEffect : c.useLayoutEffect;
+function P(t) {
+  const n = c.useRef(void 0);
+  return n.current === void 0 && (n.current = t()), n;
+}
+function O(t) {
+  return (n) => {
+    t.forEach((r) => {
+      typeof r == "function" ? r(n) : r != null && (r.current = n);
+    });
+  };
+}
+function V(t) {
+  const n = ee(), r = () => t(n.snapshot());
+  return Re.useSyncExternalStore(n.subscribe, r, r);
+}
+function ge(t, n, r, i = []) {
+  const a = c.useRef(void 0), f = G();
+  return _(() => {
+    const s = (() => {
+      for (const d of r) {
+        if (typeof d == "string")
+          return d.trim();
+        if (typeof d == "object" && "current" in d)
+          return d.current ? d.current.textContent?.trim() : a.current;
+      }
+    })(), v = i.map((d) => d.trim());
+    f.value(t, s, v), n.current?.setAttribute(M, s), a.current = s;
+  }), a;
+}
+const Be = () => {
+  const [t, n] = c.useState(), r = P(() => /* @__PURE__ */ new Map());
+  return _(() => {
+    r.current.forEach((i) => i()), r.current = /* @__PURE__ */ new Map();
+  }, [t]), (i, a) => {
+    r.current.set(i, a), n({});
+  };
+};
+function Ne(t) {
+  const n = t.type;
+  return typeof n == "function" ? n(t.props) : "render" in n ? n.render(t.props) : t;
+}
+function K({ asChild: t, children: n }, r) {
+  return t && c.isValidElement(n) ? c.cloneElement(
+    Ne(n),
+    { ref: n.ref },
+    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+    r(n.props.children)
+  ) : r(n);
+}
+const Ue = {
+  position: "absolute",
+  width: "1px",
+  height: "1px",
+  padding: "0",
+  margin: "-1px",
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  borderWidth: "0"
+};
+export {
+  De as CommandDialog,
+  Fe as CommandEmpty,
+  Ve as CommandInput,
+  Le as CommandItem,
+  Te as CommandList,
+  Oe as CommandLoading,
+  ve as CommandRoot,
+  Pe as CommandSeparator,
+  _e as defaultFilter,
+  V as useCommandState,
+  ee as useCommandStore
+};

package/dist/packages/primitives/src/atoms/shadow/context.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("react"),t=e.createContext(void 0),o=()=>e.useContext(t);exports.ShadowContext=t;exports.useShadow=o;

package/dist/packages/primitives/src/atoms/shadow/context.js

@@ -0,0 +1,8 @@
+"use client";
+import "react/jsx-runtime";
+import { useContext as t, createContext as o } from "react";
+const e = o(void 0), s = () => t(e);
+export {
+  e as ShadowContext,
+  s as useShadow
+};

package/dist/packages/primitives/src/constants/search.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="__ask_ai__";exports.ASK_AI_TRIGGER_VALUE=_;

package/dist/packages/primitives/src/constants/search.js

@@ -0,0 +1,5 @@
+"use client";
+const _ = "__ask_ai__";
+export {
+  _ as ASK_AI_TRIGGER_VALUE
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-react",
-  "version": "0.5.37",
+  "version": "0.5.38",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -21,7 +21,7 @@
   "sideEffects": false,
   "dependencies": {
     "@radix-ui/react-use-controllable-state": "^1.1.0",
-    "@inkeep/cxkit-styled": "0.5.37"
+    "@inkeep/cxkit-styled": "0.5.38"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -44,8 +44,8 @@
     "typescript": "5.7.3",
     "vite": "5.4.11",
     "vite-plugin-dts": "4.4.0",
-    "@inkeep/cxkit-color-mode": "0.5.37",
-    "@inkeep/cxkit-types": "0.5.37"
+    "@inkeep/cxkit-color-mode": "0.5.38",
+    "@inkeep/cxkit-types": "0.5.38"
   },
   "module": "dist/index.js",
   "types": "dist/index.d.ts",