@forgedevstack/bear 1.2.9 → 1.3.1

package/dist/components/ModalsProvider/hooks/useModals.d.ts

@@ -0,0 +1,2 @@
+import { ModalsContextValue } from '../ModalsProvider.types';
+export declare const useModals: () => ModalsContextValue;

package/dist/components/ModalsProvider/hooks/useModals.js

@@ -0,0 +1,12 @@
+import { useContext as t } from "react";
+import { ModalsContext as r } from "../ModalsContext.js";
+import { MODALS_MISSING_PROVIDER_ERROR as e } from "../ModalsProvider.const.js";
+const R = () => {
+  const o = t(r);
+  if (!o)
+    throw new Error(e);
+  return o;
+};
+export {
+  R as useModals
+};

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

@@ -0,0 +1,3 @@
+export { ModalsProvider } from './ModalsProvider';
+export { useModals } from './hooks';
+export type { ConfirmModalOptions, ModalsContextValue, ModalsProviderProps, ModalsTranslations, OpenModalOptions, } from './ModalsProvider.types';

package/dist/components/OverlayPortal/OverlayPortal.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),V=require("react"),v=require("../../constants/numbers.const.cjs"),o=require("../../constants/generals.const.cjs"),e=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),Y=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs"),y=require("../Portal/Portal.cjs"),C=require("../Transition/Transition.cjs"),h=require("../Transition/Transition.const.cjs"),O=require("./OverlayPortal.const.cjs"),q=c=>{const{open:t,ready:F,style:u,zIndex:A,className:T,testId:L,attributes:d,panelRef:R,children:_}=c,{openEffect:n,closeEffect:E}=Y.resolveOverlayEffects(c,e.OVERLAY_OPEN_EFFECT_NONE),[s,r]=V.useState(o.BOOLEAN_FALSE),N=n!==e.OVERLAY_OPEN_EFFECT_NONE||E!==e.OVERLAY_OPEN_EFFECT_NONE;if(t&&F&&!s&&r(o.BOOLEAN_TRUE),!t&&s&&!N&&r(o.BOOLEAN_FALSE),!s)return null;const a=t?n:E,l=(a===e.OVERLAY_OPEN_EFFECT_NONE?void 0:O.OVERLAY_EFFECT_TRANSITION[a])??(n===e.OVERLAY_OPEN_EFFECT_NONE?void 0:O.OVERLAY_EFFECT_TRANSITION[n])??(E===e.OVERLAY_OPEN_EFFECT_NONE?void 0:O.OVERLAY_EFFECT_TRANSITION[E]),f=t&&n===e.OVERLAY_OPEN_EFFECT_NONE||!t&&E===e.OVERLAY_OPEN_EFFECT_NONE,P={...u,zIndex:A,visibility:e.VISIBILITY_VISIBLE},I=()=>{t||r(o.BOOLEAN_FALSE)},S=i.jsx("div",{ref:R,className:T,style:P,"data-testid":L,...d,children:N&&l?i.jsx(C.Transition,{show:t,name:l,duration:f?v.ZERO:h.DEFAULT_DURATION,onLeft:I,children:_}):_});return i.jsx(y.Portal,{children:S})};exports.OverlayPortal=q;

package/dist/components/OverlayPortal/OverlayPortal.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const E=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),_={[E.OVERLAY_OPEN_EFFECT_FADE]:E.OVERLAY_OPEN_EFFECT_FADE,[E.OVERLAY_OPEN_EFFECT_SLIDE_DOWN]:E.OVERLAY_OPEN_EFFECT_SLIDE_DOWN,[E.OVERLAY_OPEN_EFFECT_SCALE]:E.OVERLAY_OPEN_EFFECT_SCALE};exports.OVERLAY_OPEN_EFFECT_NONE=E.OVERLAY_OPEN_EFFECT_NONE;exports.OVERLAY_EFFECT_TRANSITION=_;

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

@@ -0,0 +1,4 @@
+import { TransitionName } from '../Transition/Transition.types';
+import { OverlayOpenEffect, OVERLAY_OPEN_EFFECT_NONE } from '../../hooks/useFixedAnchorPosition';
+export { OVERLAY_OPEN_EFFECT_NONE };
+export declare const OVERLAY_EFFECT_TRANSITION: Record<Exclude<OverlayOpenEffect, typeof OVERLAY_OPEN_EFFECT_NONE>, TransitionName>;

package/dist/components/OverlayPortal/OverlayPortal.const.js

@@ -0,0 +1,12 @@
+import "react";
+import { OVERLAY_OPEN_EFFECT_SCALE as E, OVERLAY_OPEN_EFFECT_SLIDE_DOWN as _, OVERLAY_OPEN_EFFECT_FADE as O } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+import { OVERLAY_OPEN_EFFECT_NONE as T } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+const A = {
+  [O]: O,
+  [_]: _,
+  [E]: E
+};
+export {
+  A as OVERLAY_EFFECT_TRANSITION,
+  T as OVERLAY_OPEN_EFFECT_NONE
+};

package/dist/components/OverlayPortal/OverlayPortal.d.ts

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

