@inkeep/agents-ui 0.0.0-dev-20260313222128

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

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

package/dist/primitives/atoms/codeblock/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("prism-react-renderer"),f=require("../../../color-mode/index.cjs"),S=require("../../hooks/use-copy-to-clipboard.cjs"),v=require("../../providers/config-provider.cjs"),B=require("../../utils/misc.cjs"),I=require("../icons/custom-icon.cjs"),o=require("../markdown/components.cjs"),L=t.themes.oneLight,R=t.themes.vsDark,D=({className:d="",children:l,onCopy:a})=>{const c=d.replace(/^language-/,""),r=String(l).replace(/\n$/,""),[i,h]=S.useCopyToClipboard(),{baseSettings:n}=v.useInkeepConfig(),g=n.theme?.syntaxHighlighter,{lightTheme:p=L,darkTheme:u=R}=g??{},C=f.useColorModeValue(p,u),m=()=>{h(r),a?.(c,r)};return e.jsxs(o.CodeblockContainer,{children:[e.jsxs(o.CodeblockHeader,{children:[e.jsx(o.CodeblockHeaderLanguage,{children:c}),e.jsx(o.CodeblockCopyButton,{"aria-label":"Copy to clipboard",onClick:m,"data-copied":B.dataAttr(i),children:e.jsx(I.CustomIcon,{iconKey:i?"codeCopied":"codeCopy"})})]}),e.jsx(o.CodeblockHighlighterWrapper,{children:e.jsx(t.Highlight,{theme:C,code:r,language:c,prism:n.prism,children:({className:k,tokens:b,getLineProps:x,getTokenProps:j,style:y})=>e.jsx(o.CodeblockHighlighter,{className:k,children:e.jsx(o.CodeblockCode,{style:y,children:b.map((s,q)=>e.jsx("div",{...x({line:s}),children:s.map((T,H)=>e.jsx("span",{...j({token:T})},H))},q))})})})})]})};exports.CodeBlock=D;

package/dist/primitives/atoms/codeblock/index.d.ts

