mada-design-system 0.5.12 → 0.5.13

package/index.es47.js

@@ -1,215 +1,233 @@
-import { jsxs as a, jsx as e, Fragment as H } from "react/jsx-runtime";
-import L, { createContext as _, useState as z, useCallback as k, useMemo as M, useContext as D } from "react";
-import { useMediaQuery as B } from "./index.es103.js";
-import { strings as y } from "./index.es98.js";
+import { jsxs as n, jsx as e, Fragment as E } from "react/jsx-runtime";
+import $, { createContext as R, useCallback as C, useMemo as S, useContext as H, useState as O } from "react";
+import { useMediaQuery as k } from "./index.es104.js";
 import "./index.es2.js";
-import { Collapsible as G, CollapsibleTrigger as A, CollapsibleContent as T } from "./index.es27.js";
-import { Button as N } from "./index.es23.js";
-import $ from "./index.es139.js";
-import { RadioGroup as I, RadioGroupItem as P } from "./index.es62.js";
-import { MultiSelect as Q } from "./index.es11.js";
-import { ComboboxControlNoForm as V } from "./index.es8.js";
-import q from "./index.es140.js";
-import { Command as v, CommandInput as J, CommandList as K, CommandEmpty as U, CommandItem as W } from "./index.es28.js";
-import { Sheet as X, SheetTrigger as Y, SheetContent as Z, SheetHeader as ee, SheetTitle as te, SheetBody as re, SheetFooter as se, SheetClose as oe } from "./index.es67.js";
-import ie from "./index.es141.js";
-import { Checkbox as ce } from "./index.es26.js";
-import { Label as le } from "./index.es40.js";
-import ae from "./index.es90.js";
-import { cn as E } from "./index.es86.js";
-const O = _(null), R = () => {
-  const r = D(O);
+import { Collapsible as M, CollapsibleTrigger as A, CollapsibleContent as v } from "./index.es27.js";
+import { Button as w } from "./index.es23.js";
+import L from "./index.es141.js";
+import { RadioGroup as _, RadioGroupItem as D } from "./index.es62.js";
+import { MultiSelect as I } from "./index.es11.js";
+import { ComboboxControlNoForm as P } from "./index.es8.js";
+import { strings as u } from "./index.es98.js";
+import Q from "./index.es142.js";
+import { Command as q, CommandInput as J, CommandList as K, CommandEmpty as U, CommandItem as W } from "./index.es28.js";
+import { Sheet as X, SheetTrigger as Y, SheetContent as Z, SheetHeader as V, SheetTitle as ee, SheetBody as re, SheetFooter as te, SheetClose as se } from "./index.es67.js";
+import oe from "./index.es143.js";
+import { Checkbox as ie } from "./index.es26.js";
+import { Label as ce } from "./index.es40.js";
+import le from "./index.es90.js";
+import { cn as j } from "./index.es86.js";
+const z = R(null), B = () => {
+  const r = H(z);
   if (!r)
     throw new Error("useFilterContext must be used within a FilterGroup");
   return r;
-}, ne = (r) => r < 10 ? "0" + (r == null ? void 0 : r.toString()) : r == null ? void 0 : r.toString(), de = ({ label: r, value: s, isCkecked: l, onChange: o, name: h, multi: m }) => /* @__PURE__ */ a("div", { className: "flex w-full items-center  gap-space-02 ", children: [
-  m ? /* @__PURE__ */ e(
-    ce,
+}, ae = (r) => r < 10 ? "0" + (r == null ? void 0 : r.toString()) : r == null ? void 0 : r.toString(), ne = ({ label: r, value: t, isCkecked: l, onChange: o, name: m, multi: p }) => /* @__PURE__ */ n("div", { className: "flex w-full items-center gap-space-02", children: [
+  p ? /* @__PURE__ */ e(
+    ie,
     {
-      id: `${h}${s}`,
-      value: s,
+      id: `${m}${t}`,
+      value: t,
       size: "sm",
-      onCheckedChange: (x) => o == null ? void 0 : o(typeof x == "boolean" ? x : !1, s),
+      onCheckedChange: (f) => o == null ? void 0 : o(typeof f == "boolean" ? f : !1, t),
       checked: l
     }
-  ) : /* @__PURE__ */ e(P, { id: `${h}${s}`, value: s.toString() }),
-  /* @__PURE__ */ e(le, { htmlFor: r, className: "text-Body-01 flex grow gap-space-02", children: r })
-] }), j = ({ data: r, name: s, multi: l }) => {
-  var t, f;
-  const { value: o, upsert: h } = R(), [m, x] = z(""), i = 5, w = (c) => {
-    var b;
-    const g = typeof (o == null ? void 0 : o[s]) == "object" && !!((b = o == null ? void 0 : o[s]) != null && b.find((d) => d === c.value));
-    return /* @__PURE__ */ e(W, { className: "py-space-01", children: /* @__PURE__ */ e(
-      de,
+  ) : /* @__PURE__ */ e(D, { id: `${m}${t}`, value: t.toString() }),
+  /* @__PURE__ */ e(ce, { htmlFor: `${m}${t}`, className: "text-Body-01 flex grow gap-space-02", children: r })
+] });
+function pe(r = [], t, l) {
+  const o = new Set(r);
+  return l ? o.add(t) : o.delete(t), Array.from(o);
+}
+const F = ({ data: r, name: t, multi: l }) => {
+  var g, x;
+  const { value: o, upsert: m } = B(), [p, f] = O(""), i = 5, b = l && Array.isArray(o == null ? void 0 : o[t]) ? o == null ? void 0 : o[t] : [], d = (s, h) => {
+    l && m({ name: t, selectedValue: pe(b, s, h) });
+  }, c = (s) => {
+    const h = l ? b.includes(s.value) : (o == null ? void 0 : o[t]) === s.value;
+    return /* @__PURE__ */ e(
+      W,
       {
-        multi: l,
-        name: s,
-        label: c.label,
-        value: c.value,
-        isCkecked: g,
-        onChange: (d) => {
-          const p = [...(o == null ? void 0 : o[s]) ?? []];
-          if (d && p.push(c.value), !d) {
-            const S = p.indexOf(c.value);
-            p.splice(S, 1);
+        className: "py-space-01",
+        children: /* @__PURE__ */ e(
+          ne,
+          {
+            multi: l,
+            name: t,
+            label: s.label,
+            value: s.value,
+            isCkecked: h,
+            onChange: (N) => d(s.value, N)
           }
-          h({ name: s, selectedValue: p });
-        }
-      }
-    ) }, c.label);
-  }, n = r.filter((c) => c.label.toLowerCase().includes(m.toLowerCase()));
-  return /* @__PURE__ */ a(v, { shouldFilter: !1, className: "pt-space-03", children: [
-    r.length > 9 && /* @__PURE__ */ e(J, { placeholder: y.Shared.Search, value: m, onValueChange: x }),
-    /* @__PURE__ */ a(K, { className: "h-full max-h-max", children: [
-      /* @__PURE__ */ e(U, { children: y.Shared.noResultsFound }),
-      (t = n == null ? void 0 : n.slice(0, i)) == null ? void 0 : t.map(w),
-      (n == null ? void 0 : n.length) > i && /* @__PURE__ */ a(G, { children: [
-        /* @__PURE__ */ e(T, { children: (f = n == null ? void 0 : n.slice(i)) == null ? void 0 : f.map(w) }),
-        /* @__PURE__ */ a(A, { className: "flex w-full items-center   gap-space-01 py-space-01 pe-space-02 ps-space-03  text-body-01 text-primary", children: [
-          /* @__PURE__ */ e("span", { className: "group-data-[state=closed]:hidden", children: y.Shared.showLess }),
-          /* @__PURE__ */ e("span", { className: "group-data-[state=open]:hidden", children: y.Shared.showMore }),
-          /* @__PURE__ */ e($, { size: 16, className: "transition-transform duration-300 group-data-[state=closed]:rotate-180" })
+        )
+      },
+      s.value
+    );
+  }, a = S(
+    () => r.filter((s) => s.label.toLowerCase().includes(p.toLowerCase())),
+    [r, p]
+  );
+  return /* @__PURE__ */ n(q, { shouldFilter: !1, className: "pt-space-03", children: [
+    r.length > 9 && /* @__PURE__ */ e(J, { placeholder: u.Shared.Search, value: p, onValueChange: f }),
+    /* @__PURE__ */ n(K, { className: "h-full max-h-max", children: [
+      /* @__PURE__ */ e(U, { children: u.Shared.noResultsFound }),
+      (g = a == null ? void 0 : a.slice(0, i)) == null ? void 0 : g.map(c),
+      (a == null ? void 0 : a.length) > i && /* @__PURE__ */ n(M, { children: [
+        /* @__PURE__ */ e(v, { children: (x = a == null ? void 0 : a.slice(i)) == null ? void 0 : x.map(c) }),
+        /* @__PURE__ */ n(A, { className: "flex w-full items-center gap-space-01 py-space-01 pe-space-02 ps-space-03 text-body-01 text-primary", children: [
+          /* @__PURE__ */ e("span", { className: "group-data-[state=closed]:hidden", children: u.Shared.showLess }),
+          /* @__PURE__ */ e("span", { className: "group-data-[state=open]:hidden", children: u.Shared.showMore }),
+          /* @__PURE__ */ e(L, { size: 16, className: "transition-transform duration-300 group-data-[state=closed]:rotate-180" })
         ] })
       ] })
     ] })
   ] });
-}, pe = ({
+}, de = ({
   resetFilters: r,
-  children: s,
+  children: t,
   onClickFilter: l,
   label: o,
-  filterButtonProps: h,
-  filterIcon: m
-}) => /* @__PURE__ */ a(X, { children: [
-  /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ a(
-    N,
+  filterButtonProps: m,
+  filterIcon: p
+}) => /* @__PURE__ */ n(X, { children: [
+  /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ n(
+    w,
     {
       id: "mobileFilter",
       colors: "neutral",
-      className: E({
+      className: j({
         "!px-space-02": !o
       }),
-      ...h,
+      ...m,
       children: [
-        m || /* @__PURE__ */ e(ie, {}),
+        p || /* @__PURE__ */ e(oe, {}),
         o && /* @__PURE__ */ e("span", { children: o })
       ]
     }
   ) }),
-  /* @__PURE__ */ a(Z, { side: "bottom", children: [
-    /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(te, { children: y.Shared.sortBy }) }),
-    /* @__PURE__ */ e(re, { className: "px-space-00 py-space-02", children: s }),
-    /* @__PURE__ */ a(se, { className: "flex-row gap-space-02 p-space-04", children: [
-      /* @__PURE__ */ e(N, { id: "servicesRest", size: "sm", variant: "text", colors: "neutral", onClick: r, className: "grow", children: y.Shared.reset }),
-      /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ e(N, { id: "servicesShowResults", size: "sm", colors: "primary", onClick: l, className: "grow", children: y.Shared.showResults }) })
+  /* @__PURE__ */ n(Z, { side: "bottom", children: [
+    /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(ee, { children: u.Shared.sortBy }) }),
+    /* @__PURE__ */ e(re, { className: "px-space-00 py-space-02", children: t }),
+    /* @__PURE__ */ n(te, { className: "flex-row gap-space-02 p-space-04", children: [
+      /* @__PURE__ */ e(w, { id: "servicesRest", size: "sm", variant: "text", colors: "neutral", onClick: r, className: "grow", children: u.Shared.reset }),
+      /* @__PURE__ */ e(se, { asChild: !0, children: /* @__PURE__ */ e(w, { id: "servicesShowResults", size: "sm", colors: "primary", onClick: l, className: "grow", children: u.Shared.showResults }) })
     ] })
   ] })
-] }), me = L.memo(
-  ({ multi: r, data: s, placeholder: l, disabled: o, isLoading: h, rounded: m, size: x, name: i, defaultOpen: w, renderItem: n }) => {
-    var b, d;
-    const { value: t, upsert: f } = R(), c = B("(max-width: 767px)"), { dir: g } = ae();
-    return c ? /* @__PURE__ */ a(G, { dir: g, defaultOpen: w, className: "border-b border-border-primary px-space-03 py-space-02", children: [
-      /* @__PURE__ */ a(A, { id: "subcategoriesCollapsible", className: " flex w-full items-center  justify-between py-space-01 ps-space-02 ", children: [
-        /* @__PURE__ */ e("span", { className: "text-body-01 font-semibold", children: l }),
-        /* @__PURE__ */ a("div", { className: "flex items-center  gap-space-01", children: [
-          typeof (t == null ? void 0 : t[i]) == "object" && !!((b = t == null ? void 0 : t[i]) != null && b.length) && /* @__PURE__ */ e("span", { className: "flex h-[24px] w-[24px] items-center justify-center rounded-full bg-inverted text-caption-01 text-inverted-foreground", children: ne(((d = t == null ? void 0 : t[i]) == null ? void 0 : d.length) || 0) }),
-          typeof (t == null ? void 0 : t[i]) == "string" && !!(t != null && t[i]) && /* @__PURE__ */ e("span", { className: "flex h-[24px] w-[24px] items-center justify-center rounded-full bg-inverted text-caption-01 text-inverted-foreground", children: "01" }),
-          /* @__PURE__ */ e(N, { variant: "text", type: "button", size: "icon-sm", colors: "gray", children: /* @__PURE__ */ e($, { className: " transition-transform duration-300 group-data-[state=closed]:rotate-180" }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ e(T, { children: r ? /* @__PURE__ */ e(j, { data: s, name: i, multi: r }) : /* @__PURE__ */ e(
-        I,
-        {
-          name: i,
-          size: "sm",
-          dir: g,
-          value: typeof (t == null ? void 0 : t[i]) == "string" ? t == null ? void 0 : t[i] : void 0,
-          onValueChange: (p) => f({ name: i, selectedValue: p }),
-          children: /* @__PURE__ */ e(j, { data: s, name: i, multi: r })
-        }
-      ) })
-    ] }) : r ? /* @__PURE__ */ e(
-      Q,
-      {
-        options: s || [],
-        onChange: (p) => f({ name: i, selectedValue: p }),
-        selectedValues: (t == null ? void 0 : t[i]) || [],
-        dataTestId: "muliSelect",
-        placeholder: l,
-        disabled: o,
-        rounded: m,
-        size: x,
-        className: "!w-max"
-      }
-    ) : /* @__PURE__ */ e(
-      V,
+] }), me = $.memo(({ multi: r, data: t, placeholder: l, disabled: o, isLoading: m, rounded: p, size: f, name: i, defaultOpen: b, renderItem: d }) => {
+  const { value: c, upsert: a } = B(), g = k("(max-width: 767px)"), { dir: x } = le();
+  let s;
+  return r ? s = Array.isArray(c == null ? void 0 : c[i]) ? c == null ? void 0 : c[i] : [] : s = typeof (c == null ? void 0 : c[i]) == "string" ? c == null ? void 0 : c[i] : void 0, g ? /* @__PURE__ */ n(M, { dir: x, defaultOpen: b, className: "border-b border-border-primary px-space-03 py-space-02", children: [
+    /* @__PURE__ */ n(A, { id: "subcategoriesCollapsible", className: "flex w-full items-center justify-between py-space-01 ps-space-02", children: [
+      /* @__PURE__ */ e("span", { className: "text-body-01 font-semibold", children: l }),
+      /* @__PURE__ */ n("div", { className: "flex items-center gap-space-01", children: [
+        r && !!(s != null && s.length) && /* @__PURE__ */ e("span", { className: "flex h-[24px] w-[24px] items-center justify-center rounded-full bg-inverted text-caption-01 text-inverted-foreground", children: ae(s.length) }),
+        !r && !!s && /* @__PURE__ */ e("span", { className: "flex h-[24px] w-[24px] items-center justify-center rounded-full bg-inverted text-caption-01 text-inverted-foreground", children: "01" }),
+        /* @__PURE__ */ e(w, { variant: "text", type: "button", size: "icon-sm", colors: "gray", "aria-label": "Toggle filter options", children: /* @__PURE__ */ e(L, { className: "transition-transform duration-300 group-data-[state=closed]:rotate-180" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(v, { children: r ? /* @__PURE__ */ e(F, { data: t, name: i, multi: r }) : /* @__PURE__ */ e(
+      _,
       {
-        className: "!w-max",
-        rounded: m,
-        options: s || [],
-        optionLabel: "label",
-        optionValue: "value",
-        renderItem: n,
-        placeholder: l,
-        onChange: (p) => f({ name: i, selectedValue: p }),
-        value: (t == null ? void 0 : t[i]) || "",
-        size: x,
-        disabled: o,
-        isLoading: h
+        name: i,
+        size: "sm",
+        dir: x,
+        value: s,
+        onValueChange: (h) => a({ name: i, selectedValue: h }),
+        children: /* @__PURE__ */ e(F, { data: t, name: i, multi: r })
       }
-    );
-  }
-);
+    ) })
+  ] }) : r ? /* @__PURE__ */ e(
+    I,
+    {
+      options: t || [],
+      onChange: (h) => a({ name: i, selectedValue: h }),
+      selectedValues: s || [],
+      dataTestId: `multiSelect-${i}`,
+      placeholder: l,
+      disabled: o,
+      rounded: p,
+      size: f,
+      className: "!w-max"
+    },
+    `${i}-${s.join(",")}`
+  ) : /* @__PURE__ */ e(
+    P,
+    {
+      className: "!w-max",
+      rounded: p,
+      options: t || [],
+      optionLabel: "label",
+      optionValue: "value",
+      renderItem: d,
+      placeholder: l,
+      onChange: (h) => a({ name: i, selectedValue: h }),
+      value: (c == null ? void 0 : c[i]) || "",
+      size: f,
+      disabled: o,
+      isLoading: m
+    },
+    `${i}-${s || "empty"}`
+  );
+});
 me.displayName = "FilterSelect";
-const he = L.forwardRef(
-  ({ children: r, onValueChange: s, onValueReset: l, label: o, resetButtonProps: h, filterButtonProps: m, filterIcon: x, resetButtonLabel: i, className: w, ...n }, t) => {
-    const f = B("(max-width: 767px)"), [c, g] = z(), b = k(
-      ({ name: u, selectedValue: C }) => {
-        const F = { ...c, [u]: C };
-        g(F), f || s == null || s(F);
+const he = $.forwardRef(
+  ({
+    children: r,
+    onValueChange: t,
+    onValueReset: l,
+    label: o,
+    resetButtonProps: m,
+    filterButtonProps: p,
+    filterIcon: f,
+    resetButtonLabel: i,
+    className: b,
+    value: d,
+    ...c
+  }, a) => {
+    const g = k("(max-width: 767px)"), x = C(
+      ({ name: y, selectedValue: G }) => {
+        const T = { ...d || {}, [y]: G };
+        t == null || t(T);
       },
-      [c, f, s]
-    ), d = k(() => {
-      const u = { ...c };
-      for (const C in u)
-        u[C] = "";
-      g(u), l == null || l();
-    }, [c, l]), p = M(
+      [d, t]
+    ), s = C(() => {
+      l == null || l();
+    }, [l]), h = S(
       () => ({
-        value: c,
-        upsert: b,
-        reset: d
+        value: d,
+        upsert: x,
+        reset: s
       }),
-      [c, b, d]
-    ), S = M(
-      () => c && Object.values(c).some((u) => Array.isArray(u) ? u.length > 0 : !!u),
-      [c]
+      [d, x, s]
+    ), N = S(
+      () => d && Object.values(d).some((y) => Array.isArray(y) ? y.length > 0 : !!y),
+      [d]
     );
-    return /* @__PURE__ */ e("div", { ref: t, className: E("flex", w), ...n, children: /* @__PURE__ */ e(O.Provider, { value: p, children: f ? /* @__PURE__ */ e(
-      pe,
+    return /* @__PURE__ */ e("div", { ref: a, className: j("flex", b), ...c, children: /* @__PURE__ */ e(z.Provider, { value: h, children: g ? /* @__PURE__ */ e(
+      de,
       {
-        filterButtonProps: m,
-        resetFilters: d,
-        onClickFilter: () => s == null ? void 0 : s(c),
+        filterButtonProps: p,
+        resetFilters: s,
+        onClickFilter: () => t == null ? void 0 : t(d),
         label: o,
-        filterIcon: x,
+        filterIcon: f,
         children: r
       }
-    ) : /* @__PURE__ */ a(H, { children: [
+    ) : /* @__PURE__ */ n(E, { children: [
       r,
-      S && /* @__PURE__ */ a(
-        N,
+      N && /* @__PURE__ */ n(
+        w,
         {
           colors: "neutral",
           rounded: "default",
           variant: "text",
           size: "sm",
-          onClick: d,
+          onClick: s,
           className: "ms-auto",
-          ...h,
+          ...m,
           children: [
-            i || y.Shared.reset,
-            /* @__PURE__ */ e(q, { className: "ms-space-01" })
+            i || u.Shared.reset,
+            /* @__PURE__ */ e(Q, { className: "ms-space-01" })
           ]
         }
       )

package/index.es48.js

@@ -1,21 +1,21 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import h from "./index.es142.js";
-import g from "./index.es143.js";
-import b from "./index.es144.js";
-import x from "./index.es145.js";
-import v from "./index.es146.js";
-import N from "./index.es147.js";
+import h from "./index.es144.js";
+import g from "./index.es145.js";
+import b from "./index.es146.js";
+import x from "./index.es147.js";
+import v from "./index.es148.js";
+import N from "./index.es149.js";
 import "./index.es2.js";
 import w from "./index.es87.js";
-import { strings as i } from "./index.es98.js";
-import y from "./index.es148.js";
-import k from "./index.es149.js";
-import F from "./index.es150.js";
-import z from "./index.es151.js";
+import y from "./index.es150.js";
+import k from "./index.es151.js";
+import F from "./index.es152.js";
+import z from "./index.es153.js";
 import { Link as p } from "./index.es52.js";
 import { cn as u } from "./index.es86.js";
 import { ShouldRender as f } from "./index.es15.js";
 import { Button as c } from "./index.es23.js";
+import { strings as i } from "./index.es98.js";
 const K = ({ colors: t = "default", ...l }) => {
   var o;
   return /* @__PURE__ */ e(

package/index.es49.js

@@ -1,7 +1,7 @@
 import { jsxs as c, Fragment as u, jsx as t } from "react/jsx-runtime";
 import * as l from "react";
-import C from "./index.es114.js";
-import E from "./index.es113.js";
+import C from "./index.es116.js";
+import E from "./index.es115.js";
 import { Button as h } from "./index.es23.js";
 import { cn as g } from "./index.es86.js";
 function B({ children: v, scrollAmount: p = 200, margin: a = 0, className: b = "", buttonClassName: i = "" }) {

package/index.es50.js

@@ -1,21 +1,21 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { cva as N } from "./index.es105.js";
+import { cva as N } from "./index.es106.js";
 import { createContext as C, useState as T, useEffect as b, useContext as z } from "react";
-import { useMediaQuery as D } from "./index.es103.js";
-import { THEME as l } from "./index.es152.js";
+import { useMediaQuery as D } from "./index.es104.js";
+import { THEME as l } from "./index.es154.js";
 import "./index.es2.js";
 import { cn as p, formatterTime as u } from "./index.es86.js";
-import k from "./index.es153.js";
-import I from "./index.es126.js";
-import H from "./index.es148.js";
-import A from "./index.es149.js";
-import w from "./index.es150.js";
-import V from "./index.es151.js";
+import k from "./index.es155.js";
+import I from "./index.es128.js";
+import H from "./index.es150.js";
+import A from "./index.es151.js";
+import w from "./index.es152.js";
+import V from "./index.es153.js";
 import { useThemeStore as M } from "./index.es97.js";
-import R from "./index.es154.js";
-import G from "./index.es155.js";
+import R from "./index.es156.js";
+import G from "./index.es157.js";
 import { Badge as L } from "./index.es21.js";
-import B from "./index.es156.js";
+import B from "./index.es158.js";
 import E from "./index.es90.js";
 import F from "./index.es87.js";
 import { ShouldRender as g } from "./index.es15.js";

package/index.es52.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { Slot as f } from "@radix-ui/react-slot";
-import { cva as p } from "./index.es105.js";
+import { cva as p } from "./index.es106.js";
 import * as m from "react";
 import { cn as x } from "./index.es86.js";
 const v = p(

package/index.es53.js

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import g from "./index.es157.js";
-import d from "./index.es158.js";
+import g from "./index.es159.js";
+import d from "./index.es160.js";
 import "./index.es2.js";
-import p from "./index.es133.js";
-import u from "./index.es159.js";
-import h from "./index.es160.js";
+import p from "./index.es135.js";
+import u from "./index.es161.js";
+import h from "./index.es162.js";
 import { strings as e } from "./index.es98.js";
 import { Collapsible as S, CollapsibleTrigger as f, CollapsibleContent as x } from "./index.es27.js";
 import { Stack as r } from "./index.es43.js";

package/index.es54.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Slot as l } from "@radix-ui/react-slot";
-import { cva as g } from "./index.es105.js";
+import { cva as g } from "./index.es106.js";
 import * as f from "react";
 import { cn as t } from "./index.es86.js";
 const m = g(

package/index.es55.js

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as f, jsx as t } from "react/jsx-runtime";
-import { cva as y } from "./index.es105.js";
+import { cva as y } from "./index.es106.js";
 import { forwardRef as g } from "react";
 import { cn as c } from "./index.es86.js";
 import "./index.es2.js";

package/index.es56.js

@@ -1,55 +1,55 @@
-import { jsx as u, jsxs as o } from "react/jsx-runtime";
-import { useState as p } from "react";
+import { jsx as c, jsxs as p } from "react/jsx-runtime";
+import { useState as n } from "react";
 import "./index.es2.js";
-import n from "./index.es161.js";
-import d from "./index.es162.js";
-import { Stack as y } from "./index.es43.js";
-import { cn as f } from "./index.es86.js";
-function R({ max: e = 5, onChange: a, value: m = 0, ...t }) {
-  const [s, i] = p(0);
-  return /* @__PURE__ */ u(y, { gap: "none", children: Array.from({ length: e }, (c, r) => /* @__PURE__ */ u(
-    x,
+import d from "./index.es163.js";
+import y from "./index.es164.js";
+import { Stack as x } from "./index.es43.js";
+import { cn as m } from "./index.es86.js";
+function B({ max: e = 5, onChange: a, value: l = 0, className: t, ...r }) {
+  const [s, i] = n(0);
+  return /* @__PURE__ */ c(x, { gap: "none", className: m(t), children: Array.from({ length: e }, (u, o) => /* @__PURE__ */ c(
+    g,
     {
-      star: r + 1,
-      rating: m,
+      star: o + 1,
+      rating: l,
       hoverRating: s,
-      onHover: (l) => !t.readOnly && i(l),
-      onClick: (l) => !t.readOnly && (a == null ? void 0 : a(l)),
-      ...t
+      onHover: (f) => !r.readOnly && i(f),
+      onClick: (f) => !r.readOnly && (a == null ? void 0 : a(f)),
+      ...r
     },
-    r
+    o
   )) });
 }
-function x({ star: e, rating: a, hoverRating: m, onHover: t, onClick: s, readOnly: i, variant: c = "default", size: r = "default" }) {
-  return /* @__PURE__ */ o(
+function g({ star: e, rating: a, hoverRating: l, onHover: t, onClick: r, readOnly: s, variant: i = "default", size: u = "default" }) {
+  return /* @__PURE__ */ p(
     "button",
     {
       onMouseEnter: () => t == null ? void 0 : t(e),
       onMouseLeave: () => t == null ? void 0 : t(0),
-      onClick: () => s == null ? void 0 : s(e),
-      className: f("group relative flex   items-center justify-center", {
-        "size-space-08": r === "default",
-        "size-space-06": r === "sm",
-        "size-space-05": r === "xs",
-        "cursor-default": i
+      onClick: () => r == null ? void 0 : r(e),
+      className: m("group relative flex   items-center justify-center", {
+        "size-space-08": u === "default",
+        "size-space-06": u === "sm",
+        "size-space-05": u === "xs",
+        "cursor-default": s
       }),
       children: [
-        /* @__PURE__ */ u(
-          n,
+        /* @__PURE__ */ c(
+          d,
           {
-            className: f("absolute size-full   shrink-0 ", {
-              "group-hover:opacity-0": !i
+            className: m("absolute size-full   shrink-0 ", {
+              "group-hover:opacity-0": !s
             })
           }
         ),
-        /* @__PURE__ */ u(
-          d,
+        /* @__PURE__ */ c(
+          y,
           {
-            className: f("absolute   size-full   shrink-0   opacity-0 transition-all", {
-              "opacity-100": e <= (m || a),
-              "group-hover:opacity-100": !i,
-              "text-secondary": c === "default",
-              "text-primary": c === "brand"
+            className: m("absolute   size-full   shrink-0   opacity-0 transition-all", {
+              "opacity-100": e <= (l || a),
+              "group-hover:opacity-100": !s,
+              "text-secondary": i === "default",
+              "text-primary": i === "brand"
             })
           }
         )
@@ -58,5 +58,5 @@ function x({ star: e, rating: a, hoverRating: m, onHover: t, onClick: s, readOnl
   );
 }
 export {
-  R as Rating
+  B as Rating
 };