@forgedevstack/bear 1.3.0 → 1.3.2

package/dist/components/RichEditor/useRichEditor/useRichEditor.types.d.ts

@@ -0,0 +1,39 @@
+import { ClipboardEvent, RefObject } from 'react';
+import { RichEditorProps, ToolbarOption } from '../RichEditor.types';
+export interface UseRichEditorOptions {
+    value?: RichEditorProps['value'];
+    defaultValue: string;
+    onChange?: RichEditorProps['onChange'];
+    disabled: boolean;
+    readOnly: boolean;
+    toolbar: NonNullable<RichEditorProps['toolbar']>;
+    allowImagePaste: boolean;
+    showCharCount: boolean;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+}
+export interface UseRichEditorReturn {
+    editorRef: RefObject<HTMLDivElement>;
+    isMobile: boolean;
+    activeToolbar: NonNullable<RichEditorProps['toolbar']>;
+    activeFormats: Set<string>;
+    currentBlock: string;
+    charCount: number;
+    textColorValue: string;
+    highlightColorValue: string;
+    recentTextColors: string[];
+    recentHighlightColors: string[];
+    updateActiveFormats: () => void;
+    handleInput: () => void;
+    handleFormat: (format: ToolbarOption) => void;
+    handleHeadingChange: (value: string) => void;
+    handleLink: () => void;
+    handleTextColor: (color: string) => void;
+    handleHighlightColor: (color: string) => void;
+    handleApplyLastTextColor: (color: string) => void;
+    handleApplyLastHighlightColor: (color: string) => void;
+    handlePaste: (event: ClipboardEvent<HTMLDivElement>) => Promise<void>;
+    handleImageUpload: () => void;
+    handleInsertSignature: (dataUrl: string) => void;
+    execAlign: (command: string) => void;
+}

package/dist/components/RingProgress/RingProgress.cjs

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=120,r=12,t="Bear-RingProgress bear-relative bear-inline-flex",S="bear-stroke-gray-200 dark:bear-stroke-zinc-700";exports.DEFAULT_SIZE=e;exports.DEFAULT_THICKNESS=r;exports.ROOT_CLASS=t;exports.TRACK_COLOR=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../../constants/numbers.const.cjs"),A=_.ONE_HUNDRED_TWENTY,E=_.TWELVE,N="full",I="half",L=_.HALF;exports.DEFAULT_SIZE=A;exports.DEFAULT_THICKNESS=E;exports.RING_HALF_SWEEP=L;exports.RING_VARIANT_FULL=N;exports.RING_VARIANT_HALF=I;

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

@@ -1,4 +1,5 @@
 export declare const DEFAULT_SIZE = 120;
 export declare const DEFAULT_THICKNESS = 12;
-export declare const ROOT_CLASS = "Bear-RingProgress bear-relative bear-inline-flex";
-export declare const TRACK_COLOR = "bear-stroke-gray-200 dark:bear-stroke-zinc-700";
+export declare const RING_VARIANT_FULL = "full";
+export declare const RING_VARIANT_HALF = "half";
+export declare const RING_HALF_SWEEP = 0.5;

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

@@ -1,7 +1,9 @@
-const e = 120, r = 12, a = "Bear-RingProgress bear-relative bear-inline-flex", n = "bear-stroke-gray-200 dark:bear-stroke-zinc-700";
+import { ONE_HUNDRED_TWENTY as E, TWELVE as _, HALF as A } from "../../constants/numbers.const.js";
+const o = E, L = _, T = "full", t = "half", I = A;
 export {
-  e as DEFAULT_SIZE,
-  r as DEFAULT_THICKNESS,
-  a as ROOT_CLASS,
-  n as TRACK_COLOR
+  o as DEFAULT_SIZE,
+  L as DEFAULT_THICKNESS,
+  I as RING_HALF_SWEEP,
+  T as RING_VARIANT_FULL,
+  t as RING_VARIANT_HALF
 };

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

@@ -1,4 +1,2 @@
-import { FC } from 'react';
 import { RingProgressProps } from './RingProgress.types';
