mada-design-system 0.7.2 → 0.8.1

package/index.es47.js

@@ -1,233 +1,245 @@
-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.es106.js";
+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 { useMediaQuery as j } from "./index.es106.js";
 import "./index.es2.js";
-import { Collapsible as M, CollapsibleTrigger as A, CollapsibleContent as v } from "./index.es27.js";
-import L from "./index.es145.js";
-import { RadioGroup as _, RadioGroupItem as D } from "./index.es63.js";
-import { MultiSelect as I } from "./index.es11.js";
-import { ComboboxControlNoForm as P } from "./index.es7.js";
-import { strings as u } from "./index.es101.js";
-import Q from "./index.es146.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.es68.js";
-import oe from "./index.es147.js";
-import { Checkbox as ie } from "./index.es26.js";
-import { Label as ce } from "./index.es39.js";
-import le from "./index.es93.js";
-import { Button as w } from "./index.es23.js";
-import { cn as j } from "./index.es89.js";
-const z = R(null), B = () => {
-  const r = H(z);
-  if (!r)
+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 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);
+  if (!t)
     throw new Error("useFilterContext must be used within a FilterGroup");
-  return r;
-}, 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,
+  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,
     {
-      id: `${m}${t}`,
-      value: t,
+      id: `${h}${r}`,
+      value: r,
       size: "sm",
-      onCheckedChange: (f) => o == null ? void 0 : o(typeof f == "boolean" ? f : !1, t),
-      checked: l
+      onCheckedChange: (f) => s == null ? void 0 : s(typeof f == "boolean" ? f : !1, r),
+      checked: a
     }
-  ) : /* @__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 })
+  ) : /* @__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 })
 ] });
-function pe(r = [], t, l) {
-  const o = new Set(r);
-  return l ? o.add(t) : o.delete(t), Array.from(o);
+function pe(t = [], r, a) {
+  const s = new Set(t);
+  return a ? s.add(r) : s.delete(r), Array.from(s);
 }
-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,
+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(
+      ne,
       {
-        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)
-          }
-        )
-      },
-      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" })
+        multi: a,
+        name: r,
+        label: o.label,
+        value: o.value,
+        isCkecked: x,
+        onChange: (S) => p(o.value, S)
+      }
+    ) }, 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" })
         ] })
       ] })
     ] })
   ] });
 }, de = ({
-  resetFilters: r,
-  children: t,
-  onClickFilter: l,
-  label: o,
-  filterButtonProps: m,
-  filterIcon: p
-}) => /* @__PURE__ */ n(X, { children: [
-  /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ n(
-    w,
-    {
-      id: "mobileFilter",
-      colors: "neutral",
-      className: j({
-        "!px-space-02": !o
-      }),
-      ...m,
-      children: [
-        p || /* @__PURE__ */ e(oe, {}),
-        o && /* @__PURE__ */ e("span", { children: o })
-      ]
-    }
-  ) }),
-  /* @__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 = $.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(
-      _,
+  resetFilters: t,
+  children: r,
+  onClickFilter: a,
+  label: s,
+  filterButtonProps: h,
+  filterIcon: m
+}) => {
+  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,
       {
-        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 })
+        dir: f,
+        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__ */ e(M, { children: c })
+        ]
       }
-    ) })
-  ] }) : 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"}`
-  );
-});
+    ) : c;
+  });
+  return /* @__PURE__ */ n(Y, { children: [
+    /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ n(
+      g,
+      {
+        id: "mobileFilter",
+        colors: "neutral",
+        className: z({
+          "!px-space-02": !s
+        }),
+        ...h,
+        children: [
+          m || /* @__PURE__ */ e(ie, {}),
+          s && /* @__PURE__ */ e("span", { children: s })
+        ]
+      }
+    ) }),
+    /* @__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 }) })
+      ] })
+    ] })
+  ] });
+}, 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" }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(M, { children: t ? /* @__PURE__ */ e($, { data: r, name: l, multi: t }) : /* @__PURE__ */ e(
+        D,
+        {
+          name: l,
+          size: "sm",
+          dir: u,
+          value: o,
+          onValueChange: (x) => d({ name: l, selectedValue: x }),
+          children: /* @__PURE__ */ e($, { data: r, name: l, multi: t })
+        }
+      ) })
+    ] }) : t ? /* @__PURE__ */ e(
+      P,
+      {
+        options: r || [],
+        onChange: (x) => d({ name: l, selectedValue: x }),
+        selectedValues: o || [],
+        dataTestId: `multiSelect-${l}`,
+        placeholder: a,
+        disabled: s,
+        rounded: m,
+        size: f,
+        className: "!w-max"
+      },
+      l
+    ) : /* @__PURE__ */ e(
+      Q,
+      {
+        className: "!w-max",
+        rounded: m,
+        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
+      },
+      `${l}-${o || "empty"}`
+    );
+  }
+);
 me.displayName = "FilterSelect";
