@forgedevstack/bear 1.3.2 → 1.3.3

package/dist/components/PromptComposer/helpers/PromptComposerAttachSvg.d.ts

@@ -0,0 +1 @@
+export declare const PromptComposerAttachSvg: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/PromptComposer/helpers/PromptComposerAttachSvg.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import { EIGHTEEN as r } from "../../../constants/numbers.const.js";
+const i = () => /* @__PURE__ */ o("svg", { width: r, height: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48" }) });
+export {
+  i as PromptComposerAttachSvg
+};

package/dist/components/PromptComposer/helpers/PromptComposerFileChip.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../Chip/Chip.cjs"),n=i=>{const{file:e,disabled:t,onRemove:o}=i;return r.jsx(s.Chip,{size:"sm",variant:"soft",disabled:t,onDelete:o?()=>o(e):void 0,children:e.name})};exports.PromptComposerFileChip=n;

package/dist/components/PromptComposer/helpers/PromptComposerFileChip.d.ts

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

package/dist/components/PromptComposer/helpers/PromptComposerFileChip.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Chip as m } from "../../Chip/Chip.js";
+const p = (i) => {
+  const { file: o, disabled: r, onRemove: e } = i;
+  return /* @__PURE__ */ t(
+    m,
+    {
+      size: "sm",
+      variant: "soft",
+      disabled: r,
+      onDelete: e ? () => e(o) : void 0,
+      children: o.name
+    }
+  );
+};
+export {
+  p as PromptComposerFileChip
+};

package/dist/components/PromptComposer/helpers/PromptComposerSendSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../constants/numbers.const.cjs"),r=()=>e.jsxs("svg",{width:o.EIGHTEEN,height:o.EIGHTEEN,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("path",{d:"M22 2L11 13"}),e.jsx("path",{d:"M22 2L15 22L11 13L2 9L22 2Z"})]});exports.PromptComposerSendSvg=r;

package/dist/components/PromptComposer/helpers/PromptComposerSendSvg.d.ts

@@ -0,0 +1 @@
+export declare const PromptComposerSendSvg: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/PromptComposer/helpers/PromptComposerSendSvg.js

@@ -0,0 +1,9 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { EIGHTEEN as r } from "../../../constants/numbers.const.js";
+const n = () => /* @__PURE__ */ e("svg", { width: r, height: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+  /* @__PURE__ */ o("path", { d: "M22 2L11 13" }),
+  /* @__PURE__ */ o("path", { d: "M22 2L15 22L11 13L2 9L22 2Z" })
+] });
+export {
+  n as PromptComposerSendSvg
+};

package/dist/components/PromptComposer/helpers/PromptComposerStopSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../constants/numbers.const.cjs"),r=()=>e.jsx("svg",{width:t.EIGHTEEN,height:t.EIGHTEEN,viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:e.jsx("rect",{x:"6",y:"6",width:"12",height:"12",rx:"2"})});exports.PromptComposerStopSvg=r;

package/dist/components/PromptComposer/helpers/PromptComposerStopSvg.d.ts