-export declare const RingProgress: FC<RingProgressProps>;
-export default RingProgress;
+export declare const RingProgress: (props: RingProgressProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/RingProgress/RingProgress.js

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

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

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

package/dist/components/RingProgress/RingProgress.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),r=require("../../constants/numbers.const.cjs"),i=require("../Typography/Typography.cjs"),s=e=>e.reduce((n,t)=>n+t.value,r.ZERO),u=(e,n)=>{const t=(e-n)/r.TWO,o=r.TWO*Math.PI*t,c=e/r.TWO;return{radius:t,circumference:o,center:c}},R=e=>typeof e=="string"?g.jsx(i.Typography,{variant:"body2",color:"secondary",children:e}):e,T=(e,n,t)=>n<=r.ZERO?r.ZERO:e/n*t,O="round",E="butt",L="none";exports.FILL_NONE=L;exports.STROKE_LINECAP_BUTT=E;exports.STROKE_LINECAP_ROUND=O;exports.getRingMetrics=u;exports.getRingSegmentLength=T;exports.getRingTotal=s;exports.renderRingLabel=R;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { RingProgressSection } from './RingProgress.types';
+export declare const getRingTotal: (sections: RingProgressSection[]) => number;
+export declare const getRingMetrics: (size: number, thickness: number) => {
+    radius: number;
+    circumference: number;
+    center: number;
+};
+export declare const renderRingLabel: (label: ReactNode) => number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const getRingSegmentLength: (value: number, total: number, circumference: number) => number;
+export declare const STROKE_LINECAP_ROUND = "round";
+export declare const STROKE_LINECAP_BUTT = "butt";
+export declare const FILL_NONE = "none";

package/dist/components/RingProgress/RingProgress.utils.js

@@ -0,0 +1,16 @@
+import { jsx as s } from "react/jsx-runtime";
+import { ZERO as o, TWO as e } from "../../constants/numbers.const.js";
+import { Typography as u } from "../Typography/Typography.js";
+const d = (r) => r.reduce((n, t) => n + t.value, o), f = (r, n) => {
+  const t = (r - n) / e, c = e * Math.PI * t, i = r / e;
+  return { radius: t, circumference: c, center: i };
+}, p = (r) => typeof r == "string" ? /* @__PURE__ */ s(u, { variant: "body2", color: "secondary", children: r }) : r, T = (r, n, t) => n <= o ? o : r / n * t, a = "round", E = "butt", L = "none";
+export {
+  L as FILL_NONE,
+  E as STROKE_LINECAP_BUTT,
+  a as STROKE_LINECAP_ROUND,
+  f as getRingMetrics,
+  T as getRingSegmentLength,
+  d as getRingTotal,
+  p as renderRingLabel
+};

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

@@ -1,2 +1,2 @@
-export { RingProgress, default } from './RingProgress';
+export { RingProgress } from './RingProgress';
 export type { RingProgressProps, RingProgressSection } from './RingProgress.types';

package/dist/components/ScrollArea/ScrollArea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("../../utils/cn.cjs");require("react");const w=({children:b,className:l,orientation:a="vertical",scrollbarSize:o="md",scrollbarVariant:t="default",maxHeight:r,maxWidth:e})=>{const s={sm:"[&::-webkit-scrollbar]:bear-w-1 [&::-webkit-scrollbar]:bear-h-1",md:"[&::-webkit-scrollbar]:bear-w-2 [&::-webkit-scrollbar]:bear-h-2",lg:"[&::-webkit-scrollbar]:bear-w-3 [&::-webkit-scrollbar]:bear-h-3"},c={default:"[&::-webkit-scrollbar-track]:bear-bg-zinc-800 [&::-webkit-scrollbar-thumb]:bear-bg-zinc-600 [&::-webkit-scrollbar-thumb]:bear-rounded-full [&::-webkit-scrollbar-thumb]:hover:bear-bg-zinc-500",minimal:"[&::-webkit-scrollbar-track]:bear-bg-transparent [&::-webkit-scrollbar-thumb]:bear-bg-zinc-700 [&::-webkit-scrollbar-thumb]:bear-rounded-full",hidden:"[&::-webkit-scrollbar]:bear-hidden bear-scrollbar-none"},i={vertical:"bear-overflow-y-auto bear-overflow-x-hidden",horizontal:"bear-overflow-x-auto bear-overflow-y-hidden",both:"bear-overflow-auto"};return n.jsx("div",{className:u.cn(i[a],s[o],c[t],l),style:{maxHeight:typeof r=="number"?`${r}px`:r,maxWidth:typeof e=="number"?`${e}px`:e},children:b})};exports.ScrollArea=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("react"),A=require("../../utils/cn.cjs"),L=require("../../constants/generals.const.cjs"),e=require("./ScrollArea.const.cjs"),R=require("./ScrollArea.utils.cjs"),_=t=>{const{children:c,className:l,orientation:o="vertical",scrollbarSize:a=L.SIZE_MD,scrollbarVariant:s="default",maxHeight:n,maxWidth:S}=t,r=u.useRef(null);return R.applyScrollAreaLimits(r.current,n,S),i.jsx("div",{ref:r,className:A.cn("Bear-ScrollArea",e.SCROLL_OVERFLOW_CLASSES[o],e.SCROLLBAR_SIZE_CLASSES[a],e.SCROLLBAR_VARIANT_CLASSES[s],l),children:c})};exports.ScrollArea=_;

