mada-design-system 0.5.8 → 0.5.10

package/index.es426.js

@@ -1,114 +1,4 @@
-import { COMMENT as B, DECLARATION as F, RULESET as G } from "./index.es422.js";
-import { strlen as E, append as L, charat as I, replace as M, indexof as H, sizeof as J, substr as O, abs as K, trim as P, from as q } from "./index.es423.js";
-import { dealloc as Q, alloc as V, next as R, peek as x, delimit as y, identifier as W, commenter as X, escaping as Y, whitespace as Z, node as D, char as _, prev as $, caret as z } from "./index.es425.js";
-function ca(e) {
-  return Q(N("", null, null, null, [""], e = V(e), 0, [0], e));
-}
-function N(e, o, n, f, m, w, T, v, g) {
-  for (var l = 0, d = 0, r = T, h = 0, u = 0, b = 0, s = 1, A = 1, i = 1, c = 0, k = "", C = m, p = w, t = f, a = k; A; )
-    switch (b = c, c = R()) {
-      case 40:
-        if (b != 108 && I(a, r - 1) == 58) {
-          H(a += M(y(c), "&", "&\f"), "&\f") != -1 && (i = -1);
-          break;
-        }
-      case 34:
-      case 39:
-      case 91:
-        a += y(c);
-        break;
-      case 9:
-      case 10:
-      case 13:
-      case 32:
-        a += Z(b);
-        break;
-      case 92:
-        a += Y(z() - 1, 7);
-        continue;
-      case 47:
-        switch (x()) {
-          case 42:
-          case 47:
-            L(j(X(R(), z()), o, n), g);
-            break;
-          default:
-            a += "/";
-        }
-        break;
-      case 123 * s:
-        v[l++] = E(a) * i;
-      case 125 * s:
-      case 59:
-      case 0:
-        switch (c) {
-          case 0:
-          case 125:
-            A = 0;
-          case 59 + d:
-            i == -1 && (a = M(a, /\f/g, "")), u > 0 && E(a) - r && L(u > 32 ? U(a + ";", f, n, r - 1) : U(M(a, " ", "") + ";", f, n, r - 2), g);
-            break;
-          case 59:
-            a += ";";
-          default:
-            if (L(t = S(a, o, n, l, d, m, v, k, C = [], p = [], r), w), c === 123)
-              if (d === 0)
-                N(a, o, t, t, C, w, r, v, p);
-              else
-                switch (h === 99 && I(a, 3) === 110 ? 100 : h) {
-                  case 100:
-                  case 108:
-                  case 109:
-                  case 115:
-                    N(e, t, t, f && L(S(e, t, t, 0, 0, m, v, k, m, C = [], r), p), m, p, r, v, f ? C : p);
-                    break;
-                  default:
-                    N(a, t, t, t, [""], p, 0, v, p);
-                }
-        }
-        l = d = u = 0, s = i = 1, k = a = "", r = T;
-        break;
-      case 58:
-        r = 1 + E(a), u = b;
-      default:
-        if (s < 1) {
-          if (c == 123)
-            --s;
-          else if (c == 125 && s++ == 0 && $() == 125)
-            continue;
-        }
-        switch (a += q(c), c * s) {
-          case 38:
-            i = d > 0 ? 1 : (a += "\f", -1);
-            break;
-          case 44:
-            v[l++] = (E(a) - 1) * i, i = 1;
-            break;
-          case 64:
-            x() === 45 && (a += y(R())), h = x(), d = r = E(k = a += W(z())), c++;
-            break;
-          case 45:
-            b === 45 && E(a) == 2 && (s = 0);
-        }
-    }
-  return w;
-}
-function S(e, o, n, f, m, w, T, v, g, l, d) {
-  for (var r = m - 1, h = m === 0 ? w : [""], u = J(h), b = 0, s = 0, A = 0; b < f; ++b)
-    for (var i = 0, c = O(e, r + 1, r = K(s = T[b])), k = e; i < u; ++i)
-      (k = P(s > 0 ? h[i] + " " + c : M(c, /&\f/g, h[i]))) && (g[A++] = k);
-  return D(e, o, n, m === 0 ? G : v, g, l, d);
-}
-function j(e, o, n) {
-  return D(e, o, n, B, q(_()), O(e, 2, -2), 0);
-}
-function U(e, o, n, f) {
-  return D(e, o, n, F, O(e, 0, f), O(e, f + 1, -1), f);
-}
+var r = {};
 export {
-  j as comment,
-  ca as compile,
-  U as declaration,
-  N as parse,
-  S as ruleset
+  r as __exports
 };

package/index.es427.js

@@ -1,10 +1,4 @@
-import t from "./index.es419.js";
-var r = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, a = /* @__PURE__ */ t(
-  function(e) {
-    return r.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
-  }
-  /* Z+1 */
-);
+var e = {};
 export {
-  a as default
+  e as __exports
 };

package/index.es46.js

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

package/index.es9.js

@@ -77,7 +77,7 @@ function De({
         onDragEnd: F,
         onDragOver: R,
         children: [
-          /* @__PURE__ */ r(U, { items: [...s.map((e) => e.alias), ...G], children: /* @__PURE__ */ r("div", { className: "grid grid-cols-1 items-center justify-center gap-space-05 px-space-04 pt-space-04 sm:grid-cols-2 sm:items-stretch sm:justify-stretch sm:px-space-06 xl:px-space-05", children: (() => {
+          /* @__PURE__ */ r(U, { items: [...s.map((e) => e.alias), ...G], children: /* @__PURE__ */ r("div", { className: "grid grid-cols-1 items-center justify-center gap-space-04 px-space-04 pt-space-04 sm:grid-cols-2 sm:items-stretch sm:justify-stretch sm:px-space-06 xl:px-space-04", children: (() => {
             let e = 0;
             const t = [], i = s.find((a) => a.alias === d);
             for (let a = 0; a < x.length; a++) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mada-design-system",
-  "version": "0.5.8",
+  "version": "0.5.10",
   "sideEffects": false,
   "private": false,
   "main": "index.es.js",