@forgedevstack/bear 1.3.1 → 1.3.2

package/dist/components/RichEditor/helpers/toolbarItemRender.js

@@ -1,37 +1,37 @@
 import { jsx as o } from "react/jsx-runtime";
 import { SIXTEEN as l } from "../../../constants/numbers.const.js";
-import { TOOLBAR_ITEM_MORE as a, TOOLBAR_ITEM_CLEAR_FORMAT as O, COMMAND_REMOVE_FORMAT as S, TOOLBAR_ITEM_OUTDENT as s, COMMAND_OUTDENT as G, TOOLBAR_ITEM_INDENT as L, COMMAND_INDENT as B, TOOLBAR_ITEM_ALIGN_JUSTIFY as d, COMMAND_JUSTIFY_FULL as H, TOOLBAR_ITEM_ALIGN_RIGHT as A, COMMAND_JUSTIFY_RIGHT as F, TOOLBAR_ITEM_ALIGN_CENTER as R, COMMAND_JUSTIFY_CENTER as f, TOOLBAR_ITEM_ALIGN_LEFT as C, COMMAND_JUSTIFY_LEFT as k, TOOLBAR_ITEM_SIGNATURE as M, TOOLBAR_ITEM_IMAGE as N, TOOLBAR_ITEM_LINK as c, TOOLBAR_ITEM_HIGHLIGHT_COLOR as g, TOOLBAR_ITEM_TEXT_COLOR as h, TOOLBAR_ITEM_HEADING_DROPDOWN as p, TOOLBAR_ITEM_DIVIDER as b } from "../../../constants/generals.const.js";
-import { FormatClearIcon as u, IndentDecreaseIcon as U, IndentIncreaseIcon as z, AlignJustifyIcon as y, AlignRightIcon as v, AlignCenterIcon as J, AlignLeftIcon as Y, InsertPhotoIcon as P, InsertLinkIcon as V, TextIcon as X } from "../../Icon/icons/editor.js";
+import { TOOLBAR_ITEM_MORE as t, TOOLBAR_ITEM_CLEAR_FORMAT as s, COMMAND_REMOVE_FORMAT as S, TOOLBAR_ITEM_OUTDENT as O, COMMAND_OUTDENT as G, TOOLBAR_ITEM_INDENT as L, COMMAND_INDENT as B, TOOLBAR_ITEM_ALIGN_JUSTIFY as d, COMMAND_JUSTIFY_FULL as H, TOOLBAR_ITEM_ALIGN_RIGHT as A, COMMAND_JUSTIFY_RIGHT as F, TOOLBAR_ITEM_ALIGN_CENTER as R, COMMAND_JUSTIFY_CENTER as f, TOOLBAR_ITEM_ALIGN_LEFT as C, COMMAND_JUSTIFY_LEFT as k, TOOLBAR_ITEM_SIGNATURE as M, TOOLBAR_ITEM_IMAGE as N, TOOLBAR_ITEM_LINK as c, TOOLBAR_ITEM_HIGHLIGHT_COLOR as g, TOOLBAR_ITEM_TEXT_COLOR as h, TOOLBAR_ITEM_HEADING_DROPDOWN as p, TOOLBAR_ITEM_DIVIDER as m } from "../../../constants/generals.const.js";
+import { FormatClearIcon as u, IndentDecreaseIcon as U, IndentIncreaseIcon as z, AlignJustifyIcon as y, AlignRightIcon as v, AlignCenterIcon as J, AlignLeftIcon as Y, InsertPhotoIcon as P, InsertLinkIcon as X, TextIcon as V } from "../../../node_modules/@forgedevstack/bear-icons/dist/editor.js";
 import { ToolbarButton as n } from "../components/ToolbarButton/ToolbarButton.js";
 import { ToolbarDropdown as K } from "../components/ToolbarDropdown/ToolbarDropdown.js";
-import { ToolbarColorPicker as m } from "../components/ToolbarColorPicker/ToolbarColorPicker.js";
+import { ToolbarColorPicker as D } from "../components/ToolbarColorPicker/ToolbarColorPicker.js";
 import { ToolbarMore as w } from "../components/ToolbarMore/ToolbarMore.js";
 import { ToolbarSignature as $ } from "../components/ToolbarSignature/ToolbarSignature.js";
