mada-design-system 0.5.8 → 0.5.9

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.es81.js

@@ -1,4 +1,4 @@
-import { produce as u } from "./index.es174.js";
+import { produce as u } from "./index.es179.js";
 const d = (a) => (e, t) => {
   a.setQueryData(e, (r) => typeof t != "function" ? t : u(r, (o) => {
     t(o);

package/index.es82.js

@@ -1,7 +1,7 @@
 var h = Object.defineProperty;
 var d = (n, e, t) => e in n ? h(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var i = (n, e, t) => (d(n, typeof e != "symbol" ? e + "" : e, t), t);
-import { UserManager as g, Log as r } from "./index.es175.js";
+import { UserManager as g, Log as r } from "./index.es174.js";
 import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es95.js";
 import "./index.es2.js";
 import u from "./index.es87.js";

package/index.es85.js

@@ -1,10 +1,10 @@
 import { clsx as s } from "./index.es102.js";
 import a from "./index.es119.js";
-import u from "./index.es176.js";
+import u from "./index.es175.js";
 import { strings as c } from "./index.es97.js";
 import { DateFormat as i } from "./index.es152.js";
 import l from "./index.es89.js";
-import { extendTailwindMerge as m } from "./index.es177.js";
+import { extendTailwindMerge as m } from "./index.es176.js";
 import { useToast as d } from "./index.es79.js";
 const g = m({
   classGroups: {

package/index.es88.js

@@ -1,5 +1,5 @@
-import { devtools as t } from "./index.es178.js";
-import { immer as s } from "./index.es179.js";
+import { devtools as t } from "./index.es177.js";
+import { immer as s } from "./index.es178.js";
 const l = {
   name: "Store",
   enabled: !0,

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/index.es92.js

@@ -1,6 +1,6 @@
 import { jsx as O } from "react/jsx-runtime";
 import { useState as y, useReducer as C, useMemo as I, useRef as b, useEffect as v, useCallback as A } from "react";
-import { UserManager as M } from "./index.es175.js";
+import { UserManager as M } from "./index.es174.js";
 import { AuthContext as L } from "./index.es91.js";
 import { initialAuthState as x } from "./index.es93.js";
 import { reducer as D } from "./index.es90.js";

package/package.json

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