@forgedevstack/bear 1.3.1 → 1.3.3

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("../../../constants/numbers.const.cjs"),T=require("../../../constants/generals.const.cjs"),l=require("../../Icon/icons/editor.cjs"),E=require("../components/ToolbarButton/ToolbarButton.cjs"),A=require("../components/ToolbarDropdown/ToolbarDropdown.cjs"),L=require("../components/ToolbarColorPicker/ToolbarColorPicker.cjs"),N=require("../components/ToolbarMore/ToolbarMore.cjs"),M=require("../components/ToolbarSignature/ToolbarSignature.cjs"),I=require("../RichEditor.const.cjs"),d=require("./IconRender.cjs"),c=e=>{const n=e.disabled||e.readOnly,R={[T.TOOLBAR_ITEM_DIVIDER]:_=>o.jsx("div",{className:"Bear-RichEditor__divider w-px h-5 bg-gray-300 dark:bg-zinc-600 mx-1"},`${T.TOOLBAR_ITEM_DIVIDER}-${_}`),[T.TOOLBAR_ITEM_HEADING_DROPDOWN]:()=>o.jsx(A.ToolbarDropdown,{options:I.RICH_EDITOR_HEADING_OPTIONS,value:e.currentBlock,onChange:e.handleHeadingChange,title:I.TITLE_TEXT_STYLE,disabled:n,icon:o.jsx(l.TextIcon,{size:i.SIXTEEN})},T.TOOLBAR_ITEM_HEADING_DROPDOWN),[T.TOOLBAR_ITEM_TEXT_COLOR]:()=>o.jsx(L.ToolbarColorPicker,{value:e.textColorValue,onChange:e.handleTextColor,title:I.TITLE_TEXT_COLOR,disabled:n,type:"text",recentColors:e.recentTextColors,onApplyLast:e.handleApplyLastTextColor},T.TOOLBAR_ITEM_TEXT_COLOR),[T.TOOLBAR_ITEM_HIGHLIGHT_COLOR]:()=>o.jsx(L.ToolbarColorPicker,{value:e.highlightColorValue,onChange:e.handleHighlightColor,title:I.TITLE_HIGHLIGHT_COLOR,disabled:n,type:"highlight",recentColors:e.recentHighlightColors,onApplyLast:e.handleApplyLastHighlightColor},T.TOOLBAR_ITEM_HIGHLIGHT_COLOR),[T.TOOLBAR_ITEM_LINK]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.InsertLinkIcon,{size:i.SIXTEEN}),title:I.TITLE_INSERT_LINK,onClick:e.handleLink,disabled:n},T.TOOLBAR_ITEM_LINK),[T.TOOLBAR_ITEM_IMAGE]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.InsertPhotoIcon,{size:i.SIXTEEN}),title:I.TITLE_INSERT_IMAGE,onClick:e.handleImageUpload,disabled:n},T.TOOLBAR_ITEM_IMAGE),[T.TOOLBAR_ITEM_SIGNATURE]:()=>o.jsx(M.ToolbarSignature,{title:I.TITLE_INSERT_SIGNATURE,disabled:n,onInsert:e.handleInsertSignature},T.TOOLBAR_ITEM_SIGNATURE),[T.TOOLBAR_ITEM_ALIGN_LEFT]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.AlignLeftIcon,{size:i.SIXTEEN}),title:I.TITLE_ALIGN_LEFT,onClick:()=>e.execAlign(T.COMMAND_JUSTIFY_LEFT),disabled:n},T.TOOLBAR_ITEM_ALIGN_LEFT),[T.TOOLBAR_ITEM_ALIGN_CENTER]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.AlignCenterIcon,{size:i.SIXTEEN}),title:I.TITLE_ALIGN_CENTER,onClick:()=>e.execAlign(T.COMMAND_JUSTIFY_CENTER),disabled:n},T.TOOLBAR_ITEM_ALIGN_CENTER),[T.TOOLBAR_ITEM_ALIGN_RIGHT]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.AlignRightIcon,{size:i.SIXTEEN}),title:I.TITLE_ALIGN_RIGHT,onClick:()=>e.execAlign(T.COMMAND_JUSTIFY_RIGHT),disabled:n},T.TOOLBAR_ITEM_ALIGN_RIGHT),[T.TOOLBAR_ITEM_ALIGN_JUSTIFY]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.AlignJustifyIcon,{size:i.SIXTEEN}),title:I.TITLE_JUSTIFY,onClick:()=>e.execAlign(T.COMMAND_JUSTIFY_FULL),disabled:n},T.TOOLBAR_ITEM_ALIGN_JUSTIFY),[T.TOOLBAR_ITEM_INDENT]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.IndentIncreaseIcon,{size:i.SIXTEEN}),title:I.TITLE_INCREASE_INDENT,onClick:()=>e.execAlign(T.COMMAND_INDENT),disabled:n},T.TOOLBAR_ITEM_INDENT),[T.TOOLBAR_ITEM_OUTDENT]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.IndentDecreaseIcon,{size:i.SIXTEEN}),title:I.TITLE_DECREASE_INDENT,onClick:()=>e.execAlign(T.COMMAND_OUTDENT),disabled:n},T.TOOLBAR_ITEM_OUTDENT),[T.TOOLBAR_ITEM_CLEAR_FORMAT]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.FormatClearIcon,{size:i.SIXTEEN}),title:I.TITLE_CLEAR_FORMATTING,onClick:()=>e.execAlign(T.COMMAND_REMOVE_FORMAT),disabled:n},T.TOOLBAR_ITEM_CLEAR_FORMAT),[T.TOOLBAR_ITEM_MORE]:()=>{const _=e.isMobile?I.RICH_EDITOR_MOBILE_MORE_ITEMS:I.RICH_EDITOR_DESKTOP_MORE_ITEMS;return o.jsx(N.ToolbarMore,{disabled:n,isMobile:e.isMobile,children:_.map((t,r)=>O(t,r))},T.TOOLBAR_ITEM_MORE)}},O=(_,t)=>{const r=R[_];if(r)return r(t);const s=I.RICH_EDITOR_BUTTON_CONFIG[_],a=d.RICH_EDITOR_ICONS[_];return!s||!a?null:o.jsx(E.ToolbarButton,{icon:a,title:s.title,active:e.activeFormats.has(_),onClick:()=>e.handleFormat(_),disabled:n},_)};return O};exports.createToolbarItemRenderer=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("../../../constants/numbers.const.cjs"),T=require("../../../constants/generals.const.cjs"),l=require("@forgedevstack/bear-icons/editor"),E=require("../components/ToolbarButton/ToolbarButton.cjs"),A=require("../components/ToolbarDropdown/ToolbarDropdown.cjs"),L=require("../components/ToolbarColorPicker/ToolbarColorPicker.cjs"),N=require("../components/ToolbarMore/ToolbarMore.cjs"),M=require("../components/ToolbarSignature/ToolbarSignature.cjs"),I=require("../RichEditor.const.cjs"),d=require("./IconRender.cjs"),c=e=>{const n=e.disabled||e.readOnly,R={[T.TOOLBAR_ITEM_DIVIDER]:_=>o.jsx("div",{className:"Bear-RichEditor__divider w-px h-5 bg-gray-300 dark:bg-zinc-600 mx-1"},`${T.TOOLBAR_ITEM_DIVIDER}-${_}`),[T.TOOLBAR_ITEM_HEADING_DROPDOWN]:()=>o.jsx(A.ToolbarDropdown,{options:I.RICH_EDITOR_HEADING_OPTIONS,value:e.currentBlock,onChange:e.handleHeadingChange,title:I.TITLE_TEXT_STYLE,disabled:n,icon:o.jsx(l.TextIcon,{size:i.SIXTEEN})},T.TOOLBAR_ITEM_HEADING_DROPDOWN),[T.TOOLBAR_ITEM_TEXT_COLOR]:()=>o.jsx(L.ToolbarColorPicker,{value:e.textColorValue,onChange:e.handleTextColor,title:I.TITLE_TEXT_COLOR,disabled:n,type:"text",recentColors:e.recentTextColors,onApplyLast:e.handleApplyLastTextColor},T.TOOLBAR_ITEM_TEXT_COLOR),[T.TOOLBAR_ITEM_HIGHLIGHT_COLOR]:()=>o.jsx(L.ToolbarColorPicker,{value:e.highlightColorValue,onChange:e.handleHighlightColor,title:I.TITLE_HIGHLIGHT_COLOR,disabled:n,type:"highlight",recentColors:e.recentHighlightColors,onApplyLast:e.handleApplyLastHighlightColor},T.TOOLBAR_ITEM_HIGHLIGHT_COLOR),[T.TOOLBAR_ITEM_LINK]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.InsertLinkIcon,{size:i.SIXTEEN}),title:I.TITLE_INSERT_LINK,onClick:e.handleLink,disabled:n},T.TOOLBAR_ITEM_LINK),[T.TOOLBAR_ITEM_IMAGE]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.InsertPhotoIcon,{size:i.SIXTEEN}),title:I.TITLE_INSERT_IMAGE,onClick:e.handleImageUpload,disabled:n},T.TOOLBAR_ITEM_IMAGE),[T.TOOLBAR_ITEM_SIGNATURE]:()=>o.jsx(M.ToolbarSignature,{title:I.TITLE_INSERT_SIGNATURE,disabled:n,onInsert:e.handleInsertSignature},T.TOOLBAR_ITEM_SIGNATURE),[T.TOOLBAR_ITEM_ALIGN_LEFT]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.AlignLeftIcon,{size:i.SIXTEEN}),title:I.TITLE_ALIGN_LEFT,onClick:()=>e.execAlign(T.COMMAND_JUSTIFY_LEFT),disabled:n},T.TOOLBAR_ITEM_ALIGN_LEFT),[T.TOOLBAR_ITEM_ALIGN_CENTER]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.AlignCenterIcon,{size:i.SIXTEEN}),title:I.TITLE_ALIGN_CENTER,onClick:()=>e.execAlign(T.COMMAND_JUSTIFY_CENTER),disabled:n},T.TOOLBAR_ITEM_ALIGN_CENTER),[T.TOOLBAR_ITEM_ALIGN_RIGHT]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.AlignRightIcon,{size:i.SIXTEEN}),title:I.TITLE_ALIGN_RIGHT,onClick:()=>e.execAlign(T.COMMAND_JUSTIFY_RIGHT),disabled:n},T.TOOLBAR_ITEM_ALIGN_RIGHT),[T.TOOLBAR_ITEM_ALIGN_JUSTIFY]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.AlignJustifyIcon,{size:i.SIXTEEN}),title:I.TITLE_JUSTIFY,onClick:()=>e.execAlign(T.COMMAND_JUSTIFY_FULL),disabled:n},T.TOOLBAR_ITEM_ALIGN_JUSTIFY),[T.TOOLBAR_ITEM_INDENT]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.IndentIncreaseIcon,{size:i.SIXTEEN}),title:I.TITLE_INCREASE_INDENT,onClick:()=>e.execAlign(T.COMMAND_INDENT),disabled:n},T.TOOLBAR_ITEM_INDENT),[T.TOOLBAR_ITEM_OUTDENT]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.IndentDecreaseIcon,{size:i.SIXTEEN}),title:I.TITLE_DECREASE_INDENT,onClick:()=>e.execAlign(T.COMMAND_OUTDENT),disabled:n},T.TOOLBAR_ITEM_OUTDENT),[T.TOOLBAR_ITEM_CLEAR_FORMAT]:()=>o.jsx(E.ToolbarButton,{icon:o.jsx(l.FormatClearIcon,{size:i.SIXTEEN}),title:I.TITLE_CLEAR_FORMATTING,onClick:()=>e.execAlign(T.COMMAND_REMOVE_FORMAT),disabled:n},T.TOOLBAR_ITEM_CLEAR_FORMAT),[T.TOOLBAR_ITEM_MORE]:()=>{const _=e.isMobile?I.RICH_EDITOR_MOBILE_MORE_ITEMS:I.RICH_EDITOR_DESKTOP_MORE_ITEMS;return o.jsx(N.ToolbarMore,{disabled:n,isMobile:e.isMobile,children:_.map((t,r)=>O(t,r))},T.TOOLBAR_ITEM_MORE)}},O=(_,t)=>{const r=R[_];if(r)return r(t);const s=I.RICH_EDITOR_BUTTON_CONFIG[_],a=d.RICH_EDITOR_ICONS[_];return!s||!a?null:o.jsx(E.ToolbarButton,{icon:a,title:s.title,active:e.activeFormats.has(_),onClick:()=>e.handleFormat(_),disabled:n},_)};return O};exports.createToolbarItemRenderer=c;

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

