mada-design-system 0.8.1 → 0.8.3

package/index.es47.js

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

package/index.es470.js

@@ -1,6 +1,13 @@
-function r(e, t, f) {
-  return typeof e == "function" ? e(t, f) : e;
+import a from "./index.es471.js";
+function f(t, n, e) {
+  return t === void 0 || a(t) ? n : {
+    ...n,
+    ownerState: {
+      ...n.ownerState,
+      ...e
+    }
+  };
 }
 export {
-  r as default
+  f as default
 };

package/index.es471.js

@@ -1,48 +1,6 @@
-import { clsx as v } from "./index.es133.js";
-import k from "./index.es475.js";
-import H from "./index.es502.js";
-function W(j) {
-  const {
-    getSlotProps: y,
-    additionalProps: e,
-    externalSlotProps: s,
-    externalForwardedProps: c,
-    className: n
-  } = j;
-  if (!y) {
-    const h = v(e == null ? void 0 : e.className, n, c == null ? void 0 : c.className, s == null ? void 0 : s.className), u = {
-      ...e == null ? void 0 : e.style,
-      ...c == null ? void 0 : c.style,
-      ...s == null ? void 0 : s.style
-    }, f = {
-      ...e,
-      ...c,
-      ...s
-    };
-    return h.length > 0 && (f.className = h), Object.keys(u).length > 0 && (f.style = u), {
-      props: f,
-      internalRef: void 0
-    };
-  }
-  const l = k({
-    ...c,
-    ...s
-  }), E = H(s), b = H(c), m = y(l), N = v(m == null ? void 0 : m.className, e == null ? void 0 : e.className, n, c == null ? void 0 : c.className, s == null ? void 0 : s.className), g = {
-    ...m == null ? void 0 : m.style,
-    ...e == null ? void 0 : e.style,
-    ...c == null ? void 0 : c.style,
-    ...s == null ? void 0 : s.style
-  }, t = {
-    ...m,
-    ...e,
-    ...b,
-    ...E
-  };
-  return N.length > 0 && (t.className = N), Object.keys(g).length > 0 && (t.style = g), {
-    props: t,
-    internalRef: m.ref
-  };
+function n(t) {
+  return typeof t == "string";
 }
 export {
-  W as default
+  n as default
 };

package/index.es472.js

@@ -1,27 +1,11 @@
-import * as e from "react";
-function i(...t) {
-  const r = e.useRef(void 0), o = e.useCallback((u) => {
-    const f = t.map((n) => {
-      if (n == null)
-        return null;
-      if (typeof n == "function") {
-        const c = n, l = c(u);
-        return typeof l == "function" ? l : () => {
-          c(null);
-        };
-      }
-      return n.current = u, () => {
-        n.current = null;
-      };
-    });
-    return () => {
-      f.forEach((n) => n == null ? void 0 : n());
-    };
-  }, t);
-  return e.useMemo(() => t.every((u) => u == null) ? null : (u) => {
-    r.current && (r.current(), r.current = void 0), u != null && (r.current = o(u));
-  }, t);
+function u(e, f = []) {
+  if (e === void 0)
+    return {};
+  const t = {};
+  return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !f.includes(n)).forEach((n) => {
+    t[n] = e[n];
+  }), t;
 }
 export {
-  i as default
+  u as default
 };

package/index.es473.js

@@ -1,13 +1,8 @@
-import a from "./index.es474.js";
-function f(t, n, e) {
-  return t === void 0 || a(t) ? n : {
-    ...n,
-    ownerState: {
-      ...n.ownerState,
-      ...e
-    }
-  };
+function e(o, r) {
+  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
+    return t.__proto__ = n, t;
+  }, e(o, r);
 }
 export {
-  f as default
+  e as default
 };

package/index.es474.js

@@ -1,6 +1,6 @@
-function n(t) {
-  return typeof t == "string";
+function i(s, a) {
+  return s.classList ? !!a && s.classList.contains(a) : (" " + (s.className.baseVal || s.className) + " ").indexOf(" " + a + " ") !== -1;
 }
 export {
-  n as default
+  i as default
 };

package/index.es475.js

@@ -1,11 +1,6 @@
-function u(e, f = []) {
-  if (e === void 0)
-    return {};
-  const t = {};
-  return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !f.includes(n)).forEach((n) => {
-    t[n] = e[n];
-  }), t;
+function r(e, t, f) {
+  return typeof e == "function" ? e(t, f) : e;
 }
 export {
-  u as default
+  r as default
 };

package/index.es476.js

@@ -1,8 +1,48 @@
-function e(o, r) {
-  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
-    return t.__proto__ = n, t;
-  }, e(o, r);
+import { clsx as v } from "./index.es133.js";
+import k from "./index.es472.js";
+import H from "./index.es502.js";
+function W(j) {
+  const {
+    getSlotProps: y,
+    additionalProps: e,
+    externalSlotProps: s,
+    externalForwardedProps: c,
+    className: n
+  } = j;
+  if (!y) {
+    const h = v(e == null ? void 0 : e.className, n, c == null ? void 0 : c.className, s == null ? void 0 : s.className), u = {
+      ...e == null ? void 0 : e.style,
+      ...c == null ? void 0 : c.style,
+      ...s == null ? void 0 : s.style
+    }, f = {
+      ...e,
+      ...c,
+      ...s
+    };
+    return h.length > 0 && (f.className = h), Object.keys(u).length > 0 && (f.style = u), {
+      props: f,
+      internalRef: void 0
+    };
+  }
+  const l = k({
+    ...c,
+    ...s
+  }), E = H(s), b = H(c), m = y(l), N = v(m == null ? void 0 : m.className, e == null ? void 0 : e.className, n, c == null ? void 0 : c.className, s == null ? void 0 : s.className), g = {
+    ...m == null ? void 0 : m.style,
+    ...e == null ? void 0 : e.style,
+    ...c == null ? void 0 : c.style,
+    ...s == null ? void 0 : s.style
+  }, t = {
+    ...m,
+    ...e,
+    ...b,
+    ...E
+  };
+  return N.length > 0 && (t.className = N), Object.keys(g).length > 0 && (t.style = g), {
+    props: t,
+    internalRef: m.ref
+  };
 }
 export {
-  e as default
+  W as default
 };