package/dist/components/OverlayPortal/OverlayPortal.js

@@ -0,0 +1,45 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useState as _ } from "react";
+import { ZERO as A } from "../../constants/numbers.const.js";
+import { BOOLEAN_FALSE as a, BOOLEAN_TRUE as y } from "../../constants/generals.const.js";
+import { OVERLAY_OPEN_EFFECT_NONE as t, VISIBILITY_VISIBLE as S } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+import { resolveOverlayEffects as F } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
+import { Portal as B } from "../Portal/Portal.js";
+import { Transition as V } from "../Transition/Transition.js";
+import { DEFAULT_DURATION as x } from "../Transition/Transition.const.js";
+import { OVERLAY_EFFECT_TRANSITION as f } from "./OverlayPortal.const.js";
+const g = (m) => {
+  const {
+    open: o,
+    ready: p,
+    style: O,
+    zIndex: N,
+    className: I,
+    testId: L,
+    attributes: h,
+    panelRef: u,
+    children: l
+  } = m, { openEffect: e, closeEffect: r } = F(m, t), [n, i] = _(a), c = e !== t || r !== t;
+  if (o && p && !n && i(y), !o && n && !c && i(a), !n)
+    return null;
+  const d = o ? e : r, E = (d === t ? void 0 : f[d]) ?? (e === t ? void 0 : f[e]) ?? (r === t ? void 0 : f[r]), v = o && e === t || !o && r === t, R = {
+    ...O,
+    zIndex: N,
+    visibility: S
+  }, T = /* @__PURE__ */ s("div", { ref: u, className: I, style: R, "data-testid": L, ...h, children: c && E ? /* @__PURE__ */ s(
+    V,
+    {
+      show: o,
+      name: E,
+      duration: v ? A : x,
+      onLeft: () => {
+        o || i(a);
+      },
+      children: l
+    }
+  ) : l });
+  return /* @__PURE__ */ s(B, { children: T });
+};
+export {
+  g as OverlayPortal
+};

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

