mada-design-system 0.8.3 → 0.8.4

package/index.es7.js

@@ -1,33 +1,41 @@
-import { jsx as e, jsxs as s, Fragment as R } from "react/jsx-runtime";
-import { cn as x, dateFormatter as v } from "./index.es89.js";
+import { jsx as r, jsxs as g, Fragment as R } from "react/jsx-runtime";
+import { cn as C, dateFormatter as v } from "./index.es89.js";
 import T from "./index.es93.js";
-import { CommandInput as A, CommandEmpty as _, CommandItem as k, Command as z, CommandGroup as D } from "./index.es28.js";
+import { CommandInput as _, CommandEmpty as k, CommandItem as z, Command as A, CommandGroup as D } from "./index.es28.js";
 import { FormControl as M } from "./index.es35.js";
 import { Popover as q, PopoverContent as B, PopoverTrigger as F } from "./index.es60.js";
 import { ScrollArea as H } from "./index.es64.js";
-import C, { useState as O } from "react";
+import x, { useState as O } from "react";
 import { strings as P } from "./index.es101.js";
 import J from "./index.es3.js";
 import { ShouldRender as K } from "./index.es15.js";
 import { selectVariants as Q } from "./index.es66.js";
-import U from "./index.es104.js";
-const j = q, W = A, X = _, E = k, G = C.forwardRef(({ className: r, children: t, ...n }, c) => /* @__PURE__ */ e(B, { className: "min-w-[var(--radix-popover-trigger-width)]  p-space-02", ref: c, ...n, children: /* @__PURE__ */ e(z, { children: t }) }));
+import U from "./index.es114.js";
+const j = q, W = _, X = k, E = z, G = x.forwardRef(({ className: e, children: t, ...m }, c) => /* @__PURE__ */ r(B, { className: "min-w-[var(--radix-popover-trigger-width)]  p-space-02", ref: c, ...m, children: /* @__PURE__ */ r(A, { children: t }) }));
 G.displayName = "ComboboxContent";
