@inkeep/agents-ui 0.1.0 → 0.14.8

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.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/custom-styles.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("react"),i=require("../utils/generate-uid.cjs"),k=require("../providers/config-provider.cjs"),h=require("dequal");function p(){const{baseSettings:n}=k.useInkeepConfig(),[s,d]=o.useState([]),r=c(n.theme.styles),{customStyles:y,linksCount:a}=o.useMemo(()=>{if(!r||!Array.isArray(r))return{customStyles:null,loaded:!0};const{links:l,styleSheets:m}=r.reduce((e,t)=>(t.type==="link"?e.links.push(t):t.type==="style"&&e.styleSheets.push(t),e),{links:[],styleSheets:[]}),S=m.map(e=>u.jsx("style",{type:"text/css",dangerouslySetInnerHTML:{__html:e.value}},e.key??i.generatePrefixedUniqueId("link_"))),f=l.map(e=>{const t=e.key??i.generatePrefixedUniqueId("stylesheet_");return u.jsx("link",{id:t,rel:"stylesheet",type:"text/css",href:e.value,onLoad:()=>{d(g=>[...new Set([...g,e.value])])}},t)});return{customStyles:u.jsxs(u.Fragment,{children:[f,S]}),linksCount:l.length}},[r]);return{customStyles:y,loaded:s.length>=(a??0)}}function c(n){const s=o.useRef(void 0);return h.dequal(s.current,n)||(s.current=n),s.current}exports.useCompareMemoize=c;exports.useCustomStyles=p;

package/dist/primitives/atoms/custom-styles.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as l, jsxs as p, Fragment as k } from "react/jsx-runtime";
+import { useState as h, useMemo as S, useRef as g } from "react";
+import { generatePrefixedUniqueId as u } from "../utils/generate-uid.js";
+import { useInkeepConfig as x } from "../providers/config-provider.js";
+import { dequal as L } from "dequal";
+function A() {
+  const { baseSettings: n } = x(), [s, i] = h([]), r = C(n.theme.styles), { customStyles: y, linksCount: c } = S(() => {
+    if (!r || !Array.isArray(r)) return { customStyles: null, loaded: !0 };
+    const { links: o, styleSheets: d } = r.reduce(
+      (e, t) => (t.type === "link" ? e.links.push(t) : t.type === "style" && e.styleSheets.push(t), e),
+      { links: [], styleSheets: [] }
+    ), m = d.map((e) => /* @__PURE__ */ l(
+      "style",
+      {
+        type: "text/css",
+        dangerouslySetInnerHTML: { __html: e.value }
+      },
+      e.key ?? u("link_")
+    )), a = o.map((e) => {
+      const t = e.key ?? u("stylesheet_");
+      return /* @__PURE__ */ l(
+        "link",
+        {
+          id: t,
+          rel: "stylesheet",
+          type: "text/css",
+          href: e.value,
+          onLoad: () => {
+            i((f) => [.../* @__PURE__ */ new Set([...f, e.value])]);
+          }
+        },
+        t
+      );
+    });
+    return {
+      customStyles: /* @__PURE__ */ p(k, { children: [
+        a,
+        m
+      ] }),
+      linksCount: o.length
+    };
+  }, [r]);
+  return {
+    customStyles: y,
+    loaded: s.length >= (c ?? 0)
+    // >= in case a url is removed
+  };
+}
+function C(n) {
+  const s = g(void 0);
+  return L(s.current, n) || (s.current = n), s.current;
+}
+export {
+  C as useCompareMemoize,
+  A as useCustomStyles
+};