-const he = $.forwardRef(
+const he = w.forwardRef(
   ({
-    children: r,
-    onValueChange: t,
-    onValueReset: l,
-    label: o,
-    resetButtonProps: m,
-    filterButtonProps: p,
+    children: t,
+    onValueChange: r,
+    onValueReset: a,
+    label: s,
+    resetButtonProps: h,
+    filterButtonProps: m,
     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);
+    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 };
+        r == null || r(E);
       },
-      [d, t]
-    ), s = C(() => {
-      l == null || l();
-    }, [l]), h = S(
+      [p, r]
+    ), o = A(() => {
+      a == null || a();
+    }, [a]), x = C(
       () => ({
-        value: d,
-        upsert: x,
-        reset: s
+        value: p,
+        upsert: u,
+        reset: o
       }),
-      [d, x, s]
-    ), N = S(
-      () => d && Object.values(d).some((y) => Array.isArray(y) ? y.length > 0 : !!y),
-      [d]
+      [p, u, o]
+    ), S = C(
+      () => p && Object.values(p).some((N) => Array.isArray(N) ? N.length > 0 : !!N),
+      [p]
     );
-    return /* @__PURE__ */ e("div", { ref: a, className: j("flex", b), ...c, children: /* @__PURE__ */ e(z.Provider, { value: h, children: g ? /* @__PURE__ */ e(
+    return /* @__PURE__ */ e("div", { ref: d, className: z("flex", c), ...i, children: /* @__PURE__ */ e(T.Provider, { value: x, children: b ? /* @__PURE__ */ e(
       de,
       {
-        filterButtonProps: p,
-        resetFilters: s,
-        onClickFilter: () => t == null ? void 0 : t(d),
-        label: o,
+        filterButtonProps: m,
+        resetFilters: o,
+        onClickFilter: () => r == null ? void 0 : r(p),
+        label: s,
         filterIcon: f,
-        children: r
+        children: t
       }
-    ) : /* @__PURE__ */ n(E, { children: [
-      r,
-      N && /* @__PURE__ */ n(
-        w,
+    ) : /* @__PURE__ */ n(O, { children: [
+      t,
+      S && /* @__PURE__ */ n(
+        g,
         {
           colors: "neutral",
           rounded: "default",
           variant: "text",
           size: "sm",
-          onClick: s,
+          onClick: o,
           className: "ms-auto",
-          ...m,
+          ...h,
           children: [
-            i || u.Shared.reset,
-            /* @__PURE__ */ e(Q, { className: "ms-space-01" })
+            l || y.Shared.reset,
+            /* @__PURE__ */ e(q, { className: "ms-space-01" })
           ]
         }
       )

package/index.es470.js

@@ -0,0 +1,6 @@
+function r(e, t, f) {
+  return typeof e == "function" ? e(t, f) : e;
+}
+export {
+  r as default
+};

package/index.es471.js

@@ -0,0 +1,48 @@
+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
+  };
+}
+export {
+  W as default
+};

package/index.es472.js

@@ -0,0 +1,27 @@
+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);
+}
+export {
+  i as default
+};

package/index.es473.js

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

package/index.es474.js

@@ -0,0 +1,6 @@
+function n(t) {
+  return typeof t == "string";
+}
+export {
+  n as default
+};

package/index.es475.js

@@ -0,0 +1,11 @@
+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 {
+  u as default
+};

package/index.es476.js

@@ -0,0 +1,8 @@
+function e(o, r) {
+  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
+    return t.__proto__ = n, t;
+  }, e(o, r);
+}
+export {
+  e as default
+};

package/index.es477.js

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

package/index.es478.js

@@ -0,0 +1,4 @@
+import o from "./index.es385.js";
+export {
+  o as default
+};

package/index.es479.js

@@ -0,0 +1,4 @@
+import t from "./index.es409.js";
+export {
+  t as default
+};

package/index.es48.js

@@ -1,16 +1,16 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import h from "./index.es148.js";
-import g from "./index.es149.js";
-import b from "./index.es150.js";
-import x from "./index.es151.js";
-import v from "./index.es152.js";
-import N from "./index.es153.js";
+import h from "./index.es154.js";
+import g from "./index.es155.js";
+import b from "./index.es156.js";
+import x from "./index.es157.js";
+import v from "./index.es158.js";
+import N from "./index.es159.js";
 import "./index.es2.js";
 import w from "./index.es90.js";
-import y from "./index.es154.js";
-import k from "./index.es155.js";
-import F from "./index.es156.js";
-import z from "./index.es157.js";
+import y from "./index.es160.js";
+import k from "./index.es161.js";
+import F from "./index.es162.js";
+import z from "./index.es163.js";
 import { Link as p } from "./index.es52.js";
 import { cn as u } from "./index.es89.js";
 import { ShouldRender as f } from "./index.es15.js";