-import { RICH_EDITOR_BUTTON_CONFIG as j, RICH_EDITOR_MOBILE_MORE_ITEMS as W, RICH_EDITOR_DESKTOP_MORE_ITEMS as q, TITLE_CLEAR_FORMATTING as Q, TITLE_DECREASE_INDENT as Z, TITLE_INCREASE_INDENT as x, TITLE_JUSTIFY as ee, TITLE_ALIGN_RIGHT as oe, TITLE_ALIGN_CENTER as Te, TITLE_ALIGN_LEFT as ie, TITLE_INSERT_SIGNATURE as le, TITLE_INSERT_IMAGE as ne, TITLE_INSERT_LINK as Ie, TITLE_HIGHLIGHT_COLOR as _e, TITLE_TEXT_COLOR as re, TITLE_TEXT_STYLE as Ee, RICH_EDITOR_HEADING_OPTIONS as te } from "../RichEditor.const.js";
-import { RICH_EDITOR_ICONS as ae } from "./IconRender.js";
+import { RICH_EDITOR_BUTTON_CONFIG as j, RICH_EDITOR_MOBILE_MORE_ITEMS as W, RICH_EDITOR_DESKTOP_MORE_ITEMS as q, TITLE_CLEAR_FORMATTING as Q, TITLE_DECREASE_INDENT as Z, TITLE_INCREASE_INDENT as x, TITLE_JUSTIFY as ee, TITLE_ALIGN_RIGHT as oe, TITLE_ALIGN_CENTER as Te, TITLE_ALIGN_LEFT as ie, TITLE_INSERT_SIGNATURE as le, TITLE_INSERT_IMAGE as ne, TITLE_INSERT_LINK as Ie, TITLE_HIGHLIGHT_COLOR as _e, TITLE_TEXT_COLOR as re, TITLE_TEXT_STYLE as Ee, RICH_EDITOR_HEADING_OPTIONS as ae } from "../RichEditor.const.js";
+import { RICH_EDITOR_ICONS as te } from "./IconRender.js";
 const he = (e) => {
-  const T = e.disabled || e.readOnly, D = {
-    [b]: (i) => /* @__PURE__ */ o(
+  const T = e.disabled || e.readOnly, b = {
+    [m]: (i) => /* @__PURE__ */ o(
       "div",
       {
         className: "Bear-RichEditor__divider w-px h-5 bg-gray-300 dark:bg-zinc-600 mx-1"
       },
-      `${b}-${i}`
+      `${m}-${i}`
     ),
     [p]: () => /* @__PURE__ */ o(
       K,
       {
-        options: te,
+        options: ae,
         value: e.currentBlock,
         onChange: e.handleHeadingChange,
         title: Ee,
         disabled: T,
-        icon: /* @__PURE__ */ o(X, { size: l })
+        icon: /* @__PURE__ */ o(V, { size: l })
       },
       p
     ),
     [h]: () => /* @__PURE__ */ o(
-      m,
+      D,
       {
         value: e.textColorValue,
         onChange: e.handleTextColor,
@@ -44,7 +44,7 @@ const he = (e) => {
       h
     ),
     [g]: () => /* @__PURE__ */ o(
-      m,
+      D,
       {
         value: e.highlightColorValue,
         onChange: e.handleHighlightColor,
@@ -59,7 +59,7 @@ const he = (e) => {
     [c]: () => /* @__PURE__ */ o(
       n,
       {
-        icon: /* @__PURE__ */ o(V, { size: l }),
+        icon: /* @__PURE__ */ o(X, { size: l }),
         title: Ie,
         onClick: e.handleLink,
         disabled: T
@@ -135,7 +135,7 @@ const he = (e) => {
       },
       L
     ),
-    [s]: () => /* @__PURE__ */ o(
+    [O]: () => /* @__PURE__ */ o(
       n,
       {
         icon: /* @__PURE__ */ o(U, { size: l }),
@@ -143,9 +143,9 @@ const he = (e) => {
         onClick: () => e.execAlign(G),
         disabled: T
       },
-      s
+      O
     ),
-    [O]: () => /* @__PURE__ */ o(
+    [s]: () => /* @__PURE__ */ o(
       n,
       {
         icon: /* @__PURE__ */ o(u, { size: l }),
@@ -153,21 +153,21 @@ const he = (e) => {
         onClick: () => e.execAlign(S),
         disabled: T
       },
-      O
+      s
     ),
-    [a]: () => {
+    [t]: () => {
       const i = e.isMobile ? W : q;
-      return /* @__PURE__ */ o(w, { disabled: T, isMobile: e.isMobile, children: i.map((_, I) => r(_, I)) }, a);
+      return /* @__PURE__ */ o(w, { disabled: T, isMobile: e.isMobile, children: i.map((_, I) => r(_, I)) }, t);
     }
   }, r = (i, _) => {
-    const I = D[i];
+    const I = b[i];
     if (I)
       return I(_);
-    const E = j[i], t = ae[i];
-    return !E || !t ? null : /* @__PURE__ */ o(
+    const E = j[i], a = te[i];
+    return !E || !a ? null : /* @__PURE__ */ o(
       n,
       {
-        icon: t,
+        icon: a,
         title: E.title,
         active: e.activeFormats.has(i),
         onClick: () => e.handleFormat(i),

package/dist/components/RingProgress/RingProgress.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),O=require("../../utils/cn.cjs");require("react");const h=require("../../constants/numbers.const.cjs"),j=require("../../constants/generals.const.cjs"),R=require("./RingProgress.const.cjs"),e=require("./RingProgress.utils.cjs"),S=m=>{const{sections:o,size:i=R.DEFAULT_SIZE,thickness:n=R.DEFAULT_THICKNESS,roundCaps:E=j.BOOLEAN_FALSE,label:c,rootColor:a,className:L,testId:N,..._}=m,l=e.getRingTotal(o),{radius:g,circumference:d,center:s}=e.getRingMetrics(i,n);let u=h.ZERO;const x=E?e.STROKE_LINECAP_ROUND:e.STROKE_LINECAP_BUTT;return r.jsxs("div",{className:O.cn("Bear-RingProgress bear-relative bear-inline-flex",L),"data-testid":N,..._,children:[r.jsxs("svg",{width:i,height:i,className:"bear-rotate-[-90deg]",children:[r.jsx("circle",{cx:s,cy:s,r:g,fill:e.FILL_NONE,strokeWidth:n,className:a?void 0:"bear-stroke-gray-200 dark:bear-stroke-zinc-700",stroke:a}),l>h.ZERO&&o.map((t,f)=>{const b=e.getRingSegmentLength(t.value,l,d),k=-u;return u+=b,r.jsxs("g",{children:[r.jsx("circle",{cx:s,cy:s,r:g,fill:e.FILL_NONE,strokeWidth:n,stroke:t.color,strokeDasharray:`${b} ${d}`,strokeDashoffset:k,strokeLinecap:x}),t.tooltip&&r.jsx("title",{children:t.tooltip})]},f)})]}),c!==void 0&&r.jsx("div",{className:"bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center",children:e.renderRingLabel(c)})]})};exports.RingProgress=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("../../utils/cn.cjs");require("react");const L=require("../../constants/numbers.const.cjs"),O=require("../../constants/generals.const.cjs"),t=require("./RingProgress.const.cjs"),e=require("./RingProgress.utils.cjs"),j=b=>{const{sections:c,size:i=t.DEFAULT_SIZE,thickness:a=t.DEFAULT_THICKNESS,roundCaps:h=O.BOOLEAN_FALSE,label:l,rootColor:g,variant:d=t.RING_VARIANT_FULL,className:E,testId:A,...m}=b,u=e.getRingTotal(c),{radius:R,circumference:o,center:s}=e.getRingMetrics(i,a),I=d===t.RING_VARIANT_HALF?o*t.RING_HALF_SWEEP:o;let N=L.ZERO;const k=h?e.STROKE_LINECAP_ROUND:e.STROKE_LINECAP_BUTT;return r.jsxs("div",{className:f.cn("Bear-RingProgress bear-relative bear-inline-flex",E),"data-testid":A,...m,children:[r.jsxs("svg",{width:i,height:i,className:d===t.RING_VARIANT_HALF?"bear-rotate-[-180deg]":"bear-rotate-[-90deg]",children:[r.jsx("circle",{cx:s,cy:s,r:R,fill:e.FILL_NONE,strokeWidth:a,className:g?void 0:"bear-stroke-gray-200 dark:bear-stroke-zinc-700",stroke:g}),u>L.ZERO&&c.map((n,x)=>{const _=e.getRingSegmentLength(n.value,u,I),T=-N;return N+=_,r.jsxs("g",{children:[r.jsx("circle",{cx:s,cy:s,r:R,fill:e.FILL_NONE,strokeWidth:a,stroke:n.color,strokeDasharray:`${_} ${o}`,strokeDashoffset:T,strokeLinecap:k}),n.tooltip&&r.jsx("title",{children:n.tooltip})]},x)})]}),l!==void 0&&r.jsx("div",{className:"bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center",children:e.renderRingLabel(l)})]})};exports.RingProgress=j;

package/dist/components/RingProgress/RingProgress.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../constants/numbers.const.cjs"),e=E.ONE_HUNDRED_TWENTY,t=E.TWELVE;exports.DEFAULT_SIZE=e;exports.DEFAULT_THICKNESS=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../../constants/numbers.const.cjs"),A=_.ONE_HUNDRED_TWENTY,E=_.TWELVE,N="full",I="half",L=_.HALF;exports.DEFAULT_SIZE=A;exports.DEFAULT_THICKNESS=E;exports.RING_HALF_SWEEP=L;exports.RING_VARIANT_FULL=N;exports.RING_VARIANT_HALF=I;

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

@@ -1,2 +1,5 @@
 export declare const DEFAULT_SIZE = 120;
 export declare const DEFAULT_THICKNESS = 12;
+export declare const RING_VARIANT_FULL = "full";
+export declare const RING_VARIANT_HALF = "half";
+export declare const RING_HALF_SWEEP = 0.5;

package/dist/components/RingProgress/RingProgress.const.js

@@ -1,6 +1,9 @@
-import { ONE_HUNDRED_TWENTY as E, TWELVE as T } from "../../constants/numbers.const.js";
-const t = E, D = T;
+import { ONE_HUNDRED_TWENTY as E, TWELVE as _, HALF as A } from "../../constants/numbers.const.js";
+const o = E, L = _, T = "full", t = "half", I = A;
 export {
-  t as DEFAULT_SIZE,
-  D as DEFAULT_THICKNESS
+  o as DEFAULT_SIZE,
+  L as DEFAULT_THICKNESS,
+  I as RING_HALF_SWEEP,
+  T as RING_VARIANT_FULL,
+  t as RING_VARIANT_HALF
 };

package/dist/components/RingProgress/RingProgress.js

@@ -1,70 +1,71 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { cn as T } from "../../utils/cn.js";
+import { cn as v } from "../../utils/cn.js";
 import "react";
-import { ZERO as h } from "../../constants/numbers.const.js";
-import { BOOLEAN_FALSE as _ } from "../../constants/generals.const.js";
-import { DEFAULT_SIZE as v, DEFAULT_THICKNESS as x } from "./RingProgress.const.js";
-import { getRingTotal as S, FILL_NONE as p, getRingSegmentLength as A, STROKE_LINECAP_ROUND as C, STROKE_LINECAP_BUTT as I, renderRingLabel as y, getRingMetrics as D } from "./RingProgress.utils.js";
-const W = (b) => {
+import { ZERO as N } from "../../constants/numbers.const.js";
+import { BOOLEAN_FALSE as O } from "../../constants/generals.const.js";
+import { DEFAULT_SIZE as S, DEFAULT_THICKNESS as x, RING_VARIANT_FULL as F, RING_VARIANT_HALF as f, RING_HALF_SWEEP as C } from "./RingProgress.const.js";
+import { getRingTotal as y, FILL_NONE as R, getRingSegmentLength as D, STROKE_LINECAP_ROUND as P, STROKE_LINECAP_BUTT as U, renderRingLabel as j, getRingMetrics as B } from "./RingProgress.utils.js";
+const $ = (b) => {
   const {
-    sections: a,
-    size: s = v,
-    thickness: o = x,
-    roundCaps: E = _,
-    label: c,
-    rootColor: n,
-    className: L,
-    testId: N,
+    sections: c,
+    size: s = S,
+    thickness: a = x,
+    roundCaps: p = O,
+    label: n,
+    rootColor: l,
+    variant: m = F,
+    className: E,
+    testId: _,
     ...k
-  } = b, l = S(a), { radius: m, circumference: d, center: e } = D(s, o);
-  let g = h;
-  const u = E ? C : I;
+  } = b, d = y(c), { radius: g, circumference: o, center: e } = B(s, a), A = m === f ? o * C : o;
+  let h = N;
+  const I = p ? P : U;
   return /* @__PURE__ */ i(
     "div",
     {
-      className: T("Bear-RingProgress bear-relative bear-inline-flex", L),
-      "data-testid": N,
+      className: v("Bear-RingProgress bear-relative bear-inline-flex", E),
+      "data-testid": _,
       ...k,
       children: [
-        /* @__PURE__ */ i("svg", { width: s, height: s, className: "bear-rotate-[-90deg]", children: [
+        /* @__PURE__ */ i("svg", { width: s, height: s, className: m === f ? "bear-rotate-[-180deg]" : "bear-rotate-[-90deg]", children: [
           /* @__PURE__ */ t(
             "circle",
             {
               cx: e,
               cy: e,
-              r: m,
-              fill: p,
-              strokeWidth: o,
-              className: n ? void 0 : "bear-stroke-gray-200 dark:bear-stroke-zinc-700",
-              stroke: n
+              r: g,
+              fill: R,
+              strokeWidth: a,
+              className: l ? void 0 : "bear-stroke-gray-200 dark:bear-stroke-zinc-700",
+              stroke: l
             }
           ),
-          l > h && a.map((r, R) => {
-            const f = A(r.value, l, d), O = -g;
-            return g += f, /* @__PURE__ */ i("g", { children: [
+          d > N && c.map((r, u) => {
+            const L = D(r.value, d, A), T = -h;
+            return h += L, /* @__PURE__ */ i("g", { children: [
               /* @__PURE__ */ t(
                 "circle",
                 {
                   cx: e,
                   cy: e,
-                  r: m,
-                  fill: p,
-                  strokeWidth: o,
+                  r: g,
+                  fill: R,
+                  strokeWidth: a,
                   stroke: r.color,
-                  strokeDasharray: `${f} ${d}`,
-                  strokeDashoffset: O,
-                  strokeLinecap: u
+                  strokeDasharray: `${L} ${o}`,
+                  strokeDashoffset: T,
+                  strokeLinecap: I
                 }
               ),
               r.tooltip && /* @__PURE__ */ t("title", { children: r.tooltip })
-            ] }, R);
+            ] }, u);
           })
         ] }),
-        c !== void 0 && /* @__PURE__ */ t("div", { className: "bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center", children: y(c) })
+        n !== void 0 && /* @__PURE__ */ t("div", { className: "bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center", children: j(n) })
       ]
     }
   );
 };
 export {
-  W as RingProgress
+  $ as RingProgress
 };

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

@@ -12,5 +12,6 @@ export interface RingProgressProps extends HTMLAttributes<HTMLDivElement> {
     roundCaps?: boolean;
     label?: ReactNode;
     rootColor?: string;
+    variant?: 'full' | 'half';
     testId?: string;
 }

package/dist/components/Select/Select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),s=require("./Select.const.cjs"),I=require("../Icon/index.cjs"),V=require("../OverlayPortal/OverlayPortal.cjs"),i=require("../../utils/cn.cjs"),W=require("../../utils/generateBearId.utils.cjs"),X=require("../../utils/useBearId.cjs"),H=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const G=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.cjs"),J=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs"),K=require("../../hooks/useFormControl/useFormControl.cjs"),Q=C=>{const{options:v,value:l,onChange:t,placeholder:x=s.SELECT_DEFAULT_PLACEHOLDER,label:n,error:S,disabled:k=!1,required:A=!1,size:O="md",fullWidth:L=!1,displayEmpty:y=!1,renderValue:T,native:c=!1,className:j,id:P,testId:q}=C,{openEffect:F,closeEffect:B}=J.resolveOverlayEffects(C),$=X.useBearId("Select"),u=W.resolveBearId(P,$),a=K.useFormControl(),[b,E]=f.useState(!1),m=f.useRef(null),w=f.useRef(null),{style:D,ready:M}=G.useFixedAnchorPosition({anchorRef:m,open:b&&!c,offsetPx:s.SELECT_MENU_OFFSET_PX,matchWidth:!0}),d=k||!!(a!=null&&a.disabled),h=A||!!(a!=null&&a.required),o=!!S||!!(a!=null&&a.error),_=typeof S=="string"?S:void 0,g=v.find(e=>e.value===l),p=l===void 0||l==="",N=p||y&&p,U=f.useCallback(()=>E(!1),[]);H.useClickOutsideMultiple([m,w],U,{enabled:b&&!c&&!d});const Z=e=>{t==null||t(e),E(!1)},z=T&&!p?T(l):N||!g?x:g.label,R={backgroundColor:"var(--bear-bg-primary)",borderColor:o?void 0:"var(--bear-border-default)",color:g&&!N?"var(--bear-text-primary)":"var(--bear-text-muted)"};return c?r.jsxs("div",{id:u,"data-testid":q,className:i.cn(s.S_E_L_E_C_T_ROOT_CLASS,"bear-relative bear-flex bear-flex-col bear-gap-1.5",L&&"bear-w-full"),children:[n&&r.jsx("label",{htmlFor:`${u}-native`,className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:n}),r.jsxs("select",{id:`${u}-native`,disabled:d,required:h,value:l??"",onChange:e=>t==null?void 0:t(e.target.value),className:i.cn(`${s.S_E_L_E_C_T_ROOT_CLASS}__native`,"bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200","focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",o?"bear-border-red-500 focus:bear-ring-red-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500",d&&"bear-opacity-50 bear-cursor-not-allowed",s.SELECT_SIZE_CLASSES[O],j),style:R,"aria-invalid":o||void 0,"aria-required":h||void 0,"aria-describedby":a==null?void 0:a.helperId,children:[(y||x)&&r.jsx("option",{value:"",disabled:!y,children:x}),v.map(e=>r.jsx("option",{value:e.value,disabled:e.disabled,children:e.label},e.value))]}),_&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:_})]}):r.jsxs("div",{ref:m,id:u,"data-testid":q,className:i.cn(s.S_E_L_E_C_T_ROOT_CLASS,"bear-relative bear-flex bear-flex-col bear-gap-1.5",L&&"bear-w-full"),children:[n&&r.jsx("label",{className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:n}),r.jsxs("button",{type:"button",disabled:d,onClick:()=>!d&&E(!b),className:i.cn(`${s.S_E_L_E_C_T_ROOT_CLASS}__trigger`,"bear-flex bear-items-center bear-justify-between bear-w-full","bear-rounded-lg bear-border bear-text-left bear-outline-none bear-transition-all bear-duration-200","focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",o?"bear-border-red-500 focus:bear-ring-red-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",d&&"bear-opacity-50 bear-cursor-not-allowed",s.SELECT_SIZE_CLASSES[O],j),style:R,"aria-haspopup":"listbox","aria-expanded":b,"aria-invalid":o||void 0,"aria-required":h||void 0,"aria-describedby":a==null?void 0:a.helperId,children:[r.jsx("span",{className:`${s.S_E_L_E_C_T_ROOT_CLASS}__value`,children:z}),r.jsx(I.ChevronDownIcon,{className:i.cn("bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform",b&&"bear-rotate-180"),style:{color:"var(--bear-text-muted)"}})]}),r.jsx(V.OverlayPortal,{open:b&&!c,ready:M,style:{...D,backgroundColor:"var(--bear-bg-primary)",borderColor:"var(--bear-border-default)"},zIndex:s.SELECT_MENU_Z_INDEX,openEffect:F,closeEffect:B,panelRef:w,className:`${s.S_E_L_E_C_T_ROOT_CLASS}__menu bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden`,attributes:{role:"listbox"},children:r.jsx("div",{className:"bear-max-h-60 bear-overflow-y-auto",children:v.map(e=>r.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>!e.disabled&&Z(e.value),role:"option","aria-selected":e.value===l,className:i.cn(`${s.S_E_L_E_C_T_ROOT_CLASS}__option`,"bear-flex bear-items-center bear-justify-between bear-w-full bear-px-4 bear-py-2","bear-text-left bear-transition-colors",e.disabled&&"bear-cursor-not-allowed",e.value===l&&"bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",!e.disabled&&e.value!==l&&"hover:bear-bg-[var(--bear-bg-tertiary)]"),style:e.disabled?{color:"var(--bear-text-muted)"}:e.value===l?void 0:{color:"var(--bear-text-secondary)"},children:[e.label,e.value===l&&r.jsx(I.CheckIcon,{className:"bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400"})]},e.value))})}),_&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:_})]})};exports.Select=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),s=require("./Select.const.cjs"),R=require("@forgedevstack/bear-icons"),V=require("../OverlayPortal/OverlayPortal.cjs"),i=require("../../utils/cn.cjs"),W=require("../../utils/generateBearId.utils.cjs"),X=require("../../utils/useBearId.cjs"),H=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const G=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.cjs"),J=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs"),K=require("../../hooks/useFormControl/useFormControl.cjs"),Q=C=>{const{options:v,value:l,onChange:t,placeholder:x=s.SELECT_DEFAULT_PLACEHOLDER,label:n,error:S,disabled:k=!1,required:A=!1,size:O="md",fullWidth:L=!1,displayEmpty:y=!1,renderValue:T,native:c=!1,className:j,id:P,testId:q}=C,{openEffect:F,closeEffect:B}=J.resolveOverlayEffects(C),$=X.useBearId("Select"),u=W.resolveBearId(P,$),a=K.useFormControl(),[b,E]=f.useState(!1),m=f.useRef(null),w=f.useRef(null),{style:D,ready:M}=G.useFixedAnchorPosition({anchorRef:m,open:b&&!c,offsetPx:s.SELECT_MENU_OFFSET_PX,matchWidth:!0}),d=k||!!(a!=null&&a.disabled),h=A||!!(a!=null&&a.required),o=!!S||!!(a!=null&&a.error),_=typeof S=="string"?S:void 0,g=v.find(e=>e.value===l),p=l===void 0||l==="",N=p||y&&p,U=f.useCallback(()=>E(!1),[]);H.useClickOutsideMultiple([m,w],U,{enabled:b&&!c&&!d});const Z=e=>{t==null||t(e),E(!1)},z=T&&!p?T(l):N||!g?x:g.label,I={backgroundColor:"var(--bear-bg-primary)",borderColor:o?void 0:"var(--bear-border-default)",color:g&&!N?"var(--bear-text-primary)":"var(--bear-text-muted)"};return c?r.jsxs("div",{id:u,"data-testid":q,className:i.cn(s.S_E_L_E_C_T_ROOT_CLASS,"bear-relative bear-flex bear-flex-col bear-gap-1.5",L&&"bear-w-full"),children:[n&&r.jsx("label",{htmlFor:`${u}-native`,className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:n}),r.jsxs("select",{id:`${u}-native`,disabled:d,required:h,value:l??"",onChange:e=>t==null?void 0:t(e.target.value),className:i.cn(`${s.S_E_L_E_C_T_ROOT_CLASS}__native`,"bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200","focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",o?"bear-border-red-500 focus:bear-ring-red-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500",d&&"bear-opacity-50 bear-cursor-not-allowed",s.SELECT_SIZE_CLASSES[O],j),style:I,"aria-invalid":o||void 0,"aria-required":h||void 0,"aria-describedby":a==null?void 0:a.helperId,children:[(y||x)&&r.jsx("option",{value:"",disabled:!y,children:x}),v.map(e=>r.jsx("option",{value:e.value,disabled:e.disabled,children:e.label},e.value))]}),_&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:_})]}):r.jsxs("div",{ref:m,id:u,"data-testid":q,className:i.cn(s.S_E_L_E_C_T_ROOT_CLASS,"bear-relative bear-flex bear-flex-col bear-gap-1.5",L&&"bear-w-full"),children:[n&&r.jsx("label",{className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:n}),r.jsxs("button",{type:"button",disabled:d,onClick:()=>!d&&E(!b),className:i.cn(`${s.S_E_L_E_C_T_ROOT_CLASS}__trigger`,"bear-flex bear-items-center bear-justify-between bear-w-full","bear-rounded-lg bear-border bear-text-left bear-outline-none bear-transition-all bear-duration-200","focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",o?"bear-border-red-500 focus:bear-ring-red-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",d&&"bear-opacity-50 bear-cursor-not-allowed",s.SELECT_SIZE_CLASSES[O],j),style:I,"aria-haspopup":"listbox","aria-expanded":b,"aria-invalid":o||void 0,"aria-required":h||void 0,"aria-describedby":a==null?void 0:a.helperId,children:[r.jsx("span",{className:`${s.S_E_L_E_C_T_ROOT_CLASS}__value`,children:z}),r.jsx(R.ChevronDownIcon,{className:i.cn("bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform",b&&"bear-rotate-180"),style:{color:"var(--bear-text-muted)"}})]}),r.jsx(V.OverlayPortal,{open:b&&!c,ready:M,style:{...D,backgroundColor:"var(--bear-bg-primary)",borderColor:"var(--bear-border-default)"},zIndex:s.SELECT_MENU_Z_INDEX,openEffect:F,closeEffect:B,panelRef:w,className:`${s.S_E_L_E_C_T_ROOT_CLASS}__menu bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden`,attributes:{role:"listbox"},children:r.jsx("div",{className:"bear-max-h-60 bear-overflow-y-auto",children:v.map(e=>r.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>!e.disabled&&Z(e.value),role:"option","aria-selected":e.value===l,className:i.cn(`${s.S_E_L_E_C_T_ROOT_CLASS}__option`,"bear-flex bear-items-center bear-justify-between bear-w-full bear-px-4 bear-py-2","bear-text-left bear-transition-colors",e.disabled&&"bear-cursor-not-allowed",e.value===l&&"bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",!e.disabled&&e.value!==l&&"hover:bear-bg-[var(--bear-bg-tertiary)]"),style:e.disabled?{color:"var(--bear-text-muted)"}:e.value===l?void 0:{color:"var(--bear-text-secondary)"},children:[e.label,e.value===l&&r.jsx(R.CheckIcon,{className:"bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400"})]},e.value))})}),_&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:_})]})};exports.Select=Q;

package/dist/components/Select/Select.js

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import { useState as X, useRef as $, useCallback as Z } from "react";
 import { SELECT_DEFAULT_PLACEHOLDER as H, SELECT_MENU_OFFSET_PX as G, SELECT_SIZE_CLASSES as q, S_E_L_E_C_T_ROOT_CLASS as t, SELECT_MENU_Z_INDEX as J } from "./Select.const.js";
-import { ChevronDownIcon as K, CheckIcon as Q } from "../Icon/index.js";
+import { ChevronDownIcon as K, CheckIcon as Q } from "@forgedevstack/bear-icons";
 import { OverlayPortal as Y } from "../OverlayPortal/OverlayPortal.js";
 import { cn as d } from "../../utils/cn.js";
 import { resolveBearId as ee } from "../../utils/generateBearId.utils.js";

package/dist/components/Sidebar/Sidebar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs");require("react");const t=require("../Icon/index.cjs"),D=require("./components/SidebarItem/SidebarItem.cjs"),a=require("./Sidebar.const.cjs"),p=S=>{const{items:b,collapsed:r=!1,onCollapsedChange:o,width:_=a.SIDEBAR_WIDTH,collapsedWidth:I=a.SIDEBAR_COLLAPSED_WIDTH,header:d,footer:c,showHeader:E=!0,activeItemId:h,onItemClick:u,activeVariant:f="fill",fullHeight:A=!1,variant:s="default",position:l="left",className:C,style:x,testId:B}=S,R=r?I:_,m=l==="left"?"bear-border-r":"bear-border-l",v=E&&d;return e.jsxs("aside",{"data-testid":B,className:i.cn("Bear-Sidebar",`Bear-Sidebar--${s}`,r&&"Bear-Sidebar--collapsed","bear-flex bear-flex-col bear-h-full bear-transition-all bear-duration-300",A&&"bear-min-h-full",s==="default"&&m,a.SIDEBAR_VARIANT_STYLES[s],C),style:{width:R,...x},children:[v&&e.jsxs("div",{className:i.cn("Bear-Sidebar__header",a.SIDEBAR_HEADER_CLASSES),children:[!r&&d,o&&e.jsx("button",{type:"button",onClick:()=>o(!r),className:i.cn("Bear-Sidebar__toggle",a.SIDEBAR_TOGGLE_CLASSES),"aria-label":r?"Expand sidebar":"Collapse sidebar",children:r?l==="left"?e.jsx(t.ChevronRightIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE}):e.jsx(t.ChevronLeftIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE}):l==="left"?e.jsx(t.ChevronLeftIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE}):e.jsx(t.ChevronRightIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE})})]}),e.jsx("nav",{className:"Bear-Sidebar__nav bear-flex-1 bear-overflow-y-auto bear-px-2 bear-py-3 bear-space-y-1 bear-min-h-0",children:b.map(n=>e.jsx(D.SidebarItem,{item:n,isActive:n.id===h,collapsed:r,onClick:u,activeVariant:f},n.id))}),c&&e.jsx("div",{className:i.cn("Bear-Sidebar__footer",a.SIDEBAR_FOOTER_CLASSES),children:r?null:c})]})};exports.Sidebar=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs");require("react");const s=require("@forgedevstack/bear-icons"),D=require("./components/SidebarItem/SidebarItem.cjs"),a=require("./Sidebar.const.cjs"),p=b=>{const{items:I,collapsed:r=!1,onCollapsedChange:o,width:_=a.SIDEBAR_WIDTH,collapsedWidth:E=a.SIDEBAR_COLLAPSED_WIDTH,header:d,footer:c,showHeader:h=!0,activeItemId:S,onItemClick:u,activeVariant:f="fill",fullHeight:A=!1,variant:t="default",position:l="left",className:C,style:B,testId:x}=b,R=r?E:_,m=l==="left"?"bear-border-r":"bear-border-l",v=h&&d;return e.jsxs("aside",{"data-testid":x,className:i.cn("Bear-Sidebar",`Bear-Sidebar--${t}`,r&&"Bear-Sidebar--collapsed","bear-flex bear-flex-col bear-h-full bear-transition-all bear-duration-300",A&&"bear-min-h-full",t==="default"&&m,a.SIDEBAR_VARIANT_STYLES[t],C),style:{width:R,...B},children:[v&&e.jsxs("div",{className:i.cn("Bear-Sidebar__header",a.SIDEBAR_HEADER_CLASSES),children:[!r&&d,o&&e.jsx("button",{type:"button",onClick:()=>o(!r),className:i.cn("Bear-Sidebar__toggle",a.SIDEBAR_TOGGLE_CLASSES),"aria-label":r?"Expand sidebar":"Collapse sidebar",children:r?l==="left"?e.jsx(s.ChevronRightIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE}):e.jsx(s.ChevronLeftIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE}):l==="left"?e.jsx(s.ChevronLeftIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE}):e.jsx(s.ChevronRightIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE})})]}),e.jsx("nav",{className:"Bear-Sidebar__nav bear-flex-1 bear-overflow-y-auto bear-px-2 bear-py-3 bear-space-y-1 bear-min-h-0",children:I.map(n=>e.jsx(D.SidebarItem,{item:n,isActive:n.id===S,collapsed:r,onClick:u,activeVariant:f,activeItemId:S},n.id))}),c&&e.jsx("div",{className:i.cn("Bear-Sidebar__footer",a.SIDEBAR_FOOTER_CLASSES),children:r?null:c})]})};exports.Sidebar=p;