@@ -0,0 +1 @@
+export declare const PromptComposerStopSvg: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/PromptComposer/helpers/PromptComposerStopSvg.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { EIGHTEEN as o } from "../../../constants/numbers.const.js";
+const e = () => /* @__PURE__ */ r("svg", { width: o, height: o, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ r("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) });
+export {
+  e as PromptComposerStopSvg
+};

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

@@ -0,0 +1,4 @@
+export { PromptComposerAttachSvg } from './PromptComposerAttachSvg';
+export { PromptComposerFileChip } from './PromptComposerFileChip';
+export { PromptComposerSendSvg } from './PromptComposerSendSvg';
+export { PromptComposerStopSvg } from './PromptComposerStopSvg';

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

@@ -0,0 +1,2 @@
+export { PromptComposer } from './PromptComposer';
+export type { PromptComposerProps, PromptComposerTranslations, } from './PromptComposer.types';

package/dist/components/PromptSuggestions/PromptSuggestions.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("../../constants/generals.const.cjs"),p=require("../../utils/cn.cjs");require("react");const I=require("../../utils/generateBearId.utils.cjs"),q=require("../../utils/useBearId.cjs"),S=require("../Chip/Chip.cjs"),N=require("../Flex/Flex.cjs"),P=i=>{const{id:n,testId:d,suggestions:o,selectedId:a,onSelect:r,className:c}=i,l=q.useBearId(t.COMPONENT_NAME_PROMPT_SUGGESTIONS),u=I.resolveBearId(n,l);return s.jsx(N.Flex,{id:u,testId:d,className:p.cn("Bear-PromptSuggestions",c),wrap:"wrap",gap:2,children:o.map(e=>{const m=e.id===a;return s.jsx(S.Chip,{size:"sm",variant:m?t.VARIANT_FILLED:"outlined",color:"primary",disabled:e.disabled,onClick:()=>r==null?void 0:r(e.id),children:e.label},e.id)})})};exports.PromptSuggestions=P;

package/dist/components/PromptSuggestions/PromptSuggestions.d.ts

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

package/dist/components/PromptSuggestions/PromptSuggestions.js

@@ -0,0 +1,39 @@
+import { jsx as e } from "react/jsx-runtime";
+import { COMPONENT_NAME_PROMPT_SUGGESTIONS as n, VARIANT_FILLED as I } from "../../constants/generals.const.js";
+import { cn as f } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as N } from "../../utils/generateBearId.utils.js";
+import { useBearId as P } from "../../utils/useBearId.js";
+import { Chip as S } from "../Chip/Chip.js";
+import { Flex as E } from "../Flex/Flex.js";
+const B = (i) => {
+  const { id: m, testId: t, suggestions: d, selectedId: a, onSelect: o, className: s } = i, p = P(n), l = N(m, p);
+  return /* @__PURE__ */ e(
+    E,
+    {
+      id: l,
+      testId: t,
+      className: f("Bear-PromptSuggestions", s),
+      wrap: "wrap",
+      gap: 2,
+      children: d.map((r) => {
+        const c = r.id === a;
+        return /* @__PURE__ */ e(
+          S,
+          {
+            size: "sm",
+            variant: c ? I : "outlined",
+            color: "primary",
+            disabled: r.disabled,
+            onClick: () => o == null ? void 0 : o(r.id),
+            children: r.label
+          },
+          r.id
+        );
+      })
+    }
+  );
+};
+export {
+  B as PromptSuggestions
+};

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

@@ -0,0 +1,13 @@
+export interface PromptSuggestionItem {
+    id: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface PromptSuggestionsProps {
+    id?: string;
+    testId?: string;
+    suggestions: PromptSuggestionItem[];
+    selectedId?: string;
+    onSelect?: (id: string) => void;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { PromptSuggestions } from './PromptSuggestions';
+export type { PromptSuggestionItem, PromptSuggestionsProps } from './PromptSuggestions.types';

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../constants/numbers.const.cjs"),n=require("../../../node_modules/@forgedevstack/bear-icons/dist/editor.cjs"),s={bold:e.jsx(n.BoldIcon,{size:i.SIXTEEN}),italic:e.jsx(n.ItalicIcon,{size:i.SIXTEEN}),underline:e.jsx(n.UnderlineIcon,{size:i.SIXTEEN}),strikethrough:e.jsx(n.StrikethroughIcon,{size:i.SIXTEEN}),heading1:e.jsx(n.Heading1Icon,{size:i.SIXTEEN}),heading2:e.jsx(n.Heading2Icon,{size:i.SIXTEEN}),heading3:e.jsx(n.Heading3Icon,{size:i.SIXTEEN}),bulletList:e.jsx(n.ListBulletIcon,{size:i.SIXTEEN}),orderedList:e.jsx(n.ListNumberedIcon,{size:i.SIXTEEN}),blockquote:e.jsx(n.QuoteIcon,{size:i.SIXTEEN}),code:e.jsx(n.CodeIcon,{size:i.SIXTEEN}),link:e.jsx(n.InsertLinkIcon,{size:i.SIXTEEN}),alignLeft:e.jsx(n.AlignLeftIcon,{size:i.SIXTEEN}),alignCenter:e.jsx(n.AlignCenterIcon,{size:i.SIXTEEN}),alignRight:e.jsx(n.AlignRightIcon,{size:i.SIXTEEN}),alignJustify:e.jsx(n.AlignJustifyIcon,{size:i.SIXTEEN}),image:e.jsx(n.InsertPhotoIcon,{size:i.SIXTEEN}),indent:e.jsx(n.IndentIncreaseIcon,{size:i.SIXTEEN}),outdent:e.jsx(n.IndentDecreaseIcon,{size:i.SIXTEEN}),clearFormat:e.jsx(n.FormatClearIcon,{size:i.SIXTEEN}),table:e.jsx(n.TableIcon,{size:i.SIXTEEN})};exports.RICH_EDITOR_ICONS=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../constants/numbers.const.cjs"),n=require("@forgedevstack/bear-icons/editor"),s={bold:e.jsx(n.BoldIcon,{size:i.SIXTEEN}),italic:e.jsx(n.ItalicIcon,{size:i.SIXTEEN}),underline:e.jsx(n.UnderlineIcon,{size:i.SIXTEEN}),strikethrough:e.jsx(n.StrikethroughIcon,{size:i.SIXTEEN}),heading1:e.jsx(n.Heading1Icon,{size:i.SIXTEEN}),heading2:e.jsx(n.Heading2Icon,{size:i.SIXTEEN}),heading3:e.jsx(n.Heading3Icon,{size:i.SIXTEEN}),bulletList:e.jsx(n.ListBulletIcon,{size:i.SIXTEEN}),orderedList:e.jsx(n.ListNumberedIcon,{size:i.SIXTEEN}),blockquote:e.jsx(n.QuoteIcon,{size:i.SIXTEEN}),code:e.jsx(n.CodeIcon,{size:i.SIXTEEN}),link:e.jsx(n.InsertLinkIcon,{size:i.SIXTEEN}),alignLeft:e.jsx(n.AlignLeftIcon,{size:i.SIXTEEN}),alignCenter:e.jsx(n.AlignCenterIcon,{size:i.SIXTEEN}),alignRight:e.jsx(n.AlignRightIcon,{size:i.SIXTEEN}),alignJustify:e.jsx(n.AlignJustifyIcon,{size:i.SIXTEEN}),image:e.jsx(n.InsertPhotoIcon,{size:i.SIXTEEN}),indent:e.jsx(n.IndentIncreaseIcon,{size:i.SIXTEEN}),outdent:e.jsx(n.IndentDecreaseIcon,{size:i.SIXTEEN}),clearFormat:e.jsx(n.FormatClearIcon,{size:i.SIXTEEN}),table:e.jsx(n.TableIcon,{size:i.SIXTEEN})};exports.RICH_EDITOR_ICONS=s;

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"),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 "@forgedevstack/bear-icons";
+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/Skeleton/Skeleton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),S=require("react"),_=require("../../utils/cn.cjs"),d=require("./Skeleton.const.cjs"),j=require("./Skeleton.utils.cjs"),a=S.forwardRef(({variant:e="text",animation:r="pulse",width:l,height:s,borderRadius:o,count:i=1,gap:u=8,className:n,style:f,testId:k,...N},m)=>{S.useEffect(()=>{r==="wave"&&j.injectStyles()},[r]);const x=c=>{if(c!==void 0)return typeof c=="number"?`${c}px`:c},p={width:x(l),height:x(s)||(e==="text"?d.SKELETON_TEXT_HEIGHT:void 0),borderRadius:o?x(o):void 0,...f},y=_.cn(d.SKELETON_BASE_CLASSES,d.SKELETON_VARIANT_CLASSES[e],d.SKELETON_ANIMATION_CLASSES[r],d.SKELETON_BG_CLASSES,n);return i>1?t.jsx("div",{className:"Bear-Skeleton__group flex flex-col",style:{gap:x(u)},"data-testid":k,children:Array.from({length:i}).map((c,g)=>t.jsx("div",{ref:g===0?m:void 0,className:y,style:p,...N},g))}):t.jsx("div",{ref:m,className:y,style:p,"data-testid":k,...N})});a.displayName="Skeleton";const E=S.forwardRef(({lines:e=3,lastLineWidth:r="80%",gap:l=8,animation:s="pulse",...o},i)=>{S.useEffect(()=>{s==="wave"&&j.injectStyles()},[s]);const u=n=>{if(n!==void 0)return typeof n=="number"?`${n}px`:n};return t.jsx("div",{ref:i,className:"Bear-SkeletonText flex flex-col",style:{gap:u(l)},children:Array.from({length:e}).map((n,f)=>t.jsx(a,{variant:"text",animation:s,width:f===e-1?r:"100%",...o},f))})});E.displayName="SkeletonText";const h=S.forwardRef(({size:e="md",animation:r="pulse",...l},s)=>{const o=typeof e=="number"?e:d.SKELETON_AVATAR_SIZES[e];return t.jsx(a,{ref:s,variant:"circular",animation:r,width:o,height:o,...l})});h.displayName="SkeletonAvatar";const A=S.forwardRef(({animation:e="pulse",className:r,...l},s)=>t.jsxs("div",{ref:s,className:_.cn("Bear-SkeletonCard p-4 rounded-lg border border-gray-200 dark:border-zinc-700 bg-white dark:bg-zinc-900",r),...l,children:[t.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[t.jsx(h,{animation:e}),t.jsxs("div",{className:"flex-1",children:[t.jsx(a,{animation:e,width:"60%",height:16,className:"mb-2"}),t.jsx(a,{animation:e,width:"40%",height:12})]})]}),t.jsx(E,{animation:e,lines:3})]}));A.displayName="SkeletonCard";exports.Skeleton=a;exports.SkeletonAvatar=h;exports.SkeletonCard=A;exports.SkeletonText=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("react"),j=require("../../utils/cn.cjs"),S=require("./Skeleton.const.cjs"),A=require("./Skeleton.utils.cjs"),c=d.forwardRef(({variant:e="text",animation:r="pulse",width:l,height:s,borderRadius:o,count:i=1,gap:u=8,className:n,style:f,testId:p,...N},y)=>{d.useEffect(()=>{r==="wave"&&A.injectStyles()},[r]);const x=a=>{if(a!==void 0)return typeof a=="number"?`${a}px`:a},E={width:x(l),height:x(s)||(e==="text"?S.SKELETON_TEXT_HEIGHT:void 0),borderRadius:o?x(o):void 0,...f},g=j.cn(S.SKELETON_BASE_CLASSES,S.SKELETON_VARIANT_CLASSES[e],r==="pulse"&&"Bear-Skeleton--pulse",S.SKELETON_ANIMATION_CLASSES[r],n);return i>1?t.jsx("div",{className:"Bear-Skeleton__group flex flex-col",style:{gap:x(u)},"data-testid":p,children:Array.from({length:i}).map((a,m)=>t.jsx("div",{ref:m===0?y:void 0,className:g,style:E,...N},m))}):t.jsx("div",{ref:y,className:g,style:E,"data-testid":p,...N})});c.displayName="Skeleton";const k=d.forwardRef(({lines:e=3,lastLineWidth:r="80%",gap:l=8,animation:s="pulse",...o},i)=>{d.useEffect(()=>{s==="wave"&&A.injectStyles()},[s]);const u=n=>{if(n!==void 0)return typeof n=="number"?`${n}px`:n};return t.jsx("div",{ref:i,className:"Bear-SkeletonText flex flex-col",style:{gap:u(l)},children:Array.from({length:e}).map((n,f)=>t.jsx(c,{variant:"text",animation:s,width:f===e-1?r:"100%",...o},f))})});k.displayName="SkeletonText";const h=d.forwardRef(({size:e="md",animation:r="pulse",...l},s)=>{const o=typeof e=="number"?e:S.SKELETON_AVATAR_SIZES[e];return t.jsx(c,{ref:s,variant:"circular",animation:r,width:o,height:o,...l})});h.displayName="SkeletonAvatar";const T=d.forwardRef(({animation:e="pulse",className:r,...l},s)=>t.jsxs("div",{ref:s,className:j.cn("Bear-SkeletonCard p-4 rounded-lg border border-gray-200 dark:border-zinc-700 bg-white dark:bg-zinc-900",r),...l,children:[t.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[t.jsx(h,{animation:e}),t.jsxs("div",{className:"flex-1",children:[t.jsx(c,{animation:e,width:"60%",height:16,className:"mb-2"}),t.jsx(c,{animation:e,width:"40%",height:12})]})]}),t.jsx(k,{animation:e,lines:3})]}));T.displayName="SkeletonCard";exports.Skeleton=c;exports.SkeletonAvatar=h;exports.SkeletonCard=T;exports.SkeletonText=k;