@pibit.ai/cure-design-system 0.6.53 → 0.6.54

package/dist/patterns/filter-group/nested-field-select.js

@@ -1,24 +1,25 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useState as H, useRef as st, useCallback as q, useMemo as T, useEffect as Bt } from "react";
-import { Check as Ot, ChevronDown as ot, Calendar as mt, Dataflow02 as pt, Variable as Et, Table as jt, Hash02 as Pt, Toggle01Left as At, List as _t, TypeSquare as $t, XClose as Kt } from "@untitledui/icons";
-import { today as Dt, getLocalTimeZone as zt, CalendarDate as Rt } from "@internationalized/date";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useState as G, useRef as se, useCallback as q, useMemo as T, useEffect as Be } from "react";
+import { Check as Oe, ChevronDown as oe, Calendar as me, Dataflow02 as pe, Variable as Ee, Table as je, Hash02 as Pe, Toggle01Left as Ae, List as _e, TypeSquare as $e, XClose as Ke } from "@untitledui/icons";
+import { today as ze, getLocalTimeZone as De, CalendarDate as Re } from "@internationalized/date";
 import { cx as l } from "../../utils/cn.js";
-import { documentFieldsToTreeData as Gt, filterTreeBySearch as Ht, getExpandedIdsForTree as lt, getExpandedIdsForSelectedField as It, TREE_CONFIG as Qt } from "./document-fields-to-tree.js";
-import { Button as J, DialogTrigger as Y, Popover as ct } from "react-aria-components";
-import { ControlledCalendarContextProvider as Ut, Calendar as Lt } from "../../applications/date-picker/calendar.js";
-import { createEllipsisContent as ft } from "../../primitives/tooltip/ellipsis-content.js";
-import Wt from "../../primitives/select/SearchInput.js";
-import { TreeView as Xt } from "../tree-view/tree-view.js";
-import { ButtonUtility as Zt } from "../../primitives/button/button-utility.js";
-import { Button as dt } from "../../primitives/button/button.js";
-function Jt(o) {
+import { documentFieldsToTreeData as Ie, filterTreeBySearch as Ge, getExpandedIdsForTree as le, getExpandedIdsForSelectedField as He, TREE_CONFIG as Qe } from "./document-fields-to-tree.js";
+import { Button as J, DialogTrigger as Y, Popover as ce } from "react-aria-components";
+import { ControlledCalendarContextProvider as Ue, Calendar as Le } from "../../applications/date-picker/calendar.js";
+import { createEllipsisContent as fe } from "../../primitives/tooltip/ellipsis-content.js";
+import { Icon as We } from "../../primitives/icon/icon.js";
+import Xe from "../../primitives/select/SearchInput.js";
+import { TreeView as Ze } from "../tree-view/tree-view.js";
+import { ButtonUtility as Je } from "../../primitives/button/button-utility.js";
+import { Button as de } from "../../primitives/button/button.js";
+function Ye(o) {
   if (!o || typeof o != "string") return null;
   const r = o.trim().match(/^(0?[1-9]|1[0-2])\/(0?[1-9]|[12]\d|3[01])\/(\d{1,4})$/);
   if (!r) return null;
-  const [, u, a, N] = r, h = parseInt(N, 10);
-  return new Rt(h, parseInt(u, 10), parseInt(a, 10));
+  const [, m, a, N] = r, x = parseInt(N, 10);
+  return new Re(x, parseInt(m, 10), parseInt(a, 10));
 }
-function Yt(o) {
+function Me(o) {
   return `${o.month}/${o.day}/${o.year}`;
 }
 const S = {
@@ -29,119 +30,119 @@ const S = {
   sm: "size-4",
   md: "size-5",
   lg: "size-6"
-}, ut = {
+}, ue = {
   sm: { button: "p-2 h-8 text-xs rounded-md", item: "py-2 px-2.5 text-sm", search: "py-2 px-3 text-sm" },
   md: { button: "py-2 px-3 h-9 text-sm rounded-md", item: "py-2.5 px-3 text-md", search: "py-2.5 px-3.5 text-md" },
   lg: { button: "py-2.5 px-3.5 h-11 text-md rounded-lg", item: "py-3 px-4 text-lg", search: "py-3 px-4 text-lg" }
 };
-function ht(o, r, u = []) {
+function he(o, r, m = []) {
   if (r.length === 0) return null;
   for (let a = 1; a <= r.length; a += 1) {
-    const N = r.slice(0, a).join("."), h = o.find((f) => f.key === N);
-    if (!h) continue;
+    const N = r.slice(0, a).join("."), x = o.find((f) => f.key === N);
+    if (!x) continue;
     const d = r.slice(a);
-    if (d.length === 0) return { field: h, ancestorLabels: u };
-    if (h.children) {
-      const f = ht(h.children, d, [...u, h.label]);
+    if (d.length === 0) return { field: x, ancestorLabels: m };
+    if (x.children) {
+      const f = he(x.children, d, [...m, x.label]);
       if (f) return f;
     }
   }
   return null;
 }
-function Mt({ type: o }) {
+function Ce({ type: o }) {
   const r = (o || "").toLowerCase();
-  return r === "formula" ? /* @__PURE__ */ e(Et, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : r === "document" ? /* @__PURE__ */ e(jt, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : r === "date" ? /* @__PURE__ */ e(mt, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : r === "number" || r === "integer" ? /* @__PURE__ */ e(Pt, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : r === "boolean" ? /* @__PURE__ */ e(At, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : r === "object" ? /* @__PURE__ */ e(pt, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : r === "list" ? /* @__PURE__ */ e(_t, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : /* @__PURE__ */ e($t, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 });
+  return r === "formula" ? /* @__PURE__ */ t(Ee, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : r === "document" ? /* @__PURE__ */ t(je, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : r === "date" ? /* @__PURE__ */ t(me, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : r === "number" || r === "integer" ? /* @__PURE__ */ t(Pe, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : r === "boolean" ? /* @__PURE__ */ t(Ae, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : r === "object" ? /* @__PURE__ */ t(pe, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : r === "list" ? /* @__PURE__ */ t(_e, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : /* @__PURE__ */ t($e, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 });
 }
-const de = ({
+const mt = ({
   documentFields: o,
   selectedFieldId: r,
-  onFieldSelect: u,
+  onFieldSelect: m,
   size: a = "sm",
   placeholder: N = "Select",
-  className: h,
+  className: x,
   allowCustomValue: d = !1,
   customValue: f = "",
-  onCustomValueChange: m,
+  onCustomValueChange: p,
   valueMode: B = "static",
-  valueDataType: xt,
+  valueDataType: xe,
   onValueModeChange: P,
   canSelectNode: b,
   resolveSelectedLabel: A,
   isInvalid: M = !1,
-  isClearable: yt = !1,
+  isClearable: ye = !1,
   expandAllByDefault: C = !1,
   openOnClear: F = !1,
-  onClear: I,
+  onClear: H,
   isDisabled: i = !1
 }) => {
-  const [y, v] = H(!1), [O, Q] = H(""), [U, L] = H(null), [V, tt] = H(!1), _ = st(null), et = st(null), x = d && B === "field", W = d && B === "static" && xt === "date", gt = q(() => {
+  const [g, v] = G(!1), [O, Q] = G(""), [U, L] = G(null), [V, ee] = G(!1), _ = se(null), te = se(null), y = d && B === "field", W = d && B === "static" && xe === "date", ge = q(() => {
     i || (v(B === "static"), P == null || P(B === "field" ? "static" : "field"));
   }, [i, B, P, v]), X = T(() => {
     if (!r) return null;
-    const t = A == null ? void 0 : A(r);
-    if (t) return t;
+    const e = A == null ? void 0 : A(r);
+    if (e) return e;
     const n = o[r];
     if (n) return n.label;
     const s = r.split(".");
-    let g = null, E = 0;
-    for (let G = 1; G <= s.length; G += 1) {
-      const it = s.slice(0, G).join(".");
-      o[it] && (g = it, E = G);
+    let u = null, E = 0;
+    for (let I = 1; I <= s.length; I += 1) {
+      const ie = s.slice(0, I).join(".");
+      o[ie] && (u = ie, E = I);
     }
-    if (!g) return r;
-    const R = o[g];
+    if (!u) return r;
+    const R = o[u];
     if (!R) return r;
     if (E >= s.length) return R.label;
-    const Z = ht(R.fields, s.slice(E));
+    const Z = he(R.fields, s.slice(E));
     return Z ? [R.label, ...Z.ancestorLabels, Z.field.label].join(" > ") : r;
-  }, [r, o, A]), $ = T(() => Gt(o), [o]), K = T(() => Ht($, O), [$, O]), Nt = T(() => O.trim() ? lt(K) : C ? lt($) : It(r ?? ""), [O, K, C, $, r]), bt = q(
-    (t) => {
-      if (b && !b(t)) return;
-      const n = t.id, s = n.split(".");
+  }, [r, o, A]), $ = T(() => Ie(o), [o]), K = T(() => Ge($, O), [$, O]), Ne = T(() => O.trim() ? le(K) : C ? le($) : He(r ?? ""), [O, K, C, $, r]), be = q(
+    (e) => {
+      if (b && !b(e)) return;
+      const n = e.id, s = n.split(".");
       if (s.length < 1) return;
-      const g = s[0], E = s.length > 1 ? s.slice(1).join(".") : "";
-      u(n, g, E), v(!1), Q("");
+      const u = s[0], E = s.length > 1 ? s.slice(1).join(".") : "";
+      m(n, u, E), v(!1), Q("");
     },
-    [b, u]
+    [b, m]
   ), k = q(
-    (t) => {
-      i || (t && W && L(Jt(f) ?? Dt(zt())), v(t), t || Q(""));
+    (e) => {
+      i || (e && W && L(Ye(f) ?? ze(De())), v(e), e || Q(""));
     },
     [i, W, f]
   );
-  Bt(() => {
-    if (!y || !r || !_.current) return;
-    const t = _.current.querySelector(
+  Be(() => {
+    if (!g || !r || !_.current) return;
+    const e = _.current.querySelector(
       `[data-tree-node-id="${CSS.escape(r)}"]`
     );
-    if (!t) return;
+    if (!e) return;
     const n = requestAnimationFrame(() => {
       requestAnimationFrame(() => {
-        t.scrollIntoView({ block: "center", behavior: "auto" });
+        e.scrollIntoView({ block: "center", behavior: "auto" });
       });
     });
     return () => cancelAnimationFrame(n);
-  }, [y, r]);
-  const p = T(() => !d || x ? X || "" : f || "", [d, x, f, X]), rt = !!p, wt = T(() => !d || x ? !!r : !!(f != null && f.trim()), [d, x, r, f]), w = yt && wt && !i, vt = q(
-    (t) => {
-      t.preventDefault(), t.stopPropagation(), I ? I() : d ? x ? u("", "", "") : m == null || m("") : u("", "", ""), F && k(!0);
+  }, [g, r]);
+  const h = T(() => !d || y ? X || "" : f || "", [d, y, f, X]), re = !!h, we = T(() => !d || y ? !!r : !!(f != null && f.trim()), [d, y, r, f]), w = ye && we && !i, ve = q(
+    (e) => {
+      e.preventDefault(), e.stopPropagation(), H ? H() : d ? y ? m("", "", "") : p == null || p("") : m("", "", ""), F && k(!0);
     },
-    [I, d, x, u, m, F, k]
-  ), D = w ? /* @__PURE__ */ e(
-    Zt,
+    [H, d, y, m, p, F, k]
+  ), z = w ? /* @__PURE__ */ t(
+    Je,
     {
       color: "tertiary",
       size: "3xs",
-      icon: /* @__PURE__ */ e(Kt, { "aria-hidden": !0, className: j[a] }),
+      icon: /* @__PURE__ */ t(Ke, { "aria-hidden": !0, className: j[a] }),
       tabIndex: -1,
       "aria-label": "Clear selection",
-      onClick: vt,
+      onClick: ve,
       className: "focus-visible:outline-offset-0"
     }
-  ) : null, nt = "absolute right-7 top-1/2 z-10 -translate-y-1/2", z = q(
-    (t, n = rt) => ft(
-      t,
-      l("min-w-0 w-full", !t && "text-placeholder_subtle"),
+  ) : null, ne = "absolute right-7 top-1/2 z-10 -translate-y-1/2", D = q(
+    (e, n = re) => fe(
+      e,
+      l("min-w-0 w-full", !e && "text-placeholder_subtle"),
       !1,
       "start",
       void 0,
@@ -149,15 +150,22 @@ const de = ({
       l(n ? "text-primary font-medium" : "text-placeholder_subtle", S[a]),
       "z-[100001]"
     ),
-    [rt, N, a]
-  ), kt = q(
-    ({ node: t }) => {
-      var s;
-      const n = b ? b(t) : !0;
+    [re, N, a]
+  ), ke = q(
+    ({ node: e }) => {
+      var s, u;
+      const n = b ? b(e) : !0;
       return /* @__PURE__ */ c("span", { className: l("flex items-center gap-2 min-w-0", !n && "opacity-70"), children: [
-        (s = t.metadata) != null && s.icon ? /* @__PURE__ */ e(t.metadata.icon, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : /* @__PURE__ */ e(Mt, { type: t.type }),
-        /* @__PURE__ */ e("span", { className: l("min-w-0 flex-1", S[a]), children: ft(
-          t.label,
+        (s = e.metadata) != null && s.icon ? /* @__PURE__ */ t(e.metadata.icon, { className: "size-4 shrink-0 text-fg-quaternary", "aria-hidden": !0 }) : (u = e.metadata) != null && u.iconName ? /* @__PURE__ */ t(
+          We,
+          {
+            name: e.metadata.iconName,
+            size: 16,
+            className: "shrink-0 text-fg-quaternary"
+          }
+        ) : /* @__PURE__ */ t(Ce, { type: e.type }),
+        /* @__PURE__ */ t("span", { className: l("min-w-0 flex-1", S[a]), children: fe(
+          e.label,
           "min-w-0 w-full",
           !1,
           "start",
@@ -166,129 +174,129 @@ const de = ({
           n ? "text-primary" : "text-tertiary",
           "z-[100001]"
         ) }),
-        n && r === t.id && /* @__PURE__ */ e(Ot, { className: "size-4 shrink-0 text-brand-600", "aria-hidden": !0 })
+        n && r === e.id && /* @__PURE__ */ t(Oe, { className: "size-4 shrink-0 text-brand-600", "aria-hidden": !0 })
       ] });
     },
     [b, r, a]
-  ), qt = /* @__PURE__ */ c(
+  ), qe = /* @__PURE__ */ c(
     J,
     {
       isDisabled: i,
       className: l(
         "relative flex w-full min-w-0 cursor-pointer items-center gap-1 bg-primary ring ring-secondary outline-hidden transition duration-100 ease-linear ring-inset",
-        ut[a].button,
-        y && !i && "ring-1 ring-brand",
+        ue[a].button,
+        g && !i && "ring-1 ring-brand",
         M && "!ring-2 !ring-error",
         i && "cursor-not-allowed bg-disabled_subtle text-disabled"
       ),
       children: [
-        /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 text-left", children: z(p) }),
-        w ? /* @__PURE__ */ e("span", { className: "w-7 shrink-0", "aria-hidden": !0 }) : null,
-        /* @__PURE__ */ e(
-          ot,
+        /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 text-left", children: D(h) }),
+        w ? /* @__PURE__ */ t("span", { className: "w-7 shrink-0", "aria-hidden": !0 }) : null,
+        /* @__PURE__ */ t(
+          oe,
           {
             "aria-hidden": !0,
             className: l(
               "shrink-0 text-fg-quaternary transition-transform",
               j[a],
-              y && "rotate-180"
+              g && "rotate-180"
             )
           }
         )
       ]
     }
-  ), Tt = /* @__PURE__ */ c(
+  ), Te = /* @__PURE__ */ c(
     "div",
     {
       className: "p-2 flex flex-col gap-2 flex-1 min-h-0 w-md",
-      onKeyDownCapture: (t) => {
-        var g;
-        if (t.nativeEvent.isComposing || !(t.target instanceof HTMLInputElement)) return;
-        if (t.key === "Escape") {
-          t.preventDefault(), t.stopPropagation(), k(!1);
+      onKeyDownCapture: (e) => {
+        var u;
+        if (e.nativeEvent.isComposing || !(e.target instanceof HTMLInputElement)) return;
+        if (e.key === "Escape") {
+          e.preventDefault(), e.stopPropagation(), k(!1);
           return;
         }
-        if (t.key !== "ArrowDown" && t.key !== "ArrowUp") return;
-        t.preventDefault(), t.stopPropagation();
-        const n = (g = _.current) == null ? void 0 : g.querySelectorAll('[role="treeitem"]'), s = t.key === "ArrowDown" ? n == null ? void 0 : n[0] : n == null ? void 0 : n[n.length - 1];
+        if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+        e.preventDefault(), e.stopPropagation();
+        const n = (u = _.current) == null ? void 0 : u.querySelectorAll('[role="treeitem"]'), s = e.key === "ArrowDown" ? n == null ? void 0 : n[0] : n == null ? void 0 : n[n.length - 1];
         s == null || s.focus({ preventScroll: !0 }), s == null || s.scrollIntoView({ block: "nearest", behavior: "instant" });
       },
       children: [
-        /* @__PURE__ */ e(
-          Wt,
+        /* @__PURE__ */ t(
+          Xe,
           {
             size: a,
             placeholder: "Search objects or fields",
             value: O,
-            onChange: (t) => Q(t),
+            onChange: (e) => Q(e),
             className: "ring-0 outline-hidden bg-secondary rounded-lg w-full",
             autoFocus: !0
           }
         ),
-        /* @__PURE__ */ e("div", { ref: _, className: "overflow-y-auto flex-1 min-h-0 py-1", children: K.length > 0 ? /* @__PURE__ */ e(
-          Xt,
+        /* @__PURE__ */ t("div", { ref: _, className: "overflow-y-auto flex-1 min-h-0 py-1", children: K.length > 0 ? /* @__PURE__ */ t(
+          Ze,
           {
             variant: "indented",
             data: K,
-            config: Qt,
-            CustomNode: kt,
-            onNodeClick: bt,
-            defaultExpandedIds: Nt,
+            config: Qe,
+            CustomNode: ke,
+            onNodeClick: be,
+            defaultExpandedIds: Ne,
             syncWithData: !0,
             keyboardNavigation: !0,
             selectedNodeId: r,
             canSelectNode: b,
             "aria-label": "Objects and fields"
           }
-        ) : /* @__PURE__ */ e("div", { className: l("px-3 py-4 text-tertiary text-center", S[a]), children: "No results found" }) })
+        ) : /* @__PURE__ */ t("div", { className: l("px-3 py-4 text-tertiary text-center", S[a]), children: "No results found" }) })
       ]
     }
-  ), at = /* @__PURE__ */ e(
-    ct,
+  ), ae = /* @__PURE__ */ t(
+    ce,
     {
       placement: "bottom start",
       offset: 4,
-      className: ({ isEntering: t, isExiting: n }) => l(
+      className: ({ isEntering: e, isExiting: n }) => l(
         "max-w-[90vw] max-h-[min(380px,60vh)] overflow-hidden flex flex-col rounded-xl bg-primary shadow-lg ring-1 ring-secondary outline-hidden will-change-transform",
-        t && "duration-150 ease-out animate-in fade-in slide-in-from-top-1",
+        e && "duration-150 ease-out animate-in fade-in slide-in-from-top-1",
         n && "duration-100 ease-in animate-out fade-out slide-out-to-top-1"
       ),
-      children: Tt
+      children: Te
     }
-  ), St = /* @__PURE__ */ c(
-    ct,
+  ), Se = /* @__PURE__ */ c(
+    ce,
     {
       placement: "bottom start",
       offset: 4,
-      className: ({ isEntering: t, isExiting: n }) => l(
+      className: ({ isEntering: e, isExiting: n }) => l(
         "rounded-xl bg-primary shadow-lg ring-1 ring-secondary outline-hidden will-change-transform max-h-[min(80vh,420px)] overflow-auto ",
-        t && "duration-150 ease-out animate-in fade-in slide-in-from-top-1",
+        e && "duration-150 ease-out animate-in fade-in slide-in-from-top-1",
         n && "duration-100 ease-in animate-out fade-out slide-out-to-top-1"
       ),
       children: [
-        /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
-          Ut,
+        /* @__PURE__ */ t("div", { className: "p-2", children: /* @__PURE__ */ t(
+          Ue,
           {
             value: U,
             onlyNotifyOnGridSelect: !0,
-            onChange: (t) => {
-              t && L(t);
+            onChange: (e) => {
+              e && L(e);
             },
-            onSelect: (t) => {
-              L(t);
+            onSelect: (e) => {
+              L(e);
             },
-            children: /* @__PURE__ */ e(Lt, { size: a, highlightedDates: [] })
+            children: /* @__PURE__ */ t(Le, { size: a, highlightedDates: [] })
           }
         ) }),
         /* @__PURE__ */ c("div", { className: "grid grid-cols-2 gap-3 border-t border-secondary px-4 py-3", children: [
-          /* @__PURE__ */ e(dt, { size: a, color: "secondary", onClick: () => v(!1), children: "Cancel" }),
-          /* @__PURE__ */ e(
-            dt,
+          /* @__PURE__ */ t(de, { size: a, color: "secondary", onClick: () => v(!1), children: "Cancel" }),
+          /* @__PURE__ */ t(
+            de,
             {
               size: a,
               color: "primary",
               onClick: () => {
-                U && (m == null || m(Yt(U))), v(!1);
+                U && (p == null || p(Me(U))), v(!1);
               },
               children: "Apply"
             }
@@ -297,19 +305,19 @@ const de = ({
       ]
     }
   );
-  return /* @__PURE__ */ e("div", { className: l("relative", h), children: d ? /* @__PURE__ */ c(
+  return /* @__PURE__ */ t("div", { className: l("relative", x), children: d ? /* @__PURE__ */ c(
     "div",
     {
       className: l(
         "relative flex w-full items-center bg-primary ring-1 ring-secondary transition duration-100 ease-linear ring-inset",
-        ut[a].button,
+        ue[a].button,
         "p-0!",
         M && "!ring-2 !ring-error",
         i && "cursor-not-allowed bg-disabled_subtle text-disabled"
       ),
       children: [
-        x ? /* @__PURE__ */ c("div", { className: "relative flex min-w-0 flex-1 items-stretch", children: [
-          /* @__PURE__ */ c(Y, { isOpen: i ? !1 : y, onOpenChange: k, children: [
+        y ? /* @__PURE__ */ c("div", { className: "relative flex min-w-0 flex-1 items-stretch", children: [
+          /* @__PURE__ */ c(Y, { isOpen: i ? !1 : g, onOpenChange: k, children: [
             /* @__PURE__ */ c(
               J,
               {
@@ -320,112 +328,112 @@ const de = ({
                   i && "cursor-not-allowed"
                 ),
                 children: [
-                  /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 text-left", children: z(p) }),
-                  w ? /* @__PURE__ */ e("span", { className: "w-7 shrink-0", "aria-hidden": !0 }) : null,
-                  /* @__PURE__ */ e(
-                    ot,
+                  /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 text-left", children: D(h) }),
+                  w ? /* @__PURE__ */ t("span", { className: "w-7 shrink-0", "aria-hidden": !0 }) : null,
+                  /* @__PURE__ */ t(
+                    oe,
                     {
                       "aria-hidden": !0,
                       className: l(
                         "shrink-0 text-fg-quaternary transition-transform",
                         j[a],
-                        y && "rotate-180"
+                        g && "rotate-180"
                       )
                     }
                   )
                 ]
               }
             ),
-            at
+            ae
           ] }),
-          w ? /* @__PURE__ */ e("div", { className: nt, children: D }) : null
+          w ? /* @__PURE__ */ t("div", { className: ne, children: z }) : null
         ] }) : W ? /* @__PURE__ */ c("div", { className: "relative flex flex-1 items-center min-w-0", children: [
-          /* @__PURE__ */ c(Y, { isOpen: i ? !1 : y, onOpenChange: k, children: [
+          /* @__PURE__ */ c(Y, { isOpen: i ? !1 : g, onOpenChange: k, children: [
             /* @__PURE__ */ c(
               J,
               {
                 isDisabled: i,
                 className: l(
                   "flex flex-1 min-w-0 items-center gap-2 rounded-l-lg p-2 text-left outline-none cursor-pointer",
-                  p && "pr-8",
+                  h && "pr-8",
                   S[a],
                   i && "cursor-not-allowed"
                 ),
                 children: [
-                  /* @__PURE__ */ e(
-                    mt,
+                  /* @__PURE__ */ t(
+                    me,
                     {
                       "aria-hidden": !0,
                       className: l(j[a], "text-fg-quaternary shrink-0")
                     }
                   ),
-                  /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 text-left", children: z(p) })
+                  /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 text-left", children: D(h) })
                 ]
               }
             ),
-            St
+            Se
           ] }),
-          w ? /* @__PURE__ */ e("div", { className: "absolute right-2 top-1/2 z-10 -translate-y-1/2", children: D }) : null
+          w ? /* @__PURE__ */ t("div", { className: "absolute right-2 top-1/2 z-10 -translate-y-1/2", children: z }) : null
         ] }) : /* @__PURE__ */ c("div", { className: "relative flex min-w-0 flex-1 items-center", children: [
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             "input",
             {
-              ref: et,
+              ref: te,
               type: "text",
-              value: p,
+              value: h,
               disabled: i,
-              onChange: (t) => m == null ? void 0 : m(t.target.value),
-              onFocus: () => tt(!0),
-              onBlur: () => tt(!1),
+              onChange: (e) => p == null ? void 0 : p(e.target.value),
+              onFocus: () => ee(!0),
+              onBlur: () => ee(!1),
               placeholder: N,
               className: l(
                 "min-w-0 flex-1 rounded-l-lg bg-transparent p-2 text-primary outline-none placeholder:text-placeholder_subtle",
-                p && !V && "text-transparent caret-primary",
-                p && "pr-8",
+                h && !V && "text-transparent caret-primary",
+                h && "pr-8",
                 S[a],
                 i && "cursor-not-allowed text-disabled"
               )
             }
           ),
-          p && !V && /* @__PURE__ */ e(
+          h && !V && /* @__PURE__ */ t(
             "div",
             {
               className: "absolute inset-y-0 left-0 right-8 flex min-w-0 cursor-text items-center px-2",
-              onMouseDown: (t) => {
+              onMouseDown: (e) => {
                 var n;
-                t.preventDefault(), (n = et.current) == null || n.focus();
+                e.preventDefault(), (n = te.current) == null || n.focus();
               },
-              children: /* @__PURE__ */ e("div", { className: "min-w-0 w-full", children: z(p) })
+              children: /* @__PURE__ */ t("div", { className: "min-w-0 w-full", children: D(h) })
             }
           ),
-          w ? /* @__PURE__ */ e("div", { className: "absolute right-2 top-1/2 z-10 -translate-y-1/2", children: D }) : null
+          w ? /* @__PURE__ */ t("div", { className: "absolute right-2 top-1/2 z-10 -translate-y-1/2", children: z }) : null
         ] }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             disabled: i,
-            onClick: gt,
-            "aria-label": x ? "Switch to free text mode" : "Switch to tree select mode",
+            onClick: ge,
+            "aria-label": y ? "Switch to free text mode" : "Switch to tree select mode",
             className: l(
               "p-2 shrink-0 rounded-r-md flex items-center justify-center transition-colors enabled:cursor-pointer",
-              x ? "ring-2 ring-brand ring-inset text-brand-600" : "border-l border-secondary text-fg-quaternary enabled:hover:text-fg-quaternary_hover",
+              y ? "ring-2 ring-brand ring-inset text-brand-600" : "border-l border-secondary text-fg-quaternary enabled:hover:text-fg-quaternary_hover",
               i && "cursor-not-allowed text-disabled"
             ),
-            children: /* @__PURE__ */ e(pt, { "aria-hidden": !0, className: j[a] })
+            children: /* @__PURE__ */ t(pe, { "aria-hidden": !0, className: j[a] })
           }
         )
       ]
     }
   ) : /* @__PURE__ */ c("div", { className: "relative flex w-full min-w-0 items-stretch", children: [
-    /* @__PURE__ */ c(Y, { isOpen: i ? !1 : y, onOpenChange: k, children: [
-      qt,
-      at
+    /* @__PURE__ */ c(Y, { isOpen: i ? !1 : g, onOpenChange: k, children: [
+      qe,
+      ae
     ] }),
-    w ? /* @__PURE__ */ e("div", { className: nt, children: D }) : null
+    w ? /* @__PURE__ */ t("div", { className: ne, children: z }) : null
   ] }) });
 };
 export {
-  de as NestedFieldSelect,
-  de as default
+  mt as NestedFieldSelect,
+  mt as default
 };

package/dist/patterns/filter-group/types.d.ts

@@ -33,6 +33,8 @@ export interface DocumentFieldDefinition {
     children?: DocumentFieldDefinition[];
     /** Rules-meta `structure_type` for document fields; absent on object fields and table columns. */
     structureType?: string;
+    /** Design-system icon name (e.g. from the field's data type); overrides the `type` icon in field pickers. */
+    iconName?: string;
 }
 export interface DocumentDefinition {
     label: string;
@@ -102,4 +104,6 @@ export declare const DEFAULT_OPERATORS: FilterOperator[];
 export declare const generateId: () => string;
 export declare const createEmptyCondition: (fields: FilterField[], operators?: FilterOperator[]) => FilterCondition;
 export declare const createEmptyGroup: (operator?: FilterLogicalOperator) => FilterGroup;
+/** The filter field type a document field type behaves like. Unknown types pass through unchanged. */
+export declare function getBaseFilterFieldType(fieldType: string): FilterField["type"];
 //# sourceMappingURL=types.d.ts.map

package/dist/patterns/filter-group/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/filter-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUrD,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7G,+CAA+C;IAC/C,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,4GAA4G;IAC5G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4JAA4J;IAC5J,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,MAAM,WAAW,uBAAuB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,6GAA6G;IAC7G,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,sEAAsE;IACtE,QAAQ,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACrC,kGAAkG;IAClG,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,uBAAuB,EAAE,CAAC;IAClC,sEAAsE;IACtE,IAAI,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAC9C,4EAA4E;IAC5E,aAAa,CAAC,EAAE,KAAK,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACjC,CAAC,WAAW,EAAE,MAAM,GAAG,kBAAkB,CAAC;CAC7C;AAED,MAAM,WAAW,cAAc;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;IACpC,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,8GAA8G;IAC9G,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yGAAyG;IACzG,eAAe,CAAC,EAAE,qBAAqB,CAAC;CAC3C;AAED,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,qBAAqB,CAAC;IAChC,QAAQ,EAAE,UAAU,EAAE,CAAC;CAC1B;AAED,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,WAAW,CAAC;AAEvD,MAAM,WAAW,uBAAuB;IACpC,qCAAqC;IACrC,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,2BAA2B;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,mCAAmC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kGAAkG;IAClG,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,wDAAwD;IACxD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qEAAqE;IACrE,mBAAmB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACrC;AAGD,eAAO,MAAM,iBAAiB,EAAE,cAAc,EAwM7C,CAAC;AAGF,eAAO,MAAM,UAAU,QAAO,MAA6B,CAAC;AAG5D,eAAO,MAAM,oBAAoB,GAC7B,QAAQ,WAAW,EAAE,EACrB,YAAW,cAAc,EAAsB,KAChD,eAaF,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAAI,WAAU,qBAA6B,KAAG,WAKzE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/filter-group/types.ts"],"names":[],"mappings":"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"}