package/dist/components/ScrollArea/ScrollArea.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={sm:"[&::-webkit-scrollbar]:bear-w-1 [&::-webkit-scrollbar]:bear-h-1",md:"[&::-webkit-scrollbar]:bear-w-2 [&::-webkit-scrollbar]:bear-h-2",lg:"[&::-webkit-scrollbar]:bear-w-3 [&::-webkit-scrollbar]:bear-h-3"},b={default:"[&::-webkit-scrollbar-track]:bear-bg-zinc-800 [&::-webkit-scrollbar-thumb]:bear-bg-zinc-600 [&::-webkit-scrollbar-thumb]:bear-rounded-full [&::-webkit-scrollbar-thumb]:hover:bear-bg-zinc-500",minimal:"[&::-webkit-scrollbar-track]:bear-bg-transparent [&::-webkit-scrollbar-thumb]:bear-bg-zinc-700 [&::-webkit-scrollbar-thumb]:bear-rounded-full",hidden:"[&::-webkit-scrollbar]:bear-hidden bear-scrollbar-none"},e={vertical:"bear-overflow-y-auto bear-overflow-x-hidden",horizontal:"bear-overflow-x-auto bear-overflow-y-hidden",both:"bear-overflow-auto"};exports.SCROLLBAR_SIZE_CLASSES=r;exports.SCROLLBAR_VARIANT_CLASSES=b;exports.SCROLL_OVERFLOW_CLASSES=e;

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

@@ -1 +1,15 @@
-export declare const S_C_R_O_L_L_A_R_E_A_ROOT_CLASS = "Bear-ScrollArea";
+export declare const SCROLLBAR_SIZE_CLASSES: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+export declare const SCROLLBAR_VARIANT_CLASSES: {
+    default: string;
+    minimal: string;
+    hidden: string;
+};
+export declare const SCROLL_OVERFLOW_CLASSES: {
+    vertical: string;
+    horizontal: string;
+    both: string;
+};

package/dist/components/ScrollArea/ScrollArea.const.js

@@ -0,0 +1,18 @@
+const r = {
+  sm: "[&::-webkit-scrollbar]:bear-w-1 [&::-webkit-scrollbar]:bear-h-1",
+  md: "[&::-webkit-scrollbar]:bear-w-2 [&::-webkit-scrollbar]:bear-h-2",
+  lg: "[&::-webkit-scrollbar]:bear-w-3 [&::-webkit-scrollbar]:bear-h-3"
+}, b = {
+  default: "[&::-webkit-scrollbar-track]:bear-bg-zinc-800 [&::-webkit-scrollbar-thumb]:bear-bg-zinc-600 [&::-webkit-scrollbar-thumb]:bear-rounded-full [&::-webkit-scrollbar-thumb]:hover:bear-bg-zinc-500",
+  minimal: "[&::-webkit-scrollbar-track]:bear-bg-transparent [&::-webkit-scrollbar-thumb]:bear-bg-zinc-700 [&::-webkit-scrollbar-thumb]:bear-rounded-full",
+  hidden: "[&::-webkit-scrollbar]:bear-hidden bear-scrollbar-none"
+}, e = {
+  vertical: "bear-overflow-y-auto bear-overflow-x-hidden",
+  horizontal: "bear-overflow-x-auto bear-overflow-y-hidden",
+  both: "bear-overflow-auto"
+};
+export {
+  r as SCROLLBAR_SIZE_CLASSES,
+  b as SCROLLBAR_VARIANT_CLASSES,
+  e as SCROLL_OVERFLOW_CLASSES
+};