@@ -0,0 +1,13 @@
+import { CSSProperties, ReactNode, Ref } from 'react';
+import { OverlayEffectProps } from '../../hooks/useFixedAnchorPosition';
+export interface OverlayPortalProps extends OverlayEffectProps {
+    open: boolean;
+    ready: boolean;
+    style: CSSProperties;
+    zIndex: number;
+    className?: string;
+    testId?: string;
+    attributes?: Record<string, string>;
+    panelRef?: Ref<HTMLDivElement>;
+    children: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { OverlayPortal } from './OverlayPortal';
+export type { OverlayPortalProps } from './OverlayPortal.types';

package/dist/components/Rating/Rating.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),x=require("../../utils/cn.cjs"),n=require("./Rating.const.cjs"),y=({size:i,filled:R,half:_,color:S,emptyColor:a})=>t.jsx("svg",{width:i,height:i,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:_?t.jsxs(t.Fragment,{children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:`half-${i}`,children:[t.jsx("stop",{offset:"50%",stopColor:S}),t.jsx("stop",{offset:"50%",stopColor:a})]})}),t.jsx("path",{d:"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",fill:`url(#half-${i})`,stroke:S,strokeWidth:"1"})]}):t.jsx("path",{d:"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",fill:R?S:a,stroke:R?S:a,strokeWidth:"1"})}),V=c.forwardRef(({value:i,defaultValue:R=0,max:_=n.RATING_DEFAULT_MAX,size:S="md",onChange:a,allowHalf:u=!1,allowClear:M=!0,disabled:l=!1,readOnly:o=!1,filledIcon:T,emptyIcon:E,halfIcon:d,color:k=n.RATING_DEFAULT_COLOR,emptyColor:p=n.RATING_DEFAULT_EMPTY_COLOR,showValue:q=!1,labelFormatter:j,labels:h=n.RATING_DEFAULT_LABELS,testId:F,className:U,...w},X)=>{const[P,W]=c.useState(R),[m,v]=c.useState(null),L=i!==void 0?i:P,f=m!==null?m:L,N=n.RATING_SIZE_CLASSES[S],G=c.useCallback((e,s=!1)=>{if(l||o)return;const r=s&&u?e+.5:e+1,A=M&&r===L?0:r;W(A),a==null||a(A)},[l,o,u,M,L,a]),C=c.useCallback((e,s)=>{if(l||o)return;const r=s.currentTarget.getBoundingClientRect(),A=s.clientX-r.left<r.width/2;v(u&&A?e+.5:e+1)},[l,o,u]),I=c.useCallback(()=>{v(null)},[]),Y=e=>f>=e+1?"filled":f>=e+.5&&u?"half":"empty",B=c.useMemo(()=>{if(j)return j(f);const e=Math.ceil(f)-1;return h[e]||""},[f,j,h]),$=c.useMemo(()=>Array.from({length:_}).map((e,s)=>{const r=Y(s),A=x.cn(n.RATING_STAR_BASE_CLASSES,l&&n.RATING_STAR_DISABLED_CLASSES,o&&n.RATING_STAR_READONLY_CLASSES,!l&&!o&&"hover:scale-110"),z=()=>r==="filled"&&T?T:r==="half"&&d?d:r==="empty"&&E?E:t.jsx(y,{size:N.icon,filled:r==="filled",half:r==="half",color:k,emptyColor:p});return t.jsx("span",{className:A,onClick:g=>{const D=g.currentTarget.getBoundingClientRect(),Z=g.clientX-D.left<D.width/2;G(s,Z)},onMouseMove:g=>C(s,g),onMouseLeave:I,role:"radio","aria-checked":L>=s+1,"aria-label":h[s],children:z()},s)}),[_,f,l,o,T,E,d,N,k,p,G,C,I,L,h,u]);return t.jsxs("div",{ref:X,className:x.cn(n.RATING_BASE_CLASSES,U),role:"radiogroup","aria-label":"Rating","data-testid":F,...w,children:[$,q&&t.jsxs("span",{className:x.cn("Bear-Rating__value ml-2 text-gray-600 dark:text-gray-400",N.text),children:[f.toFixed(u?1:0),B&&t.jsxs("span",{className:"ml-1 text-gray-400 dark:text-gray-500",children:["(",B,")"]})]})]})});V.displayName="Rating";exports.Rating=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),h=require("react"),f=require("../../utils/cn.cjs"),t=require("../../constants/numbers.const.cjs"),o=require("../../constants/generals.const.cjs"),Y=require("../../context/BearProvider.cjs"),n=require("./Rating.const.cjs"),s=require("./Rating.utils.cjs"),J=require("./components/StarIcon/StarIcon.cjs"),K=T=>{const{value:A,defaultValue:y=t.ZERO,max:B=t.FIVE,size:L=o.SIZE_MD,onChange:g,allowHalf:c=o.BOOLEAN_FALSE,allowClear:v=o.BOOLEAN_TRUE,disabled:i=o.BOOLEAN_FALSE,readOnly:u=o.BOOLEAN_FALSE,filledIcon:F,emptyIcon:V,halfIcon:b,color:C,emptyColor:H,showValue:M=o.BOOLEAN_FALSE,labelFormatter:q,labels:I=n.RATING_DEFAULT_LABELS,testId:j,className:k,...w}=T,N=Y.useBearTheme(),x=C??N.colors.warning[n.RATING_THEME_FILLED_SHADE],Z=H??N.colors.neutral[n.RATING_THEME_EMPTY_SHADE],[D,G]=h.useState(y),[O,_]=h.useState(null),m=A!==void 0?A:D,R=O!==null?O:m,P=n.RATING_SIZE_ICON[L],S=s.formatRatingLabel(R,I,q),z=(r,e)=>{if(i||u)return;const a=e&&c?r+t.HALF:r+t.ONE,E=v&&a===m?t.ZERO:a;G(E),g==null||g(E)},X=(r,e)=>{if(i||u)return;const a=e.currentTarget.getBoundingClientRect();if(c&&s.isLeftHalfClick(e.clientX,a.left,a.width)){_(r+t.HALF);return}_(r+t.ONE)},U=Array.from({length:B}).map((r,e)=>{const a=s.getStarState(R,e,c),E=s.resolveRatingIcon(a,{filled:F,half:b,empty:V});return l.jsx("span",{className:f.cn("Bear-Rating__star cursor-pointer transition-all duration-150",i&&"cursor-not-allowed opacity-50",u&&"cursor-default",!i&&!u&&"hover:scale-110"),onClick:d=>{const p=d.currentTarget.getBoundingClientRect();z(e,s.isLeftHalfClick(d.clientX,p.left,p.width))},onMouseMove:d=>X(e,d),onMouseLeave:()=>_(null),role:"radio","aria-checked":m>=e+t.ONE,"aria-label":I[e],children:E??l.jsx(J.StarIcon,{size:P,state:a,color:x,emptyColor:Z})},e)});return l.jsxs("div",{className:f.cn("Bear-Rating inline-flex items-center gap-1",k),role:"radiogroup","aria-label":"Rating","data-testid":j,...w,children:[U,M&&l.jsxs("span",{className:f.cn("Bear-Rating__value ml-2 text-gray-600 dark:text-gray-400",n.RATING_SIZE_TEXT[L]),children:[R.toFixed(c?t.ONE:t.ZERO),S&&l.jsxs("span",{className:"ml-1 text-gray-400 dark:text-gray-500",children:["(",S,")"]})]})]})};exports.Rating=K;

