@forgedevstack/bear 1.3.0 → 1.3.2

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("@forgedevstack/bear-icons"),S={filled:o.StarIcon,half:o.StarHalfIcon,empty:o.StarBorderIcon},I=r=>{const{size:n,state:t,color:c,emptyColor:s}=r,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:n,color:i})})};exports.StarIcon=I;

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

package/dist/components/ResizablePanel/ResizablePanel.const.js

@@ -1,11 +1,5 @@
-const E = 50, o = 10, t = 90, n = 6, _ = "horizontal", I = "pointermove", T = "pointerup", c = 100;
+import { DIRECTION_HORIZONTAL as I } from "../../constants/generals.const.js";
+const O = I;
 export {
-  _ as DEFAULT_DIRECTION,
-  E as DEFAULT_FIRST_SIZE,
-  I as EVENT_POINTER_MOVE,
-  T as EVENT_POINTER_UP,
-  n as HANDLE_WIDTH,
-  t as MAX_SIZE,
-  o as MIN_SIZE,
-  c as PERCENTAGE_SCALE
+  O as DEFAULT_DIRECTION
 };

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

@@ -1,17 +1,2 @@
-import { FC } from 'react';
 import { ResizablePanelProps } from './ResizablePanel.types';
-/**
- * Two-pane resizable layout with a draggable divider.
- * Supports horizontal and vertical directions; respects min/max size and dark/light theme.
- *
- * @example
- * ```tsx
- * <ResizablePanel
- *   first={<Sidebar />}
- *   second={<Main />}
- *   direction="horizontal"
- *   defaultSize={30}
- * />
- * ```
- */
-export declare const ResizablePanel: FC<ResizablePanelProps>;
+export declare const ResizablePanel: (props: ResizablePanelProps) => import("react/jsx-runtime").JSX.Element;