@forgedevstack/bear 1.2.9 → 1.3.1

package/dist/components/TreeSelect/TreeSelect.js

@@ -1,160 +1,180 @@
-import { jsxs as h, jsx as r, Fragment as Q } from "react/jsx-runtime";
-import { useState as N, useRef as C, useMemo as D, useEffect as P, useCallback as y } from "react";
-import { cn as b } from "../../utils/cn.js";
-import { Portal as Y } from "../Portal/Portal.js";
-import { DEFAULT_MAX_HEIGHT as $, LABEL_CLASSES as ee, SIZE_CLASSES as re, TRIGGER_CLASSES as te, SEARCH_CLASSES as ae, DROPDOWN_CLASSES as se, ERROR_CLASSES as ne, HELPER_CLASSES as le, ROOT_CLASSES as ie, TAG_CLASSES as oe, CHEVRON_CLASSES as ce, INDENT_PX as de, NODE_DISABLED_CLASSES as me, NODE_SELECTED_CLASSES as be, NODE_CLASSES as ue } from "./TreeSelect.const.js";
-import { collectAllIds as fe, filterNodes as he, findNodeById as z } from "./TreeSelect.utils.js";
-const pe = 1e4, M = ({ node: a, depth: l, selected: o, expanded: s, multiple: i, onToggleExpand: p, onSelect: S }) => {
-  const c = a.children && a.children.length > 0, E = s.has(a.id), u = o.has(a.id);
-  return /* @__PURE__ */ h(Q, { children: [
-    /* @__PURE__ */ h(
-      "div",
-      {
-        className: b(ue, u && be, a.disabled && me),
-        style: { paddingLeft: l * de + 12 },
-        onClick: () => !a.disabled && S(a.id),
-        role: "treeitem",
-        "aria-selected": u,
-        "aria-expanded": c ? E : void 0,
-        children: [
-          c ? /* @__PURE__ */ r(
-            "svg",
-            {
-              className: b(ce, E && "bear-rotate-90"),
-              onClick: (f) => {
-                f.stopPropagation(), p(a.id);
-              },
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
-            }
-          ) : /* @__PURE__ */ r("span", { className: "bear-w-4 bear-mr-1" }),
-          i && /* @__PURE__ */ r("span", { className: b("bear-w-4 bear-h-4 bear-mr-2 bear-border bear-rounded bear-flex bear-items-center bear-justify-center bear-text-xs", u ? "bear-bg-primary-500 bear-border-primary-500 bear-text-white" : "bear-border-gray-300 dark:bear-border-zinc-600"), children: u && "✓" }),
-          a.icon && /* @__PURE__ */ r("span", { className: "bear-mr-1.5", children: a.icon }),
-          /* @__PURE__ */ r("span", { className: "bear-truncate", children: a.label })
-        ]
-      }
-    ),
-    c && E && a.children.map((f) => /* @__PURE__ */ r(M, { node: f, depth: l + 1, selected: o, expanded: s, multiple: i, onToggleExpand: p, onSelect: S }, f.id))
-  ] });
-}, Ae = (a) => {
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { useState as x, useRef as v, useMemo as C, useEffect as H, useCallback as T } from "react";
+import { TREE_SELECT_MAX_HEIGHT_PX as oe, ZERO as s, ELEVEN_THOUSAND as le, EIGHT as F, FOUR as se } from "../../constants/numbers.const.js";
+import { BOOLEAN_FALSE as d, BOOLEAN_TRUE as j, SIZE_MD as ie, EMPTY_STRING as f } from "../../constants/generals.const.js";
+import { cn as z } from "../../utils/cn.js";
+import { Box as h } from "../Box/Box.js";
+import { Button as be } from "../Button/Button.js";
+import { ChevronDownIcon as ce } from "../Icon/index.js";
+import { Flex as D } from "../Flex/Flex.js";
+import { Portal as de } from "../Portal/Portal.js";
+import { Typography as i } from "../Typography/Typography.js";
+import { TreeNodeRow as me } from "./components/TreeNodeRow/TreeNodeRow.js";
+import { SIZE_CLASSES as ue } from "./TreeSelect.const.js";
+import { collectAllIds as fe, filterNodes as pe, findNodeById as G } from "./TreeSelect.utils.js";
+const Le = (U) => {
   const {
-    nodes: l,
-    value: o,
-    onChange: s,
-    multiple: i = !1,
-    label: p,
-    placeholder: S = "Select…",
-    disabled: c = !1,
-    clearable: E = !0,
-    searchable: u = !0,
-    expandAll: f = !1,
-    size: B = "md",
-    error: w,
-    helperText: _,
-    maxHeight: H = $,
-    className: j,
-    testId: G,
-    ...W
-  } = a, [d, x] = N(!1), [L, A] = N(""), g = C(null), R = C(null), k = C(null), [v, F] = N({ top: 0, left: 0, width: 0 }), V = D(() => fe(l), [l]), [X, Z] = N(() => f ? V : /* @__PURE__ */ new Set()), m = D(() => o ? new Set(Array.isArray(o) ? o : [o]) : /* @__PURE__ */ new Set(), [o]);
-  P(() => {
-    if (!d) return;
+    nodes: b,
+    value: m,
+    onChange: a,
+    multiple: o = d,
+    label: A,
+    placeholder: I = "Select…",
+    disabled: w = d,
+    clearable: Z = j,
+    searchable: X = j,
+    expandAll: V = d,
+    size: W = ie,
+    error: g,
+    helperText: L,
+    maxHeight: Y = oe,
+    className: q,
+    testId: J,
+    ...K
+  } = U, [l, y] = x(d), [E, N] = x(f), _ = v(null), R = v(null), O = v(null), [S, Q] = x({ top: s, left: s, width: s }), $ = C(() => fe(b), [b]), [ee, re] = x(() => V ? $ : /* @__PURE__ */ new Set()), c = C(() => m ? new Set(Array.isArray(m) ? m : [m]) : /* @__PURE__ */ new Set(), [m]);
+  H(() => {
+    if (!l) return;
     const e = () => {
       var n;
-      const t = (n = R.current) == null ? void 0 : n.getBoundingClientRect();
-      t && F({
-        top: t.bottom + 4,
-        left: Math.max(8, Math.min(t.left, window.innerWidth - t.width - 8)),
-        width: t.width
+      const r = (n = R.current) == null ? void 0 : n.getBoundingClientRect();
+      r && Q({
+        top: r.bottom + se,
+        left: Math.max(F, Math.min(r.left, window.innerWidth - r.width - F)),
+        width: r.width
       });
     };
     return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
       window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
     };
-  }, [d]), P(() => {
-    if (!d) return;
-    const e = (t) => {
-      var I, O;
-      const n = t.target;
-      (I = g.current) != null && I.contains(n) || (O = k.current) != null && O.contains(n) || (x(!1), A(""));
+  }, [l]), H(() => {
+    if (!l) return;
+    const e = (r) => {
+      var M, P;
+      const n = r.target;
+      (M = _.current) != null && M.contains(n) || (P = O.current) != null && P.contains(n) || (y(d), N(f));
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [d]);
-  const U = y((e) => {
-    Z((t) => {
-      const n = new Set(t);
+  }, [l]);
+  const te = T((e) => {
+    re((r) => {
+      const n = new Set(r);
       return n.has(e) ? n.delete(e) : n.add(e), n;
     });
-  }, []), q = y((e) => {
-    if (i) {
-      const t = new Set(m);
-      t.has(e) ? t.delete(e) : t.add(e), s == null || s(Array.from(t));
-    } else
-      s == null || s(e), x(!1), A("");
-  }, [i, m, s]), J = y(() => {
-    s == null || s(i ? [] : "");
-  }, [i, s]), T = L ? he(l, L) : l, K = () => {
-    if (m.size === 0) return /* @__PURE__ */ r("span", { className: "bear-text-gray-400 dark:bear-text-zinc-500", children: S });
-    if (i)
-      return /* @__PURE__ */ r("div", { className: "bear-flex bear-flex-wrap bear-gap-1", children: Array.from(m).map((t) => {
-        const n = z(l, t);
-        return n ? /* @__PURE__ */ r("span", { className: oe, children: n.label }, t) : null;
-      }) });
-    const e = z(l, Array.from(m)[0]);
-    return (e == null ? void 0 : e.label) ?? S;
-  };
-  return /* @__PURE__ */ h("div", { ref: g, className: b(ie, j), "data-testid": G, ...W, children: [
-    p && /* @__PURE__ */ r("label", { className: ee, children: p }),
-    /* @__PURE__ */ h(
-      "button",
-      {
-        ref: R,
-        type: "button",
-        disabled: c,
-        onClick: () => !c && x(!d),
-        className: b(te, re[B], c && "bear-opacity-50 bear-cursor-not-allowed"),
-        children: [
-          /* @__PURE__ */ r("span", { className: "bear-flex-1 bear-text-left bear-truncate", children: K() }),
-          /* @__PURE__ */ h("div", { className: "bear-flex bear-items-center bear-gap-1", children: [
-            E && m.size > 0 && /* @__PURE__ */ r("span", { className: "bear-text-gray-400 hover:bear-text-gray-600 bear-cursor-pointer", onClick: (e) => {
-              e.stopPropagation(), J();
-            }, children: "✕" }),
-            /* @__PURE__ */ r("svg", { className: b("bear-w-4 bear-h-4 bear-text-gray-400 bear-transition-transform", d && "bear-rotate-180"), fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })
-          ] })
-        ]
-      }
-    ),
-    d && /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ h(
-      "div",
-      {
-        ref: k,
-        className: b(se, "bear-fixed"),
-        style: {
-          top: v.top,
-          left: v.left,
-          width: v.width,
-          zIndex: pe
-        },
-        children: [
-          u && /* @__PURE__ */ r(
-            "input",
-            {
-              className: ae,
-              placeholder: "Search…",
-              value: L,
-              onChange: (e) => A(e.target.value),
-              autoFocus: !0
-            }
-          ),
-          /* @__PURE__ */ r("div", { style: { maxHeight: H }, className: "bear-overflow-y-auto", role: "tree", children: T.length > 0 ? T.map((e) => /* @__PURE__ */ r(M, { node: e, depth: 0, selected: m, expanded: X, multiple: i, onToggleExpand: U, onSelect: q }, e.id)) : /* @__PURE__ */ r("div", { className: "bear-py-6 bear-text-center bear-text-sm bear-text-gray-400", children: "No results" }) })
-        ]
+  }, []), ae = T(
+    (e) => {
+      if (o) {
+        const r = new Set(c);
+        r.has(e) ? r.delete(e) : r.add(e), a == null || a(Array.from(r));
+        return;
       }
-    ) }),
-    w && /* @__PURE__ */ r("p", { className: ne, children: w }),
-    !w && _ && /* @__PURE__ */ r("p", { className: le, children: _ })
-  ] });
+      a == null || a(e), y(d), N(f);
+    },
+    [o, c, a]
+  ), ne = T(() => {
+    a == null || a(o ? [] : f);
+  }, [o, a]), B = E ? pe(b, E) : b, k = G(b, Array.from(c)[s] ?? f), p = c.size > s;
+  return /* @__PURE__ */ u(
+    h,
+    {
+      ref: _,
+      className: z("Bear-TreeSelect bear-relative bear-inline-block bear-w-full", q),
+      "data-testid": J,
+      ...K,
+      children: [
+        A ? /* @__PURE__ */ t(i, { className: "Bear-TreeSelect__label bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-zinc-300 bear-mb-1.5", children: A }) : null,
+        /* @__PURE__ */ u(
+          be,
+          {
+            ref: R,
+            type: "button",
+            disabled: w,
+            onClick: () => !w && y(!l),
+            className: z(
+              "bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white bear-transition-colors focus:bear-ring-2 focus:bear-ring-primary-500 bear-outline-none",
+              ue[W],
+              w && "bear-opacity-50 bear-cursor-not-allowed"
+            ),
+            children: [
+              /* @__PURE__ */ u(i, { className: "bear-flex-1 bear-text-left bear-truncate", children: [
+                p && o ? /* @__PURE__ */ t(D, { className: "bear-flex-wrap bear-gap-1", children: Array.from(c).map((e) => {
+                  const r = G(b, e);
+                  return r ? /* @__PURE__ */ t(
+                    i,
+                    {
+                      className: "bear-inline-flex bear-items-center bear-gap-1 bear-bg-primary-100 dark:bear-bg-primary-900/30 bear-text-primary-700 dark:bear-text-primary-300 bear-rounded bear-px-1.5 bear-py-0.5 bear-text-xs",
+                      children: r.label
+                    },
+                    e
+                  ) : null;
+                }) }) : null,
+                p && !o ? (k == null ? void 0 : k.label) ?? I : null,
+                p ? null : /* @__PURE__ */ t(i, { className: "bear-text-gray-400 dark:bear-text-zinc-500", children: I })
+              ] }),
+              /* @__PURE__ */ u(D, { align: "center", className: "bear-gap-1", children: [
+                Z && p ? /* @__PURE__ */ t(
+                  h,
+                  {
+                    className: "bear-text-gray-400 hover:bear-text-gray-600 bear-cursor-pointer",
+                    onClick: (e) => {
+                      e.stopPropagation(), ne();
+                    },
+                    children: "✕"
+                  }
+                ) : null,
+                /* @__PURE__ */ t(
+                  ce,
+                  {
+                    className: z("bear-w-4 bear-h-4 bear-text-gray-400 bear-transition-transform", l && "bear-rotate-180")
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        l ? /* @__PURE__ */ t(de, { children: /* @__PURE__ */ u(
+          h,
+          {
+            ref: O,
+            className: "bear-fixed bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-xl bear-shadow-xl bear-overflow-hidden",
+            style: {
+              top: S.top,
+              left: S.left,
+              width: S.width,
+              zIndex: le
+            },
+            children: [
+              X ? /* @__PURE__ */ t(
+                "input",
+                {
+                  className: "bear-w-full bear-px-3 bear-py-2 bear-text-sm bear-bg-transparent bear-border-b bear-border-gray-200 dark:bear-border-zinc-700 bear-outline-none bear-text-gray-900 dark:bear-text-white",
+                  placeholder: "Search…",
+                  value: E,
+                  onChange: (e) => N(e.target.value),
+                  autoFocus: !0
+                }
+              ) : null,
+              /* @__PURE__ */ t(h, { style: { maxHeight: Y }, className: "bear-overflow-y-auto", role: "tree", children: B.length > s ? B.map((e) => /* @__PURE__ */ t(
+                me,
+                {
+                  node: e,
+                  depth: s,
+                  selected: c,
+                  expanded: ee,
+                  multiple: o,
+                  onToggleExpand: te,
+                  onSelect: ae
+                },
+                e.id
+              )) : /* @__PURE__ */ t(i, { className: "bear-py-6 bear-text-center bear-text-sm bear-text-gray-400", children: "No results" }) })
+            ]
+          }
+        ) }) : null,
+        g ? /* @__PURE__ */ t(i, { className: "bear-mt-1 bear-text-xs bear-text-red-500", children: g }) : null,
+        !g && L ? /* @__PURE__ */ t(i, { className: "bear-mt-1 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500", children: L }) : null
+      ]
+    }
+  );
 };
 export {
-  Ae as TreeSelect
+  Le as TreeSelect
 };

package/dist/components/TreeSelect/TreeSelect.types.d.ts

@@ -6,6 +6,21 @@ export interface TreeNode {
     disabled?: boolean;
     icon?: React.ReactNode;
 }
+export interface TreeNodeRowProps {
+    node: TreeNode;
+    depth: number;
+    selected: Set<string>;
+    expanded: Set<string>;
+    multiple: boolean;
+    onToggleExpand: (id: string) => void;
+    onSelect: (id: string) => void;
+}
+export interface TreeSelectExpandControlProps {
+    hasChildren: boolean;
+    isExpanded: boolean;
+    nodeId: string;
+    onToggleExpand: (id: string) => void;
+}
 export interface TreeSelectProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     id?: string;
     nodes: TreeNode[];

package/dist/components/TreeSelect/TreeSelect.utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=(t,r)=>{for(const e of t){if(e.id===r)return e;if(e.children){const n=d(e.children,r);if(n)return n}}},c=(t,r)=>{const e=r.toLowerCase();return t.reduce((n,l)=>{const o=l.children?c(l.children,r):[];return(l.label.toLowerCase().includes(e)||o.length>0)&&n.push({...l,children:o.length>0?o:l.children}),n},[])},i=t=>{const r=new Set;for(const e of t)r.add(e.id),e.children&&i(e.children).forEach(n=>r.add(n));return r};exports.collectAllIds=i;exports.filterNodes=c;exports.findNodeById=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../constants/numbers.const.cjs"),l=(t,r)=>{for(const e of t){if(e.id===r)return e;if(e.children){const n=l(e.children,r);if(n)return n}}},i=(t,r)=>{const e=r.toLowerCase();return t.reduce((n,o)=>{const d=o.children?i(o.children,r):[];return(o.label.toLowerCase().includes(e)||d.length>c.ZERO)&&n.push({...o,children:d.length>c.ZERO?d:o.children}),n},[])},s=t=>{const r=new Set;for(const e of t)r.add(e.id),e.children&&s(e.children).forEach(n=>r.add(n));return r};exports.collectAllIds=s;exports.filterNodes=i;exports.findNodeById=l;

package/dist/components/TreeSelect/TreeSelect.utils.js

@@ -1,25 +1,26 @@
-const l = (t, r) => {
-  for (const e of t) {
+import { ZERO as c } from "../../constants/numbers.const.js";
+const i = (o, r) => {
+  for (const e of o) {
     if (e.id === r) return e;
     if (e.children) {
-      const n = l(e.children, r);
+      const n = i(e.children, r);
       if (n) return n;
     }
   }
-}, d = (t, r) => {
+}, l = (o, r) => {
   const e = r.toLowerCase();
-  return t.reduce((n, c) => {
-    const o = c.children ? d(c.children, r) : [];
-    return (c.label.toLowerCase().includes(e) || o.length > 0) && n.push({ ...c, children: o.length > 0 ? o : c.children }), n;
+  return o.reduce((n, t) => {
+    const d = t.children ? l(t.children, r) : [];
+    return (t.label.toLowerCase().includes(e) || d.length > c) && n.push({ ...t, children: d.length > c ? d : t.children }), n;
   }, []);
-}, i = (t) => {
+}, s = (o) => {
   const r = /* @__PURE__ */ new Set();
-  for (const e of t)
-    r.add(e.id), e.children && i(e.children).forEach((n) => r.add(n));
+  for (const e of o)
+    r.add(e.id), e.children && s(e.children).forEach((n) => r.add(n));
   return r;
 };
 export {
-  i as collectAllIds,
-  d as filterNodes,
-  l as findNodeById
+  s as collectAllIds,
+  l as filterNodes,
+  i as findNodeById
 };

package/dist/components/TreeSelect/components/TreeNodeRow/TreeNodeRow.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("../../../../constants/numbers.const.cjs"),m=require("../../../../utils/cn.cjs");require("react");const i=require("../../../Box/Box.cjs"),g=require("../../../Flex/Flex.cjs"),E=require("../../../Typography/Typography.cjs"),T=require("../TreeSelectExpandControl/TreeSelectExpandControl.cjs"),h=y=>{var p;const{node:e,depth:d,selected:s,expanded:c,multiple:b,onToggleExpand:l,onSelect:x}=y,n=!!(e.children&&e.children.length>t.ZERO),o=c.has(e.id),a=s.has(e.id);return r.jsxs(i.Box,{children:[r.jsxs(g.Flex,{className:m.cn("bear-items-center bear-py-1.5 bear-px-3 bear-cursor-pointer bear-transition-colors hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700 bear-text-sm bear-text-gray-700 dark:bear-text-zinc-300",a&&"bear-bg-primary-50 dark:bear-bg-primary-900/20 bear-text-primary-700 dark:bear-text-primary-300",e.disabled&&"bear-opacity-40 bear-cursor-not-allowed"),style:{paddingLeft:d*t.TREE_SELECT_INDENT_PX+t.TREE_SELECT_NODE_PAD_PX},onClick:()=>!e.disabled&&x(e.id),role:"treeitem","aria-selected":a,"aria-expanded":n?o:void 0,children:[r.jsx(T.TreeSelectExpandControl,{hasChildren:n,isExpanded:o,nodeId:e.id,onToggleExpand:l}),b&&r.jsx(i.Box,{className:m.cn("bear-w-4 bear-h-4 bear-mr-2 bear-border bear-rounded bear-flex bear-items-center bear-justify-center bear-text-xs",a?"bear-bg-primary-500 bear-border-primary-500 bear-text-white":"bear-border-gray-300 dark:bear-border-zinc-600"),children:a?"✓":null}),e.icon?r.jsx(i.Box,{className:"bear-mr-1.5",children:e.icon}):null,r.jsx(E.Typography,{className:"bear-truncate",children:e.label})]}),n&&o?(p=e.children)==null?void 0:p.map(u=>r.jsx(h,{node:u,depth:d+t.ONE,selected:s,expanded:c,multiple:b,onToggleExpand:l,onSelect:x},u.id)):null]})};exports.TreeNodeRow=h;

package/dist/components/TreeSelect/components/TreeNodeRow/TreeNodeRow.d.ts

@@ -0,0 +1,2 @@
+import { TreeNodeRowProps } from '../../TreeSelect.types';
+export declare const TreeNodeRow: (props: TreeNodeRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TreeSelect/components/TreeNodeRow/TreeNodeRow.js

@@ -0,0 +1,68 @@
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { ZERO as E, TREE_SELECT_INDENT_PX as g, TREE_SELECT_NODE_PAD_PX as f, ONE as u } from "../../../../constants/numbers.const.js";
+import { cn as h } from "../../../../utils/cn.js";
+import "react";
+import { Box as i } from "../../../Box/Box.js";
+import { Flex as N } from "../../../Flex/Flex.js";
+import { Typography as T } from "../../../Typography/Typography.js";
+import { TreeSelectExpandControl as _ } from "../TreeSelectExpandControl/TreeSelectExpandControl.js";
+const k = (y) => {
+  var m;
+  const { node: e, depth: d, selected: n, expanded: b, multiple: l, onToggleExpand: c, onSelect: s } = y, t = !!(e.children && e.children.length > E), o = b.has(e.id), a = n.has(e.id);
+  return /* @__PURE__ */ x(i, { children: [
+    /* @__PURE__ */ x(
+      N,
+      {
+        className: h(
+          "bear-items-center bear-py-1.5 bear-px-3 bear-cursor-pointer bear-transition-colors hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700 bear-text-sm bear-text-gray-700 dark:bear-text-zinc-300",
+          a && "bear-bg-primary-50 dark:bear-bg-primary-900/20 bear-text-primary-700 dark:bear-text-primary-300",
+          e.disabled && "bear-opacity-40 bear-cursor-not-allowed"
+        ),
+        style: { paddingLeft: d * g + f },
+        onClick: () => !e.disabled && s(e.id),
+        role: "treeitem",
+        "aria-selected": a,
+        "aria-expanded": t ? o : void 0,
+        children: [
+          /* @__PURE__ */ r(
+            _,
+            {
+              hasChildren: t,
+              isExpanded: o,
+              nodeId: e.id,
+              onToggleExpand: c
+            }
+          ),
+          l && /* @__PURE__ */ r(
+            i,
+            {
+              className: h(
+                "bear-w-4 bear-h-4 bear-mr-2 bear-border bear-rounded bear-flex bear-items-center bear-justify-center bear-text-xs",
+                a ? "bear-bg-primary-500 bear-border-primary-500 bear-text-white" : "bear-border-gray-300 dark:bear-border-zinc-600"
+              ),
+              children: a ? "✓" : null
+            }
+          ),
+          e.icon ? /* @__PURE__ */ r(i, { className: "bear-mr-1.5", children: e.icon }) : null,
+          /* @__PURE__ */ r(T, { className: "bear-truncate", children: e.label })
+        ]
+      }
+    ),
+    t && o ? (m = e.children) == null ? void 0 : m.map((p) => /* @__PURE__ */ r(
+      k,
+      {
+        node: p,
+        depth: d + u,
+        selected: n,
+        expanded: b,
+        multiple: l,
+        onToggleExpand: c,
+        onSelect: s
+      },
+      p.id
+    )) : null
+  ] });
+};
+export {
+  k as TreeNodeRow
+};

package/dist/components/TreeSelect/components/TreeNodeRow/index.d.ts

@@ -0,0 +1 @@
+export { TreeNodeRow } from './TreeNodeRow';

package/dist/components/TreeSelect/components/TreeSelectExpandControl/TreeSelectExpandControl.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../../constants/numbers.const.cjs"),c=require("../../../../utils/cn.cjs");require("react");const u=require("../../../Button/Button.cjs"),b=require("../../../Icon/index.cjs"),l=require("../../../Box/Box.cjs"),d=r=>{const{hasChildren:t,isExpanded:n,nodeId:o,onToggleExpand:a}=r;return t?e.jsx(u.Button,{type:"button",variant:"ghost",iconOnly:!0,className:c.cn("bear-w-4 bear-h-4 bear-mr-1 bear-p-0 bear-text-gray-400 dark:bear-text-zinc-500 bear-transition-transform",n&&"bear-rotate-90"),onClick:s=>{s.stopPropagation(),a(o)},tabIndex:i.ZERO,children:e.jsx(b.ChevronRightIcon,{className:"bear-w-4 bear-h-4"})}):e.jsx(l.Box,{className:"bear-w-4 bear-mr-1"})};exports.TreeSelectExpandControl=d;

package/dist/components/TreeSelect/components/TreeSelectExpandControl/TreeSelectExpandControl.d.ts

@@ -0,0 +1,2 @@
+import { TreeSelectExpandControlProps } from '../../TreeSelect.types';
+export declare const TreeSelectExpandControl: (props: TreeSelectExpandControlProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TreeSelect/components/TreeSelectExpandControl/TreeSelectExpandControl.js

@@ -0,0 +1,30 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ZERO as m } from "../../../../constants/numbers.const.js";
+import { cn as p } from "../../../../utils/cn.js";
+import "react";
+import { Button as s } from "../../../Button/Button.js";
+import { ChevronRightIcon as b } from "../../../Icon/index.js";
+import { Box as c } from "../../../Box/Box.js";
+const C = (o) => {
+  const { hasChildren: t, isExpanded: e, nodeId: a, onToggleExpand: n } = o;
+  return t ? /* @__PURE__ */ r(
+    s,
+    {
+      type: "button",
+      variant: "ghost",
+      iconOnly: !0,
+      className: p(
+        "bear-w-4 bear-h-4 bear-mr-1 bear-p-0 bear-text-gray-400 dark:bear-text-zinc-500 bear-transition-transform",
+        e && "bear-rotate-90"
+      ),
+      onClick: (i) => {
+        i.stopPropagation(), n(a);
+      },
+      tabIndex: m,
+      children: /* @__PURE__ */ r(b, { className: "bear-w-4 bear-h-4" })
+    }
+  ) : /* @__PURE__ */ r(c, { className: "bear-w-4 bear-mr-1" });
+};
+export {
+  C as TreeSelectExpandControl
+};

package/dist/components/TreeSelect/components/TreeSelectExpandControl/index.d.ts

@@ -0,0 +1 @@
+export { TreeSelectExpandControl } from './TreeSelectExpandControl';

package/dist/components/TreeSelect/components/index.d.ts

@@ -0,0 +1,2 @@
+export { TreeNodeRow } from './TreeNodeRow';
+export { TreeSelectExpandControl } from './TreeSelectExpandControl';

package/dist/components/TreeView/TreeView.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),x=require("react"),l=require("../../utils/cn.cjs"),C=({expanded:o,className:s})=>r.jsx("svg",{className:l.cn("bear-transition-transform",o&&"bear-rotate-90",s),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})}),M=({open:o,className:s})=>r.jsx("svg",{className:s,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:o?r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z"}):r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"})}),V=({data:o,onSelect:s,onExpand:t,selectedId:u,defaultExpandedIds:m=[],showCheckboxes:g=!1,onCheck:d,checkedIds:j=[],className:v,size:i="md",showLines:k=!1})=>{const[y,f]=x.useState(new Set(m)),w=x.useCallback(e=>{f(b=>{const a=new Set(b);return a.has(e)?(a.delete(e),t==null||t(e,!1)):(a.add(e),t==null||t(e,!0)),a})},[t]),c={sm:{text:"bear-text-xs",icon:"bear-w-3 bear-h-3",padding:"bear-py-0.5 bear-px-1",indent:12},md:{text:"bear-text-sm",icon:"bear-w-4 bear-h-4",padding:"bear-py-1 bear-px-2",indent:16},lg:{text:"bear-text-base",icon:"bear-w-5 bear-h-5",padding:"bear-py-1.5 bear-px-3",indent:20}},p=(e,b=0)=>{const a=e.children&&e.children.length>0,h=y.has(e.id),N=u===e.id,L=j.includes(e.id);return r.jsxs("div",{children:[r.jsxs("div",{className:l.cn("bear-flex bear-items-center bear-gap-1 bear-rounded bear-transition-colors bear-cursor-pointer",c[i].padding,c[i].text,N?"bear-bg-primary-500/20 bear-text-primary-400":"bear-text-zinc-300 hover:bear-bg-zinc-700/50",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),style:{paddingLeft:b*c[i].indent+8},onClick:()=>!e.disabled&&(s==null?void 0:s(e)),children:[a?r.jsx("button",{onClick:n=>{n.stopPropagation(),w(e.id)},className:"bear-p-0.5 bear-rounded hover:bear-bg-zinc-600",children:r.jsx(C,{expanded:h,className:c[i].icon})}):r.jsx("span",{className:l.cn(c[i].icon,"bear-opacity-0")}),g&&r.jsx("input",{type:"checkbox",checked:L,onChange:n=>{n.stopPropagation(),d==null||d(e.id,n.target.checked)},className:"bear-accent-primary-500",disabled:e.disabled}),e.icon||a&&r.jsx(M,{open:h,className:l.cn(c[i].icon,"bear-text-yellow-500")}),r.jsx("span",{className:"bear-flex-1",children:e.label})]}),a&&h&&r.jsx("div",{className:l.cn(k&&"bear-border-l bear-border-zinc-700 bear-ml-4"),children:e.children.map(n=>p(n,b+1))})]},e.id)};return r.jsx("div",{className:l.cn("bear-select-none",v),children:o.map(e=>p(e))})};exports.TreeView=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("react"),x=require("../../constants/numbers.const.cjs"),t=require("../../constants/generals.const.cjs"),A=require("../../utils/cn.cjs"),B=require("../Box/Box.cjs");require("../Button/Button.cjs");const _=require("./components/TreeViewNode/TreeViewNode.cjs"),b=i=>{const{data:o,onSelect:a,onExpand:s,selectedId:u,defaultExpandedIds:l=[],showCheckboxes:d=t.BOOLEAN_FALSE,onCheck:O,checkedIds:S=[],className:w,size:E=t.SIZE_MD,showLines:h=t.BOOLEAN_FALSE}=i,[q,L]=n.useState(new Set(l)),N=n.useCallback(e=>{L(T=>{const r=new Set(T);return r.has(e)?(r.delete(e),s==null||s(e,t.BOOLEAN_FALSE)):(r.add(e),s==null||s(e,t.BOOLEAN_TRUE)),r})},[s]);return c.jsx(B.Box,{className:A.cn("Bear-TreeView bear-select-none",w),children:o.map(e=>c.jsx(_.TreeViewNode,{node:e,depth:x.ZERO,size:E,selectedId:u,checkedIds:S,expandedIds:q,showCheckboxes:d,showLines:h,onSelect:a,onCheck:O,onToggle:N},e.id))})};exports.TreeView=b;

package/dist/components/TreeView/TreeView.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/numbers.const.cjs"),t={sm:{text:"bear-text-xs",icon:"bear-w-3 bear-h-3",padding:"bear-py-0.5 bear-px-1",indent:e.TWELVE},md:{text:"bear-text-sm",icon:"bear-w-4 bear-h-4",padding:"bear-py-1 bear-px-2",indent:e.SIXTEEN},lg:{text:"bear-text-base",icon:"bear-w-5 bear-h-5",padding:"bear-py-1.5 bear-px-3",indent:e.TWENTY}};exports.TREE_VIEW_SIZE=t;

package/dist/components/TreeView/TreeView.const.d.ts

@@ -1 +1,20 @@
-export declare const T_R_E_E_V_I_E_W_ROOT_CLASS = "Bear-TreeView";
+export declare const TREE_VIEW_SIZE: {
+    sm: {
+        text: string;
+        icon: string;
+        padding: string;
+        indent: number;
+    };
+    md: {
+        text: string;
+        icon: string;
+        padding: string;
+        indent: number;
+    };
+    lg: {
+        text: string;
+        icon: string;
+        padding: string;
+        indent: number;
+    };
+};

package/dist/components/TreeView/TreeView.const.js

@@ -0,0 +1,24 @@
+import { TWENTY as e, SIXTEEN as a, TWELVE as r } from "../../constants/numbers.const.js";
+const b = {
+  sm: {
+    text: "bear-text-xs",
+    icon: "bear-w-3 bear-h-3",
+    padding: "bear-py-0.5 bear-px-1",
+    indent: r
+  },
+  md: {
+    text: "bear-text-sm",
+    icon: "bear-w-4 bear-h-4",
+    padding: "bear-py-1 bear-px-2",
+    indent: a
+  },
+  lg: {
+    text: "bear-text-base",
+    icon: "bear-w-5 bear-h-5",
+    padding: "bear-py-1.5 bear-px-3",
+    indent: e
+  }
+};
+export {
+  b as TREE_VIEW_SIZE
+};

package/dist/components/TreeView/TreeView.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { TreeViewProps } from './TreeView.types';
-export declare const TreeView: FC<TreeViewProps>;
+export declare const TreeView: (props: TreeViewProps) => import("react/jsx-runtime").JSX.Element;