package/dist/components/Rating/Rating.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A="Bear-Rating inline-flex items-center gap-1",S={sm:{icon:16,text:"text-xs"},md:{icon:20,text:"text-sm"},lg:{icon:28,text:"text-base"}},_="Bear-Rating__star cursor-pointer transition-all duration-150",t="cursor-not-allowed opacity-50",T="cursor-default",E="#fbbf24",R="#d1d5db",e=5,L=["Terrible","Bad","Average","Good","Excellent"];exports.RATING_BASE_CLASSES=A;exports.RATING_DEFAULT_COLOR=E;exports.RATING_DEFAULT_EMPTY_COLOR=R;exports.RATING_DEFAULT_LABELS=L;exports.RATING_DEFAULT_MAX=e;exports.RATING_SIZE_CLASSES=S;exports.RATING_STAR_BASE_CLASSES=_;exports.RATING_STAR_DISABLED_CLASSES=t;exports.RATING_STAR_READONLY_CLASSES=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../constants/numbers.const.cjs"),T={sm:E.SIXTEEN,md:E.TWENTY,lg:E.TWENTY_EIGHT},_={sm:"text-xs",md:"text-sm",lg:"text-base"},e=400,t=300,I=["Terrible","Bad","Average","Good","Excellent"];exports.RATING_DEFAULT_LABELS=I;exports.RATING_SIZE_ICON=T;exports.RATING_SIZE_TEXT=_;exports.RATING_THEME_EMPTY_SHADE=t;exports.RATING_THEME_FILLED_SHADE=e;

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

@@ -1,14 +1,6 @@
 import { RatingSize } from './Rating.types';
-export declare const RATING_BASE_CLASSES = "Bear-Rating inline-flex items-center gap-1";
-export declare const RATING_SIZE_CLASSES: Record<RatingSize, {
-    icon: number;
-    text: string;
-}>;
-export declare const RATING_STAR_BASE_CLASSES = "Bear-Rating__star cursor-pointer transition-all duration-150";
-export declare const RATING_STAR_DISABLED_CLASSES = "cursor-not-allowed opacity-50";
-export declare const RATING_STAR_READONLY_CLASSES = "cursor-default";
-export declare const RATING_DEFAULT_COLOR = "#fbbf24";
-export declare const RATING_DEFAULT_EMPTY_COLOR = "#d1d5db";
-export declare const RATING_DEFAULT_EMPTY_COLOR_DARK = "#52525b";
-export declare const RATING_DEFAULT_MAX = 5;
+export declare const RATING_SIZE_ICON: Record<RatingSize, number>;
+export declare const RATING_SIZE_TEXT: Record<RatingSize, string>;
+export declare const RATING_THEME_FILLED_SHADE: 400;
+export declare const RATING_THEME_EMPTY_SHADE: 300;
 export declare const RATING_DEFAULT_LABELS: string[];

package/dist/components/Rating/Rating.const.js

