@forgedevstack/bear 1.1.3 → 1.1.8

package/dist/components/Dock/Dock.js

@@ -1,35 +1,30 @@
-import { jsx as t, jsxs as S } from "react/jsx-runtime";
-import { useState as p, useRef as w, useCallback as m } from "react";
-import { cn as b } from "../../utils/cn.js";
-import { DEFAULT_ICON_SIZE as O, DEFAULT_MAGNIFIED_SIZE as A, DEFAULT_MAGNIFICATION_DISTANCE as C, DOCK_Z_INDEX as E, DOCK_PADDING as T, TOOLTIP_POSITION_CLASSES as L, SPRING_DURATION as B, ICON_SCALE_RATIO as M, DOCK_POSITION_CLASSES as F } from "./Dock.const.js";
-const j = (l, n, r, a, s) => {
-  if (n < 0) return a;
-  const i = Math.abs(l - n);
-  if (i > r) return a;
-  const c = 1 - i / (r + 1);
-  return a + (s - a) * c;
-}, z = (l) => {
+import { jsx as r, jsxs as S } from "react/jsx-runtime";
+import { useState as d, useRef as w, useCallback as c } from "react";
+import { cn as a } from "../../utils/cn.js";
+import { DEFAULT_ICON_SIZE as O, DEFAULT_MAGNIFIED_SIZE as A, DEFAULT_MAGNIFICATION_DISTANCE as C, DOCK_Z_INDEX as E, DOCK_PADDING as T, TOOLTIP_POSITION_CLASSES as L, SPRING_DURATION as B, ICON_SCALE_RATIO as z, DOCK_POSITION_CLASSES as F } from "./Dock.const.js";
+import { getScale as M } from "./Dock.utils.js";
+const K = (g) => {
   const {
-    items: n,
-    position: r = "bottom",
-    iconSize: a = O,
-    magnifiedSize: s = A,
-    magnification: i = !0,
-    magnificationDistance: c = C,
+    items: u,
+    position: b = "bottom",
+    iconSize: n = O,
+    magnifiedSize: p = A,
+    magnification: f = !0,
+    magnificationDistance: m = C,
     showLabels: _ = !0,
     className: h,
     style: x,
-    testId: D
-  } = l, [u, g] = p(-1), [I, f] = p(""), y = w(null), N = r === "left" || r === "right", k = m((e, o) => {
-    g(e), f(o.label);
-  }, []), v = m(() => {
-    g(-1), f("");
+    testId: I
+  } = g, [i, l] = d(-1), [D, s] = d(""), y = w(null), N = b === "left" || b === "right", k = c((e, t) => {
+    l(e), s(t.label);
+  }, []), v = c(() => {
+    l(-1), s("");
   }, []);
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ r(
     "div",
     {
       ref: y,
-      className: b(
+      className: a(
         "Bear-Dock",
         "bear-flex bear-items-end bear-gap-1",
         "bear-rounded-2xl bear-px-2 bear-py-1.5",
@@ -37,7 +32,7 @@ const j = (l, n, r, a, s) => {
         "bear-backdrop-blur-xl",
         "bear-border bear-border-gray-200/50 dark:bear-border-gray-700/50",
         "bear-shadow-lg",
-        F[r],
+        F[b],
         N && "bear-items-center",
         h
       ),
@@ -46,21 +41,21 @@ const j = (l, n, r, a, s) => {
         zIndex: E,
         ...x
       },
-      "data-testid": D,
+      "data-testid": I,
       role: "toolbar",
       "aria-label": "Dock",
       onMouseLeave: v,
-      children: n.map((e, o) => {
-        const d = i ? j(o, u, c, a, s) : a;
+      children: u.map((e, t) => {
+        const o = f ? M(t, i, m, n, p) : n;
         return /* @__PURE__ */ S(
           "div",
           {
             className: "Bear-Dock__item bear-relative bear-flex bear-flex-col bear-items-center",
             children: [
-              _ && u === o && I && /* @__PURE__ */ t(
+              _ && i === t && D && /* @__PURE__ */ r(
                 "div",
                 {
-                  className: b(
+                  className: a(
                     "Bear-Dock__tooltip",
                     "bear-absolute bear-whitespace-nowrap",
                     "bear-px-2 bear-py-1 bear-rounded-lg",
@@ -68,16 +63,16 @@ const j = (l, n, r, a, s) => {
                     "bear-text-white dark:bear-text-gray-900",
                     "bear-text-xs bear-font-medium",
                     "bear-shadow-md bear-pointer-events-none",
-                    L[r]
+                    L[b]
                   ),
                   role: "tooltip",
                   children: e.label
                 }
               ),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ r(
                 "button",
                 {
-                  className: b(
+                  className: a(
                     "Bear-Dock__button",
                     "bear-flex bear-items-center bear-justify-center bear-rounded-xl",
                     "bear-transition-all bear-origin-bottom",
@@ -86,32 +81,32 @@ const j = (l, n, r, a, s) => {
                     e.disabled && "bear-opacity-40 bear-cursor-not-allowed"
                   ),
                   style: {
-                    width: d,
-                    height: d,
+                    width: o,
+                    height: o,
                     transitionDuration: `${B}ms`,
                     transitionTimingFunction: "cubic-bezier(0.25, 0.1, 0.25, 1)"
                   },
                   onClick: e.disabled ? void 0 : e.onClick,
-                  onMouseEnter: () => k(o, e),
+                  onMouseEnter: () => k(t, e),
                   disabled: e.disabled,
                   "aria-label": e.label,
-                  children: /* @__PURE__ */ t(
+                  children: /* @__PURE__ */ r(
                     "span",
                     {
-                      className: b(
+                      className: a(
                         "Bear-Dock__icon",
                         "bear-flex bear-items-center bear-justify-center",
                         "bear-w-full bear-h-full bear-rounded-xl",
                         "bear-transition-transform",
                         e.active ? "bear-bg-[var(--bear-primary-500)] bear-text-white" : "bear-bg-gray-100 dark:bear-bg-gray-800"
                       ),
-                      style: { fontSize: d * M },
+                      style: { fontSize: o * z },
                       children: e.icon
                     }
                   )
                 }
               ),
-              e.badge !== void 0 && /* @__PURE__ */ t("span", { className: b(
+              e.badge !== void 0 && /* @__PURE__ */ r("span", { className: a(
                 "Bear-Dock__badge",
                 "bear-absolute bear--top-1 bear--right-1",
                 "bear-min-w-[18px] bear-h-[18px]",
@@ -120,10 +115,10 @@ const j = (l, n, r, a, s) => {
                 "bear-text-white bear-leading-none bear-px-1",
                 "bear-bg-[var(--bear-danger-500,#ef4444)]"
               ), children: e.badge }),
-              e.active && r === "bottom" && /* @__PURE__ */ t(
+              e.active && b === "bottom" && /* @__PURE__ */ r(
                 "div",
                 {
-                  className: b(
+                  className: a(
                     "Bear-Dock__dot",
                     "bear-w-1 bear-h-1 bear-rounded-full bear-mt-0.5",
                     "bear-bg-[var(--bear-primary-500)]"
@@ -140,5 +135,5 @@ const j = (l, n, r, a, s) => {
   );
 };
 export {
-  z as Dock
+  K as Dock
 };

package/dist/components/Dock/Dock.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=(n,r,o,t,u)=>{if(r<0)return t;const c=Math.abs(n-r);if(c>o)return t;const e=1-c/(o+1);return t+(u-t)*e};exports.getScale=f;

package/dist/components/Dock/Dock.utils.d.ts

@@ -0,0 +1 @@
+export declare const getScale: (index: number, hoverIndex: number, distance: number, baseSize: number, maxSize: number) => number;

package/dist/components/Dock/Dock.utils.js

@@ -0,0 +1,10 @@
+const g = (o, r, f, t, c) => {
+  if (r < 0) return t;
+  const n = Math.abs(o - r);
+  if (n > f) return t;
+  const u = 1 - n / (f + 1);
+  return t + (c - t) * u;
+};
+export {
+  g as getScale
+};

package/dist/components/Dropdown/Dropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),h=require("../../utils/cn.cjs"),_={xs:"bear-text-xs bear-py-1 bear-px-2",sm:"bear-text-sm bear-py-1.5 bear-px-3",md:"bear-text-sm bear-py-2 bear-px-3",lg:"bear-text-base bear-py-2.5 bear-px-4",xl:"bear-text-lg bear-py-3 bear-px-5"},B={"bottom-start":"bear-top-full bear-left-0 bear-mt-1","bottom-end":"bear-top-full bear-right-0 bear-mt-1",bottom:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-1","top-start":"bear-bottom-full bear-left-0 bear-mb-1","top-end":"bear-bottom-full bear-right-0 bear-mb-1",top:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-1",left:"bear-right-full bear-top-0 bear-mr-1",right:"bear-left-full bear-top-0 bear-ml-1"},K=({trigger:x,items:i,open:k,defaultOpen:N=!1,placement:S="bottom-start",offset:U=4,matchWidth:C=!1,minWidth:D=150,maxHeight:I=300,size:R="md",closeOnSelect:m=!0,closeOnClickOutside:v=!0,disabled:w=!1,onOpenChange:u,className:L,testId:A,...q})=>{var j;const[M,W]=r.useState(N),[o,d]=r.useState(-1),p=r.useRef(null),z=r.useRef(null),E=r.useRef(null),g=k!==void 0,b=g?k:M,f=r.useCallback(e=>{g||W(e),u==null||u(e)},[g,u]),F=r.useCallback(()=>{w||f(!b)},[w,b,f]),l=r.useCallback(()=>{f(!1),d(-1)},[f]),y=r.useCallback(e=>{var t;e.disabled||e.divider||e.header||((t=e.onClick)==null||t.call(e),m&&!e.items&&l())},[m,l]);r.useEffect(()=>{if(!v||!b)return;const e=t=>{p.current&&!p.current.contains(t.target)&&l()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[b,v,l]),r.useEffect(()=>{if(!b)return;const e=i.filter(a=>!a.disabled&&!a.divider&&!a.header),t=a=>{switch(a.key){case"Escape":a.preventDefault(),l();break;case"ArrowDown":a.preventDefault(),d(c=>{const s=c+1;return s>=e.length?0:s});break;case"ArrowUp":a.preventDefault(),d(c=>{const s=c-1;return s<0?e.length-1:s});break;case"Enter":case" ":a.preventDefault(),o>=0&&o<e.length&&y(e[o]);break}};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[b,i,o,l,y]),r.useEffect(()=>{b||d(-1)},[b]);const P=(e,t)=>{if(e.divider)return n.jsx("div",{className:"bear-my-1 bear-mx-2 bear-h-px bear-bg-gray-200 dark:bear-bg-gray-700",role:"separator"},e.key);if(e.header)return n.jsx("div",{className:"bear-px-3 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider bear-text-gray-500 dark:bear-text-gray-400",children:e.label},e.key);const a=i.slice(0,t).filter(s=>!s.disabled&&!s.divider&&!s.header).length,c=o===a;return n.jsxs("button",{type:"button",role:"menuitem",disabled:e.disabled,onClick:()=>y(e),onMouseEnter:()=>d(a),className:h.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-border-none bear-bg-transparent",_[R],"bear-transition-colors bear-cursor-pointer",c&&"bear-bg-gray-100 dark:bear-bg-gray-800",e.danger?"bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20":"bear-text-gray-700 dark:bear-text-gray-200 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"),children:[e.icon&&n.jsx("span",{className:"bear-flex-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center",children:e.icon}),n.jsx("span",{className:"bear-flex-1",children:e.label}),e.trailing&&n.jsx("span",{className:"bear-flex-shrink-0 bear-text-gray-400",children:e.trailing}),e.items&&n.jsx("svg",{className:"bear-w-4 bear-h-4 bear-text-gray-400",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:n.jsx("polyline",{points:"9 18 15 12 9 6"})})]},e.key)},T=r.isValidElement(x)?r.cloneElement(x,{onClick:F,ref:E,"aria-expanded":b,"aria-haspopup":!0}):x;return n.jsxs("div",{ref:p,className:h.cn("bear-relative bear-inline-block",L),"data-testid":A,...q,children:[T,b&&n.jsx("div",{ref:z,role:"menu",className:h.cn("bear-absolute bear-z-50","bear-bg-white dark:bear-bg-gray-900","bear-border bear-border-gray-200 dark:bear-border-gray-700","bear-rounded-lg bear-shadow-lg","bear-py-1 bear-overflow-y-auto","bear-animate-in bear-fade-in-0 bear-zoom-in-95 bear-duration-100",B[S]),style:{minWidth:C?(j=E.current)==null?void 0:j.offsetWidth:D,maxHeight:I},children:i.map((e,t)=>P(e,t))})]})};exports.Dropdown=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),r=require("react"),y=require("../../utils/cn.cjs"),B=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const K={xs:"bear-text-xs bear-py-1 bear-px-2",sm:"bear-text-sm bear-py-1.5 bear-px-3",md:"bear-text-sm bear-py-2 bear-px-3",lg:"bear-text-base bear-py-2.5 bear-px-4",xl:"bear-text-lg bear-py-3 bear-px-5"},U={"bottom-start":"bear-top-full bear-left-0 bear-mt-1","bottom-end":"bear-top-full bear-right-0 bear-mt-1",bottom:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-1","top-start":"bear-bottom-full bear-left-0 bear-mb-1","top-end":"bear-bottom-full bear-right-0 bear-mb-1",top:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-1",left:"bear-right-full bear-top-0 bear-mr-1",right:"bear-left-full bear-top-0 bear-ml-1"},V=({trigger:x,items:i,open:k,defaultOpen:C=!1,placement:N="bottom-start",offset:Z=4,matchWidth:S=!1,minWidth:D=150,maxHeight:I=300,size:R="md",closeOnSelect:h=!0,closeOnClickOutside:m=!0,disabled:v=!1,onOpenChange:u,className:q,testId:A,...L})=>{var j;const[M,W]=r.useState(C),[o,d]=r.useState(-1),w=r.useRef(null),z=r.useRef(null),E=r.useRef(null),p=k!==void 0,t=p?k:M,f=r.useCallback(e=>{p||W(e),u==null||u(e)},[p,u]),F=r.useCallback(()=>{v||f(!t)},[v,t,f]),l=r.useCallback(()=>{f(!1),d(-1)},[f]),g=r.useCallback(e=>{var s;e.disabled||e.divider||e.header||((s=e.onClick)==null||s.call(e),h&&!e.items&&l())},[h,l]),P=r.useCallback(()=>{t&&m&&l()},[t,m,l]);B.useClickOutside(w,P),r.useEffect(()=>{if(!t)return;const e=i.filter(a=>!a.disabled&&!a.divider&&!a.header),s=a=>{switch(a.key){case"Escape":a.preventDefault(),l();break;case"ArrowDown":a.preventDefault(),d(c=>{const n=c+1;return n>=e.length?0:n});break;case"ArrowUp":a.preventDefault(),d(c=>{const n=c-1;return n<0?e.length-1:n});break;case"Enter":case" ":a.preventDefault(),o>=0&&o<e.length&&g(e[o]);break}};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[t,i,o,l,g]),r.useEffect(()=>{t||d(-1)},[t]);const T=(e,s)=>{if(e.divider)return b.jsx("div",{className:"bear-my-1 bear-mx-2 bear-h-px bear-bg-gray-200 dark:bear-bg-gray-700",role:"separator"},e.key);if(e.header)return b.jsx("div",{className:"bear-px-3 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider bear-text-gray-500 dark:bear-text-gray-400",children:e.label},e.key);const a=i.slice(0,s).filter(n=>!n.disabled&&!n.divider&&!n.header).length,c=o===a;return b.jsxs("button",{type:"button",role:"menuitem",disabled:e.disabled,onClick:()=>g(e),onMouseEnter:()=>d(a),className:y.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-border-none bear-bg-transparent",K[R],"bear-transition-colors bear-cursor-pointer",c&&"bear-bg-gray-100 dark:bear-bg-gray-800",e.danger?"bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20":"bear-text-gray-700 dark:bear-text-gray-200 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"),children:[e.icon&&b.jsx("span",{className:"bear-flex-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center",children:e.icon}),b.jsx("span",{className:"bear-flex-1",children:e.label}),e.trailing&&b.jsx("span",{className:"bear-flex-shrink-0 bear-text-gray-400",children:e.trailing}),e.items&&b.jsx("svg",{className:"bear-w-4 bear-h-4 bear-text-gray-400",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:b.jsx("polyline",{points:"9 18 15 12 9 6"})})]},e.key)},_=r.isValidElement(x)?r.cloneElement(x,{onClick:F,ref:E,"aria-expanded":t,"aria-haspopup":!0}):x;return b.jsxs("div",{ref:w,className:y.cn("bear-relative bear-inline-block",q),"data-testid":A,...L,children:[_,t&&b.jsx("div",{ref:z,role:"menu",className:y.cn("bear-absolute bear-z-50","bear-bg-white dark:bear-bg-gray-900","bear-border bear-border-gray-200 dark:bear-border-gray-700","bear-rounded-lg bear-shadow-lg","bear-py-1 bear-overflow-y-auto","bear-animate-in bear-fade-in-0 bear-zoom-in-95 bear-duration-100",U[N]),style:{minWidth:S?(j=E.current)==null?void 0:j.offsetWidth:D,maxHeight:I},children:i.map((e,s)=>T(e,s))})]})};exports.Dropdown=V;

package/dist/components/Dropdown/Dropdown.js

@@ -1,13 +1,16 @@
-import { jsxs as L, jsx as n } from "react/jsx-runtime";
-import { useState as S, useRef as y, useCallback as u, useEffect as h, isValidElement as Z, cloneElement as q } from "react";
-import { cn as k } from "../../utils/cn.js";
-const G = {
+import { jsxs as D, jsx as n } from "react/jsx-runtime";
+import { useState as S, useRef as y, useCallback as i, useEffect as C, isValidElement as q, cloneElement as G } from "react";
+import { cn as m } from "../../utils/cn.js";
+import { useClickOutside as H } from "../../hooks/useClickOutside.js";
+import "../../context/BearProvider.js";
+import "../../hooks/useBearComponent/useBearComponent.js";
+const J = {
   xs: "bear-text-xs bear-py-1 bear-px-2",
   sm: "bear-text-sm bear-py-1.5 bear-px-3",
   md: "bear-text-sm bear-py-2 bear-px-3",
   lg: "bear-text-base bear-py-2.5 bear-px-4",
   xl: "bear-text-lg bear-py-3 bear-px-5"
-}, H = {
+}, Q = {
   "bottom-start": "bear-top-full bear-left-0 bear-mt-1",
   "bottom-end": "bear-top-full bear-right-0 bear-mt-1",
   bottom: "bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-1",
@@ -16,72 +19,68 @@ const G = {
   top: "bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-1",
   left: "bear-right-full bear-top-0 bear-mr-1",
   right: "bear-left-full bear-top-0 bear-ml-1"
-}, $ = ({
+}, te = ({
   trigger: p,
   items: c,
-  open: v,
+  open: h,
   defaultOpen: A = !1,
-  placement: C = "bottom-start",
-  offset: J = 4,
+  placement: L = "bottom-start",
+  offset: X = 4,
   matchWidth: R = !1,
   minWidth: j = 150,
   maxHeight: W = 300,
   size: z = "md",
-  closeOnSelect: w = !0,
-  closeOnClickOutside: E = !0,
-  disabled: N = !1,
-  onOpenChange: i,
+  closeOnSelect: k = !0,
+  closeOnClickOutside: v = !0,
+  disabled: w = !1,
+  onOpenChange: f,
   className: F,
   testId: M,
   ..._
 }) => {
-  var D;
-  const [B, K] = S(A), [s, l] = S(-1), x = y(null), P = y(null), I = y(null), g = v !== void 0, t = g ? v : B, f = u((e) => {
-    g || K(e), i == null || i(e);
-  }, [g, i]), T = u(() => {
-    N || f(!t);
-  }, [N, t, f]), o = u(() => {
-    f(!1), l(-1);
-  }, [f]), m = u((e) => {
-    var a;
-    e.disabled || e.divider || e.header || ((a = e.onClick) == null || a.call(e), w && !e.items && o());
-  }, [w, o]);
-  h(() => {
-    if (!E || !t) return;
-    const e = (a) => {
-      x.current && !x.current.contains(a.target) && o();
-    };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [t, E, o]), h(() => {
-    if (!t) return;
-    const e = c.filter((r) => !r.disabled && !r.divider && !r.header), a = (r) => {
+  var I;
+  const [B, K] = S(A), [l, s] = S(-1), E = y(null), P = y(null), N = y(null), x = h !== void 0, a = x ? h : B, u = i((e) => {
+    x || K(e), f == null || f(e);
+  }, [x, f]), T = i(() => {
+    w || u(!a);
+  }, [w, a, u]), o = i(() => {
+    u(!1), s(-1);
+  }, [u]), g = i((e) => {
+    var t;
+    e.disabled || e.divider || e.header || ((t = e.onClick) == null || t.call(e), k && !e.items && o());
+  }, [k, o]), U = i(() => {
+    a && v && o();
+  }, [a, v, o]);
+  H(E, U), C(() => {
+    if (!a) return;
+    const e = c.filter((r) => !r.disabled && !r.divider && !r.header), t = (r) => {
       switch (r.key) {
         case "Escape":
           r.preventDefault(), o();
           break;
         case "ArrowDown":
-          r.preventDefault(), l((d) => {
+          r.preventDefault(), s((d) => {
             const b = d + 1;
             return b >= e.length ? 0 : b;
           });
           break;
         case "ArrowUp":
-          r.preventDefault(), l((d) => {
+          r.preventDefault(), s((d) => {
             const b = d - 1;
             return b < 0 ? e.length - 1 : b;
           });
           break;
         case "Enter":
         case " ":
-          r.preventDefault(), s >= 0 && s < e.length && m(e[s]);
+          r.preventDefault(), l >= 0 && l < e.length && g(e[l]);
           break;
       }
     };
-    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
-  }, [t, c, s, o, m]), h(() => {
-    t || l(-1);
-  }, [t]);
-  const U = (e, a) => {
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [a, c, l, o, g]), C(() => {
+    a || s(-1);
+  }, [a]);
+  const V = (e, t) => {
     if (e.divider)
       return /* @__PURE__ */ n(
         "div",
@@ -100,18 +99,18 @@ const G = {
         },
         e.key
       );
-    const r = c.slice(0, a).filter((b) => !b.disabled && !b.divider && !b.header).length, d = s === r;
-    return /* @__PURE__ */ L(
+    const r = c.slice(0, t).filter((b) => !b.disabled && !b.divider && !b.header).length, d = l === r;
+    return /* @__PURE__ */ D(
       "button",
       {
         type: "button",
         role: "menuitem",
         disabled: e.disabled,
-        onClick: () => m(e),
-        onMouseEnter: () => l(r),
-        className: k(
+        onClick: () => g(e),
+        onMouseEnter: () => s(r),
+        className: m(
           "bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-border-none bear-bg-transparent",
-          G[z],
+          J[z],
           "bear-transition-colors bear-cursor-pointer",
           d && "bear-bg-gray-100 dark:bear-bg-gray-800",
           e.danger ? "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20" : "bear-text-gray-700 dark:bear-text-gray-200 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",
@@ -126,40 +125,40 @@ const G = {
       },
       e.key
     );
-  }, V = Z(p) ? q(p, {
+  }, Z = q(p) ? G(p, {
     onClick: T,
-    ref: I,
-    "aria-expanded": t,
+    ref: N,
+    "aria-expanded": a,
     "aria-haspopup": !0
   }) : p;
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ D(
     "div",
     {
-      ref: x,
-      className: k("bear-relative bear-inline-block", F),
+      ref: E,
+      className: m("bear-relative bear-inline-block", F),
       "data-testid": M,
       ..._,
       children: [
-        V,
-        t && /* @__PURE__ */ n(
+        Z,
+        a && /* @__PURE__ */ n(
           "div",
           {
             ref: P,
             role: "menu",
-            className: k(
+            className: m(
               "bear-absolute bear-z-50",
               "bear-bg-white dark:bear-bg-gray-900",
               "bear-border bear-border-gray-200 dark:bear-border-gray-700",
               "bear-rounded-lg bear-shadow-lg",
               "bear-py-1 bear-overflow-y-auto",
               "bear-animate-in bear-fade-in-0 bear-zoom-in-95 bear-duration-100",
-              H[C]
+              Q[L]
             ),
             style: {
-              minWidth: R ? (D = I.current) == null ? void 0 : D.offsetWidth : j,
+              minWidth: R ? (I = N.current) == null ? void 0 : I.offsetWidth : j,
               maxHeight: W
             },
-            children: c.map((e, a) => U(e, a))
+            children: c.map((e, t) => V(e, t))
           }
         )
       ]
@@ -167,5 +166,5 @@ const G = {
   );
 };
 export {
-  $ as Dropdown
+  te as Dropdown
 };

package/dist/components/Fieldset/Fieldset.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),y=require("../../utils/cn.cjs");require("react");const i=require("../Typography/Typography.cjs"),e=require("./Fieldset.const.cjs"),n=({legend:t,description:s,variant:c="default",radius:o="md",disabled:a=!1,children:l,testId:d,className:S,...u})=>r.jsxs("fieldset",{disabled:a,className:y.cn(e.ROOT_CLASS,e.VARIANT_CLASSES[c],e.RADIUS_MAP[o],a&&"bear-opacity-50 bear-pointer-events-none",S),"data-testid":d,...u,children:[t&&r.jsx("legend",{className:e.LEGEND_CLASSES,children:r.jsx(i.Typography,{variant:"body2",weight:"medium",children:t})}),s&&r.jsx(i.Typography,{variant:"caption",color:"secondary",className:t?e.DESCRIPTION_CLASSES:"bear-mb-3 bear-block",children:s}),l]});n.displayName="Fieldset";exports.Fieldset=n;

package/dist/components/Fieldset/Fieldset.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={default:"bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-bg-transparent",filled:"bear-border-0 bear-bg-gray-50 dark:bear-bg-gray-800/50",unstyled:"bear-border-0 bear-bg-transparent"},e={sm:"bear-rounded-sm",md:"bear-rounded-md",lg:"bear-rounded-lg"},a="bear-px-2 bear-ml-2 bear-text-gray-900 dark:bear-text-gray-100",b="bear-mt-1 bear-mb-3 bear-text-gray-600 dark:bear-text-gray-400",t="Bear-Fieldset bear-w-full bear-p-4 bear-pt-5";exports.DESCRIPTION_CLASSES=b;exports.LEGEND_CLASSES=a;exports.RADIUS_MAP=e;exports.ROOT_CLASS=t;exports.VARIANT_CLASSES=r;

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

@@ -0,0 +1,5 @@
+export declare const VARIANT_CLASSES: Record<'default' | 'filled' | 'unstyled', string>;
+export declare const RADIUS_MAP: Record<'sm' | 'md' | 'lg', string>;
+export declare const LEGEND_CLASSES = "bear-px-2 bear-ml-2 bear-text-gray-900 dark:bear-text-gray-100";
+export declare const DESCRIPTION_CLASSES = "bear-mt-1 bear-mb-3 bear-text-gray-600 dark:bear-text-gray-400";
+export declare const ROOT_CLASS = "Bear-Fieldset bear-w-full bear-p-4 bear-pt-5";

package/dist/components/Fieldset/Fieldset.const.js

@@ -0,0 +1,16 @@
+const r = {
+  default: "bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-bg-transparent",
+  filled: "bear-border-0 bear-bg-gray-50 dark:bear-bg-gray-800/50",
+  unstyled: "bear-border-0 bear-bg-transparent"
+}, e = {
+  sm: "bear-rounded-sm",
+  md: "bear-rounded-md",
+  lg: "bear-rounded-lg"
+}, a = "bear-px-2 bear-ml-2 bear-text-gray-900 dark:bear-text-gray-100", b = "bear-mt-1 bear-mb-3 bear-text-gray-600 dark:bear-text-gray-400", t = "Bear-Fieldset bear-w-full bear-p-4 bear-pt-5";
+export {
+  b as DESCRIPTION_CLASSES,
+  a as LEGEND_CLASSES,
+  e as RADIUS_MAP,
+  t as ROOT_CLASS,
+  r as VARIANT_CLASSES
+};

package/dist/components/Fieldset/Fieldset.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { FieldsetProps } from './Fieldset.types';
+export declare const Fieldset: FC<FieldsetProps>;
+export default Fieldset;

package/dist/components/Fieldset/Fieldset.js

@@ -0,0 +1,47 @@
+import { jsxs as S, jsx as r } from "react/jsx-runtime";
+import { cn as d } from "../../utils/cn.js";
+import "react";
+import { Typography as o } from "../Typography/Typography.js";
+import { LEGEND_CLASSES as p, DESCRIPTION_CLASSES as A, RADIUS_MAP as f, VARIANT_CLASSES as N, ROOT_CLASS as b } from "./Fieldset.const.js";
+const h = ({
+  legend: e,
+  description: a,
+  variant: i = "default",
+  radius: m = "md",
+  disabled: t = !1,
+  children: s,
+  testId: c,
+  className: l,
+  ...n
+}) => /* @__PURE__ */ S(
+  "fieldset",
+  {
+    disabled: t,
+    className: d(
+      b,
+      N[i],
+      f[m],
+      t && "bear-opacity-50 bear-pointer-events-none",
+      l
+    ),
+    "data-testid": c,
+    ...n,
+    children: [
+      e && /* @__PURE__ */ r("legend", { className: p, children: /* @__PURE__ */ r(o, { variant: "body2", weight: "medium", children: e }) }),
+      a && /* @__PURE__ */ r(
+        o,
+        {
+          variant: "caption",
+          color: "secondary",
+          className: e ? A : "bear-mb-3 bear-block",
+          children: a
+        }
+      ),
+      s
+    ]
+  }
+);
+h.displayName = "Fieldset";
+export {
+  h as Fieldset
+};

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

@@ -0,0 +1,10 @@
+import { ReactNode, FieldsetHTMLAttributes } from 'react';
+export interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    legend?: string;
+    description?: string;
+    variant?: 'default' | 'filled' | 'unstyled';
+    radius?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children: ReactNode;
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Fieldset, default } from './Fieldset';
+export type { FieldsetProps } from './Fieldset.types';

package/dist/components/FileTree/FileTree.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),b=require("../TreeView/TreeView.cjs"),T=require("../Icon/index.cjs"),j=()=>t.jsx(T.BearIcons.ArticleIcon,{size:"xs",className:"bear-text-gray-400"});function l(e,a=0){var r;const s=e.children&&e.children.length>0,i=e.type==="folder"||s;return{id:e.id,label:e.label,disabled:e.disabled,data:e.data,icon:e.icon??(i?void 0:t.jsx(j,{})),children:(r=e.children)==null?void 0:r.map(c=>l(c,a+1))}}const m=({items:e,selectedId:a,defaultExpandedIds:s=[],onSelect:i,onExpand:r,size:c="md",showLines:d=!1,className:n,testId:o})=>{const u=x.useMemo(()=>e.map(l),[e]);return t.jsx("div",{"data-testid":o,children:t.jsx(b.TreeView,{data:u,selectedId:a,defaultExpandedIds:s,onSelect:i?h=>i(h.data):void 0,onExpand:r,size:c,showLines:d,className:n})})};exports.FileTree=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),T=require("react"),x=require("../TreeView/TreeView.cjs"),j=require("../Icon/index.cjs"),m=require("./FileTree.utils.cjs"),q=r.jsx(j.BearIcons.ArticleIcon,{size:"xs",className:"bear-text-gray-400"}),F=({items:t,selectedId:s,defaultExpandedIds:o=[],onSelect:i,onExpand:a,size:c="md",showLines:n=!1,className:d,testId:l})=>{const u=T.useMemo(()=>t.map(e=>m.fileNodeToTreeNode(e,0,q)),[t]);return r.jsx("div",{"data-testid":l,children:r.jsx(x.TreeView,{data:u,selectedId:s,defaultExpandedIds:o,onSelect:i?e=>i(e.data):void 0,onExpand:a,size:c,showLines:n,className:d})})};exports.FileTree=F;

package/dist/components/FileTree/FileTree.js

@@ -1,46 +1,34 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useMemo as h } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { useMemo as l } from "react";
 import { TreeView as p } from "../TreeView/TreeView.js";
-import { BearIcons as b } from "../Icon/index.js";
-const u = () => /* @__PURE__ */ t(b.ArticleIcon, { size: "xs", className: "bear-text-gray-400" });
-function c(e, a = 0) {
-  var i;
-  const l = e.children && e.children.length > 0, r = e.type === "folder" || l;
-  return {
-    id: e.id,
-    label: e.label,
-    disabled: e.disabled,
-    data: e.data,
-    icon: e.icon ?? (r ? void 0 : /* @__PURE__ */ t(u, {})),
-    children: (i = e.children) == null ? void 0 : i.map((o) => c(o, a + 1))
-  };
-}
-const I = ({
-  items: e,
+import { BearIcons as x } from "../Icon/index.js";
+import { fileNodeToTreeNode as T } from "./FileTree.utils.js";
+const I = /* @__PURE__ */ o(x.ArticleIcon, { size: "xs", className: "bear-text-gray-400" }), g = ({
+  items: r,
   selectedId: a,
-  defaultExpandedIds: l = [],
-  onSelect: r,
-  onExpand: i,
-  size: o = "md",
+  defaultExpandedIds: i = [],
+  onSelect: t,
+  onExpand: m,
+  size: s = "md",
   showLines: d = !1,
-  className: s,
+  className: c,
   testId: n
 }) => {
-  const m = h(() => e.map(c), [e]);
-  return /* @__PURE__ */ t("div", { "data-testid": n, children: /* @__PURE__ */ t(
+  const f = l(() => r.map((e) => T(e, 0, I)), [r]);
+  return /* @__PURE__ */ o("div", { "data-testid": n, children: /* @__PURE__ */ o(
     p,
     {
-      data: m,
+      data: f,
       selectedId: a,
-      defaultExpandedIds: l,
-      onSelect: r ? (f) => r(f.data) : void 0,
-      onExpand: i,
-      size: o,
+      defaultExpandedIds: i,
+      onSelect: t ? (e) => t(e.data) : void 0,
+      onExpand: m,
+      size: s,
       showLines: d,
-      className: s
+      className: c
     }
   ) });
 };
 export {
-  I as FileTree
+  g as FileTree
 };

package/dist/components/FileTree/FileTree.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e,d=0,i){var l;const t=e.children&&e.children.length>0,a=e.type==="folder"||t;return{id:e.id,label:e.label,disabled:e.disabled,data:e.data,icon:e.icon??(a?void 0:i),children:(l=e.children)==null?void 0:l.map(c=>r(c,d+1,i))}}exports.fileNodeToTreeNode=r;

package/dist/components/FileTree/FileTree.utils.d.ts

@@ -0,0 +1,4 @@
+import { TreeNode } from '../TreeView/TreeView.types';
+import { FileTreeNode } from './FileTree.types';
+import { ReactNode } from 'react';
+export declare function fileNodeToTreeNode(node: FileTreeNode, depth?: number, fileIcon?: ReactNode): TreeNode;

package/dist/components/FileTree/FileTree.utils.js

@@ -0,0 +1,15 @@
+function c(i, r = 0, l) {
+  var e;
+  const a = i.children && i.children.length > 0, d = i.type === "folder" || a;
+  return {
+    id: i.id,
+    label: i.label,
+    disabled: i.disabled,
+    data: i.data,
+    icon: i.icon ?? (d ? void 0 : l),
+    children: (e = i.children) == null ? void 0 : e.map((t) => c(t, r + 1, l))
+  };
+}
+export {
+  c as fileNodeToTreeNode
+};