mada-design-system 0.8.1 → 0.8.4

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 { useMediaQuery as j } from "./index.es106.js";
+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.es116.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 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 { Collapsible as k, CollapsibleTrigger as M, CollapsibleContent as v } from "./index.es27.js";
+import A from "./index.es159.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.es160.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.es161.js";
+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,134 @@
-function r(e, t, f) {
-  return typeof e == "function" ? e(t, f) : e;
+import w from "./index.es489.js";
+import C from "./index.es490.js";
+import E from "./index.es488.js";
+var _ = !1, x = /[A-Z]|^ms/g, O = /_EMO_([^_]+?)_([^]*?)_EMO_/g, d = function(n) {
+  return n.charCodeAt(1) === 45;
+}, p = function(n) {
+  return n != null && typeof n != "boolean";
+}, h = /* @__PURE__ */ E(function(r) {
+  return d(r) ? r : r.replace(x, "-$&").toLowerCase();
+}), y = function(n, e) {
+  switch (n) {
+    case "animation":
+    case "animationName":
+      if (typeof e == "string")
+        return e.replace(O, function(f, a, t) {
+          return s = {
+            name: a,
+            styles: t,
+            next: s
+          }, a;
+        });
+  }
+  return C[n] !== 1 && !d(n) && typeof e == "number" && e !== 0 ? e + "px" : e;
+}, A = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+function m(r, n, e) {
+  if (e == null)
+    return "";
+  var f = e;
+  if (f.__emotion_styles !== void 0)
+    return f;
+  switch (typeof e) {
+    case "boolean":
+      return "";
+    case "object": {
+      var a = e;
+      if (a.anim === 1)
+        return s = {
+          name: a.name,
+          styles: a.styles,
+          next: s
+        }, a.name;
+      var t = e;
+      if (t.styles !== void 0) {
+        var o = t.next;
+        if (o !== void 0)
+          for (; o !== void 0; )
+            s = {
+              name: o.name,
+              styles: o.styles,
+              next: s
+            }, o = o.next;
+        var i = t.styles + ";";
+        return i;
+      }
+      return M(r, n, e);
+    }
+    case "function": {
+      if (r !== void 0) {
+        var u = s, c = e(r);
+        return s = u, m(r, n, c);
+      }
+      break;
+    }
+  }
+  var l = e;
+  if (n == null)
+    return l;
+  var v = n[l];
+  return v !== void 0 ? v : l;
+}
+function M(r, n, e) {
+  var f = "";
+  if (Array.isArray(e))
+    for (var a = 0; a < e.length; a++)
+      f += m(r, n, e[a]) + ";";
+  else
+    for (var t in e) {
+      var o = e[t];
+      if (typeof o != "object") {
+        var i = o;
+        n != null && n[i] !== void 0 ? f += t + "{" + n[i] + "}" : p(i) && (f += h(t) + ":" + y(t, i) + ";");
+      } else {
+        if (t === "NO_COMPONENT_SELECTOR" && _)
+          throw new Error(A);
+        if (Array.isArray(o) && typeof o[0] == "string" && (n == null || n[o[0]] === void 0))
+          for (var u = 0; u < o.length; u++)
+            p(o[u]) && (f += h(t) + ":" + y(t, o[u]) + ";");
+        else {
+          var c = m(r, n, o);
+          switch (t) {
+            case "animation":
+            case "animationName": {
+              f += h(t) + ":" + c + ";";
+              break;
+            }
+            default:
+              f += t + "{" + c + "}";
+          }
+        }
+      }
+    }
+  return f;
+}
+var b = /label:\s*([^\s;{]+)\s*(;|$)/g, s;
+function R(r, n, e) {
+  if (r.length === 1 && typeof r[0] == "object" && r[0] !== null && r[0].styles !== void 0)
+    return r[0];
+  var f = !0, a = "";
+  s = void 0;
+  var t = r[0];
+  if (t == null || t.raw === void 0)
+    f = !1, a += m(e, n, t);
+  else {
+    var o = t;
+    a += o[0];
+  }
+  for (var i = 1; i < r.length; i++)
+    if (a += m(e, n, r[i]), f) {
+      var u = t;
+      a += u[i];
+    }
+  b.lastIndex = 0;
+  for (var c = "", l; (l = b.exec(a)) !== null; )
+    c += "-" + l[1];
+  var v = w(a) + c;
+  return {
+    name: v,
+    styles: a,
+    next: s
+  };
 }
 export {
-  r as default
+  R as serializeStyles
 };

package/index.es471.js

@@ -1,48 +1,17 @@
-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
-};
+import { __require as t } from "./index.es299.js";
+var e = t(), a = {
+  $$typeof: !0,
+  render: !0,
+  defaultProps: !0,
+  displayName: !0,
+  propTypes: !0
+}, p = {
+  $$typeof: !0,
+  compare: !0,
+  defaultProps: !0,
+  displayName: !0,
+  propTypes: !0,
+  type: !0
+}, r = {};
+r[e.ForwardRef] = a;
+r[e.Memo] = p;

package/index.es472.js

@@ -1,27 +1,9 @@
-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 c(t, r) {
+  const e = this;
+  return e.vars && typeof e.getColorSchemeSelector == "function" ? {
+    [e.getColorSchemeSelector(t).replace(/(\[[^\]]+\])/, "*:where($1)")]: r
+  } : e.palette.mode === t ? r : {};
 }
 export {
-  i as default
+  c as default
 };