@forgedevstack/bear 1.3.2 → 1.3.4

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

@@ -1,29 +1,29 @@
 import { jsx as e } from "react/jsx-runtime";
 import { SIXTEEN as i } from "../../../constants/numbers.const.js";
-import { TableIcon as s, FormatClearIcon as n, IndentDecreaseIcon as o, IndentIncreaseIcon as a, InsertPhotoIcon as t, AlignJustifyIcon as I, AlignRightIcon as c, AlignCenterIcon as r, AlignLeftIcon as l, InsertLinkIcon as z, CodeIcon as d, QuoteIcon as g, ListNumberedIcon as u, ListBulletIcon as m, Heading3Icon as h, Heading2Icon as f, Heading1Icon as L, StrikethroughIcon as C, UnderlineIcon as b, ItalicIcon as k, BoldIcon as p } from "../../../node_modules/@forgedevstack/bear-icons/dist/editor.js";
-const x = {
+import { TableIcon as n, FormatClearIcon as o, IndentDecreaseIcon as t, IndentIncreaseIcon as s, InsertPhotoIcon as I, AlignJustifyIcon as c, AlignRightIcon as r, AlignCenterIcon as l, AlignLeftIcon as a, InsertLinkIcon as z, CodeIcon as d, QuoteIcon as g, ListNumberedIcon as u, ListBulletIcon as h, Heading3Icon as m, Heading2Icon as f, Heading1Icon as L, StrikethroughIcon as b, UnderlineIcon as C, ItalicIcon as k, BoldIcon as p } from "@forgedevstack/bear-icons/editor";
+const E = {
   bold: /* @__PURE__ */ e(p, { size: i }),
   italic: /* @__PURE__ */ e(k, { size: i }),
-  underline: /* @__PURE__ */ e(b, { size: i }),
-  strikethrough: /* @__PURE__ */ e(C, { size: i }),
+  underline: /* @__PURE__ */ e(C, { size: i }),
+  strikethrough: /* @__PURE__ */ e(b, { size: i }),
   heading1: /* @__PURE__ */ e(L, { size: i }),
   heading2: /* @__PURE__ */ e(f, { size: i }),
-  heading3: /* @__PURE__ */ e(h, { size: i }),
-  bulletList: /* @__PURE__ */ e(m, { size: i }),
+  heading3: /* @__PURE__ */ e(m, { size: i }),
+  bulletList: /* @__PURE__ */ e(h, { size: i }),
   orderedList: /* @__PURE__ */ e(u, { size: i }),
   blockquote: /* @__PURE__ */ e(g, { size: i }),
   code: /* @__PURE__ */ e(d, { size: i }),
   link: /* @__PURE__ */ e(z, { size: i }),
-  alignLeft: /* @__PURE__ */ e(l, { size: i }),
-  alignCenter: /* @__PURE__ */ e(r, { size: i }),
-  alignRight: /* @__PURE__ */ e(c, { size: i }),
-  alignJustify: /* @__PURE__ */ e(I, { size: i }),
-  image: /* @__PURE__ */ e(t, { size: i }),
-  indent: /* @__PURE__ */ e(a, { size: i }),
-  outdent: /* @__PURE__ */ e(o, { size: i }),
-  clearFormat: /* @__PURE__ */ e(n, { size: i }),
-  table: /* @__PURE__ */ e(s, { size: i })
+  alignLeft: /* @__PURE__ */ e(a, { size: i }),
+  alignCenter: /* @__PURE__ */ e(l, { size: i }),
+  alignRight: /* @__PURE__ */ e(r, { size: i }),
+  alignJustify: /* @__PURE__ */ e(c, { size: i }),
+  image: /* @__PURE__ */ e(I, { size: i }),
+  indent: /* @__PURE__ */ e(s, { size: i }),
+  outdent: /* @__PURE__ */ e(t, { size: i }),
+  clearFormat: /* @__PURE__ */ e(o, { size: i }),
+  table: /* @__PURE__ */ e(n, { size: i })
 };
 export {
-  x as RICH_EDITOR_ICONS
+  E as RICH_EDITOR_ICONS
 };

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("../../../node_modules/@forgedevstack/bear-icons/dist/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,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 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 { 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 "@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 D } from "../components/ToolbarColorPicker/ToolbarColorPicker.js";
+import { ToolbarColorPicker as m } 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 ae } from "../RichEditor.const.js";
-import { RICH_EDITOR_ICONS as te } 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 te } from "../RichEditor.const.js";
+import { RICH_EDITOR_ICONS as ae } from "./IconRender.js";
 const he = (e) => {
-  const T = e.disabled || e.readOnly, b = {
-    [m]: (i) => /* @__PURE__ */ o(
+  const T = e.disabled || e.readOnly, D = {
+    [b]: (i) => /* @__PURE__ */ o(
       "div",
       {
         className: "Bear-RichEditor__divider w-px h-5 bg-gray-300 dark:bg-zinc-600 mx-1"
       },
-      `${m}-${i}`
+      `${b}-${i}`
     ),
     [p]: () => /* @__PURE__ */ o(
       K,
       {
-        options: ae,
+        options: te,
         value: e.currentBlock,
         onChange: e.handleHeadingChange,
         title: Ee,
         disabled: T,
-        icon: /* @__PURE__ */ o(V, { size: l })
+        icon: /* @__PURE__ */ o(X, { size: l })
       },
       p
     ),
     [h]: () => /* @__PURE__ */ o(
-      D,
+      m,
       {
         value: e.textColorValue,
         onChange: e.handleTextColor,
@@ -44,7 +44,7 @@ const he = (e) => {
       h
     ),
     [g]: () => /* @__PURE__ */ o(
-      D,
+      m,
       {
         value: e.highlightColorValue,
         onChange: e.handleHighlightColor,
@@ -59,7 +59,7 @@ const he = (e) => {
     [c]: () => /* @__PURE__ */ o(
       n,
       {
-        icon: /* @__PURE__ */ o(X, { size: l }),
+        icon: /* @__PURE__ */ o(V, { size: l }),
         title: Ie,
         onClick: e.handleLink,
         disabled: T
@@ -135,7 +135,7 @@ const he = (e) => {
       },
       L
     ),
-    [O]: () => /* @__PURE__ */ o(
+    [s]: () => /* @__PURE__ */ o(
       n,
       {
         icon: /* @__PURE__ */ o(U, { size: l }),
@@ -143,9 +143,9 @@ const he = (e) => {
         onClick: () => e.execAlign(G),
         disabled: T
       },
-      O
+      s
     ),
-    [s]: () => /* @__PURE__ */ o(
+    [O]: () => /* @__PURE__ */ o(
       n,
       {
         icon: /* @__PURE__ */ o(u, { size: l }),
@@ -153,21 +153,21 @@ const he = (e) => {
         onClick: () => e.execAlign(S),
         disabled: T
       },
-      s
+      O
     ),
-    [t]: () => {
+    [a]: () => {
       const i = e.isMobile ? W : q;
-      return /* @__PURE__ */ o(w, { disabled: T, isMobile: e.isMobile, children: i.map((_, I) => r(_, I)) }, t);
+      return /* @__PURE__ */ o(w, { disabled: T, isMobile: e.isMobile, children: i.map((_, I) => r(_, I)) }, a);
     }
   }, r = (i, _) => {
-    const I = b[i];
+    const I = D[i];
     if (I)
       return I(_);
-    const E = j[i], a = te[i];
-    return !E || !a ? null : /* @__PURE__ */ o(
+    const E = j[i], t = ae[i];
+    return !E || !t ? null : /* @__PURE__ */ o(
       n,
       {
-        icon: a,
+        icon: t,
         title: E.title,
         active: e.activeFormats.has(i),
         onClick: () => e.handleFormat(i),

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"),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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),v=require("react"),s=require("./Select.const.cjs"),W=require("./helpers/SelectCheckSvg.cjs"),X=require("./helpers/SelectChevronDownSvg.cjs"),H=require("../OverlayPortal/OverlayPortal.cjs"),l=require("../../utils/cn.cjs"),Y=require("../../utils/generateBearId.utils.cjs"),G=require("../../utils/useBearId.cjs"),J=require("../../context/BearProvider.cjs");require("../../context/defaultTheme.cjs");const K=require("../../constants/generals.const.cjs"),Q=require("../../hooks/useClickOutside.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const ee=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.cjs"),re=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs"),ae=require("../../hooks/useFormControl/useFormControl.cjs"),se=O=>{const{options:x,value:t,onChange:b,placeholder:S=s.SELECT_DEFAULT_PLACEHOLDER,label:c,error:E,disabled:A=!1,required:I=!1,size:T="md",fullWidth:L=!1,displayEmpty:y=!1,renderValue:q,native:n=!1,className:N,id:P,testId:j}=O,{openEffect:B,closeEffect:D}=re.resolveOverlayEffects(O),{density:F}=J.useBearDensityOptional(),u=F===K.DENSITY_COMPACT,M=G.useBearId(s.COMPONENT_NAME_SELECT),_=Y.resolveBearId(P,M),a=ae.useFormControl(),[i,m]=v.useState(!1),h=v.useRef(null),w=v.useRef(null),{style:$,ready:U}=ee.useFixedAnchorPosition({anchorRef:h,open:i&&!n,offsetPx:s.SELECT_MENU_OFFSET_PX,matchWidth:!0}),o=A||!!(a!=null&&a.disabled),g=I||!!(a!=null&&a.required),d=!!E||!!(a!=null&&a.error),f=typeof E=="string"?E:void 0,p=x.find(e=>e.value===t),C=t===void 0||t==="",R=C||y&&C,Z=v.useCallback(()=>m(!1),[]);Q.useClickOutsideMultiple([h,w],Z,{enabled:i&&!n&&!o});const z=e=>{b==null||b(e),m(!1)},V=q&&!C?q(t):R||!p?S:p.label,k={backgroundColor:"var(--bear-bg-primary)",borderColor:d?void 0:"var(--bear-border-default)",color:p&&!R?"var(--bear-text-primary)":"var(--bear-text-muted)"};return n?r.jsxs("div",{id:_,"data-testid":j,className:l.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:`${_}-native`,className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:c}),r.jsxs("select",{id:`${_}-native`,disabled:o,required:g,value:t??"",onChange:e=>b==null?void 0:b(e.target.value),className:l.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)]",d?"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",s.SELECT_SIZE_CLASSES[T],u&&"Bear-Select--compact bear-py-1 bear-text-xs",N),style:k,"aria-invalid":d||void 0,"aria-required":g||void 0,"aria-describedby":a==null?void 0:a.helperId,children:[(y||S)&&r.jsx("option",{value:"",disabled:!y,children:S}),x.map(e=>r.jsx("option",{value:e.value,disabled:e.disabled,children:e.label},e.value))]}),f&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:f})]}):r.jsxs("div",{ref:h,id:_,"data-testid":j,className:l.cn(s.S_E_L_E_C_T_ROOT_CLASS,"bear-relative bear-flex bear-flex-col bear-gap-1.5",u&&"Bear-Select--compact",L&&"bear-w-full"),children:[c&&r.jsx("label",{className:l.cn("bear-font-medium",u?"bear-text-xs":"bear-text-sm"),style:{color:"var(--bear-text-secondary)"},children:c}),r.jsxs("button",{type:"button",disabled:o,onClick:()=>!o&&m(!i),className:l.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)]",d?"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",s.SELECT_SIZE_CLASSES[T],u&&"bear-py-1 bear-text-xs bear-h-8",N),style:k,"aria-haspopup":"listbox","aria-expanded":i,"aria-invalid":d||void 0,"aria-required":g||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:V}),r.jsx(X.SelectChevronDownSvg,{className:l.cn("bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform",i&&"bear-rotate-180")})]}),r.jsx(H.OverlayPortal,{open:i&&!n,ready:U,style:{...$,backgroundColor:"var(--bear-bg-primary)",borderColor:"var(--bear-border-default)"},zIndex:s.SELECT_MENU_Z_INDEX,openEffect:B,closeEffect:D,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:x.map(e=>r.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>!e.disabled&&z(e.value),role:"option","aria-selected":e.value===t,className:l.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===t&&"bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",!e.disabled&&e.value!==t&&"hover:bear-bg-[var(--bear-bg-tertiary)]"),style:e.disabled?{color:"var(--bear-text-muted)"}:e.value===t?void 0:{color:"var(--bear-text-secondary)"},children:[e.label,e.value===t&&r.jsx(W.SelectCheckSvg,{className:"bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400"})]},e.value))})}),f&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:f})]})};exports.Select=se;

package/dist/components/Select/Select.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="Bear-Select",_="Select an option",S=4,e=1e4,t={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"};exports.SELECT_DEFAULT_PLACEHOLDER=_;exports.SELECT_MENU_OFFSET_PX=S;exports.SELECT_MENU_Z_INDEX=e;exports.SELECT_SIZE_CLASSES=t;exports.S_E_L_E_C_T_ROOT_CLASS=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="Bear-Select",_="Select",S="Select an option",e=4,t=1e4,L={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"};exports.COMPONENT_NAME_SELECT=_;exports.SELECT_DEFAULT_PLACEHOLDER=S;exports.SELECT_MENU_OFFSET_PX=e;exports.SELECT_MENU_Z_INDEX=t;exports.SELECT_SIZE_CLASSES=L;exports.S_E_L_E_C_T_ROOT_CLASS=E;

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

@@ -1,4 +1,5 @@
 export declare const S_E_L_E_C_T_ROOT_CLASS = "Bear-Select";
+export declare const COMPONENT_NAME_SELECT = "Select";
 export declare const SELECT_DEFAULT_PLACEHOLDER = "Select an option";
 export declare const SELECT_MENU_OFFSET_PX = 4;
 export declare const SELECT_MENU_EDGE_PAD_PX = 8;

package/dist/components/Select/Select.const.js

@@ -1,12 +1,13 @@
-const e = "Bear-Select", E = "Select an option", _ = 4, t = 1e4, S = {
+const E = "Bear-Select", e = "Select", _ = "Select an option", t = 4, S = 1e4, a = {
   sm: "bear-h-8 bear-text-sm bear-px-3",
   md: "bear-h-10 bear-text-base bear-px-4",
   lg: "bear-h-12 bear-text-lg bear-px-5"
 };
 export {
-  E as SELECT_DEFAULT_PLACEHOLDER,
-  _ as SELECT_MENU_OFFSET_PX,
-  t as SELECT_MENU_Z_INDEX,
-  S as SELECT_SIZE_CLASSES,
-  e as S_E_L_E_C_T_ROOT_CLASS
+  e as COMPONENT_NAME_SELECT,
+  _ as SELECT_DEFAULT_PLACEHOLDER,
+  t as SELECT_MENU_OFFSET_PX,
+  S as SELECT_MENU_Z_INDEX,
+  a as SELECT_SIZE_CLASSES,
+  E as S_E_L_E_C_T_ROOT_CLASS
 };

package/dist/components/Select/Select.js

@@ -1,198 +1,203 @@
-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 "@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";
-import { useBearId as re } from "../../utils/useBearId.js";
-import { useClickOutsideMultiple as ae } from "../../hooks/useClickOutside.js";
-import "../../context/BearProvider.js";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { useState as H, useRef as P, useCallback as Y } from "react";
+import { SELECT_DEFAULT_PLACEHOLDER as G, COMPONENT_NAME_SELECT as J, SELECT_MENU_OFFSET_PX as K, SELECT_SIZE_CLASSES as R, S_E_L_E_C_T_ROOT_CLASS as l, SELECT_MENU_Z_INDEX as Q } from "./Select.const.js";
+import { SelectCheckSvg as ee } from "./helpers/SelectCheckSvg.js";
+import { SelectChevronDownSvg as re } from "./helpers/SelectChevronDownSvg.js";
+import { OverlayPortal as ae } from "../OverlayPortal/OverlayPortal.js";
+import { cn as s } from "../../utils/cn.js";
+import { resolveBearId as te } from "../../utils/generateBearId.utils.js";
+import { useBearId as le } from "../../utils/useBearId.js";
+import { useBearDensityOptional as se } from "../../context/BearProvider.js";
+import "../../context/defaultTheme.js";
+import { DENSITY_COMPACT as be } from "../../constants/generals.const.js";
+import { useClickOutsideMultiple as oe } from "../../hooks/useClickOutside.js";
 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) => {
+import { useFixedAnchorPosition as de } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.js";
+import { resolveOverlayEffects as ie } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
+import { useFormControl as ce } from "../../hooks/useFormControl/useFormControl.js";
+const Oe = (w) => {
   const {
-    options: v,
-    value: l,
-    onChange: s,
-    placeholder: p = H,
-    label: c,
+    options: p,
+    value: t,
+    onChange: b,
+    placeholder: x = G,
+    label: n,
     error: y,
-    disabled: B = !1,
-    required: D = !1,
-    size: S = "md",
-    fullWidth: k = !1,
+    disabled: A = !1,
+    required: M = !1,
+    size: k = "md",
+    fullWidth: C = !1,
     displayEmpty: h = !1,
-    renderValue: I,
+    renderValue: O,
     native: u = !1,
-    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({
-    anchorRef: g,
-    open: b && !u,
-    offsetPx: G,
+    className: I,
+    id: $,
+    testId: T
+  } = w, { openEffect: q, closeEffect: F } = ie(w), { density: j } = se(), f = j === be, U = le(J), m = te($, U), r = ce(), [o, g] = H(!1), E = P(null), L = P(null), { style: z, ready: V } = de({
+    anchorRef: E,
+    open: o && !u,
+    offsetPx: K,
     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), []);
-  ae([g, C], z, {
-    enabled: b && !u && !o
+  }), d = A || !!(r != null && r.disabled), _ = M || !!(r != null && r.required), i = !!y || !!(r != null && r.error), v = typeof y == "string" ? y : void 0, S = p.find((e) => e.value === t), N = t === void 0 || t === "", B = N || h && N, W = Y(() => g(!1), []);
+  oe([E, L], W, {
+    enabled: o && !u && !d
   });
-  const V = (e) => {
-    s == null || s(e), x(!1);
-  }, W = I && !w ? I(l) : R || !E ? p : E.label, T = {
+  const X = (e) => {
+    b == null || b(e), g(!1);
+  }, Z = O && !N ? O(t) : B || !S ? x : S.label, D = {
     backgroundColor: "var(--bear-bg-primary)",
     borderColor: i ? void 0 : "var(--bear-border-default)",
-    color: E && !R ? "var(--bear-text-primary)" : "var(--bear-text-muted)"
+    color: S && !B ? "var(--bear-text-primary)" : "var(--bear-text-muted)"
   };
-  return u ? /* @__PURE__ */ n(
+  return u ? /* @__PURE__ */ c(
     "div",
     {
-      id: f,
-      "data-testid": O,
-      className: d(
-        t,
+      id: m,
+      "data-testid": T,
+      className: s(
+        l,
         "bear-relative bear-flex bear-flex-col bear-gap-1.5",
-        k && "bear-w-full"
+        C && "bear-w-full"
       ),
       children: [
-        c && /* @__PURE__ */ a(
+        n && /* @__PURE__ */ a(
           "label",
           {
-            htmlFor: `${f}-native`,
+            htmlFor: `${m}-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`,
-            disabled: o,
+            id: `${m}-native`,
+            disabled: d,
             required: _,
-            value: l ?? "",
-            onChange: (e) => s == null ? void 0 : s(e.target.value),
-            className: d(
-              `${t}__native`,
+            value: t ?? "",
+            onChange: (e) => b == null ? void 0 : b(e.target.value),
+            className: s(
+              `${l}__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)]",
               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],
-              L
+              d && "bear-opacity-50 bear-cursor-not-allowed",
+              R[k],
+              f && "Bear-Select--compact bear-py-1 bear-text-xs",
+              I
             ),
-            style: T,
+            style: D,
             "aria-invalid": i || void 0,
             "aria-required": _ || void 0,
             "aria-describedby": r == null ? void 0 : r.helperId,
             children: [
-              (h || p) && /* @__PURE__ */ a("option", { value: "", disabled: !h, children: p }),
-              v.map((e) => /* @__PURE__ */ a("option", { value: e.value, disabled: e.disabled, children: e.label }, e.value))
+              (h || x) && /* @__PURE__ */ a("option", { value: "", disabled: !h, children: x }),
+              p.map((e) => /* @__PURE__ */ a("option", { value: e.value, disabled: e.disabled, children: e.label }, e.value))
             ]
           }
         ),
-        m && /* @__PURE__ */ a("p", { className: "bear-text-sm bear-text-red-500", children: m })
+        v && /* @__PURE__ */ a("p", { className: "bear-text-sm bear-text-red-500", children: v })
       ]
     }
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ c(
     "div",
     {
-      ref: g,
-      id: f,
-      "data-testid": O,
-      className: d(
-        t,
+      ref: E,
+      id: m,
+      "data-testid": T,
+      className: s(
+        l,
         "bear-relative bear-flex bear-flex-col bear-gap-1.5",
-        k && "bear-w-full"
+        f && "Bear-Select--compact",
+        C && "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: s("bear-font-medium", f ? "bear-text-xs" : "bear-text-sm"), style: { color: "var(--bear-text-secondary)" }, children: n }),
+        /* @__PURE__ */ c(
           "button",
           {
             type: "button",
-            disabled: o,
-            onClick: () => !o && x(!b),
-            className: d(
-              `${t}__trigger`,
+            disabled: d,
+            onClick: () => !d && g(!o),
+            className: s(
+              `${l}__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)]",
               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],
-              L
+              d && "bear-opacity-50 bear-cursor-not-allowed",
+              R[k],
+              f && "bear-py-1 bear-text-xs bear-h-8",
+              I
             ),
-            style: T,
+            style: D,
             "aria-haspopup": "listbox",
-            "aria-expanded": b,
+            "aria-expanded": o,
             "aria-invalid": i || void 0,
             "aria-required": _ || void 0,
             "aria-describedby": r == null ? void 0 : r.helperId,
             children: [
-              /* @__PURE__ */ a("span", { className: `${t}__value`, children: W }),
+              /* @__PURE__ */ a("span", { className: `${l}__value`, children: Z }),
               /* @__PURE__ */ a(
-                K,
+                re,
                 {
-                  className: d(
+                  className: s(
                     "bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform",
-                    b && "bear-rotate-180"
-                  ),
-                  style: { color: "var(--bear-text-muted)" }
+                    o && "bear-rotate-180"
+                  )
                 }
               )
             ]
           }
         ),
         /* @__PURE__ */ a(
-          Y,
+          ae,
           {
-            open: b && !u,
-            ready: U,
+            open: o && !u,
+            ready: V,
             style: {
-              ...M,
+              ...z,
               backgroundColor: "var(--bear-bg-primary)",
               borderColor: "var(--bear-border-default)"
             },
-            zIndex: J,
-            openEffect: P,
-            closeEffect: A,
-            panelRef: C,
-            className: `${t}__menu bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden`,
+            zIndex: Q,
+            openEffect: q,
+            closeEffect: F,
+            panelRef: L,
+            className: `${l}__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: p.map((e) => /* @__PURE__ */ c(
               "button",
               {
                 type: "button",
                 disabled: e.disabled,
-                onClick: () => !e.disabled && V(e.value),
+                onClick: () => !e.disabled && X(e.value),
                 role: "option",
-                "aria-selected": e.value === l,
-                className: d(
-                  `${t}__option`,
+                "aria-selected": e.value === t,
+                className: s(
+                  `${l}__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)]"
+                  e.value === t && "bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",
+                  !e.disabled && e.value !== t && "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)" },
+                style: e.disabled ? { color: "var(--bear-text-muted)" } : e.value === t ? 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 === t && /* @__PURE__ */ a(ee, { className: "bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400" })
                 ]
               },
               e.value
             )) })
           }
         ),
-        m && /* @__PURE__ */ a("p", { className: "bear-text-sm bear-text-red-500", children: m })
+        v && /* @__PURE__ */ a("p", { className: "bear-text-sm bear-text-red-500", children: v })
       ]
     }
   );
 };
 export {
-  ge as Select
+  Oe 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';