package/dist/components/ScrollArea/ScrollArea.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { ScrollAreaProps } from './ScrollArea.types';
-export declare const ScrollArea: FC<ScrollAreaProps>;
+export declare const ScrollArea: (props: ScrollAreaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ScrollArea/ScrollArea.js

@@ -1,45 +1,34 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
+import { useRef as s } from "react";
 import { cn as n } from "../../utils/cn.js";
-import "react";
-const m = ({
-  children: b,
-  className: l,
-  orientation: a = "vertical",
-  scrollbarSize: o = "md",
-  scrollbarVariant: t = "default",
-  maxHeight: r,
-  maxWidth: e
-}) => {
-  const s = {
-    sm: "[&::-webkit-scrollbar]:bear-w-1 [&::-webkit-scrollbar]:bear-h-1",
-    md: "[&::-webkit-scrollbar]:bear-w-2 [&::-webkit-scrollbar]:bear-h-2",
-    lg: "[&::-webkit-scrollbar]:bear-w-3 [&::-webkit-scrollbar]:bear-h-3"
-  }, c = {
-    default: "[&::-webkit-scrollbar-track]:bear-bg-zinc-800 [&::-webkit-scrollbar-thumb]:bear-bg-zinc-600 [&::-webkit-scrollbar-thumb]:bear-rounded-full [&::-webkit-scrollbar-thumb]:hover:bear-bg-zinc-500",
-    minimal: "[&::-webkit-scrollbar-track]:bear-bg-transparent [&::-webkit-scrollbar-thumb]:bear-bg-zinc-700 [&::-webkit-scrollbar-thumb]:bear-rounded-full",
-    hidden: "[&::-webkit-scrollbar]:bear-hidden bear-scrollbar-none"
-  };
-  return /* @__PURE__ */ i(
+import { SIZE_MD as L } from "../../constants/generals.const.js";
+import { SCROLLBAR_VARIANT_CLASSES as f, SCROLLBAR_SIZE_CLASSES as A, SCROLL_OVERFLOW_CLASSES as p } from "./ScrollArea.const.js";
+import { applyScrollAreaLimits as R } from "./ScrollArea.utils.js";
+const x = (o) => {
+  const {
+    children: t,
+    className: e,
+    orientation: a = "vertical",
+    scrollbarSize: l = L,
+    scrollbarVariant: S = "default",
+    maxHeight: i,
+    maxWidth: m
+  } = o, r = s(null);
+  return R(r.current, i, m), /* @__PURE__ */ c(
     "div",
     {
+      ref: r,
       className: n(
-        {
-          vertical: "bear-overflow-y-auto bear-overflow-x-hidden",
-          horizontal: "bear-overflow-x-auto bear-overflow-y-hidden",
-          both: "bear-overflow-auto"
-        }[a],
-        s[o],
-        c[t],
-        l
+        "Bear-ScrollArea",
+        p[a],
+        A[l],
+        f[S],
+        e
       ),
-      style: {
-        maxHeight: typeof r == "number" ? `${r}px` : r,
-        maxWidth: typeof e == "number" ? `${e}px` : e
-      },
-      children: b
+      children: t
     }
   );
 };
 export {
-  m as ScrollArea
+  x as ScrollArea
 };

package/dist/components/ScrollArea/ScrollArea.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../constants/generals.const.cjs"),e=(i,r,o)=>{i&&(r!==void 0&&(i.style.maxHeight=typeof r===t.TYPE_NUMBER?`${r}${t.UNIT_PX}`:String(r)),o!==void 0&&(i.style.maxWidth=typeof o===t.TYPE_NUMBER?`${o}${t.UNIT_PX}`:String(o)))};exports.applyScrollAreaLimits=e;

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

@@ -0,0 +1 @@
+export declare const applyScrollAreaLimits: (element: HTMLDivElement | null, maxHeight?: number | string, maxWidth?: number | string) => void;

package/dist/components/ScrollArea/ScrollArea.utils.js

@@ -0,0 +1,7 @@
+import { UNIT_PX as i, TYPE_NUMBER as p } from "../../constants/generals.const.js";
+const y = (f, o, r) => {
+  f && (o !== void 0 && (f.style.maxHeight = typeof o === p ? `${o}${i}` : String(o)), r !== void 0 && (f.style.maxWidth = typeof r === p ? `${r}${i}` : String(r)));
+};
+export {
+  y as applyScrollAreaLimits
+};

package/dist/components/SegmentedControl/SegmentedControl.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),f=require("react"),i=require("../../utils/cn.cjs"),y={sm:"bear-h-8 bear-text-sm",md:"bear-h-10 bear-text-base",lg:"bear-h-12 bear-text-lg"},p=({items:t,value:b,defaultValue:d,onChange:a,size:c="md",fullWidth:l=!1,disabled:r=!1,className:u})=>{var o;const[x,g]=f.useState(d??((o=t[0])==null?void 0:o.value)??""),n=b??x,v=(e,m)=>{m||r||(b===void 0&&g(e),a==null||a(e))};return s.jsx("div",{role:"group","aria-label":"Segmented control",className:i.cn("Bear-SegmentedControl bear-relative bear-inline-flex bear-rounded-lg bear-bg-gray-200 dark:bear-bg-zinc-800 bear-p-1",l&&"bear-w-full",r&&"bear-opacity-50 bear-pointer-events-none",u),children:t.map(e=>s.jsx("button",{type:"button",role:"tab","aria-selected":e.value===n,"aria-disabled":e.disabled||r,disabled:e.disabled||r,onClick:()=>v(e.value,e.disabled),className:i.cn("Bear-SegmentedControl__item bear-relative bear-flex-1 bear-flex bear-items-center bear-justify-center bear-rounded-md bear-font-medium bear-transition-all bear-duration-200 bear-text-gray-600 dark:bear-text-zinc-400 hover:bear-text-gray-900 dark:hover:bear-text-zinc-200",e.value===n&&"bear-bg-white dark:bear-bg-zinc-700 bear-text-gray-900 dark:bear-text-white bear-shadow-sm",(e.disabled||r)&&"bear-cursor-not-allowed bear-opacity-50",y[c],l?"bear-min-w-0":"bear-px-4"),children:e.label},e.value))})};exports.SegmentedControl=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),I=require("react"),c=require("../../utils/cn.cjs"),l=require("../../constants/generals.const.cjs"),N=require("./SegmentedControl.const.cjs"),f=u=>{var d;const{items:o,value:s,defaultValue:S,onChange:n,size:b=l.SIZE_MD,fullWidth:m=l.BOOLEAN_FALSE,disabled:a=l.BOOLEAN_FALSE,className:_,testId:g}=u,[E,v]=I.useState(S??((d=o[0])==null?void 0:d.value)??l.EMPTY_STRING),C=s??E,B=(e,t)=>{t||a||(s===void 0&&v(e),n==null||n(e))};return i.jsx("div",{role:"group","aria-label":"Segmented control","data-testid":g,className:c.cn("Bear-SegmentedControl",m&&"Bear-SegmentedControl--full",a&&"Bear-SegmentedControl--disabled",_),children:o.map(e=>{const t=e.value===C,r=e.disabled||a;return i.jsx("button",{type:"button",role:"tab","aria-selected":t,"aria-disabled":r,disabled:r,onClick:()=>B(e.value,e.disabled),className:c.cn("Bear-SegmentedControl__item",N.SEGMENTED_SIZE_MODIFIER[b],t&&"Bear-SegmentedControl__item--active",r&&"Bear-SegmentedControl__item--disabled"),children:e.label},e.value)})})};exports.SegmentedControl=f;

package/dist/components/SegmentedControl/SegmentedControl.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={sm:"Bear-SegmentedControl__item--sm",md:"Bear-SegmentedControl__item--md",lg:"Bear-SegmentedControl__item--lg"};exports.SEGMENTED_SIZE_MODIFIER=e;

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

@@ -1 +1,5 @@
-export declare const S_E_G_M_E_N_T_E_D_C_O_N_T_R_O_L_ROOT_CLASS = "Bear-SegmentedControl";
+export declare const SEGMENTED_SIZE_MODIFIER: {
+    readonly sm: "Bear-SegmentedControl__item--sm";
+    readonly md: "Bear-SegmentedControl__item--md";
+    readonly lg: "Bear-SegmentedControl__item--lg";
+};

package/dist/components/SegmentedControl/SegmentedControl.const.js

@@ -0,0 +1,8 @@
+const e = {
+  sm: "Bear-SegmentedControl__item--sm",
+  md: "Bear-SegmentedControl__item--md",
+  lg: "Bear-SegmentedControl__item--lg"
+};
+export {
+  e as SEGMENTED_SIZE_MODIFIER
+};

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { SegmentedControlProps } from './SegmentedControl.types';
-export declare const SegmentedControl: FC<SegmentedControlProps>;
+export declare const SegmentedControl: (props: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -1,58 +1,60 @@
 import { jsx as s } from "react/jsx-runtime";
-import { useState as g } from "react";
-import { cn as d } from "../../utils/cn.js";
-const p = {
-  sm: "bear-h-8 bear-text-sm",
-  md: "bear-h-10 bear-text-base",
-  lg: "bear-h-12 bear-text-lg"
-}, w = ({
-  items: t,
-  value: b,
-  defaultValue: i,
-  onChange: r,
-  size: c = "md",
-  fullWidth: l = !1,
-  disabled: a = !1,
-  className: u
-}) => {
-  var o;
-  const [m, x] = g(i ?? ((o = t[0]) == null ? void 0 : o.value) ?? ""), n = b ?? m, v = (e, f) => {
-    f || a || (b === void 0 && x(e), r == null || r(e));
+import { useState as B } from "react";
+import { cn as i } from "../../utils/cn.js";
+import { SIZE_MD as C, BOOLEAN_FALSE as m, EMPTY_STRING as I } from "../../constants/generals.const.js";
+import { SEGMENTED_SIZE_MODIFIER as N } from "./SegmentedControl.const.js";
+const V = (c) => {
+  var n;
+  const {
+    items: r,
+    value: d,
+    defaultValue: u,
+    onChange: l,
+    size: S = C,
+    fullWidth: b = m,
+    disabled: a = m,
+    className: _,
+    testId: f
+  } = c, [p, v] = B(u ?? ((n = r[0]) == null ? void 0 : n.value) ?? I), E = d ?? p, g = (e, t) => {
+    t || a || (d === void 0 && v(e), l == null || l(e));
   };
   return /* @__PURE__ */ s(
     "div",
     {
       role: "group",
       "aria-label": "Segmented control",
-      className: d(
-        "Bear-SegmentedControl bear-relative bear-inline-flex bear-rounded-lg bear-bg-gray-200 dark:bear-bg-zinc-800 bear-p-1",
-        l && "bear-w-full",
-        a && "bear-opacity-50 bear-pointer-events-none",
-        u
+      "data-testid": f,
+      className: i(
+        "Bear-SegmentedControl",
+        b && "Bear-SegmentedControl--full",
+        a && "Bear-SegmentedControl--disabled",
+        _
       ),
-      children: t.map((e) => /* @__PURE__ */ s(
-        "button",
-        {
-          type: "button",
-          role: "tab",
-          "aria-selected": e.value === n,
-          "aria-disabled": e.disabled || a,
-          disabled: e.disabled || a,
-          onClick: () => v(e.value, e.disabled),
-          className: d(
-            "Bear-SegmentedControl__item bear-relative bear-flex-1 bear-flex bear-items-center bear-justify-center bear-rounded-md bear-font-medium bear-transition-all bear-duration-200 bear-text-gray-600 dark:bear-text-zinc-400 hover:bear-text-gray-900 dark:hover:bear-text-zinc-200",
-            e.value === n && "bear-bg-white dark:bear-bg-zinc-700 bear-text-gray-900 dark:bear-text-white bear-shadow-sm",
-            (e.disabled || a) && "bear-cursor-not-allowed bear-opacity-50",
-            p[c],
-            l ? "bear-min-w-0" : "bear-px-4"
-          ),
-          children: e.label
-        },
-        e.value
-      ))
+      children: r.map((e) => {
+        const t = e.value === E, o = e.disabled || a;
+        return /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": t,
+            "aria-disabled": o,
+            disabled: o,
+            onClick: () => g(e.value, e.disabled),
+            className: i(
+              "Bear-SegmentedControl__item",
+              N[S],
+              t && "Bear-SegmentedControl__item--active",
+              o && "Bear-SegmentedControl__item--disabled"
+            ),
+            children: e.label
+          },
+          e.value
+        );
+      })
     }
   );
 };
 export {
-  w as SegmentedControl
+  V as SegmentedControl
 };

package/dist/components/Select/Select.cjs

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="Bear-Select",_="Select an option",S=4,e=8,L=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_EDGE_PAD_PX=e;exports.SELECT_MENU_OFFSET_PX=S;exports.SELECT_MENU_Z_INDEX=L;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 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;