@@ -1,8 +1,13 @@
-const t = "Bear-Rating inline-flex items-center gap-1", A = {
-  sm: { icon: 16, text: "text-xs" },
-  md: { icon: 20, text: "text-sm" },
-  lg: { icon: 28, text: "text-base" }
-}, e = "Bear-Rating__star cursor-pointer transition-all duration-150", o = "cursor-not-allowed opacity-50", _ = "cursor-default", n = "#fbbf24", S = "#d1d5db", s = 5, c = [
+import { TWENTY_EIGHT as E, TWENTY as T, SIXTEEN as t } from "../../constants/numbers.const.js";
+const e = {
+  sm: t,
+  md: T,
+  lg: E
+}, I = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+}, o = 400, s = 300, A = [
   "Terrible",
   "Bad",
   "Average",
@@ -10,13 +15,9 @@ const t = "Bear-Rating inline-flex items-center gap-1", A = {
   "Excellent"
 ];
 export {
-  t as RATING_BASE_CLASSES,
-  n as RATING_DEFAULT_COLOR,
-  S as RATING_DEFAULT_EMPTY_COLOR,
-  c as RATING_DEFAULT_LABELS,
-  s as RATING_DEFAULT_MAX,
-  A as RATING_SIZE_CLASSES,
-  e as RATING_STAR_BASE_CLASSES,
-  o as RATING_STAR_DISABLED_CLASSES,
-  _ as RATING_STAR_READONLY_CLASSES
+  A as RATING_DEFAULT_LABELS,
+  e as RATING_SIZE_ICON,
+  I as RATING_SIZE_TEXT,
+  s as RATING_THEME_EMPTY_SHADE,
+  o as RATING_THEME_FILLED_SHADE
 };

package/dist/components/Rating/Rating.d.ts

@@ -1,14 +1,2 @@
 import { RatingProps } from './Rating.types';
-/**
- * Rating - Star rating component
- *
- * @example
- * ```tsx
- * const [rating, setRating] = useState(3);
- *
- * <Rating value={rating} onChange={setRating} />
- * <Rating value={3.5} allowHalf readOnly />
- * ```
- */
-export declare const Rating: import('react').ForwardRefExoticComponent<RatingProps & import('react').RefAttributes<HTMLDivElement>>;
-export default Rating;
+export declare const Rating: (props: RatingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Rating/Rating.js

@@ -1,141 +1,103 @@
-import { jsx as n, jsxs as L, Fragment as K } from "react/jsx-runtime";
-import { forwardRef as Q, useState as U, useCallback as v, useMemo as w } from "react";
-import { cn as d } from "../../utils/cn.js";
-import { RATING_DEFAULT_LABELS as O, RATING_DEFAULT_MAX as y, RATING_STAR_READONLY_CLASSES as H, RATING_STAR_DISABLED_CLASSES as b, RATING_STAR_BASE_CLASSES as tt, RATING_SIZE_CLASSES as et, RATING_DEFAULT_COLOR as rt, RATING_DEFAULT_EMPTY_COLOR as st, RATING_BASE_CLASSES as nt } from "./Rating.const.js";
-const at = ({ size: a, filled: S, half: h, color: u, emptyColor: s }) => /* @__PURE__ */ n(
-  "svg",
-  {
-    width: a,
-    height: a,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: h ? /* @__PURE__ */ L(K, { children: [
-      /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ L("linearGradient", { id: `half-${a}`, children: [
-        /* @__PURE__ */ n("stop", { offset: "50%", stopColor: u }),
-        /* @__PURE__ */ n("stop", { offset: "50%", stopColor: s })
-      ] }) }),
-      /* @__PURE__ */ n(
-        "path",
-        {
-          d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",
-          fill: `url(#half-${a})`,
-          stroke: u,
-          strokeWidth: "1"
-        }
-      )
-    ] }) : /* @__PURE__ */ n(
-      "path",
+import { jsx as y, jsxs as p } from "react/jsx-runtime";
+import { useState as L } from "react";
+import { cn as g } from "../../utils/cn.js";
+import { ZERO as E, FIVE as K, ONE as c, HALF as S } from "../../constants/numbers.const.js";
+import { SIZE_MD as Q, BOOLEAN_FALSE as i, BOOLEAN_TRUE as W } from "../../constants/generals.const.js";
+import { useBearTheme as $ } from "../../context/BearProvider.js";
+import { RATING_DEFAULT_LABELS as tt, RATING_THEME_FILLED_SHADE as et, RATING_THEME_EMPTY_SHADE as ot, RATING_SIZE_ICON as rt, RATING_SIZE_TEXT as at } from "./Rating.const.js";
+import { formatRatingLabel as lt, isLeftHalfClick as V, resolveRatingIcon as nt, getStarState as st } from "./Rating.utils.js";
+import { StarIcon as ct } from "./components/StarIcon/StarIcon.js";
+const It = (v) => {
+  const {
+    value: _,
+    defaultValue: B = E,
+    max: C = K,
+    size: I = Q,
+    onChange: m,
+    allowHalf: r = i,
+    allowClear: M = W,
+    disabled: a = i,
+    readOnly: l = i,
+    filledIcon: H,
+    emptyIcon: O,
+    halfIcon: b,
+    color: w,
+    emptyColor: F,
+    showValue: k = i,
+    labelFormatter: D,
+    labels: h = tt,
+    testId: G,
+    className: x,
+    ...Z
+  } = v, R = $(), z = w ?? R.colors.warning[et], P = F ?? R.colors.neutral[ot], [X, j] = L(B), [T, u] = L(null), f = _ !== void 0 ? _ : X, d = T !== null ? T : f, U = rt[I], A = lt(d, h, D), Y = (o, t) => {
+    if (a || l)
+      return;
+    const e = t && r ? o + S : o + c, n = M && e === f ? E : e;
+    j(n), m == null || m(n);
+  }, q = (o, t) => {
+    if (a || l)
+      return;
+    const e = t.currentTarget.getBoundingClientRect();
+    if (r && V(t.clientX, e.left, e.width)) {
+      u(o + S);
+      return;
+    }
+    u(o + c);
+  }, J = Array.from({ length: C }).map((o, t) => {
+    const e = st(d, t, r), n = nt(e, { filled: H, half: b, empty: O });
+    return /* @__PURE__ */ y(
+      "span",
       {
-        d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",
-        fill: S ? u : s,
-        stroke: S ? u : s,
-        strokeWidth: "1"
-      }
-    )
-  }
-), it = Q(
-  ({
-    value: a,
-    defaultValue: S = 0,
-    max: h = y,
-    size: u = "md",
-    onChange: s,
-    allowHalf: i = !1,
-    allowClear: M = !0,
-    disabled: c = !1,
-    readOnly: o = !1,
-    filledIcon: T,
-    emptyIcon: g,
-    halfIcon: m,
-    color: k = rt,
-    emptyColor: G = st,
-    showValue: x = !1,
-    labelFormatter: p,
-    labels: _ = O,
-    testId: X,
-    className: j,
-    ...W
-  }, Y) => {
-    const [$, z] = U(S), [I, E] = U(null), A = a !== void 0 ? a : $, l = I !== null ? I : A, N = et[u], B = v(
-      (t, e = !1) => {
-        if (c || o) return;
-        const r = e && i ? t + 0.5 : t + 1, f = M && r === A ? 0 : r;
-        z(f), s == null || s(f);
-      },
-      [c, o, i, M, A, s]
-    ), C = v(
-      (t, e) => {
-        if (c || o) return;
-        const r = e.currentTarget.getBoundingClientRect(), f = e.clientX - r.left < r.width / 2;
-        E(i && f ? t + 0.5 : t + 1);
-      },
-      [c, o, i]
-    ), D = v(() => {
-      E(null);
-    }, []), P = (t) => l >= t + 1 ? "filled" : l >= t + 0.5 && i ? "half" : "empty", V = w(() => {
-      if (p) return p(l);
-      const t = Math.ceil(l) - 1;
-      return _[t] || "";
-    }, [l, p, _]), Z = w(() => Array.from({ length: h }).map((t, e) => {
-      const r = P(e), f = d(
-        tt,
-        c && b,
-        o && H,
-        !c && !o && "hover:scale-110"
-      ), q = () => r === "filled" && T ? T : r === "half" && m ? m : r === "empty" && g ? g : /* @__PURE__ */ n(
-        at,
-        {
-          size: N.icon,
-          filled: r === "filled",
-          half: r === "half",
-          color: k,
-          emptyColor: G
-        }
-      );
-      return /* @__PURE__ */ n(
-        "span",
-        {
-          className: f,
-          onClick: (R) => {
-            const F = R.currentTarget.getBoundingClientRect(), J = R.clientX - F.left < F.width / 2;
-            B(e, J);
-          },
-          onMouseMove: (R) => C(e, R),
-          onMouseLeave: D,
-          role: "radio",
-          "aria-checked": A >= e + 1,
-          "aria-label": _[e],
-          children: q()
+        className: g(
+          "Bear-Rating__star cursor-pointer transition-all duration-150",
+          a && "cursor-not-allowed opacity-50",
+          l && "cursor-default",
+          !a && !l && "hover:scale-110"
+        ),
+        onClick: (s) => {
+          const N = s.currentTarget.getBoundingClientRect();
+          Y(t, V(s.clientX, N.left, N.width));
         },
-        e
-      );
-    }), [h, l, c, o, T, g, m, N, k, G, B, C, D, A, _, i]);
-    return /* @__PURE__ */ L(
-      "div",
-      {
-        ref: Y,
-        className: d(nt, j),
-        role: "radiogroup",
-        "aria-label": "Rating",
-        "data-testid": X,
-        ...W,
-        children: [
-          Z,
-          x && /* @__PURE__ */ L("span", { className: d("Bear-Rating__value ml-2 text-gray-600 dark:text-gray-400", N.text), children: [
-            l.toFixed(i ? 1 : 0),
-            V && /* @__PURE__ */ L("span", { className: "ml-1 text-gray-400 dark:text-gray-500", children: [
-              "(",
-              V,
-              ")"
-            ] })
-          ] })
-        ]
-      }
+        onMouseMove: (s) => q(t, s),
+        onMouseLeave: () => u(null),
+        role: "radio",
+        "aria-checked": f >= t + c,
+        "aria-label": h[t],
+        children: n ?? /* @__PURE__ */ y(
+          ct,
+          {
+            size: U,
+            state: e,
+            color: z,
+            emptyColor: P
+          }
+        )
+      },
+      t
     );
-  }
-);
-it.displayName = "Rating";
+  });
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: g("Bear-Rating inline-flex items-center gap-1", x),
+      role: "radiogroup",
+      "aria-label": "Rating",
+      "data-testid": G,
+      ...Z,
+      children: [
+        J,
+        k && /* @__PURE__ */ p("span", { className: g("Bear-Rating__value ml-2 text-gray-600 dark:text-gray-400", at[I]), children: [
+          d.toFixed(r ? c : E),
+          A && /* @__PURE__ */ p("span", { className: "ml-1 text-gray-400 dark:text-gray-500", children: [
+            "(",
+            A,
+            ")"
+          ] })
+        ] })
+      ]
+    }
+  );
+};
 export {
-  it as Rating
+  It as Rating
 };

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