@@ -0,0 +1,10 @@
+export interface CodeProps {
+    className?: string;
+    children: string;
+    /**
+     * Callback when the code is copied.
+     * Receives the current language and code that's copied.
+     */
+    onCopy?: (language: string, code: string) => void;
+}
+export declare const CodeBlock: ({ className, children, onCopy }: CodeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/primitives/atoms/codeblock/index.js

@@ -0,0 +1,40 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { themes as l, Highlight as L } from "prism-react-renderer";
+import { useColorModeValue as S } from "../../../color-mode/index.js";
+import { useCopyToClipboard as j } from "../../hooks/use-copy-to-clipboard.js";
+import { useInkeepConfig as v } from "../../providers/config-provider.js";
+import { dataAttr as B } from "../../utils/misc.js";
+import { CustomIcon as D } from "../icons/custom-icon.js";
+import { CodeblockContainer as I, CodeblockHeader as N, CodeblockHeaderLanguage as A, CodeblockCopyButton as K, CodeblockHighlighterWrapper as M, CodeblockHighlighter as V, CodeblockCode as W } from "../markdown/components.js";
+const $ = l.oneLight, q = l.vsDark, R = ({ className: a = "", children: d, onCopy: h }) => {
+  const o = a.replace(/^language-/, ""), r = String(d).replace(/\n$/, ""), [t, p] = j(), { baseSettings: i } = v(), m = i.theme?.syntaxHighlighter, { lightTheme: s = $, darkTheme: g = q } = m ?? {}, C = S(s, g);
+  return /* @__PURE__ */ n(I, { children: [
+    /* @__PURE__ */ n(N, { children: [
+      /* @__PURE__ */ e(A, { children: o }),
+      /* @__PURE__ */ e(
+        K,
+        {
+          "aria-label": "Copy to clipboard",
+          onClick: () => {
+            p(r), h?.(o, r);
+          },
+          "data-copied": B(t),
+          children: /* @__PURE__ */ e(D, { iconKey: t ? "codeCopied" : "codeCopy" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
+      L,
+      {
+        theme: C,
+        code: r,
+        language: o,
+        prism: i.prism,
+        children: ({ className: k, tokens: u, getLineProps: b, getTokenProps: f, style: y }) => /* @__PURE__ */ e(V, { className: k, children: /* @__PURE__ */ e(W, { style: y, children: u.map((c, H) => /* @__PURE__ */ e("div", { ...b({ line: c }), children: c.map((T, x) => /* @__PURE__ */ e("span", { ...f({ token: T }) }, x)) }, H)) }) })
+      }
+    ) })
+  ] });
+};
+export {
+  R as CodeBlock
+};

package/dist/primitives/atoms/combobox.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),U=require("@zag-js/combobox"),I=require("@zag-js/react"),P=require("react"),v=require("./icons/built-in-icon-renderer.cjs"),W=require("./shadow/context.cjs");function R(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const x=R(U),s=R(P),y=s.forwardRef((o,t)=>{const{children:e,defaultValue:n=[],items:a,multiple:c=!1,placeholder:b,name:m,disabled:M,required:B,id:D,onValueChange:z}=o,A=P.useId(),F=D??A,H=W.useShadow(),[u,g]=s.useState(a),$=s.useMemo(()=>x.collection({items:u,itemToValue:d=>d.value,itemToString:d=>d.label}),[u]),G=I.useMachine(x.machine,{id:F,collection:$,defaultValue:n,multiple:c,placeholder:b,name:m,disabled:M,required:B,openOnClick:!0,getRootNode:()=>H?.shadowHost?.shadowRoot??document,selectionBehavior:c?"clear":"replace",onOpenChange(d){d.open||g(a)},onInputValueChange(d){const h=d.inputValue.trim()===""?a:a.filter(Q=>Q.label.toLowerCase().includes(d.inputValue.toLowerCase()));g(h.length>0?h:[])},onValueChange(d){z?.(d)}}),p=x.connect(G,I.normalizeProps),J=s.useMemo(()=>({api:p,options:u}),[p,u]),K=p.getRootProps();return r.jsx("div",{"data-scope":"combobox","data-part":"root",...K,children:r.jsx(f.Provider,{value:J,children:e})})});y.displayName="ComboboxRoot";const j=s.forwardRef((o,t)=>{const{children:e,...n}=o,a=i(),c=a.getControlProps();return r.jsx("div",{"data-scope":"combobox","data-part":"control","data-state":a.open?"open":"closed","data-disabled":a.disabled?"":void 0,"data-focus":a.focused?"":void 0,...c,ref:l(t,c.ref),...n,children:e})});j.displayName="ComboboxControl";function l(...o){return t=>{o.forEach(e=>{typeof e=="function"?e(t):e&&(e.current=t)})}}const w=s.forwardRef((o,t)=>{const e=i(),n=e.getInputProps();return r.jsx("input",{"data-scope":"combobox","data-part":"input","data-state":e.open?"open":"closed",...n,...o,ref:l(t,n.ref)})});w.displayName="ComboboxInput";const T=s.forwardRef((o,t)=>{const e=i(),n=e.getTriggerProps();return r.jsx("button",{type:"button","data-scope":"combobox","data-part":"trigger","data-state":e.open?"open":"closed","data-disabled":e.disabled?"":void 0,...n,ref:l(t,n.ref),...o,children:o.children??"▼"})});T.displayName="ComboboxTrigger";const X=s.forwardRef(function(t,e){const n=i();return r.jsx("div",{ref:e,...n.getPositionerProps(),...t})}),N=s.forwardRef((o,t)=>{const e=i(),n=e.getContentProps();return r.jsx("div",{"data-scope":"combobox","data-part":"content","data-state":e.open?"open":"closed",...n,ref:l(t,n.ref),...o,children:o.children})});N.displayName="ComboboxContent";const S=s.forwardRef((o,t)=>{const n=i().getListProps();return r.jsx("div",{ref:l(t,n.ref),"data-scope":"combobox","data-part":"list",...n,...o,children:o.children})});S.displayName="ComboboxList";const L=({children:o})=>{const t=E();return r.jsx(r.Fragment,{children:o(t)})};L.displayName="ComboboxListItems";const O=s.forwardRef((o,t)=>{const{children:e="No results found",...n}=o;return r.jsx("div",{ref:t,"data-scope":"combobox","data-part":"list-empty",...n,children:e})});O.displayName="ComboboxListEmpty";const C=s.createContext(null),V=s.forwardRef((o,t)=>{const{item:e,...n}=o,a=i(),c=a.getItemState({item:e}),b=a.getItemProps({item:e});return r.jsx(C.Provider,{value:e,children:r.jsx("div",{ref:l(t,b.ref),"data-scope":"combobox","data-part":"item","data-value":e.value,"data-highlighted":c.highlighted?"":void 0,"data-state":c.selected?"checked":"unchecked","data-disabled":c.disabled?"":void 0,...b,...n,children:o.children})})});V.displayName="ComboboxItem";const k=s.forwardRef((o,t)=>{const e=s.useContext(C),n=i(),a=e?n.getItemTextProps({item:e}):{};return r.jsx("span",{ref:l(t,a.ref),"data-scope":"combobox","data-part":"item-text",...a,...o})});k.displayName="ComboboxItemText";const q=s.forwardRef((o,t)=>{const{children:e,...n}=o,a=s.useContext(C),c=i(),b=a?c.getItemState({item:a}):{selected:!1},m=a?c.getItemIndicatorProps({item:a}):{};return b.selected?r.jsx("span",{ref:l(t,m.ref),"data-scope":"combobox","data-part":"item-indicator","data-state":"checked","aria-hidden":!0,...m,...n,children:e??r.jsx(v.BuiltInIconRenderer,{iconSettings:{builtIn:"LuCheck"}})}):null});q.displayName="ComboboxItemIndicator";const f=s.createContext(null);function i(){const o=s.useContext(f);if(!o)throw new Error("Combobox components must be used within ComboboxRoot");return o.api}function E(){const o=s.useContext(f);if(!o)throw new Error("Combobox components must be used within ComboboxRoot");return o.options}const _=s.forwardRef((o,t)=>{const e=i(),n=e.selectedItems??[],a=e.clearValue;return n.length===0?null:r.jsx("div",{ref:t,"data-scope":"combobox","data-part":"selected-tags",className:o.className,style:o.style,children:n.map(c=>r.jsxs("span",{"data-scope":"combobox","data-part":"tag",children:[o.renderTag?o.renderTag(c):c.label,r.jsx("button",{type:"button","data-part":"tag-clear","aria-label":`Remove ${c.label}`,onClick:b=>{b.preventDefault(),b.stopPropagation(),a?.(c.value)},children:r.jsx(v.BuiltInIconRenderer,{iconSettings:{builtIn:"IoCloseOutline"}})})]},c.value))})});_.displayName="ComboboxSelectedTags";exports.ComboboxContent=N;exports.ComboboxControl=j;exports.ComboboxInput=w;exports.ComboboxItem=V;exports.ComboboxItemIndicator=q;exports.ComboboxItemText=k;exports.ComboboxList=S;exports.ComboboxListEmpty=O;exports.ComboboxListItems=L;exports.ComboboxPositioner=X;exports.ComboboxRoot=y;exports.ComboboxSelectedTags=_;exports.ComboboxTrigger=T;exports.useComboboxApi=i;exports.useComboboxOptions=E;