package/dist/components/Sidebar/Sidebar.js

@@ -1,20 +1,20 @@
-import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import { cn as r } from "../../utils/cn.js";
 import "react";
-import { ChevronRightIcon as c, ChevronLeftIcon as S } from "../Icon/index.js";
+import { ChevronRightIcon as S, ChevronLeftIcon as f } from "@forgedevstack/bear-icons";
 import { SidebarItem as x } from "./components/SidebarItem/SidebarItem.js";
 import { SIDEBAR_WIDTH as N, SIDEBAR_COLLAPSED_WIDTH as T, SIDEBAR_TOGGLE_ICON_SIZE as i, SIDEBAR_TOGGLE_CLASSES as y, SIDEBAR_HEADER_CLASSES as H, SIDEBAR_FOOTER_CLASSES as O, SIDEBAR_VARIANT_STYLES as g } from "./Sidebar.const.js";
-const V = (f) => {
+const V = (m) => {
   const {
-    items: m,
+    items: _,
     collapsed: e = !1,
     onCollapsedChange: d,
-    width: _ = N,
-    collapsedWidth: h = T,
+    width: h = N,
+    collapsedWidth: p = T,
     header: s,
     footer: n,
-    showHeader: p = !0,
-    activeItemId: E,
+    showHeader: E = !0,
+    activeItemId: b,
     onItemClick: I,
     activeVariant: A = "fill",
     fullHeight: B = !1,
@@ -23,8 +23,8 @@ const V = (f) => {
     className: u,
     style: C,
     testId: v
-  } = f, D = e ? h : _, R = t === "left" ? "bear-border-r" : "bear-border-l", L = p && s;
-  return /* @__PURE__ */ b(
+  } = m, D = e ? p : h, R = t === "left" ? "bear-border-r" : "bear-border-l", L = E && s;
+  return /* @__PURE__ */ c(
     "aside",
     {
       "data-testid": v,
@@ -40,7 +40,7 @@ const V = (f) => {
       ),
       style: { width: D, ...C },
       children: [
-        L && /* @__PURE__ */ b("div", { className: r("Bear-Sidebar__header", H), children: [
+        L && /* @__PURE__ */ c("div", { className: r("Bear-Sidebar__header", H), children: [
           !e && s,
           d && /* @__PURE__ */ a(
             "button",
@@ -49,18 +49,19 @@ const V = (f) => {
               onClick: () => d(!e),
               className: r("Bear-Sidebar__toggle", y),
               "aria-label": e ? "Expand sidebar" : "Collapse sidebar",
-              children: e ? t === "left" ? /* @__PURE__ */ a(c, { size: i }) : /* @__PURE__ */ a(S, { size: i }) : t === "left" ? /* @__PURE__ */ a(S, { size: i }) : /* @__PURE__ */ a(c, { size: i })
+              children: e ? t === "left" ? /* @__PURE__ */ a(S, { size: i }) : /* @__PURE__ */ a(f, { size: i }) : t === "left" ? /* @__PURE__ */ a(f, { size: i }) : /* @__PURE__ */ a(S, { size: i })
             }
           )
         ] }),
-        /* @__PURE__ */ a("nav", { className: "Bear-Sidebar__nav bear-flex-1 bear-overflow-y-auto bear-px-2 bear-py-3 bear-space-y-1 bear-min-h-0", children: m.map((o) => /* @__PURE__ */ a(
+        /* @__PURE__ */ a("nav", { className: "Bear-Sidebar__nav bear-flex-1 bear-overflow-y-auto bear-px-2 bear-py-3 bear-space-y-1 bear-min-h-0", children: _.map((o) => /* @__PURE__ */ a(
           x,
           {
             item: o,
-            isActive: o.id === E,
+            isActive: o.id === b,
             collapsed: e,
             onClick: I,
-            activeVariant: A
+            activeVariant: A,
+            activeItemId: b
           },
           o.id
         )) }),

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

@@ -48,6 +48,6 @@ export interface SidebarItemComponentProps {
     collapsed?: boolean;
     depth?: number;
     onClick?: (item: SidebarItem) => void;
-    /** How active state is shown. Passed from Sidebar activeVariant. */
     activeVariant?: SidebarActiveVariant;
+    activeItemId?: string;
 }

package/dist/components/Sidebar/Sidebar.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=(n,e)=>{if(!e)return!1;if(n.id===e)return!0;const r=n.children;return!r||r.length===0?!1:r.some(s=>t(s,e))};exports.sidebarItemContainsId=t;

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

@@ -0,0 +1,2 @@
+import { SidebarItem } from './Sidebar.types';
+export declare const sidebarItemContainsId: (item: SidebarItem, activeItemId?: string) => boolean;

package/dist/components/Sidebar/Sidebar.utils.js

@@ -0,0 +1,11 @@
+const t = (e, r) => {
+  if (!r)
+    return !1;
+  if (e.id === r)
+    return !0;
+  const n = e.children;
+  return !n || n.length === 0 ? !1 : n.some((s) => t(s, r));
+};
+export {
+  t as sidebarItemContainsId
+};

package/dist/components/Sidebar/components/SidebarGroup/SidebarGroup.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),t=require("../../../../utils/cn.cjs"),d=require("../../../Icon/index.cjs"),o=require("../../Sidebar.const.cjs"),S=n=>{const{title:a,children:c,collapsible:r=!1,defaultCollapsed:i=!1,className:l}=n,[s,u]=b.useState(i);return e.jsxs("div",{className:t.cn("Bear-Sidebar__group bear-mb-4",l),children:[a&&e.jsxs("button",{type:"button",onClick:()=>r&&u(!s),className:t.cn("Bear-Sidebar__group-title",o.SIDEBAR_GROUP_TITLE_CLASSES,r&&"bear-cursor-pointer hover:bear-text-zinc-600 dark:hover:bear-text-zinc-300"),children:[r&&e.jsx(d.ChevronDownIcon,{size:o.SIDEBAR_ICON_SIZE-2,className:t.cn("bear-transition-transform",s&&"-bear-rotate-90")}),a]}),!s&&e.jsx("div",{className:"Bear-Sidebar__group-content bear-space-y-1",children:c})]})};exports.SidebarGroup=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),a=require("../../../../utils/cn.cjs"),d=require("@forgedevstack/bear-icons"),o=require("../../Sidebar.const.cjs"),S=n=>{const{title:t,children:c,collapsible:r=!1,defaultCollapsed:i=!1,className:l}=n,[s,b]=u.useState(i);return e.jsxs("div",{className:a.cn("Bear-Sidebar__group bear-mb-4",l),children:[t&&e.jsxs("button",{type:"button",onClick:()=>r&&b(!s),className:a.cn("Bear-Sidebar__group-title",o.SIDEBAR_GROUP_TITLE_CLASSES,r&&"bear-cursor-pointer hover:bear-text-zinc-600 dark:hover:bear-text-zinc-300"),children:[r&&e.jsx(d.ChevronDownIcon,{size:o.SIDEBAR_ICON_SIZE-2,className:a.cn("bear-transition-transform",s&&"-bear-rotate-90")}),t]}),!s&&e.jsx("div",{className:"Bear-Sidebar__group-content bear-space-y-1",children:c})]})};exports.SidebarGroup=S;

package/dist/components/Sidebar/components/SidebarGroup/SidebarGroup.js

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as s } from "react/jsx-runtime";
 import { useState as p } from "react";
 import { cn as a } from "../../../../utils/cn.js";
-import { ChevronDownIcon as b } from "../../../Icon/index.js";
+import { ChevronDownIcon as b } from "@forgedevstack/bear-icons";
 import { SIDEBAR_ICON_SIZE as d, SIDEBAR_GROUP_TITLE_CLASSES as S } from "../../Sidebar.const.js";
 const h = (i) => {
   const {

package/dist/components/Sidebar/components/SidebarItem/SidebarItem.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),b=require("../../../../utils/cn.cjs"),f=require("../../../Icon/index.cjs"),r=require("../../Sidebar.const.cjs"),_=o=>{const{item:e,isActive:S,collapsed:i,depth:c=0,onClick:s,activeVariant:m="fill"}=o,[l,I]=d.useState(!1),t=e.children&&e.children.length>0,E=i?r.SIDEBAR_PADDING_BASE:r.SIDEBAR_PADDING_BASE+c*r.SIDEBAR_DEPTH_INDENT,h=d.useCallback(()=>{t&&I(n=>!n),e.onClick&&e.onClick(),s==null||s(e)},[t,e,s]),A=a.jsxs(a.Fragment,{children:[e.icon&&a.jsx("span",{className:"Bear-Sidebar__item-icon bear-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center",children:e.icon}),!i&&a.jsxs(a.Fragment,{children:[a.jsx("span",{className:"Bear-Sidebar__item-label bear-flex-1 bear-truncate",children:e.label}),e.badge&&a.jsx("span",{className:"Bear-Sidebar__item-badge bear-ml-auto",children:e.badge}),t&&a.jsx(f.ChevronDownIcon,{size:r.SIDEBAR_ICON_SIZE,className:b.cn("Bear-Sidebar__item-chevron bear-ml-1 bear-transition-transform bear-duration-200",l&&"bear-rotate-180")})]})]}),B=r.SIDEBAR_ITEM_ACTIVE_BY_VARIANT[m],u=b.cn("Bear-Sidebar__item",r.SIDEBAR_ITEM_BASE_CLASSES,S?`Bear-Sidebar__item--active ${B}`:r.SIDEBAR_ITEM_INACTIVE_CLASSES,e.disabled&&`Bear-Sidebar__item--disabled ${r.SIDEBAR_ITEM_DISABLED_CLASSES}`,i&&"Bear-Sidebar__item--collapsed bear-justify-center"),D=e.href?"a":"button";return a.jsxs("div",{className:"Bear-Sidebar__item-wrapper",children:[a.jsx(D,{href:e.href,onClick:h,disabled:e.disabled,className:u,style:{paddingLeft:E},title:i?e.label:void 0,children:A}),t&&l&&!i&&a.jsx("div",{className:"Bear-Sidebar__children bear-mt-1",children:e.children.map(n=>a.jsx(_,{item:n,isActive:!1,collapsed:i,depth:c+1,onClick:s},n.id))})]})};exports.SidebarItem=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("react"),o=require("../../../../utils/cn.cjs"),p=require("@forgedevstack/bear-icons"),r=require("../../Sidebar.const.cjs"),C=require("../../Sidebar.utils.cjs"),S=m=>{const{item:e,isActive:I,collapsed:i,depth:d=0,onClick:t,activeVariant:l="fill",activeItemId:n}=m,b=e.children??[],c=b.length>0,[_,E]=f.useState(()=>C.sidebarItemContainsId(e,n)),B=i?r.SIDEBAR_PADDING_BASE:r.SIDEBAR_PADDING_BASE+d*r.SIDEBAR_DEPTH_INDENT,h=()=>{c&&E(s=>!s),e.onClick&&e.onClick(),t==null||t(e)},A=c&&_&&!i,u=r.SIDEBAR_ITEM_ACTIVE_BY_VARIANT[l],D=o.cn("Bear-Sidebar__item",r.SIDEBAR_ITEM_BASE_CLASSES,I?`Bear-Sidebar__item--active ${u}`:r.SIDEBAR_ITEM_INACTIVE_CLASSES,e.disabled&&`Bear-Sidebar__item--disabled ${r.SIDEBAR_ITEM_DISABLED_CLASSES}`,i&&"Bear-Sidebar__item--collapsed bear-justify-center"),N=e.href?"a":"button";return a.jsxs("div",{className:"Bear-Sidebar__item-wrapper",children:[a.jsxs(N,{href:e.href,onClick:h,disabled:e.disabled,className:D,style:{paddingLeft:B},title:i?e.label:void 0,children:[e.icon&&a.jsx("span",{className:"Bear-Sidebar__item-icon bear-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center",children:e.icon}),!i&&a.jsxs("span",{className:"Bear-Sidebar__item-row bear-flex bear-items-center bear-flex-1 bear-min-w-0",children:[a.jsx("span",{className:"Bear-Sidebar__item-label bear-flex-1 bear-truncate",children:e.label}),e.badge&&a.jsx("span",{className:"Bear-Sidebar__item-badge bear-ml-auto",children:e.badge}),c&&a.jsx(p.ChevronDownIcon,{size:r.SIDEBAR_ICON_SIZE,className:o.cn("Bear-Sidebar__item-chevron bear-ml-1 bear-transition-transform bear-duration-200",_&&"bear-rotate-180")})]})]}),A&&a.jsx("div",{className:"Bear-Sidebar__children bear-mt-1",children:b.map(s=>a.jsx(S,{item:s,isActive:s.id===n,collapsed:i,depth:d+1,onClick:t,activeVariant:l,activeItemId:n},s.id))})]})};exports.SidebarItem=S;

package/dist/components/Sidebar/components/SidebarItem/SidebarItem.js

@@ -1,67 +1,71 @@
-import { jsxs as n, Fragment as d, jsx as a } from "react/jsx-runtime";
-import { useState as C, useCallback as D } from "react";
-import { cn as o } from "../../../../utils/cn.js";
-import { ChevronDownIcon as N } from "../../../Icon/index.js";
-import { SIDEBAR_ICON_SIZE as v, SIDEBAR_ITEM_DISABLED_CLASSES as u, SIDEBAR_ITEM_ACTIVE_BY_VARIANT as T, SIDEBAR_ITEM_INACTIVE_CLASSES as R, SIDEBAR_ITEM_BASE_CLASSES as g, SIDEBAR_PADDING_BASE as m, SIDEBAR_DEPTH_INDENT as k } from "../../Sidebar.const.js";
-const x = (_) => {
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { useState as N } from "react";
+import { cn as b } from "../../../../utils/cn.js";
+import { ChevronDownIcon as D } from "@forgedevstack/bear-icons";
+import { SIDEBAR_ITEM_DISABLED_CLASSES as v, SIDEBAR_ITEM_ACTIVE_BY_VARIANT as T, SIDEBAR_ITEM_INACTIVE_CLASSES as u, SIDEBAR_ITEM_BASE_CLASSES as R, SIDEBAR_PADDING_BASE as _, SIDEBAR_ICON_SIZE as x, SIDEBAR_DEPTH_INDENT as w } from "../../Sidebar.const.js";
+import { sidebarItemContainsId as g } from "../../Sidebar.utils.js";
+const L = (S) => {
   const {
     item: e,
-    isActive: b,
-    collapsed: r,
-    depth: l = 0,
-    onClick: i,
-    activeVariant: S = "fill"
-  } = _, [c, h] = C(!1), t = e.children && e.children.length > 0, E = r ? m : m + l * k, I = D(() => {
-    t && h((s) => !s), e.onClick && e.onClick(), i == null || i(e);
-  }, [t, e, i]), B = /* @__PURE__ */ n(d, { children: [
-    e.icon && /* @__PURE__ */ a("span", { className: "Bear-Sidebar__item-icon bear-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center", children: e.icon }),
-    !r && /* @__PURE__ */ n(d, { children: [
-      /* @__PURE__ */ a("span", { className: "Bear-Sidebar__item-label bear-flex-1 bear-truncate", children: e.label }),
-      e.badge && /* @__PURE__ */ a("span", { className: "Bear-Sidebar__item-badge bear-ml-auto", children: e.badge }),
-      t && /* @__PURE__ */ a(
-        N,
-        {
-          size: v,
-          className: o(
-            "Bear-Sidebar__item-chevron bear-ml-1 bear-transition-transform bear-duration-200",
-            c && "bear-rotate-180"
-          )
-        }
-      )
-    ] })
-  ] }), A = T[S], f = o(
+    isActive: I,
+    collapsed: a,
+    depth: c = 0,
+    onClick: t,
+    activeVariant: d = "fill",
+    activeItemId: s
+  } = S, m = e.children ?? [], n = m.length > 0, [o, h] = N(() => g(e, s)), E = a ? _ : _ + c * w, B = () => {
+    n && h((i) => !i), e.onClick && e.onClick(), t == null || t(e);
+  }, p = n && o && !a, f = T[d], A = b(
     "Bear-Sidebar__item",
-    g,
-    b ? `Bear-Sidebar__item--active ${A}` : R,
-    e.disabled && `Bear-Sidebar__item--disabled ${u}`,
-    r && "Bear-Sidebar__item--collapsed bear-justify-center"
-  ), p = e.href ? "a" : "button";
-  return /* @__PURE__ */ n("div", { className: "Bear-Sidebar__item-wrapper", children: [
-    /* @__PURE__ */ a(
-      p,
+    R,
+    I ? `Bear-Sidebar__item--active ${f}` : u,
+    e.disabled && `Bear-Sidebar__item--disabled ${v}`,
+    a && "Bear-Sidebar__item--collapsed bear-justify-center"
+  ), C = e.href ? "a" : "button";
+  return /* @__PURE__ */ l("div", { className: "Bear-Sidebar__item-wrapper", children: [
+    /* @__PURE__ */ l(
+      C,
       {
         href: e.href,
-        onClick: I,
+        onClick: B,
         disabled: e.disabled,
-        className: f,
+        className: A,
         style: { paddingLeft: E },
-        title: r ? e.label : void 0,
-        children: B
+        title: a ? e.label : void 0,
+        children: [
+          e.icon && /* @__PURE__ */ r("span", { className: "Bear-Sidebar__item-icon bear-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center", children: e.icon }),
+          !a && /* @__PURE__ */ l("span", { className: "Bear-Sidebar__item-row bear-flex bear-items-center bear-flex-1 bear-min-w-0", children: [
+            /* @__PURE__ */ r("span", { className: "Bear-Sidebar__item-label bear-flex-1 bear-truncate", children: e.label }),
+            e.badge && /* @__PURE__ */ r("span", { className: "Bear-Sidebar__item-badge bear-ml-auto", children: e.badge }),
+            n && /* @__PURE__ */ r(
+              D,
+              {
+                size: x,
+                className: b(
+                  "Bear-Sidebar__item-chevron bear-ml-1 bear-transition-transform bear-duration-200",
+                  o && "bear-rotate-180"
+                )
+              }
+            )
+          ] })
+        ]
       }
     ),
-    t && c && !r && /* @__PURE__ */ a("div", { className: "Bear-Sidebar__children bear-mt-1", children: e.children.map((s) => /* @__PURE__ */ a(
-      x,
+    p && /* @__PURE__ */ r("div", { className: "Bear-Sidebar__children bear-mt-1", children: m.map((i) => /* @__PURE__ */ r(
+      L,
       {
-        item: s,
-        isActive: !1,
-        collapsed: r,
-        depth: l + 1,
-        onClick: i
+        item: i,
+        isActive: i.id === s,
+        collapsed: a,
+        depth: c + 1,
+        onClick: t,
+        activeVariant: d,
+        activeItemId: s
       },
-      s.id
+      i.id
     )) })
   ] });
 };
 export {
-  x as SidebarItem
+  L as SidebarItem
 };

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

@@ -1,5 +1,6 @@
 export { Sidebar, default } from './Sidebar';
 export { SidebarGroup } from './components/SidebarGroup';
 export { SidebarItem } from './components/SidebarItem';
+export { sidebarItemContainsId } from './Sidebar.utils';
 export * from './Sidebar.types';
 export * from './Sidebar.const';