mada-design-system 0.7.1 → 0.8.0

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.es105.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.es144.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.es7.js";
-import { strings as u } from "./index.es100.js";
-import Q from "./index.es145.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.es146.js";
-import { Checkbox as ie } from "./index.es26.js";
-import { Label as ce } from "./index.es39.js";
-import le from "./index.es92.js";
-import { Button as w } from "./index.es23.js";
-import { cn as j } from "./index.es88.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: 767px)"), { 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: 767px)"), 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,134 @@
+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 serializeStyles
+};

package/index.es471.js

@@ -0,0 +1,17 @@
+import { __require as t } from "./index.es293.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

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

package/index.es473.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};