@@ -1,41 +1,35 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export type RatingSize = 'sm' | 'md' | 'lg';
+export type RatingStarState = 'filled' | 'half' | 'empty';
+export interface RatingStarIconProps {
+    size: number;
+    state: RatingStarState;
+    color: string;
+    emptyColor: string;
+}
 export interface RatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     id?: string;
-    /** Current value (0-max) */
     value?: number;
-    /** Default value (uncontrolled) */
     defaultValue?: number;
-    /** Maximum rating value */
     max?: number;
-    /** Size of rating icons */
     size?: RatingSize;
-    /** Called when value changes */
     onChange?: (value: number) => void;
-    /** Allow half values */
     allowHalf?: boolean;
-    /** Allow clearing the rating */
     allowClear?: boolean;
-    /** Disabled state */
     disabled?: boolean;
-    /** Read-only state */
     readOnly?: boolean;
-    /** Custom filled icon */
     filledIcon?: ReactNode;
-    /** Custom empty icon */
     emptyIcon?: ReactNode;
-    /** Custom half-filled icon */
     halfIcon?: ReactNode;
-    /** Color of filled stars */
     color?: string;
-    /** Color of empty stars */
     emptyColor?: string;
-    /** Show value text */
     showValue?: boolean;
-    /** Custom label formatter */
     labelFormatter?: (value: number) => string;
-    /** Test ID */
     testId?: string;
-    /** Accessibility labels for each rating */
     labels?: string[];
 }
