@forgedevstack/bear 1.0.1 → 1.0.2

package/dist/components/Radio/Radio.js

@@ -1,18 +1,18 @@
-import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
 import { createContext as j, forwardRef as V, useContext as _, useId as z, useCallback as E, useState as G } from "react";
-import { cn as r } from "../../utils/cn.js";
+import { cn as a } from "../../utils/cn.js";
 const O = {
-  xs: "ember-w-3 ember-h-3",
-  sm: "ember-w-4 ember-h-4",
-  md: "ember-w-5 ember-h-5",
-  lg: "ember-w-6 ember-h-6",
-  xl: "ember-w-7 ember-h-7"
+  xs: "bear-w-3 bear-h-3",
+  sm: "bear-w-4 bear-h-4",
+  md: "bear-w-5 bear-h-5",
+  lg: "bear-w-6 bear-h-6",
+  xl: "bear-w-7 bear-h-7"
 }, Z = {
-  xs: "ember-text-xs",
-  sm: "ember-text-sm",
-  md: "ember-text-base",
-  lg: "ember-text-lg",
-  xl: "ember-text-xl"
+  xs: "bear-text-xs",
+  sm: "bear-text-sm",
+  md: "bear-text-base",
+  lg: "bear-text-lg",
+  xl: "bear-text-xl"
 }, B = {
   primary: "#ec4899",
   secondary: "#6b7280",
@@ -24,37 +24,37 @@ const O = {
   outline: "#374151",
   error: "#ef4444"
 }, I = j(null), D = V(({
-  label: d,
-  size: n = "md",
+  label: n,
+  size: o = "md",
   variant: v = "primary",
-  color: l,
+  color: c,
   disabled: h = !1,
-  error: m = !1,
-  helperText: o,
+  error: t = !1,
+  helperText: f,
   className: N,
   testId: p,
   value: s,
-  name: c,
-  checked: f,
-  onChange: a,
+  name: i,
+  checked: m,
+  onChange: b,
   ...g
 }, S) => {
-  const e = _(I), w = z(), i = (e == null ? void 0 : e.size) ?? n, k = (e == null ? void 0 : e.variant) ?? v, b = (e == null ? void 0 : e.disabled) ?? h, x = (e == null ? void 0 : e.name) ?? c, u = e ? e.value === s : f, A = l ?? B[k], L = E(() => {
-    if (b) return;
+  const e = _(I), w = z(), d = (e == null ? void 0 : e.size) ?? o, k = (e == null ? void 0 : e.variant) ?? v, l = (e == null ? void 0 : e.disabled) ?? h, x = (e == null ? void 0 : e.name) ?? i, u = e ? e.value === s : m, A = c ?? B[k], L = E(() => {
+    if (l) return;
     const R = typeof s == "string" ? s : String(s);
-    e && R && e.onChange(R), a == null || a({ target: { value: R } });
-  }, [e, s, a, b]);
-  return /* @__PURE__ */ y("div", { className: r("ember-flex ember-flex-col", N), children: [
+    e && R && e.onChange(R), b == null || b({ target: { value: R } });
+  }, [e, s, b, l]);
+  return /* @__PURE__ */ y("div", { className: a("bear-flex bear-flex-col", N), children: [
     /* @__PURE__ */ y(
       "label",
       {
-        className: r(
-          "ember-inline-flex ember-items-center ember-gap-2 ember-cursor-pointer",
-          b && "ember-opacity-50 ember-cursor-not-allowed"
+        className: a(
+          "bear-inline-flex bear-items-center bear-gap-2 bear-cursor-pointer",
+          l && "bear-opacity-50 bear-cursor-not-allowed"
         ),
         children: [
-          /* @__PURE__ */ y("div", { className: "ember-relative ember-flex ember-items-center ember-justify-center", children: [
-            /* @__PURE__ */ t(
+          /* @__PURE__ */ y("div", { className: "bear-relative bear-flex bear-items-center bear-justify-center", children: [
+            /* @__PURE__ */ r(
               "input",
               {
                 ref: S,
@@ -62,106 +62,106 @@ const O = {
                 name: x,
                 value: s,
                 checked: u,
-                disabled: b,
+                disabled: l,
                 onChange: L,
-                className: "ember-sr-only",
+                className: "bear-sr-only",
                 id: w,
                 "data-testid": p,
                 ...g
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ r(
               "div",
               {
-                className: r(
-                  O[i],
-                  "ember-rounded-full ember-border-2 ember-transition-all ember-flex ember-items-center ember-justify-center",
-                  m ? "ember-border-red-500" : "ember-border-gray-300 dark:ember-border-gray-600",
-                  u && !m && "ember-border-current",
-                  !b && "hover:ember-border-gray-400"
+                className: a(
+                  O[d],
+                  "bear-rounded-full bear-border-2 bear-transition-all bear-flex bear-items-center bear-justify-center",
+                  t ? "bear-border-red-500" : "bear-border-gray-300 dark:bear-border-gray-600",
+                  u && !t && "bear-border-current",
+                  !l && "hover:bear-border-gray-400"
                 ),
                 style: {
-                  borderColor: u && !m ? A : void 0
+                  borderColor: u && !t ? A : void 0
                 },
-                children: /* @__PURE__ */ t(
+                children: /* @__PURE__ */ r(
                   "div",
                   {
-                    className: r(
-                      "ember-rounded-full ember-transition-all ember-scale-0",
-                      u && "ember-scale-100"
+                    className: a(
+                      "bear-rounded-full bear-transition-all bear-scale-0",
+                      u && "bear-scale-100"
                     ),
                     style: {
                       width: "50%",
                       height: "50%",
-                      backgroundColor: m ? "#ef4444" : A
+                      backgroundColor: t ? "#ef4444" : A
                     }
                   }
                 )
               }
             )
           ] }),
-          d && /* @__PURE__ */ t("span", { className: r(
-            Z[i],
-            "ember-text-gray-700 dark:ember-text-gray-300",
-            m && "ember-text-red-500"
-          ), children: d })
+          n && /* @__PURE__ */ r("span", { className: a(
+            Z[d],
+            "bear-text-gray-700 dark:bear-text-gray-300",
+            t && "bear-text-red-500"
+          ), children: n })
         ]
       }
     ),
-    o && /* @__PURE__ */ t("span", { className: r(
-      "ember-text-xs ember-mt-1 ember-ml-7",
-      m ? "ember-text-red-500" : "ember-text-gray-500"
-    ), children: o })
+    f && /* @__PURE__ */ r("span", { className: a(
+      "bear-text-xs bear-mt-1 bear-ml-7",
+      t ? "bear-text-red-500" : "bear-text-gray-500"
+    ), children: f })
   ] });
 });
 D.displayName = "Radio";
 const C = ({
-  name: d,
-  value: n,
+  name: n,
+  value: o,
   defaultValue: v = "",
-  onChange: l,
+  onChange: c,
   children: h,
-  direction: m = "column",
-  size: o,
+  direction: t = "column",
+  size: f,
   variant: N,
   disabled: p = !1,
   gap: s = 2,
-  label: c,
-  error: f = !1,
-  helperText: a,
+  label: i,
+  error: m = !1,
+  helperText: b,
   className: g,
   testId: S
 }) => {
-  const [e, w] = G(v), i = n !== void 0, k = i ? n : e, b = E((x) => {
-    i || w(x), l == null || l(x);
-  }, [i, l]);
+  const [e, w] = G(v), d = o !== void 0, k = d ? o : e, l = E((x) => {
+    d || w(x), c == null || c(x);
+  }, [d, c]);
   return /* @__PURE__ */ y(
     "div",
     {
-      className: r("ember-flex ember-flex-col", g),
+      className: a("bear-flex bear-flex-col", g),
       role: "radiogroup",
-      "aria-label": typeof c == "string" ? c : void 0,
+      "aria-label": typeof i == "string" ? i : void 0,
       "data-testid": S,
       children: [
-        c && /* @__PURE__ */ t("span", { className: r(
-          "ember-text-sm ember-font-medium ember-mb-2 ember-text-gray-700 dark:ember-text-gray-300",
-          f && "ember-text-red-500"
-        ), children: c }),
-        /* @__PURE__ */ t(I.Provider, { value: { name: d, value: k, onChange: b, size: o, variant: N, disabled: p }, children: /* @__PURE__ */ t(
+        i && /* @__PURE__ */ r("span", { className: a(
+          "bear-text-sm bear-font-medium bear-mb-2 bear-text-gray-700 dark:bear-text-gray-300",
+          m && "bear-text-red-500"
+        ), children: i }),
+        /* @__PURE__ */ r(I.Provider, { value: { name: n, value: k, onChange: l, size: f, variant: N, disabled: p }, children: /* @__PURE__ */ r(
           "div",
           {
-            className: r(
-              "ember-flex",
-              m === "column" ? "ember-flex-col" : "ember-flex-row ember-flex-wrap"
+            className: a(
+              "bear-flex",
+              t === "column" ? "bear-flex-col" : "bear-flex-row bear-flex-wrap"
             ),
             style: { gap: `${s * 0.25}rem` },
             children: h
           }
         ) }),
-        a && /* @__PURE__ */ t("span", { className: r(
-          "ember-text-xs ember-mt-2",
-          f ? "ember-text-red-500" : "ember-text-gray-500"
-        ), children: a })
+        b && /* @__PURE__ */ r("span", { className: a(
+          "bear-text-xs bear-mt-2",
+          m ? "bear-text-red-500" : "bear-text-gray-500"
+        ), children: b })
       ]
     }
   );

package/dist/components/Rating/Rating.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),y=require("../../utils/cn.cjs"),U={xs:14,sm:18,md:24,lg:30,xl:36},W="#fbbf24",Y="#d1d5db",Z=({value:d,defaultValue:F=0,max:u=5,size:L="md",readOnly:o=!1,disabled:r=!1,precision:j=1,color:S=W,emptyColor:h=Y,filledIcon:v,emptyIcon:k,halfIcon:g,highlightOnHover:c=!0,showLabel:C=!1,formatLabel:E,onChange:a,className:_,testId:A,...T})=>{const[$,q]=l.useState(F),[M,w]=l.useState(null),m=d!==void 0,z=m?d:$,f=M!==null&&!o&&!r?M:z,p=U[L],B=l.useCallback(e=>{o||r||(m||q(e),a==null||a(e))},[m,a,o,r]),G=l.useCallback(e=>{o||r||!c||w(e)},[o,r,c]),N=l.useCallback(()=>{o||r||!c||w(null)},[o,r,c]),x=l.useMemo(()=>({FilledStar:({size:s,color:i})=>t.jsx("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:i,stroke:"none",children:t.jsx("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"})}),EmptyStar:({size:s,color:i})=>t.jsx("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:"none",stroke:i,strokeWidth:"2",children:t.jsx("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"})}),HalfStar:({size:s,color:i,emptyColor:R})=>t.jsxs("svg",{width:s,height:s,viewBox:"0 0 24 24",children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:"halfGrad",children:[t.jsx("stop",{offset:"50%",stopColor:i}),t.jsx("stop",{offset:"50%",stopColor:R,stopOpacity:"0"})]})}),t.jsx("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2",fill:"url(#halfGrad)",stroke:R,strokeWidth:"2"})]})}),[]),P=e=>{const n=f-e,b=n>=1,s=j===.5&&n>=.5&&n<1,i=n<(j===.5?.5:1);return v&&b?v:g&&s?g:k&&i?k:b?t.jsx(x.FilledStar,{size:p,color:S}):s?t.jsx(x.HalfStar,{size:p,color:S,emptyColor:h}):t.jsx(x.EmptyStar,{size:p,color:h})},D=l.useMemo(()=>Array.from({length:u},(e,n)=>n+1),[u]),H=E?E(f):`${f} out of ${u}`;return t.jsxs("div",{className:y.cn("ember-inline-flex ember-items-center ember-gap-1",r&&"ember-opacity-50 ember-cursor-not-allowed",_),role:"radiogroup","aria-label":"Rating","data-testid":A,onMouseLeave:N,...T,children:[D.map(e=>t.jsx("button",{type:"button",role:"radio","aria-checked":z>=e,"aria-label":`${e} star${e>1?"s":""}`,className:y.cn("ember-p-0.5 ember-rounded ember-transition-transform ember-bg-transparent ember-border-none",!o&&!r&&"hover:ember-scale-110 ember-cursor-pointer",o&&"ember-cursor-default",r&&"ember-cursor-not-allowed"),onClick:()=>B(e),onMouseEnter:()=>G(e),disabled:r||o,children:P(e-1)},e)),C&&t.jsx("span",{className:"ember-ml-2 ember-text-sm ember-text-gray-600 dark:ember-text-gray-400",children:H})]})};exports.Rating=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),y=require("../../utils/cn.cjs"),U={xs:14,sm:18,md:24,lg:30,xl:36},W="#fbbf24",Y="#d1d5db",Z=({value:j,defaultValue:F=0,max:u=5,size:L="md",readOnly:o=!1,disabled:r=!1,precision:S=1,color:m=W,emptyColor:h=Y,filledIcon:v,emptyIcon:k,halfIcon:g,highlightOnHover:l=!0,showLabel:C=!1,formatLabel:E,onChange:c,className:_,testId:A,...T})=>{const[$,q]=i.useState(F),[M,w]=i.useState(null),f=j!==void 0,z=f?j:$,p=M!==null&&!o&&!r?M:z,x=U[L],B=i.useCallback(t=>{o||r||(f||q(t),c==null||c(t))},[f,c,o,r]),G=i.useCallback(t=>{o||r||!l||w(t)},[o,r,l]),N=i.useCallback(()=>{o||r||!l||w(null)},[o,r,l]),b=i.useMemo(()=>({FilledStar:({size:s,color:a})=>e.jsx("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:a,stroke:"none",children:e.jsx("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"})}),EmptyStar:({size:s,color:a})=>e.jsx("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:"none",stroke:a,strokeWidth:"2",children:e.jsx("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"})}),HalfStar:({size:s,color:a,emptyColor:R})=>e.jsxs("svg",{width:s,height:s,viewBox:"0 0 24 24",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"halfGrad",children:[e.jsx("stop",{offset:"50%",stopColor:a}),e.jsx("stop",{offset:"50%",stopColor:R,stopOpacity:"0"})]})}),e.jsx("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2",fill:"url(#halfGrad)",stroke:R,strokeWidth:"2"})]})}),[]),P=t=>{const n=p-t,d=n>=1,s=S===.5&&n>=.5&&n<1,a=n<(S===.5?.5:1);return v&&d?v:g&&s?g:k&&a?k:d?e.jsx(b.FilledStar,{size:x,color:m}):s?e.jsx(b.HalfStar,{size:x,color:m,emptyColor:h}):e.jsx(b.EmptyStar,{size:x,color:h})},D=i.useMemo(()=>Array.from({length:u},(t,n)=>n+1),[u]),H=E?E(p):`${p} out of ${u}`;return e.jsxs("div",{className:y.cn("bear-inline-flex bear-items-center bear-gap-1",r&&"bear-opacity-50 bear-cursor-not-allowed",_),role:"radiogroup","aria-label":"Rating","data-testid":A,onMouseLeave:N,...T,children:[D.map(t=>e.jsx("button",{type:"button",role:"radio","aria-checked":z>=t,"aria-label":`${t} star${t>1?"s":""}`,className:y.cn("bear-p-0.5 bear-rounded bear-transition-transform bear-bg-transparent bear-border-none",!o&&!r&&"hover:bear-scale-110 bear-cursor-pointer",o&&"bear-cursor-default",r&&"bear-cursor-not-allowed"),onClick:()=>B(t),onMouseEnter:()=>G(t),disabled:r||o,children:P(t-1)},t)),C&&e.jsx("span",{className:"bear-ml-2 bear-text-sm bear-text-gray-600 dark:bear-text-gray-400",children:H})]})};exports.Rating=Z;

package/dist/components/Rating/Rating.js

@@ -1,4 +1,4 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import { useState as y, useCallback as S, useMemo as A } from "react";
 import { cn as R } from "../../utils/cn.js";
 const q = {
@@ -10,36 +10,36 @@ const q = {
 }, I = "#fbbf24", J = "#d1d5db", V = ({
   value: h,
   defaultValue: $ = 0,
-  max: a = 5,
+  max: c = 5,
   size: B = "md",
   readOnly: s = !1,
-  disabled: r = !1,
+  disabled: e = !1,
   precision: v = 1,
   color: k = I,
   emptyColor: x = J,
   filledIcon: E,
   emptyIcon: g,
   halfIcon: w,
-  highlightOnHover: l = !0,
+  highlightOnHover: a = !0,
   showLabel: C = !1,
   formatLabel: z,
-  onChange: c,
+  onChange: l,
   className: G,
   testId: N,
   ...T
 }) => {
-  const [j, D] = y($), [M, F] = y(null), m = h !== void 0, L = m ? h : j, f = M !== null && !s && !r ? M : L, u = q[B], H = S((e) => {
-    s || r || (m || D(e), c == null || c(e));
-  }, [m, c, s, r]), P = S((e) => {
-    s || r || !l || F(e);
-  }, [s, r, l]), U = S(() => {
-    s || r || !l || F(null);
-  }, [s, r, l]), p = A(() => ({ FilledStar: ({ size: o, color: i }) => /* @__PURE__ */ t("svg", { width: o, height: o, viewBox: "0 0 24 24", fill: i, stroke: "none", children: /* @__PURE__ */ t("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) }), EmptyStar: ({ size: o, color: i }) => /* @__PURE__ */ t("svg", { width: o, height: o, viewBox: "0 0 24 24", fill: "none", stroke: i, strokeWidth: "2", children: /* @__PURE__ */ t("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) }), HalfStar: ({ size: o, color: i, emptyColor: _ }) => /* @__PURE__ */ d("svg", { width: o, height: o, viewBox: "0 0 24 24", children: [
-    /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ d("linearGradient", { id: "halfGrad", children: [
-      /* @__PURE__ */ t("stop", { offset: "50%", stopColor: i }),
-      /* @__PURE__ */ t("stop", { offset: "50%", stopColor: _, stopOpacity: "0" })
+  const [j, D] = y($), [M, F] = y(null), f = h !== void 0, L = f ? h : j, u = M !== null && !s && !e ? M : L, p = q[B], H = S((t) => {
+    s || e || (f || D(t), l == null || l(t));
+  }, [f, l, s, e]), P = S((t) => {
+    s || e || !a || F(t);
+  }, [s, e, a]), U = S(() => {
+    s || e || !a || F(null);
+  }, [s, e, a]), b = A(() => ({ FilledStar: ({ size: o, color: i }) => /* @__PURE__ */ r("svg", { width: o, height: o, viewBox: "0 0 24 24", fill: i, stroke: "none", children: /* @__PURE__ */ r("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) }), EmptyStar: ({ size: o, color: i }) => /* @__PURE__ */ r("svg", { width: o, height: o, viewBox: "0 0 24 24", fill: "none", stroke: i, strokeWidth: "2", children: /* @__PURE__ */ r("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) }), HalfStar: ({ size: o, color: i, emptyColor: _ }) => /* @__PURE__ */ d("svg", { width: o, height: o, viewBox: "0 0 24 24", children: [
+    /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ d("linearGradient", { id: "halfGrad", children: [
+      /* @__PURE__ */ r("stop", { offset: "50%", stopColor: i }),
+      /* @__PURE__ */ r("stop", { offset: "50%", stopColor: _, stopOpacity: "0" })
     ] }) }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ r(
       "polygon",
       {
         points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2",
@@ -48,19 +48,19 @@ const q = {
         strokeWidth: "2"
       }
     )
-  ] }) }), []), W = (e) => {
-    const n = f - e, b = n >= 1, o = v === 0.5 && n >= 0.5 && n < 1, i = n < (v === 0.5 ? 0.5 : 1);
-    return E && b ? E : w && o ? w : g && i ? g : b ? /* @__PURE__ */ t(p.FilledStar, { size: u, color: k }) : o ? /* @__PURE__ */ t(p.HalfStar, { size: u, color: k, emptyColor: x }) : /* @__PURE__ */ t(p.EmptyStar, { size: u, color: x });
+  ] }) }), []), W = (t) => {
+    const n = u - t, m = n >= 1, o = v === 0.5 && n >= 0.5 && n < 1, i = n < (v === 0.5 ? 0.5 : 1);
+    return E && m ? E : w && o ? w : g && i ? g : m ? /* @__PURE__ */ r(b.FilledStar, { size: p, color: k }) : o ? /* @__PURE__ */ r(b.HalfStar, { size: p, color: k, emptyColor: x }) : /* @__PURE__ */ r(b.EmptyStar, { size: p, color: x });
   }, Y = A(
-    () => Array.from({ length: a }, (e, n) => n + 1),
-    [a]
-  ), Z = z ? z(f) : `${f} out of ${a}`;
+    () => Array.from({ length: c }, (t, n) => n + 1),
+    [c]
+  ), Z = z ? z(u) : `${u} out of ${c}`;
   return /* @__PURE__ */ d(
     "div",
     {
       className: R(
-        "ember-inline-flex ember-items-center ember-gap-1",
-        r && "ember-opacity-50 ember-cursor-not-allowed",
+        "bear-inline-flex bear-items-center bear-gap-1",
+        e && "bear-opacity-50 bear-cursor-not-allowed",
         G
       ),
       role: "radiogroup",
@@ -69,27 +69,27 @@ const q = {
       onMouseLeave: U,
       ...T,
       children: [
-        Y.map((e) => /* @__PURE__ */ t(
+        Y.map((t) => /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             role: "radio",
-            "aria-checked": L >= e,
-            "aria-label": `${e} star${e > 1 ? "s" : ""}`,
+            "aria-checked": L >= t,
+            "aria-label": `${t} star${t > 1 ? "s" : ""}`,
             className: R(
-              "ember-p-0.5 ember-rounded ember-transition-transform ember-bg-transparent ember-border-none",
-              !s && !r && "hover:ember-scale-110 ember-cursor-pointer",
-              s && "ember-cursor-default",
-              r && "ember-cursor-not-allowed"
+              "bear-p-0.5 bear-rounded bear-transition-transform bear-bg-transparent bear-border-none",
+              !s && !e && "hover:bear-scale-110 bear-cursor-pointer",
+              s && "bear-cursor-default",
+              e && "bear-cursor-not-allowed"
             ),
-            onClick: () => H(e),
-            onMouseEnter: () => P(e),
-            disabled: r || s,
-            children: W(e - 1)
+            onClick: () => H(t),
+            onMouseEnter: () => P(t),
+            disabled: e || s,
+            children: W(t - 1)
           },
-          e
+          t
         )),
-        C && /* @__PURE__ */ t("span", { className: "ember-ml-2 ember-text-sm ember-text-gray-600 dark:ember-text-gray-400", children: Z })
+        C && /* @__PURE__ */ r("span", { className: "bear-ml-2 bear-text-sm bear-text-gray-600 dark:bear-text-gray-400", children: Z })
       ]
     }
   );

package/dist/components/SpeedDial/SpeedDial.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),b=require("../../utils/cn.cjs"),v=require("../Button/Button.cjs"),z=require("../Tooltip/Tooltip.cjs"),P={"bottom-right":"ember-bottom-4 ember-right-4","bottom-left":"ember-bottom-4 ember-left-4","top-right":"ember-top-4 ember-right-4","top-left":"ember-top-4 ember-left-4"},w={up:"ember-flex-col-reverse ember-pb-2",down:"ember-flex-col ember-pt-2",left:"ember-flex-row-reverse ember-pr-2",right:"ember-flex-row ember-pl-2"},W=s.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[s.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),s.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]}),F=s.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[s.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),s.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),M=({actions:k,icon:j=W,openIcon:S=F,open:a,defaultOpen:p=!1,direction:o="up",variant:E="primary",size:h="lg",showTooltips:L=!0,tooltipPlacement:d="auto",closeOnAction:n=!0,position:f="bottom-right",fixed:x=!0,ariaLabel:N="SpeedDial",onOpenChange:r,className:T,testId:I,...D})=>{const[q,c]=m.useState(p),u=m.useRef(null),i=a!==void 0,t=i?a:q,B=m.useCallback(()=>{const e=!t;i||c(e),r==null||r(e)},[t,i,r]),R=m.useCallback(e=>{var l;(l=e.onClick)==null||l.call(e),n&&(i||c(!1),r==null||r(!1))},[n,i,r]);m.useEffect(()=>{const e=l=>{u.current&&!u.current.contains(l.target)&&t&&(i||c(!1),r==null||r(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[t,i,r]),m.useEffect(()=>{const e=l=>{l.key==="Escape"&&t&&(i||c(!1),r==null||r(!1))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t,i,r]);const A=()=>{if(d!=="auto")return d;switch(o){case"up":case"down":return f.includes("right")?"left":"right";case"left":case"right":return"top"}},_=(e,l)=>{const y=s.jsx(v.Button,{variant:"secondary",size:"md",onClick:()=>R(e),disabled:e.disabled,className:b.cn("ember-rounded-full ember-shadow-lg ember-transition-all ember-duration-200","ember-w-12 ember-h-12 ember-p-0 ember-flex ember-items-center ember-justify-center",t?"ember-opacity-100 ember-scale-100":"ember-opacity-0 ember-scale-75 ember-pointer-events-none"),style:{transitionDelay:t?`${l*50}ms`:"0ms"},"aria-label":e.label,children:e.icon},e.key);return L?s.jsx(z.Tooltip,{content:e.label,placement:A(),children:y},e.key):y};return s.jsxs("div",{ref:u,className:b.cn("ember-inline-flex ember-items-center",w[o],x&&"ember-fixed ember-z-50",x&&P[f],T),"data-testid":I,...D,children:[s.jsx("div",{className:b.cn("ember-flex ember-gap-3",w[o]),role:"menu","aria-orientation":o==="up"||o==="down"?"vertical":"horizontal",children:k.map((e,l)=>_(e,l))}),s.jsx(v.Button,{variant:E,size:h,onClick:B,className:b.cn("ember-rounded-full ember-shadow-xl ember-transition-transform ember-duration-300","ember-w-14 ember-h-14 ember-p-0 ember-flex ember-items-center ember-justify-center",t&&"ember-rotate-45"),"aria-label":N,"aria-expanded":t,"aria-haspopup":"menu",children:t?S:j})]})};exports.SpeedDial=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),b=require("../../utils/cn.cjs"),v=require("../Button/Button.cjs"),z=require("../Tooltip/Tooltip.cjs"),P={"bottom-right":"bear-bottom-4 bear-right-4","bottom-left":"bear-bottom-4 bear-left-4","top-right":"bear-top-4 bear-right-4","top-left":"bear-top-4 bear-left-4"},w={up:"bear-flex-col-reverse bear-pb-2",down:"bear-flex-col bear-pt-2",left:"bear-flex-row-reverse bear-pr-2",right:"bear-flex-row bear-pl-2"},W=s.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[s.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),s.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]}),F=s.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[s.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),s.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),M=({actions:k,icon:j=W,openIcon:S=F,open:d,defaultOpen:p=!1,direction:o="up",variant:E="primary",size:h="lg",showTooltips:L=!0,tooltipPlacement:n="auto",closeOnAction:f=!0,position:x="bottom-right",fixed:m=!0,ariaLabel:N="SpeedDial",onOpenChange:r,className:T,testId:I,...D})=>{const[q,c]=i.useState(p),u=i.useRef(null),l=d!==void 0,t=l?d:q,B=i.useCallback(()=>{const e=!t;l||c(e),r==null||r(e)},[t,l,r]),R=i.useCallback(e=>{var a;(a=e.onClick)==null||a.call(e),f&&(l||c(!1),r==null||r(!1))},[f,l,r]);i.useEffect(()=>{const e=a=>{u.current&&!u.current.contains(a.target)&&t&&(l||c(!1),r==null||r(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[t,l,r]),i.useEffect(()=>{const e=a=>{a.key==="Escape"&&t&&(l||c(!1),r==null||r(!1))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t,l,r]);const A=()=>{if(n!=="auto")return n;switch(o){case"up":case"down":return x.includes("right")?"left":"right";case"left":case"right":return"top"}},_=(e,a)=>{const y=s.jsx(v.Button,{variant:"secondary",size:"md",onClick:()=>R(e),disabled:e.disabled,className:b.cn("bear-rounded-full bear-shadow-lg bear-transition-all bear-duration-200","bear-w-12 bear-h-12 bear-p-0 bear-flex bear-items-center bear-justify-center",t?"bear-opacity-100 bear-scale-100":"bear-opacity-0 bear-scale-75 bear-pointer-events-none"),style:{transitionDelay:t?`${a*50}ms`:"0ms"},"aria-label":e.label,children:e.icon},e.key);return L?s.jsx(z.Tooltip,{content:e.label,placement:A(),children:y},e.key):y};return s.jsxs("div",{ref:u,className:b.cn("bear-inline-flex bear-items-center",w[o],m&&"bear-fixed bear-z-50",m&&P[x],T),"data-testid":I,...D,children:[s.jsx("div",{className:b.cn("bear-flex bear-gap-3",w[o]),role:"menu","aria-orientation":o==="up"||o==="down"?"vertical":"horizontal",children:k.map((e,a)=>_(e,a))}),s.jsx(v.Button,{variant:E,size:h,onClick:B,className:b.cn("bear-rounded-full bear-shadow-xl bear-transition-transform bear-duration-300","bear-w-14 bear-h-14 bear-p-0 bear-flex bear-items-center bear-justify-center",t&&"bear-rotate-45"),"aria-label":N,"aria-expanded":t,"aria-haspopup":"menu",children:t?S:j})]})};exports.SpeedDial=M;

package/dist/components/SpeedDial/SpeedDial.js

@@ -1,36 +1,36 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
 import { useState as P, useRef as U, useCallback as w, useEffect as v } from "react";
 import { cn as b } from "../../utils/cn.js";
 import { Button as p } from "../Button/Button.js";
 import { Tooltip as V } from "../Tooltip/Tooltip.js";
 const $ = {
-  "bottom-right": "ember-bottom-4 ember-right-4",
-  "bottom-left": "ember-bottom-4 ember-left-4",
-  "top-right": "ember-top-4 ember-right-4",
-  "top-left": "ember-top-4 ember-left-4"
+  "bottom-right": "bear-bottom-4 bear-right-4",
+  "bottom-left": "bear-bottom-4 bear-left-4",
+  "top-right": "bear-top-4 bear-right-4",
+  "top-left": "bear-top-4 bear-left-4"
 }, k = {
-  up: "ember-flex-col-reverse ember-pb-2",
-  down: "ember-flex-col ember-pt-2",
-  left: "ember-flex-row-reverse ember-pr-2",
-  right: "ember-flex-row ember-pl-2"
-}, q = /* @__PURE__ */ a("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+  up: "bear-flex-col-reverse bear-pb-2",
+  down: "bear-flex-col bear-pt-2",
+  left: "bear-flex-row-reverse bear-pr-2",
+  right: "bear-flex-row bear-pl-2"
+}, q = /* @__PURE__ */ d("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
   /* @__PURE__ */ s("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
   /* @__PURE__ */ s("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
-] }), G = /* @__PURE__ */ a("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+] }), G = /* @__PURE__ */ d("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
   /* @__PURE__ */ s("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
   /* @__PURE__ */ s("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
 ] }), X = ({
   actions: h,
   icon: E = q,
   openIcon: S = G,
-  open: d,
+  open: f,
   defaultOpen: L = !1,
   direction: i = "up",
   variant: N = "primary",
   size: I = "lg",
   showTooltips: T = !0,
-  tooltipPlacement: f = "auto",
-  closeOnAction: u = !0,
+  tooltipPlacement: u = "auto",
+  closeOnAction: m = !0,
   position: n = "bottom-right",
   fixed: x = !0,
   ariaLabel: D = "SpeedDial",
@@ -39,26 +39,26 @@ const $ = {
   testId: A,
   ..._
 }) => {
-  const [z, o] = P(L), c = U(null), m = d !== void 0, t = m ? d : z, B = w(() => {
+  const [z, o] = P(L), c = U(null), l = f !== void 0, t = l ? f : z, B = w(() => {
     const e = !t;
-    m || o(e), r == null || r(e);
-  }, [t, m, r]), R = w((e) => {
-    var l;
-    (l = e.onClick) == null || l.call(e), u && (m || o(!1), r == null || r(!1));
-  }, [u, m, r]);
+    l || o(e), r == null || r(e);
+  }, [t, l, r]), R = w((e) => {
+    var a;
+    (a = e.onClick) == null || a.call(e), m && (l || o(!1), r == null || r(!1));
+  }, [m, l, r]);
   v(() => {
-    const e = (l) => {
-      c.current && !c.current.contains(l.target) && t && (m || o(!1), r == null || r(!1));
+    const e = (a) => {
+      c.current && !c.current.contains(a.target) && t && (l || o(!1), r == null || r(!1));
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [t, m, r]), v(() => {
-    const e = (l) => {
-      l.key === "Escape" && t && (m || o(!1), r == null || r(!1));
+  }, [t, l, r]), v(() => {
+    const e = (a) => {
+      a.key === "Escape" && t && (l || o(!1), r == null || r(!1));
     };
     return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [t, m, r]);
+  }, [t, l, r]);
   const W = () => {
-    if (f !== "auto") return f;
+    if (u !== "auto") return u;
     switch (i) {
       case "up":
       case "down":
@@ -67,7 +67,7 @@ const $ = {
       case "right":
         return "top";
     }
-  }, F = (e, l) => {
+  }, F = (e, a) => {
     const y = /* @__PURE__ */ s(
       p,
       {
@@ -76,12 +76,12 @@ const $ = {
         onClick: () => R(e),
         disabled: e.disabled,
         className: b(
-          "ember-rounded-full ember-shadow-lg ember-transition-all ember-duration-200",
-          "ember-w-12 ember-h-12 ember-p-0 ember-flex ember-items-center ember-justify-center",
-          t ? "ember-opacity-100 ember-scale-100" : "ember-opacity-0 ember-scale-75 ember-pointer-events-none"
+          "bear-rounded-full bear-shadow-lg bear-transition-all bear-duration-200",
+          "bear-w-12 bear-h-12 bear-p-0 bear-flex bear-items-center bear-justify-center",
+          t ? "bear-opacity-100 bear-scale-100" : "bear-opacity-0 bear-scale-75 bear-pointer-events-none"
         ),
         style: {
-          transitionDelay: t ? `${l * 50}ms` : "0ms"
+          transitionDelay: t ? `${a * 50}ms` : "0ms"
         },
         "aria-label": e.label,
         children: e.icon
@@ -98,14 +98,14 @@ const $ = {
       e.key
     ) : y;
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ d(
     "div",
     {
       ref: c,
       className: b(
-        "ember-inline-flex ember-items-center",
+        "bear-inline-flex bear-items-center",
         k[i],
-        x && "ember-fixed ember-z-50",
+        x && "bear-fixed bear-z-50",
         x && $[n],
         j
       ),
@@ -116,12 +116,12 @@ const $ = {
           "div",
           {
             className: b(
-              "ember-flex ember-gap-3",
+              "bear-flex bear-gap-3",
               k[i]
             ),
             role: "menu",
             "aria-orientation": i === "up" || i === "down" ? "vertical" : "horizontal",
-            children: h.map((e, l) => F(e, l))
+            children: h.map((e, a) => F(e, a))
           }
         ),
         /* @__PURE__ */ s(
@@ -131,9 +131,9 @@ const $ = {
             size: I,
             onClick: B,
             className: b(
-              "ember-rounded-full ember-shadow-xl ember-transition-transform ember-duration-300",
-              "ember-w-14 ember-h-14 ember-p-0 ember-flex ember-items-center ember-justify-center",
-              t && "ember-rotate-45"
+              "bear-rounded-full bear-shadow-xl bear-transition-transform bear-duration-300",
+              "bear-w-14 bear-h-14 bear-p-0 bear-flex bear-items-center bear-justify-center",
+              t && "bear-rotate-45"
             ),
             "aria-label": D,
             "aria-expanded": t,

package/dist/components/Spinner/Spinner.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs"),n={xs:"ember-w-3 ember-h-3",sm:"ember-w-4 ember-h-4",md:"ember-w-6 ember-h-6",lg:"ember-w-8 ember-h-8",xl:"ember-w-10 ember-h-10"},a=({size:s="md",className:m,color:r="currentColor",label:t="Loading"})=>e.jsxs("svg",{className:i.cn("ember-animate-spin",n[s],m),viewBox:"0 0 24 24",fill:"none","aria-label":t,role:"status",children:[e.jsx("circle",{className:"ember-opacity-25",cx:"12",cy:"12",r:"10",stroke:r,strokeWidth:"4"}),e.jsx("path",{className:"ember-opacity-75",fill:r,d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]});exports.Spinner=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs"),n={xs:"bear-w-3 bear-h-3",sm:"bear-w-4 bear-h-4",md:"bear-w-6 bear-h-6",lg:"bear-w-8 bear-h-8",xl:"bear-w-10 bear-h-10"},c=({size:a="md",className:s,color:r="currentColor",label:t="Loading"})=>e.jsxs("svg",{className:i.cn("bear-animate-spin",n[a],s),viewBox:"0 0 24 24",fill:"none","aria-label":t,role:"status",children:[e.jsx("circle",{className:"bear-opacity-25",cx:"12",cy:"12",r:"10",stroke:r,strokeWidth:"4"}),e.jsx("path",{className:"bear-opacity-75",fill:r,d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]});exports.Spinner=c;