-const S = C.forwardRef(
-  ({ className: r, children: t, variant: n, colors: c, size: d, rounded: l, placeholder: f, isLoading: h, isForm: i = !0, ...o }, g) => {
-    const u = {
-      ref: g,
+const S = x.forwardRef(
+  ({ className: e, children: t, variant: m, colors: c, size: d, rounded: l, placeholder: f, isLoading: h, isForm: i = !0, startAdornment: b, ...o }, u) => {
+    const s = {
+      ref: u,
       role: "combobox",
       "aria-expanded": !1,
       "aria-label": f || "Select an option",
       title: f || "Select an option",
       disabled: h,
-      className: x(Q({ variant: n, colors: c, size: d, rounded: l }), r),
+      className: C(Q({ variant: m, colors: c, size: d, rounded: l }), e),
       ...o
-    }, b = /* @__PURE__ */ s(R, { children: [
-      f && !t && /* @__PURE__ */ e("span", { className: "pointer-events-none text-body-01 text-form-field-text-placeholder", children: f }),
-      t && /* @__PURE__ */ e("span", { className: "flex-1 text-right", children: t }),
-      h ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(
+    }, n = /* @__PURE__ */ g(R, { children: [
+      f && !t && /* @__PURE__ */ g("span", { className: "pointer-events-none flex items-center gap-space-02 text-body-01 text-form-field-text-placeholder", children: [
+        b,
+        " ",
+        f
+      ] }),
+      t && /* @__PURE__ */ g("span", { className: "flex flex-1 items-center gap-space-02 text-right", children: [
+        b,
+        " ",
+        t
+      ] }),
+      h ? /* @__PURE__ */ r(J, {}) : /* @__PURE__ */ r(
         U,
         {
           className: "size-[20px]  shrink-0  transition-transform duration-300 ease-in-out group-data-[state=open]:rotate-180",
@@ -35,75 +43,75 @@ const S = C.forwardRef(
         }
       )
     ] });
-    return i ? /* @__PURE__ */ e(F, { asChild: !0, children: /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e("button", { ...u, children: b }) }) }) : /* @__PURE__ */ e(F, { asChild: !0, children: /* @__PURE__ */ e("button", { ...u, children: b }) });
+    return i ? /* @__PURE__ */ r(F, { asChild: !0, children: /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r("button", { ...s, children: n }) }) }) : /* @__PURE__ */ r(F, { asChild: !0, children: /* @__PURE__ */ r("button", { ...s, children: n }) });
   }
 );
 S.displayName = "ComboboxTrigger";
-const N = C.forwardRef(
-  ({ className: r, children: t, ...n }, c) => {
-    const { dir: d } = T(), l = C.Children.count(t);
-    return /* @__PURE__ */ s(G, { children: [
-      l > 9 && /* @__PURE__ */ s(R, { children: [
-        /* @__PURE__ */ e(W, { placeholder: n == null ? void 0 : n.placeholder }),
-        /* @__PURE__ */ e(X, { children: P.Shared.NoDataFound })
+const N = x.forwardRef(
+  ({ className: e, children: t, ...m }, c) => {
+    const { dir: d } = T(), l = x.Children.count(t);
+    return /* @__PURE__ */ g(G, { children: [
+      l > 9 && /* @__PURE__ */ g(R, { children: [
+        /* @__PURE__ */ r(W, { placeholder: m == null ? void 0 : m.placeholder }),
+        /* @__PURE__ */ r(X, { children: P.Shared.NoDataFound })
       ] }),
-      /* @__PURE__ */ e(H, { className: x({ "h-auto": l <= 7, "h-48 sm:h-64": l > 7 }), dir: d, children: /* @__PURE__ */ e(D, { ref: c, ...n, dir: document.dir, children: t }) })
+      /* @__PURE__ */ r(H, { className: C({ "h-auto": l <= 7, "h-48 sm:h-64": l > 7 }), dir: d, children: /* @__PURE__ */ r(D, { ref: c, ...m, dir: document.dir, children: t }) })
     ] });
   }
 );
 N.displayName = "ComboboxGroup";
-const lr = ({ options: r, optionLabel: t, placeholder: n, isLoading: c, optionValue: d, onChange: l, value: f, triggerProps: h, ...i }) => {
-  var b;
-  const [o, g] = O(!1), u = (r == null ? void 0 : r.length) && ((b = r == null ? void 0 : r.find((m) => String(m[d]) === f)) == null ? void 0 : b[t]) || "";
-  return /* @__PURE__ */ s(j, { open: o, onOpenChange: (m) => g(m), children: [
-    /* @__PURE__ */ e(S, { ...h, placeholder: n, isLoading: c, disabled: i == null ? void 0 : i.disabled, ...i, children: u.toString() }),
-    /* @__PURE__ */ e(N, { placeholder: n, className: "w-space-10", children: !!(r != null && r.length) && (r == null ? void 0 : r.map((m) => /* @__PURE__ */ e(
+const le = ({ options: e, optionLabel: t, placeholder: m, isLoading: c, optionValue: d, onChange: l, value: f, triggerProps: h, ...i }) => {
+  var s;
+  const [b, o] = O(!1), u = (e == null ? void 0 : e.length) && ((s = e == null ? void 0 : e.find((n) => String(n[d]) === f)) == null ? void 0 : s[t]) || "";
+  return /* @__PURE__ */ g(j, { open: b, onOpenChange: (n) => o(n), children: [
+    /* @__PURE__ */ r(S, { ...h, placeholder: m, isLoading: c, disabled: i == null ? void 0 : i.disabled, ...i, children: u.toString() }),
+    /* @__PURE__ */ r(N, { placeholder: m, className: "w-space-10", children: !!(e != null && e.length) && (e == null ? void 0 : e.map((n) => /* @__PURE__ */ r(
       E,
       {
-        className: x({
+        className: C({
           relative: !0,
-          "after:absolute after:bottom-auto after:right-space-01 after:top-auto after:h-[75%] after:w-[2px] after:rounded-full after:bg-primary": String(m[d]) === f
+          "after:absolute after:bottom-auto after:right-space-01 after:top-auto after:h-[75%] after:w-[2px] after:rounded-full after:bg-primary": String(n[d]) === f
         }),
-        value: String(m[t]),
+        value: String(n[t]),
         onSelect: () => {
-          l(String(m[d])), g(!1);
+          l(String(n[d])), o(!1);
         },
-        children: String(m == null ? void 0 : m[t])
+        children: String(n == null ? void 0 : n[t])
       },
-      String(m[d])
+      String(n[d])
     ))) })
   ] });
-}, cr = ({
-  options: r,
+}, ce = ({
+  options: e,
   optionLabel: t,
-  placeholder: n,
+  placeholder: m,
   isLoading: c,
   optionValue: d,
   renderItem: l,
   onChange: f,
   value: h,
   triggerProps: i,
-  isDate: o,
-  disabledOption: g,
+  isDate: b,
+  disabledOption: o,
   ...u
 }) => {
   var y;
-  const [b, m] = O(!1), w = (r == null ? void 0 : r.length) && ((y = r == null ? void 0 : r.find((a) => String(a[d]) === h)) == null ? void 0 : y[t]) || "", I = (a) => l ? l(a) : o ? v({ date: String(a == null ? void 0 : a[t]) ?? "", format: "long" }) : String(a == null ? void 0 : a[t]);
-  return /* @__PURE__ */ s(j, { open: b, onOpenChange: (a) => m(a), children: [
-    /* @__PURE__ */ e(S, { isForm: !1, ...i, placeholder: n, isLoading: c, disabled: u == null ? void 0 : u.disabled, ...u, children: o ? v({ date: String(w) ?? "", format: "long" }) : w.toString() }),
-    /* @__PURE__ */ s(N, { placeholder: n, children: [
-      /* @__PURE__ */ e(K, { shouldRender: !r || (r == null ? void 0 : r.length) < 1, children: /* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: P.Shared.NoDataFound }) }),
-      !!(r != null && r.length) && (r == null ? void 0 : r.map((a) => /* @__PURE__ */ e(
+  const [s, n] = O(!1), w = (e == null ? void 0 : e.length) && ((y = e == null ? void 0 : e.find((a) => String(a[d]) === h)) == null ? void 0 : y[t]) || "", I = (a) => l ? l(a) : b ? v({ date: String(a == null ? void 0 : a[t]) ?? "", format: "long" }) : String(a == null ? void 0 : a[t]);
+  return /* @__PURE__ */ g(j, { open: s, onOpenChange: (a) => n(a), children: [
+    /* @__PURE__ */ r(S, { isForm: !1, ...i, placeholder: m, isLoading: c, disabled: u == null ? void 0 : u.disabled, ...u, children: b ? v({ date: String(w) ?? "", format: "long" }) : w.toString() }),
+    /* @__PURE__ */ g(N, { placeholder: m, children: [
+      /* @__PURE__ */ r(K, { shouldRender: !e || (e == null ? void 0 : e.length) < 1, children: /* @__PURE__ */ r("span", { className: "flex items-center justify-center", children: P.Shared.NoDataFound }) }),
+      !!(e != null && e.length) && (e == null ? void 0 : e.map((a) => /* @__PURE__ */ r(
         E,
         {
-          className: x({
+          className: C({
             "relative min-w-[220px]": !0,
             "after:absolute after:bottom-auto after:start-space-01 after:top-auto after:h-[50%] after:w-[2px] after:rounded-full after:bg-primary": String(a[d]) === h
           }),
           value: String(a[t]),
-          disabled: g && g(a),
+          disabled: o && o(a),
           onSelect: () => {
-            f(String(a[d])), m(!1);
+            f(String(a[d])), n(!1);
           },
           children: I(a)
         },
@@ -115,8 +123,8 @@ const lr = ({ options: r, optionLabel: t, placeholder: n, isLoading: c, optionVa
 export {
   j as Combobox,
   G as ComboboxContent,
-  lr as ComboboxControl,
-  cr as ComboboxControlNoForm,
+  le as ComboboxControl,
+  ce as ComboboxControlNoForm,
   X as ComboboxEmpty,
   N as ComboboxGroup,
   W as ComboboxInput,

package/index.es73.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as l from "react";
-import { cva as b } from "./index.es111.js";
+import { cva as b } from "./index.es121.js";
 import { cn as o } from "./index.es89.js";
 const n = b("border-y-table-cell-border w-full caption-bottom border-y [&_td:last-child]:border-e-0 [&_th:last-child]:border-e-0", {
   variants: {

package/index.es74.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-tabs";
-import { cva as b } from "./index.es111.js";
+import { cva as b } from "./index.es121.js";
 import * as n from "react";
 import { cn as l } from "./index.es89.js";
 import { ResponsiveScroll as v } from "./index.es49.js";

package/index.es75.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { cva as b } from "./index.es111.js";
+import { cva as b } from "./index.es121.js";
 import * as m from "react";
 import { cn as h } from "./index.es89.js";
 import { ShouldRender as x } from "./index.es15.js";

package/index.es76.js

@@ -1,11 +1,11 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-toast";
-import { cva as l } from "./index.es111.js";
+import { cva as l } from "./index.es121.js";
 import * as r from "react";
 import { cn as i } from "./index.es89.js";
 import { Button as p } from "./index.es23.js";
-import c from "./index.es114.js";
-import m from "./index.es182.js";
+import c from "./index.es124.js";
+import m from "./index.es188.js";
 const C = o.Provider, u = l("fixed z-[10000000000000] flex max-h-screen w-full flex-col p-4  lg:max-w-[500px] ", {
   variants: {
     position: {

package/index.es77.js

@@ -2,10 +2,10 @@ import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { ToastProvider as d, Toast as u, ToastIcon as T, ToastTitle as v, ToastDescription as g, ToastClose as h, ToastViewport as x } from "./index.es76.js";
 import { useToast as w } from "./index.es81.js";
 import y from "./index.es90.js";
-import N from "./index.es183.js";
-import b from "./index.es184.js";
-import l from "./index.es182.js";
-import A from "./index.es168.js";
+import N from "./index.es189.js";
+import b from "./index.es190.js";
+import l from "./index.es188.js";
+import A from "./index.es175.js";
 const P = {
   destructive: /* @__PURE__ */ o(N, {}),
   success: /* @__PURE__ */ o(b, {}),

package/index.es78.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-toggle";
-import { cva as n } from "./index.es111.js";
+import { cva as n } from "./index.es121.js";
 import * as i from "react";
 import { cn as b } from "./index.es89.js";
 const c = n(

package/index.es8.js

@@ -1,19 +1,19 @@
 import { jsx as c, jsxs as r, Fragment as h } from "react/jsx-runtime";
-import { useReactTable as ll, flexRender as I } from "./index.es105.js";
+import { useReactTable as ll, flexRender as I } from "./index.es115.js";
 import { Checkbox as A } from "./index.es26.js";
 import { Skeleton as B } from "./index.es70.js";
 import { Table as el, TableHeader as ol, TableRow as P, TableHead as al, TableBody as cl, TableCell as F } from "./index.es73.js";
 import L, { useState as _, useEffect as $ } from "react";
-import { useMediaQuery as nl } from "./index.es106.js";
+import { useMediaQuery as nl } from "./index.es116.js";
 import { cn as g } from "./index.es89.js";
 import "./index.es2.js";
 import { PaginationDescription as tl, LinesPerPage as sl, Pagination as il } from "./index.es13.js";
 import { Button as gl } from "./index.es23.js";
 import { ShouldRender as R } from "./index.es15.js";
-import dl from "./index.es107.js";
-import rl from "./index.es108.js";
-import ul from "./index.es109.js";
-import { getCoreRowModel as ml, getPaginationRowModel as fl } from "./index.es110.js";
+import dl from "./index.es117.js";
+import rl from "./index.es118.js";
+import ul from "./index.es119.js";
+import { getCoreRowModel as ml, getPaginationRowModel as fl } from "./index.es120.js";
 function kl({
   columns: N,
   data: b,

package/index.es82.js

@@ -1,5 +1,5 @@
 import { jsxs as R, jsx as t } from "react/jsx-runtime";
-import { useVirtualizer as w } from "./index.es118.js";
+import { useVirtualizer as w } from "./index.es128.js";
 import S, { useRef as N } from "react";
 import "./index.es2.js";
 import { Skeleton as z } from "./index.es70.js";

package/index.es85.js

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

package/index.es86.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.es188.js";
+import { UserManager as g, Log as r } from "./index.es105.js";
 import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es99.js";
 import "./index.es2.js";
 import u from "./index.es91.js";

package/index.es89.js

@@ -1,10 +1,10 @@
-import { clsx as s } from "./index.es133.js";
-import a from "./index.es125.js";
-import u from "./index.es189.js";
+import { clsx as s } from "./index.es106.js";
+import a from "./index.es107.js";
+import u from "./index.es108.js";
 import { strings as c } from "./index.es101.js";
-import { DateFormat as i } from "./index.es164.js";
+import { DateFormat as i } from "./index.es109.js";
 import l from "./index.es93.js";
-import { extendTailwindMerge as m } from "./index.es190.js";
+import { extendTailwindMerge as m } from "./index.es110.js";
 import { useToast as d } from "./index.es81.js";
 const g = m({
   classGroups: {

package/index.es9.js

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as o } from "react/jsx-runtime";
-import { cva as x } from "./index.es111.js";
+import { cva as x } from "./index.es121.js";
 import { forwardRef as n } from "react";
 import { cn as i } from "./index.es89.js";
 const b = x("grid border-b border-border-secondary", {

package/index.es90.js

@@ -1,4 +1,4 @@
-import { create as s } from "./index.es177.js";
+import { create as s } from "./index.es111.js";
 import f from "./index.es92.js";
 const m = ({ state: e }) => {
   var o, i, n, t, l, r;

package/index.es91.js

@@ -1,4 +1,4 @@
-import { create as r } from "./index.es177.js";
+import { create as r } from "./index.es111.js";
 import m from "./index.es92.js";
 const i = r()(
   m(

package/index.es92.js

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

package/index.es93.js

@@ -1,4 +1,4 @@
-import { create as n } from "./index.es177.js";
+import { create as n } from "./index.es111.js";
 import t from "./index.es92.js";
 const l = n()(
   t(

package/index.es96.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.es188.js";
+import { UserManager as M } from "./index.es105.js";
 import { AuthContext as L } from "./index.es95.js";
 import { initialAuthState as x } from "./index.es97.js";
 import { reducer as D } from "./index.es94.js";

package/package.json

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