@@ -1,7 +1,7 @@
 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 { 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 "@forgedevstack/bear-icons/editor";
 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";

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"),z=require("./helpers/SelectCheckSvg.cjs"),V=require("./helpers/SelectChevronDownSvg.cjs"),W=require("../OverlayPortal/OverlayPortal.cjs"),d=require("../../utils/cn.cjs"),X=require("../../utils/generateBearId.utils.cjs"),H=require("../../utils/useBearId.cjs"),G=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const J=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.cjs"),K=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs"),Q=require("../../hooks/useFormControl/useFormControl.cjs"),Y=C=>{const{options:v,value:l,onChange:t,placeholder:S=s.SELECT_DEFAULT_PLACEHOLDER,label:c,error:x,disabled:k=!1,required:A=!1,size:O="md",fullWidth:L=!1,displayEmpty:E=!1,renderValue:T,native:n=!1,className:q,id:I,testId:j}=C,{openEffect:P,closeEffect:F}=K.resolveOverlayEffects(C),B=H.useBearId("Select"),u=X.resolveBearId(I,B),a=Q.useFormControl(),[b,h]=f.useState(!1),y=f.useRef(null),w=f.useRef(null),{style:D,ready:$}=J.useFixedAnchorPosition({anchorRef:y,open:b&&!n,offsetPx:s.SELECT_MENU_OFFSET_PX,matchWidth:!0}),i=k||!!(a!=null&&a.disabled),m=A||!!(a!=null&&a.required),o=!!x||!!(a!=null&&a.error),_=typeof x=="string"?x:void 0,g=v.find(e=>e.value===l),p=l===void 0||l==="",N=p||E&&p,M=f.useCallback(()=>h(!1),[]);G.useClickOutsideMultiple([y,w],M,{enabled:b&&!n&&!i});const U=e=>{t==null||t(e),h(!1)},Z=T&&!p?T(l):N||!g?S: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 n?r.jsxs("div",{id:u,"data-testid":j,className:d.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:[c&&r.jsx("label",{htmlFor:`${u}-native`,className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:c}),r.jsxs("select",{id:`${u}-native`,disabled:i,required:m,value:l??"",onChange:e=>t==null?void 0:t(e.target.value),className:d.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",i&&"bear-opacity-50 bear-cursor-not-allowed",s.SELECT_SIZE_CLASSES[O],q),style:R,"aria-invalid":o||void 0,"aria-required":m||void 0,"aria-describedby":a==null?void 0:a.helperId,children:[(E||S)&&r.jsx("option",{value:"",disabled:!E,children:S}),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:y,id:u,"data-testid":j,className:d.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:[c&&r.jsx("label",{className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:c}),r.jsxs("button",{type:"button",disabled:i,onClick:()=>!i&&h(!b),className:d.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",i&&"bear-opacity-50 bear-cursor-not-allowed",s.SELECT_SIZE_CLASSES[O],q),style:R,"aria-haspopup":"listbox","aria-expanded":b,"aria-invalid":o||void 0,"aria-required":m||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(V.SelectChevronDownSvg,{className:d.cn("bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform",b&&"bear-rotate-180")})]}),r.jsx(W.OverlayPortal,{open:b&&!n,ready:$,style:{...D,backgroundColor:"var(--bear-bg-primary)",borderColor:"var(--bear-border-default)"},zIndex:s.SELECT_MENU_Z_INDEX,openEffect:P,closeEffect:F,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&&U(e.value),role:"option","aria-selected":e.value===l,className:d.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(z.SelectCheckSvg,{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=Y;

package/dist/components/Select/Select.js

@@ -1,7 +1,8 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { jsxs as c, 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 { SelectCheckSvg as K } from "./helpers/SelectCheckSvg.js";
+import { SelectChevronDownSvg as Q } from "./helpers/SelectChevronDownSvg.js";
 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";
@@ -12,17 +13,17 @@ import "../../hooks/useBearComponent/useBearComponent.js";
 import { useFixedAnchorPosition as le } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.js";
 import { resolveOverlayEffects as te } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
 import { useFormControl as se } from "../../hooks/useFormControl/useFormControl.js";
-const ge = (N) => {
+const _e = (w) => {
   const {
     options: v,
     value: l,
     onChange: s,
     placeholder: p = H,
-    label: c,
+    label: n,
     error: y,
     disabled: B = !1,
     required: D = !1,
-    size: S = "md",
+    size: N = "md",
     fullWidth: k = !1,
     displayEmpty: h = !1,
     renderValue: I,
@@ -30,23 +31,23 @@ const ge = (N) => {
     className: L,
     id: F,
     testId: O
-  } = N, { openEffect: P, closeEffect: A } = te(N), j = re("Select"), f = ee(F, j), r = se(), [b, x] = X(!1), g = $(null), C = $(null), { style: M, ready: U } = le({
+  } = w, { openEffect: P, closeEffect: A } = te(w), j = re("Select"), f = ee(F, j), r = se(), [b, x] = X(!1), g = $(null), C = $(null), { style: M, ready: U } = le({
     anchorRef: g,
     open: b && !u,
     offsetPx: G,
     matchWidth: !0
-  }), o = B || !!(r != null && r.disabled), _ = D || !!(r != null && r.required), i = !!y || !!(r != null && r.error), m = typeof y == "string" ? y : void 0, E = v.find((e) => e.value === l), w = l === void 0 || l === "", R = w || h && w, z = Z(() => x(!1), []);
+  }), o = B || !!(r != null && r.disabled), _ = D || !!(r != null && r.required), i = !!y || !!(r != null && r.error), m = typeof y == "string" ? y : void 0, E = v.find((e) => e.value === l), S = l === void 0 || l === "", R = S || h && S, z = Z(() => x(!1), []);
   ae([g, C], z, {
     enabled: b && !u && !o
   });
   const V = (e) => {
     s == null || s(e), x(!1);
-  }, W = I && !w ? I(l) : R || !E ? p : E.label, T = {
+  }, W = I && !S ? I(l) : R || !E ? p : E.label, T = {
     backgroundColor: "var(--bear-bg-primary)",
     borderColor: i ? void 0 : "var(--bear-border-default)",
     color: E && !R ? "var(--bear-text-primary)" : "var(--bear-text-muted)"
   };
-  return u ? /* @__PURE__ */ n(
+  return u ? /* @__PURE__ */ c(
     "div",
     {
       id: f,
@@ -57,16 +58,16 @@ const ge = (N) => {
         k && "bear-w-full"
       ),
       children: [
-        c && /* @__PURE__ */ a(
+        n && /* @__PURE__ */ a(
           "label",
           {
             htmlFor: `${f}-native`,
             className: "bear-text-sm bear-font-medium",
             style: { color: "var(--bear-text-secondary)" },
-            children: c
+            children: n
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ c(
           "select",
           {
             id: `${f}-native`,
@@ -80,7 +81,7 @@ const ge = (N) => {
               "focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",
               i ? "bear-border-red-500 focus:bear-ring-red-500" : "focus:bear-border-bear-500 focus:bear-ring-bear-500",
               o && "bear-opacity-50 bear-cursor-not-allowed",
-              q[S],
+              q[N],
               L
             ),
             style: T,
@@ -96,7 +97,7 @@ const ge = (N) => {
         m && /* @__PURE__ */ a("p", { className: "bear-text-sm bear-text-red-500", children: m })
       ]
     }
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ c(
     "div",
     {
       ref: g,
@@ -108,8 +109,8 @@ const ge = (N) => {
         k && "bear-w-full"
       ),
       children: [
-        c && /* @__PURE__ */ a("label", { className: "bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)" }, children: c }),
-        /* @__PURE__ */ n(
+        n && /* @__PURE__ */ a("label", { className: "bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)" }, children: n }),
+        /* @__PURE__ */ c(
           "button",
           {
             type: "button",
@@ -122,7 +123,7 @@ const ge = (N) => {
               "focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",
               i ? "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",
               o && "bear-opacity-50 bear-cursor-not-allowed",
-              q[S],
+              q[N],
               L
             ),
             style: T,
@@ -134,13 +135,12 @@ const ge = (N) => {
             children: [
               /* @__PURE__ */ a("span", { className: `${t}__value`, children: W }),
               /* @__PURE__ */ a(
-                K,
+                Q,
                 {
                   className: d(
                     "bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform",
                     b && "bear-rotate-180"
-                  ),
-                  style: { color: "var(--bear-text-muted)" }
+                  )
                 }
               )
             ]
@@ -162,7 +162,7 @@ const ge = (N) => {
             panelRef: C,
             className: `${t}__menu bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden`,
             attributes: { role: "listbox" },
-            children: /* @__PURE__ */ a("div", { className: "bear-max-h-60 bear-overflow-y-auto", children: v.map((e) => /* @__PURE__ */ n(
+            children: /* @__PURE__ */ a("div", { className: "bear-max-h-60 bear-overflow-y-auto", children: v.map((e) => /* @__PURE__ */ c(
               "button",
               {
                 type: "button",
@@ -181,7 +181,7 @@ const ge = (N) => {
                 style: e.disabled ? { color: "var(--bear-text-muted)" } : e.value === l ? void 0 : { color: "var(--bear-text-secondary)" },
                 children: [
                   e.label,
-                  e.value === l && /* @__PURE__ */ a(Q, { className: "bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400" })
+                  e.value === l && /* @__PURE__ */ a(K, { className: "bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400" })
                 ]
               },
               e.value
@@ -194,5 +194,5 @@ const ge = (N) => {
   );
 };
 export {
-  ge as Select
+  _e as Select
 };

package/dist/components/Select/helpers/SelectCheckSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=t=>{const{className:r}=t;return e.jsx("svg",{className:r,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"M20 6L9 17l-5-5"})})};exports.SelectCheckSvg=o;

package/dist/components/Select/helpers/SelectCheckSvg.d.ts

@@ -0,0 +1,3 @@
+export declare const SelectCheckSvg: (props: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/helpers/SelectCheckSvg.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+const n = (r) => {
+  const { className: o } = r;
+  return /* @__PURE__ */ e("svg", { className: o, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M20 6L9 17l-5-5" }) });
+};
+export {
+  n as SelectCheckSvg
+};

package/dist/components/Select/helpers/SelectChevronDownSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=o=>{const{className:r}=o;return e.jsx("svg",{className:r,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"M6 9l6 6 6-6"})})};exports.SelectChevronDownSvg=n;

package/dist/components/Select/helpers/SelectChevronDownSvg.d.ts

@@ -0,0 +1,3 @@
+export declare const SelectChevronDownSvg: (props: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/helpers/SelectChevronDownSvg.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+const t = (o) => {
+  const { className: r } = o;
+  return /* @__PURE__ */ e("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M6 9l6 6 6-6" }) });
+};
+export {
+  t as SelectChevronDownSvg
+};

package/dist/components/Select/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectCheckSvg } from './SelectCheckSvg';
+export { SelectChevronDownSvg } from './SelectChevronDownSvg';

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;