package/dist/primitives/atoms/dialog.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),T=require("react"),p=require("@radix-ui/primitive"),P=require("@radix-ui/react-compose-refs"),H=require("@radix-ui/react-context"),C=require("@radix-ui/react-id"),z=require("@radix-ui/react-use-controllable-state"),B=require("@radix-ui/react-dismissable-layer"),K=require("@zag-js/focus-trap"),U=require("@radix-ui/react-portal"),_=require("@radix-ui/react-presence"),g=require("@radix-ui/react-primitive"),V=require("@radix-ui/react-focus-guards"),Y=require("react-remove-scroll"),Z=require("aria-hidden"),J=require("@radix-ui/react-slot");function Q(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=Q(T),x="Dialog",[N,W]=H.createContextScope(x),[X,l]=N(x),O=e=>{const{__scopeDialog:n,children:t,open:s,defaultOpen:o,onOpenChange:r,modal:a=!0}=e,u=c.useRef(null),f=c.useRef(null),[R=!1,m]=z.useControllableState({prop:s,defaultProp:o??!1,onChange:r});return i.jsx(X,{scope:n,triggerRef:u,contentRef:f,contentId:C.useId(),titleId:C.useId(),descriptionId:C.useId(),open:R,onOpenChange:m,onOpenToggle:c.useCallback(()=>m(G=>!G),[m]),modal:a,children:t})};O.displayName=x;const M="DialogTrigger",S=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(M,t),r=P.useComposedRefs(n,o.triggerRef);return i.jsx(g.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":j(o.open),...s,ref:r,onClick:p.composeEventHandlers(e.onClick,o.onOpenToggle)})});S.displayName=M;const v="DialogPortal",[$,q]=N(v,{forceMount:void 0}),y=e=>{const{__scopeDialog:n,forceMount:t,children:s,container:o}=e,r=l(v,n);return i.jsx($,{scope:n,forceMount:t,children:c.Children.map(s,a=>i.jsx(_.Presence,{present:t||r.open,children:i.jsx(U.Portal,{asChild:!0,container:o,children:a})}))})};y.displayName=v;const D="DialogOverlay",E=c.forwardRef((e,n)=>{const t=q(D,e.__scopeDialog),{forceMount:s=t.forceMount,...o}=e,r=l(D,e.__scopeDialog);return r.modal?i.jsx(_.Presence,{present:s||r.open,children:i.jsx(ee,{...o,ref:n})}):null});E.displayName=D;const ee=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(D,t);return i.jsx(Y.RemoveScroll,{as:J.Slot,allowPinchZoom:!0,shards:[o.contentRef],gapMode:"padding",removeScrollBar:!0,children:i.jsx(g.Primitive.div,{"data-state":j(o.open),...s,ref:n,style:{pointerEvents:"auto",...s.style}})})}),d="DialogContent",b=c.forwardRef((e,n)=>{const t=q(d,e.__scopeDialog),{forceMount:s=t.forceMount,...o}=e,r=l(d,e.__scopeDialog);return i.jsx(_.Presence,{present:s||r.open,children:r.modal?i.jsx(te,{...o,ref:n}):i.jsx(oe,{...o,ref:n})})});b.displayName=d;const te=c.forwardRef((e,n)=>{const t=l(d,e.__scopeDialog),s=c.useRef(null),o=P.useComposedRefs(n,t.contentRef,s);return c.useEffect(()=>{const r=s.current;if(r)return Z.hideOthers(r)},[]),i.jsx(w,{...e,ref:o,trapFocus:t.open,disableOutsidePointerEvents:!0,onPointerDownOutside:p.composeEventHandlers(e.onPointerDownOutside,r=>{const a=r.detail.originalEvent,u=a.button===0&&a.ctrlKey===!0;(a.button===2||u)&&r.preventDefault()}),onFocusOutside:p.composeEventHandlers(e.onFocusOutside,r=>r.preventDefault())})}),oe=c.forwardRef((e,n)=>{const t=l(d,e.__scopeDialog),s=c.useRef(!1),o=c.useRef(!1);return i.jsx(w,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onInteractOutside:r=>{e.onInteractOutside?.(r),r.defaultPrevented||(s.current=!0,r.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const a=r.target;t.triggerRef.current?.contains(a)&&r.preventDefault(),r.detail.originalEvent.type==="focusin"&&o.current&&r.preventDefault()}})}),w=c.forwardRef((e,n)=>{const{__scopeDialog:t,trapFocus:s,onOpenAutoFocus:o,onCloseAutoFocus:r,...a}=e,u=l(d,t),f=c.useRef(null),R=P.useComposedRefs(n,f);return V.useFocusGuards(),T.useEffect(()=>{if(s)return K.trapFocus(f.current,{preventScroll:!0,onActivate:o,onDeactivate:r,initialFocus:!1})},[]),i.jsx(B.DismissableLayer,{role:"dialog",id:u.contentId,"aria-describedby":u.descriptionId,"aria-labelledby":u.titleId,"data-state":j(u.open),...a,ref:R,onDismiss:()=>u.onOpenChange(!1)})}),A="DialogTitle",h=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(A,t);return i.jsx(g.Primitive.h2,{id:o.titleId,...s,ref:n})});h.displayName=A;const F="DialogDescription",k=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(F,t);return i.jsx(g.Primitive.p,{id:o.descriptionId,...s,ref:n})});k.displayName=F;const L="DialogClose",I=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(L,t);return i.jsx(g.Primitive.button,{type:"button",...s,ref:n,onClick:p.composeEventHandlers(e.onClick,()=>o.onOpenChange(!1))})});I.displayName=L;function j(e){return e?"open":"closed"}const ne=O,re=y,se=E,ce=b,ie=h,ae=I;exports.Close=ae;exports.Content=ce;exports.Dialog=O;exports.DialogClose=I;exports.DialogContent=b;exports.DialogDescription=k;exports.DialogOverlay=E;exports.DialogPortal=y;exports.DialogTitle=h;exports.DialogTrigger=S;exports.Overlay=se;exports.Portal=re;exports.Root=ne;exports.Title=ie;exports.createDialogScope=W;