+export interface RatingCustomIcons {
+    filled?: ReactNode;
+    half?: ReactNode;
+    empty?: ReactNode;
+}

package/dist/components/Rating/Rating.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../constants/numbers.const.cjs"),n=require("../../constants/generals.const.cjs"),a=(e,t,r)=>e>=t+o.ONE?n.RATING_STAR_STATE_FILLED:r&&e>=t+o.HALF?n.RATING_STAR_STATE_HALF:n.RATING_STAR_STATE_EMPTY,c=(e,t,r)=>{if(r)return r(e);const T=Math.ceil(e)-o.ONE;return T<o.ZERO?n.EMPTY_STRING:t[T]??n.EMPTY_STRING},i=(e,t)=>({filled:t.filled,half:t.half,empty:t.empty})[e],S=(e,t,r)=>e-t<r*o.HALF;exports.formatRatingLabel=c;exports.getStarState=a;exports.isLeftHalfClick=S;exports.resolveRatingIcon=i;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { RatingCustomIcons, RatingStarState } from './Rating.types';
+export declare const getStarState: (displayValue: number, index: number, allowHalf: boolean) => RatingStarState;
+export declare const formatRatingLabel: (displayValue: number, labels: string[], labelFormatter?: (value: number) => string) => string;
+export declare const resolveRatingIcon: (state: RatingStarState, icons: RatingCustomIcons) => ReactNode;
+export declare const isLeftHalfClick: (clientX: number, left: number, width: number) => boolean;

package/dist/components/Rating/Rating.utils.js

@@ -0,0 +1,18 @@
+import { ZERO as A, HALF as f, ONE as o } from "../../constants/numbers.const.js";
+import { EMPTY_STRING as T, RATING_STAR_STATE_FILLED as S, RATING_STAR_STATE_HALF as i, RATING_STAR_STATE_EMPTY as R } from "../../constants/generals.const.js";
+const E = (r, t, e) => r >= t + o ? S : e && r >= t + f ? i : R, a = (r, t, e) => {
+  if (e)
+    return e(r);
+  const n = Math.ceil(r) - o;
+  return n < A ? T : t[n] ?? T;
+}, l = (r, t) => ({
+  filled: t.filled,
+  half: t.half,
+  empty: t.empty
+})[r], I = (r, t, e) => r - t < e * f;
+export {
+  a as formatRatingLabel,
+  E as getStarState,
+  I as isLeftHalfClick,
+  l as resolveRatingIcon
+};

package/dist/components/Rating/components/StarIcon/StarIcon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../../constants/generals.const.cjs"),o=require("../../../Icon/index.cjs"),S={filled:o.StarIcon,half:o.StarHalfIcon,empty:o.StarBorderIcon},T=n=>{const{size:r,state:t,color:c,emptyColor:s}=n,a=S[t],i=t===l.RATING_STAR_STATE_EMPTY?s:c;return e.jsx("div",{className:"Bear-Rating__star-icon",children:e.jsx(a,{size:r,color:i})})};exports.StarIcon=T;

package/dist/components/Rating/components/StarIcon/StarIcon.d.ts

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

package/dist/components/Rating/components/StarIcon/StarIcon.js

@@ -0,0 +1,14 @@
+import { jsx as r } from "react/jsx-runtime";
+import { RATING_STAR_STATE_EMPTY as s } from "../../../../constants/generals.const.js";
+import { StarBorderIcon as i, StarHalfIcon as l, StarIcon as m } from "../../../Icon/index.js";
+const S = {
+  filled: m,
+  half: l,
+  empty: i
+}, f = (t) => {
+  const { size: n, state: o, color: c, emptyColor: a } = t, e = S[o];
+  return /* @__PURE__ */ r("div", { className: "Bear-Rating__star-icon", children: /* @__PURE__ */ r(e, { size: n, color: o === s ? a : c }) });
+};
+export {
+  f as StarIcon
+};

package/dist/components/Rating/components/StarIcon/index.d.ts

@@ -0,0 +1 @@
+export { StarIcon } from './StarIcon';

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

@@ -1,2 +1,2 @@
 export { Rating } from './Rating';
-export type { RatingProps, RatingSize } from './Rating.types';
+export type { RatingProps, RatingSize, RatingStarState } from './Rating.types';

