@forgedevstack/bear 1.3.0 → 1.3.2

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"),c=require("../../../../constants/numbers.const.cjs"),i=require("../../../../utils/cn.cjs");require("react");const b=require("../../../Button/Button.cjs"),u=require("@forgedevstack/bear-icons"),l=require("../../../Box/Box.cjs"),d=r=>{const{hasChildren:t,isExpanded:n,nodeId:o,onToggleExpand:a}=r;return t?e.jsx(b.Button,{type:"button",variant:"ghost",iconOnly:!0,className:i.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:c.ZERO,children:e.jsx(u.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 "@forgedevstack/bear-icons";
+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");require("@forgedevstack/bear-icons");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:q,size:w=t.SIZE_MD,showLines:E=t.BOOLEAN_FALSE}=i,[h,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",q),children:o.map(e=>c.jsx(_.TreeViewNode,{node:e,depth:x.ZERO,size:w,selectedId:u,checkedIds:S,expandedIds:h,showCheckboxes:d,showLines:E,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;

package/dist/components/TreeView/TreeView.js

@@ -1,76 +1,52 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { useState as j, useCallback as M } from "react";
-import { cn as l } from "../../utils/cn.js";
-const V = ({ expanded: o, className: t }) => /* @__PURE__ */ r("svg", { className: l("bear-transition-transform", o && "bear-rotate-90", t), 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" }) }), W = ({ open: o, className: t }) => /* @__PURE__ */ r("svg", { className: t, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: o ? /* @__PURE__ */ r("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" }) : /* @__PURE__ */ r("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" }) }), P = ({
-  data: o,
-  onSelect: t,
-  onExpand: s,
-  selectedId: u,
-  defaultExpandedIds: g = [],
-  showCheckboxes: x = !1,
-  onCheck: d,
-  checkedIds: v = [],
-  className: k,
-  size: i = "md",
-  showLines: f = !1
-}) => {
-  const [y, N] = j(new Set(g)), w = M((e) => {
-    N((b) => {
-      const a = new Set(b);
-      return a.has(e) ? (a.delete(e), s == null || s(e, !1)) : (a.add(e), s == null || s(e, !0)), a;
-    });
-  }, [s]), 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 }
-  }, h = (e, b = 0) => {
-    const a = e.children && e.children.length > 0, p = y.has(e.id), L = u === e.id, C = v.includes(e.id);
-    return /* @__PURE__ */ m("div", { children: [
-      /* @__PURE__ */ m(
-        "div",
-        {
-          className: l(
-            "bear-flex bear-items-center bear-gap-1 bear-rounded bear-transition-colors bear-cursor-pointer",
-            c[i].padding,
-            c[i].text,
-            L ? "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 && (t == null ? void 0 : t(e)),
-          children: [
-            a ? /* @__PURE__ */ r(
-              "button",
-              {
-                onClick: (n) => {
-                  n.stopPropagation(), w(e.id);
-                },
-                className: "bear-p-0.5 bear-rounded hover:bear-bg-zinc-600",
-                children: /* @__PURE__ */ r(V, { expanded: p, className: c[i].icon })
-              }
-            ) : /* @__PURE__ */ r("span", { className: l(c[i].icon, "bear-opacity-0") }),
-            x && /* @__PURE__ */ r(
-              "input",
-              {
-                type: "checkbox",
-                checked: C,
-                onChange: (n) => {
-                  n.stopPropagation(), d == null || d(e.id, n.target.checked);
-                },
-                className: "bear-accent-primary-500",
-                disabled: e.disabled
-              }
-            ),
-            e.icon || a && /* @__PURE__ */ r(W, { open: p, className: l(c[i].icon, "bear-text-yellow-500") }),
-            /* @__PURE__ */ r("span", { className: "bear-flex-1", children: e.label })
-          ]
-        }
-      ),
-      a && p && /* @__PURE__ */ r("div", { className: l(f && "bear-border-l bear-border-zinc-700 bear-ml-4"), children: e.children.map((n) => h(n, b + 1)) })
-    ] }, e.id);
-  };
-  return /* @__PURE__ */ r("div", { className: l("bear-select-none", k), children: o.map((e) => h(e)) });
+import { jsx as o } from "react/jsx-runtime";
+import { useState as N, useCallback as O } from "react";
+import { ZERO as T } from "../../constants/numbers.const.js";
+import { BOOLEAN_FALSE as s, SIZE_MD as k, BOOLEAN_TRUE as B } from "../../constants/generals.const.js";
+import { cn as L } from "../../utils/cn.js";
+import { Box as b } from "../Box/Box.js";
+import "../Button/Button.js";
+import "@forgedevstack/bear-icons";
+import { TreeViewNode as A } from "./components/TreeViewNode/TreeViewNode.js";
+const D = (m) => {
+  const {
+    data: c,
+    onSelect: i,
+    onExpand: t,
+    selectedId: a,
+    defaultExpandedIds: l = [],
+    showCheckboxes: p = s,
+    onCheck: d,
+    checkedIds: n = [],
+    className: f,
+    size: h = k,
+    showLines: w = s
+  } = m, [S, u] = N(new Set(l)), x = O(
+    (e) => {
+      u((E) => {
+        const r = new Set(E);
+        return r.has(e) ? (r.delete(e), t == null || t(e, s)) : (r.add(e), t == null || t(e, B)), r;
+      });
+    },
+    [t]
+  );
+  return /* @__PURE__ */ o(b, { className: L("Bear-TreeView bear-select-none", f), children: c.map((e) => /* @__PURE__ */ o(
+    A,
+    {
+      node: e,
+      depth: T,
+      size: h,
+      selectedId: a,
+      checkedIds: n,
+      expandedIds: S,
+      showCheckboxes: p,
+      showLines: w,
+      onSelect: i,
+      onCheck: d,
+      onToggle: x
+    },
+    e.id
+  )) });
 };
 export {
-  P as TreeView
+  D as TreeView
 };

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

@@ -7,6 +7,32 @@ export interface TreeNode {
     disabled?: boolean;
     data?: unknown;
 }
+export interface TreeViewExpandControlProps {
+    hasChildren: boolean;
+    isExpanded: boolean;
+    nodeId: string;
+    iconClassName: string;
+    onToggle: (nodeId: string) => void;
+}
+export interface TreeViewNodeIconProps {
+    icon?: ReactNode;
+    hasChildren: boolean;
+    isExpanded: boolean;
+    iconClassName: string;
+}
+export interface TreeViewNodeProps {
+    node: TreeNode;
+    depth: number;
+    size: NonNullable<TreeViewProps['size']>;
+    selectedId?: string;
+    checkedIds: string[];
+    expandedIds: Set<string>;
+    showCheckboxes: boolean;
+    showLines: boolean;
+    onSelect?: (node: TreeNode) => void;
+    onCheck?: (nodeId: string, checked: boolean) => void;
+    onToggle: (nodeId: string) => void;
+}
 export interface TreeViewProps {
     testId?: string;
     id?: string;

package/dist/components/TreeView/components/TreeViewExpandControl/TreeViewExpandControl.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../../Box/Box.cjs"),l=require("../../../Button/Button.cjs"),d=require("@forgedevstack/bear-icons"),n=require("../../../../utils/cn.cjs");require("react");const b=o=>{const{hasChildren:t,isExpanded:a,nodeId:s,iconClassName:r,onToggle:i}=o;return t?e.jsx(l.Button,{type:"button",variant:"ghost",iconOnly:!0,className:"bear-p-0.5 bear-rounded hover:bear-bg-zinc-600",onClick:c=>{c.stopPropagation(),i(s)},children:e.jsx(d.ChevronRightIcon,{className:n.cn("bear-transition-transform",a&&"bear-rotate-90",r)})}):e.jsx(u.Box,{className:n.cn(r,"bear-opacity-0")})};exports.TreeViewExpandControl=b;

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

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

package/dist/components/TreeView/components/TreeViewExpandControl/TreeViewExpandControl.js

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Box as p } from "../../../Box/Box.js";
+import { Button as c } from "../../../Button/Button.js";
+import { ChevronRightIcon as l } from "@forgedevstack/bear-icons";
+import { cn as t } from "../../../../utils/cn.js";
+import "react";
+const x = (e) => {
+  const { hasChildren: n, isExpanded: a, nodeId: i, iconClassName: r, onToggle: s } = e;
+  return n ? /* @__PURE__ */ o(
+    c,
+    {
+      type: "button",
+      variant: "ghost",
+      iconOnly: !0,
+      className: "bear-p-0.5 bear-rounded hover:bear-bg-zinc-600",
+      onClick: (m) => {
+        m.stopPropagation(), s(i);
+      },
+      children: /* @__PURE__ */ o(l, { className: t("bear-transition-transform", a && "bear-rotate-90", r) })
+    }
+  ) : /* @__PURE__ */ o(p, { className: t(r, "bear-opacity-0") });
+};
+export {
+  x as TreeViewExpandControl
+};

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

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

package/dist/components/TreeView/components/TreeViewNode/TreeViewNode.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("../../../../constants/numbers.const.cjs"),T=require("../../../../utils/cn.cjs");require("react");const y=require("../../../Box/Box.cjs"),E=require("../../../Flex/Flex.cjs"),I=require("../../../Typography/Typography.cjs"),C=require("../../TreeView.const.cjs"),V=require("../TreeViewExpandControl/TreeViewExpandControl.cjs"),k=require("../TreeViewNodeIcon/TreeViewNodeIcon.cjs"),N=j=>{var m;const{node:e,depth:t,size:l,selectedId:b,checkedIds:p,expandedIds:x,showCheckboxes:h,showLines:u,onSelect:s,onCheck:i,onToggle:g}=j,n=C.TREE_VIEW_SIZE[l],c=!!(e.children&&e.children.length>d.ZERO),a=x.has(e.id),q=b===e.id,w=p.includes(e.id);return r.jsxs(y.Box,{children:[r.jsxs(E.Flex,{align:"center",className:T.cn("bear-gap-1 bear-rounded bear-transition-colors bear-cursor-pointer",n.padding,n.text,q?"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:t*n.indent+d.EIGHT},onClick:()=>!e.disabled&&(s==null?void 0:s(e)),children:[r.jsx(V.TreeViewExpandControl,{hasChildren:c,isExpanded:a,nodeId:e.id,iconClassName:n.icon,onToggle:g}),h?r.jsx("input",{type:"checkbox",checked:w,onChange:o=>{o.stopPropagation(),i==null||i(e.id,o.target.checked)},className:"bear-accent-primary-500",disabled:e.disabled}):null,r.jsx(k.TreeViewNodeIcon,{icon:e.icon,hasChildren:c,isExpanded:a,iconClassName:n.icon}),r.jsx(I.Typography,{className:"bear-flex-1",children:e.label})]}),c&&a?r.jsx(y.Box,{className:T.cn(u&&"bear-border-l bear-border-zinc-700 bear-ml-4"),children:(m=e.children)==null?void 0:m.map(o=>r.jsx(N,{node:o,depth:t+d.ONE,size:l,selectedId:b,checkedIds:p,expandedIds:x,showCheckboxes:h,showLines:u,onSelect:s,onCheck:i,onToggle:g},o.id))}):null]})};exports.TreeViewNode=N;

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

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

package/dist/components/TreeView/components/TreeViewNode/TreeViewNode.js

@@ -0,0 +1,97 @@
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { ZERO as T, EIGHT as k, ONE as C } from "../../../../constants/numbers.const.js";
+import { cn as E } from "../../../../utils/cn.js";
+import "react";
+import { Box as N } from "../../../Box/Box.js";
+import { Flex as w } from "../../../Flex/Flex.js";
+import { Typography as z } from "../../../Typography/Typography.js";
+import { TREE_VIEW_SIZE as V } from "../../TreeView.const.js";
+import { TreeViewExpandControl as j } from "../TreeViewExpandControl/TreeViewExpandControl.js";
+import { TreeViewNodeIcon as B } from "../TreeViewNodeIcon/TreeViewNodeIcon.js";
+const L = (u) => {
+  var g;
+  const {
+    node: e,
+    depth: s,
+    size: t,
+    selectedId: l,
+    checkedIds: p,
+    expandedIds: m,
+    showCheckboxes: b,
+    showLines: h,
+    onSelect: n,
+    onCheck: a,
+    onToggle: x
+  } = u, o = V[t], d = !!(e.children && e.children.length > T), c = m.has(e.id), y = l === e.id, I = p.includes(e.id);
+  return /* @__PURE__ */ f(N, { children: [
+    /* @__PURE__ */ f(
+      w,
+      {
+        align: "center",
+        className: E(
+          "bear-gap-1 bear-rounded bear-transition-colors bear-cursor-pointer",
+          o.padding,
+          o.text,
+          y ? "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: s * o.indent + k },
+        onClick: () => !e.disabled && (n == null ? void 0 : n(e)),
+        children: [
+          /* @__PURE__ */ r(
+            j,
+            {
+              hasChildren: d,
+              isExpanded: c,
+              nodeId: e.id,
+              iconClassName: o.icon,
+              onToggle: x
+            }
+          ),
+          b ? /* @__PURE__ */ r(
+            "input",
+            {
+              type: "checkbox",
+              checked: I,
+              onChange: (i) => {
+                i.stopPropagation(), a == null || a(e.id, i.target.checked);
+              },
+              className: "bear-accent-primary-500",
+              disabled: e.disabled
+            }
+          ) : null,
+          /* @__PURE__ */ r(
+            B,
+            {
+              icon: e.icon,
+              hasChildren: d,
+              isExpanded: c,
+              iconClassName: o.icon
+            }
+          ),
+          /* @__PURE__ */ r(z, { className: "bear-flex-1", children: e.label })
+        ]
+      }
+    ),
+    d && c ? /* @__PURE__ */ r(N, { className: E(h && "bear-border-l bear-border-zinc-700 bear-ml-4"), children: (g = e.children) == null ? void 0 : g.map((i) => /* @__PURE__ */ r(
+      L,
+      {
+        node: i,
+        depth: s + C,
+        size: t,
+        selectedId: l,
+        checkedIds: p,
+        expandedIds: m,
+        showCheckboxes: b,
+        showLines: h,
+        onSelect: n,
+        onCheck: a,
+        onToggle: x
+      },
+      i.id
+    )) }) : null
+  ] });
+};
+export {
+  L as TreeViewNode
+};

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

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

package/dist/components/TreeView/components/TreeViewNodeIcon/TreeViewNodeIcon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("@forgedevstack/bear-icons"),t=require("../../../../utils/cn.cjs");require("react");const l=c=>{const{icon:e,hasChildren:s,isExpanded:i,iconClassName:r}=c;return e||(s?i?n.jsx(o.FolderOpenIcon,{className:t.cn(r,"bear-text-yellow-500")}):n.jsx(o.FolderIcon,{className:t.cn(r,"bear-text-yellow-500")}):null)};exports.TreeViewNodeIcon=l;

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

@@ -0,0 +1,2 @@
+import { TreeViewNodeIconProps } from '../../TreeView.types';
+export declare const TreeViewNodeIcon: (props: TreeViewNodeIconProps) => string | number | true | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TreeView/components/TreeViewNodeIcon/TreeViewNodeIcon.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import { FolderOpenIcon as s, FolderIcon as a } from "@forgedevstack/bear-icons";
+import { cn as n } from "../../../../utils/cn.js";
+import "react";
+const f = (t) => {
+  const { icon: e, hasChildren: i, isExpanded: l, iconClassName: r } = t;
+  return e || (i ? l ? /* @__PURE__ */ o(s, { className: n(r, "bear-text-yellow-500") }) : /* @__PURE__ */ o(a, { className: n(r, "bear-text-yellow-500") }) : null);
+};
+export {
+  f as TreeViewNodeIcon
+};

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

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

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

@@ -0,0 +1,3 @@
+export { TreeViewExpandControl } from './TreeViewExpandControl';
+export { TreeViewNode } from './TreeViewNode';
+export { TreeViewNodeIcon } from './TreeViewNodeIcon';

package/dist/components/Typography/Typography.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),c=require("react"),O=require("../../context/BearProvider.cjs"),q=require("../GradientText/GradientText.cjs"),v=require("../Typewriter/Typewriter.cjs"),r=require("./Typography.const.cjs"),G=require("../../utils/cn.cjs"),j=A=>{const{variant:t=r.DEFAULT_VARIANT,component:u,align:f,weight:g,color:a=r.DEFAULT_COLOR,truncate:y=!1,maxLines:l,italic:C=!1,underline:b=!1,strikethrough:L=!1,noWrap:_=!1,inline:S=!1,paragraph:x=!1,lineHeight:T,gradient:p,typewriter:n,children:E,className:I,style:B,testId:N,...W}=A,i=c.useContext(O.BearContext),s=r.BUILT_IN_VARIANTS.includes(t),e=c.useMemo(()=>{if(!(s||!(i!=null&&i.customTypography)))return i.customTypography[t]},[s,i==null?void 0:i.customTypography,t]),w=c.useMemo(()=>u||(e!=null&&e.component?e.component:s?r.VARIANT_MAP[t]:"span"),[u,e,s,t]),d=a&&!(a in r.COLOR_CLASSES),R=c.useMemo(()=>{if(!e)return{};const o={};return e.fontSize&&(o.fontSize=e.fontSize),e.lineHeight&&(o.lineHeight=e.lineHeight),e.letterSpacing&&(o.letterSpacing=e.letterSpacing),e.textTransform&&(o.textTransform=e.textTransform),e.fontFamily&&(o.fontFamily=e.fontFamily),e.fontWeight&&(o.fontWeight=typeof e.fontWeight=="number"?e.fontWeight:r.WEIGHT_VALUES[e.fontWeight]||400),o},[e]),m=n?h.jsx(v.Typewriter,{text:n.texts,loop:n.loop??!0,speed:n.speed,deleteSpeed:n.deleteSpeed,cursor:n.cursor??!0,cursorChar:n.cursorChar,as:"span"}):E,H=p&&Array.isArray(p)&&p.length>=2?h.jsx(q.GradientText,{colors:p,className:S?"bear-inline":void 0,children:m}):m;return h.jsx(w,{className:G.cn("Bear-Typography",`Bear-Typography--${t}`,s&&r.VARIANT_CLASSES[t],g&&r.WEIGHT_CLASSES[g],f&&r.ALIGN_CLASSES[f],!d&&a&&r.COLOR_CLASSES[a],T&&r.LINE_HEIGHT_CLASSES[T],C&&"Bear-Typography--italic bear-italic",b&&"Bear-Typography--underline bear-underline",L&&"Bear-Typography--strikethrough bear-line-through",_&&"bear-whitespace-nowrap",S&&"bear-inline",x&&"bear-mb-4",y&&!l&&"Bear-Typography--truncate bear-truncate",y&&l&&"bear-overflow-hidden",I),style:{...R,...B,...d&&{color:a},...y&&l&&{display:"-webkit-box",WebkitLineClamp:l,WebkitBoxOrient:"vertical"}},"data-testid":N,...W,children:H})};exports.Typography=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),k=require("react"),G=require("../../context/BearProvider.cjs"),r=require("../../constants/generals.const.cjs"),U=require("../Typewriter/Typewriter.cjs"),e=require("./Typography.const.cjs"),l=require("./Typography.utils.cjs"),j=require("../../utils/cn.cjs"),H=d=>{var E;const{variant:o=e.DEFAULT_VARIANT,component:O,align:y,weight:A,color:n=e.DEFAULT_COLOR,truncate:s=r.BOOLEAN_FALSE,maxLines:a,italic:T=r.BOOLEAN_FALSE,underline:g=r.BOOLEAN_FALSE,strikethrough:_=r.BOOLEAN_FALSE,noWrap:B=r.BOOLEAN_FALSE,inline:u=r.BOOLEAN_FALSE,paragraph:C=r.BOOLEAN_FALSE,lineHeight:L,gradient:N,typewriter:t,children:b,className:m,style:I,testId:R,...w}=d,p=k.useContext(G.BearContext),c=e.BUILT_IN_VARIANTS.includes(o),i=c||(E=p==null?void 0:p.customTypography)==null?void 0:E[o],x=O??(i==null?void 0:i.component)??(c?e.VARIANT_MAP[o]:"span"),S=!!(n&&!(n in e.COLOR_CLASSES)),F=l.resolveCustomTypographyStyles(i),q=t?h.jsx(U.Typewriter,{text:t.texts,loop:t.loop??r.BOOLEAN_TRUE,speed:t.speed,deleteSpeed:t.deleteSpeed,cursor:t.cursor??r.BOOLEAN_TRUE,cursorChar:t.cursorChar,as:"span"}):b,v=l.wrapTypographyGradient(q,l.resolveGradientPair(N),u);return h.jsx(x,{className:j.cn("Bear-Typography",`Bear-Typography--${o}`,c&&e.VARIANT_CLASSES[o],A&&e.WEIGHT_CLASSES[A],y&&e.ALIGN_CLASSES[y],!S&&n&&e.COLOR_CLASSES[n],L&&e.LINE_HEIGHT_CLASSES[L],T&&"Bear-Typography--italic bear-italic",g&&"Bear-Typography--underline bear-underline",_&&"Bear-Typography--strikethrough bear-line-through",B&&"bear-whitespace-nowrap",u&&"bear-inline",C&&"bear-mb-4",s&&!a&&"Bear-Typography--truncate bear-truncate",s&&a&&"bear-overflow-hidden",m),style:{...F,...I,...S?{color:n}:{},...s&&a?{display:"-webkit-box",WebkitLineClamp:a,WebkitBoxOrient:"vertical"}:{}},"data-testid":R,...w,children:v})};exports.Typography=H;

package/dist/components/Typography/Typography.d.ts

@@ -1,18 +1,3 @@
-import { FC } from 'react';
 import { TypographyProps } from './Typography.types';
-/**
- * Typography component for consistent text styling
- *
- * @example
- * ```tsx
- * // Built-in variants
- * <Typography variant="h1">Heading 1</Typography>
- * <Typography variant="body1" color="secondary">Body text</Typography>
- *
- * // Custom variants (defined in BearProvider)
- * <Typography variant="b250">Custom 25px text</Typography>
- * <Typography variant="display1">Large display text</Typography>
- * ```
- */
-export declare const Typography: FC<TypographyProps>;
+export declare const Typography: (props: TypographyProps) => import("react/jsx-runtime").JSX.Element;
 export default Typography;