package/dist/components/ResizablePanel/ResizablePanel.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react"),e=require("./ResizablePanel.const.cjs"),v=require("./ResizablePanel.utils.cjs"),_=require("../../utils/cn.cjs"),L=P=>{const{first:I,second:N,direction:c=e.DEFAULT_DIRECTION,defaultSize:R=e.DEFAULT_FIRST_SIZE,minSize:d=e.MIN_SIZE,maxSize:b=e.MAX_SIZE,onResize:s,className:z,testId:T}=P,[n,g]=l.useState(R),u=l.useRef(null),h=l.useCallback(r=>v.clampSize(r,d,b),[d,b]),S=l.useCallback(r=>{var m;r.preventDefault();const t=r.target;(m=t.setPointerCapture)==null||m.call(t,r.pointerId);const E=i=>{if(!u.current)return;const y=u.current.getBoundingClientRect(),D=v.getResizePercentage(y,c,i.clientX,i.clientY),f=h(D);g(f),s==null||s(f)},w=()=>{var i;(i=t.releasePointerCapture)==null||i.call(t,r.pointerId),window.removeEventListener(e.EVENT_POINTER_MOVE,E),window.removeEventListener(e.EVENT_POINTER_UP,w)};window.addEventListener(e.EVENT_POINTER_MOVE,E),window.addEventListener(e.EVENT_POINTER_UP,w)},[c,h,s]),a=c==="horizontal",p=a?{width:`${n}%`,minWidth:0}:{height:`${n}%`,minHeight:0},x=a?{width:`${100-n}%`,minWidth:0}:{height:`${100-n}%`,minHeight:0};return o.jsxs("div",{ref:u,"data-testid":T,className:_.cn("Bear-ResizablePanel bear-flex bear-w-full bear-h-full bear-overflow-hidden",a?"bear-flex-row":"bear-flex-col",z),children:[o.jsx("div",{className:"bear-overflow-auto bear-shrink-0",style:p,children:I}),o.jsx("div",{role:"separator","aria-valuenow":n,"aria-valuemin":d,"aria-valuemax":b,tabIndex:0,onPointerDown:S,className:_.cn("Bear-ResizablePanel__handle bear-shrink-0 bear-bg-gray-200 dark:bear-bg-gray-700 hover:bear-bg-primary-500/30 bear-transition-colors bear-cursor-col-resize",a?"bear-w-1.5":"bear-h-1.5 bear-w-full bear-cursor-row-resize"),style:a?{width:e.HANDLE_WIDTH}:{height:e.HANDLE_WIDTH}}),o.jsx("div",{className:"bear-overflow-auto bear-shrink-0 bear-flex-1",style:x,children:N})]})};exports.ResizablePanel=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("../../utils/cn.cjs");require("react");const e=require("../../constants/numbers.const.cjs"),S=require("../../constants/generals.const.cjs"),g=require("./ResizablePanel.const.cjs"),l=require("./ResizablePanel.utils.cjs"),w=require("./useResizablePanel.cjs"),I=u=>{const{first:d,second:f,direction:n=g.DEFAULT_DIRECTION,defaultSize:z=e.FIFTY,minSize:t=e.TEN,maxSize:i=e.NINETY,onResize:R,className:y,testId:N}=u,{size:s,containerRef:h,onPointerDown:m}=w.useResizablePanel({direction:n,defaultSize:z,minSize:t,maxSize:i,onResize:R}),a=n===S.DIRECTION_HORIZONTAL,P=l.getPaneStyle(a,s),v=l.getPaneStyle(a,e.PERCENT_ONE_HUNDRED-s),x=l.getHandleStyle(a,e.SIX);let o="bear-flex-col",c="bear-h-1.5 bear-w-full bear-cursor-row-resize";return a&&(o="bear-flex-row",c="bear-w-1.5 bear-cursor-col-resize"),r.jsxs("div",{ref:h,"data-testid":N,className:b.cn("Bear-ResizablePanel bear-flex bear-w-full bear-h-full bear-overflow-hidden",o,y),children:[r.jsx("div",{className:"bear-overflow-auto bear-shrink-0",style:P,children:d}),r.jsx("div",{role:"separator","aria-valuenow":s,"aria-valuemin":t,"aria-valuemax":i,tabIndex:0,onPointerDown:m,className:b.cn("Bear-ResizablePanel__handle bear-shrink-0 bear-bg-gray-200 dark:bear-bg-gray-700 hover:bear-bg-primary-500/30 bear-transition-colors",c),style:x}),r.jsx("div",{className:"bear-overflow-auto bear-shrink-0 bear-flex-1",style:v,children:f})]})};exports.ResizablePanel=I;

package/dist/components/ResizablePanel/ResizablePanel.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=50,_=10,T=90,I=6,o="horizontal",t="pointermove",N="pointerup",n=100;exports.DEFAULT_DIRECTION=o;exports.DEFAULT_FIRST_SIZE=E;exports.EVENT_POINTER_MOVE=t;exports.EVENT_POINTER_UP=N;exports.HANDLE_WIDTH=I;exports.MAX_SIZE=T;exports.MIN_SIZE=_;exports.PERCENTAGE_SCALE=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/generals.const.cjs"),t=e.DIRECTION_HORIZONTAL;exports.DEFAULT_DIRECTION=t;

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

@@ -1,11 +1 @@
-export declare const DEFAULT_FIRST_SIZE = 50;
-export declare const MIN_SIZE = 10;
-export declare const MAX_SIZE = 90;
-export declare const HANDLE_WIDTH = 6;
-/** Default layout direction */
-export declare const DEFAULT_DIRECTION = "horizontal";
-/** DOM event names for resize listeners */
-export declare const EVENT_POINTER_MOVE = "pointermove";
-export declare const EVENT_POINTER_UP = "pointerup";
-/** Percentage scale for size calculation */
-export declare const PERCENTAGE_SCALE = 100;
+export declare const DEFAULT_DIRECTION: "horizontal";