mada-design-system 0.5.9 → 0.5.11

package/index.es66.js

@@ -1,35 +1,35 @@
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
 import * as s from "@radix-ui/react-dialog";
-import { cva as v } from "./index.es105.js";
+import { cva as C } from "./index.es105.js";
 import l from "react";
-import { clsx as w } from "./index.es102.js";
-import { useMediaQuery as C } from "./index.es103.js";
-import { create as S } from "./index.es166.js";
+import { clsx as S } from "./index.es129.js";
+import { useMediaQuery as R } from "./index.es103.js";
+import { create as z } from "./index.es167.js";
 import { cn as r } from "./index.es85.js";
-import R from "./index.es86.js";
-import { ShouldRender as z } from "./index.es14.js";
-import { Button as h } from "./index.es22.js";
-import k from "./index.es167.js";
+import k from "./index.es86.js";
+import { ShouldRender as h } from "./index.es14.js";
+import { Button as b } from "./index.es22.js";
 import T from "./index.es168.js";
-import D from "./index.es108.js";
-const b = S((t) => ({
+import D from "./index.es169.js";
+import F from "./index.es108.js";
+const x = z((a) => ({
   isCenter: !1,
-  setIsCenter: (e) => t((o) => ({ isCenter: e ?? !o.isCenter }))
-})), Z = s.Root, $ = s.Trigger, F = s.Close, I = s.Portal, x = l.forwardRef(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ a(
+  setIsCenter: (e) => a((o) => ({ isCenter: e ?? !o.isCenter }))
+})), Z = s.Root, $ = s.Trigger, I = s.Close, O = s.Portal, y = l.forwardRef(
+  ({ className: a, ...e }, o) => /* @__PURE__ */ t(
     s.Overlay,
     {
       className: r(
         "fixed inset-0 z-50 bg-background-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        t
+        a
       ),
       ...e,
       ref: o
     }
   )
 );
-x.displayName = s.Overlay.displayName;
-const O = v(
+y.displayName = s.Overlay.displayName;
+const _ = C(
   "flex flex-col data-[side=bottom]:max-md:h-[93%] sm:max-w-[60rem] md:rounded-tl-none md:rounded-tr-none fixed z-50 bg-background-secondary overflow-y-auto p-space-00 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
@@ -45,29 +45,29 @@ const O = v(
       side: "right"
     }
   }
-), _ = l.forwardRef(
-  ({ className: t, side: e, ignoreInteractOutside: o = !1, hideOverlay: d = !1, overlayClassName: n, children: c, ...i }, y) => {
-    const g = R((m) => m.isActive), p = C("(min-width: 600px)"), { isCenter: u, setIsCenter: N } = b();
-    return /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(
-      x,
+), j = l.forwardRef(
+  ({ className: a, side: e, ignoreInteractOutside: o = !1, hideOverlay: i = !1, overlayClassName: n, children: c, ...d }, N) => {
+    const v = k((m) => m.isActive), f = R("(min-width: 600px)"), { isCenter: u, setIsCenter: w } = x();
+    return /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(
+      y,
       {
-        className: w(n, {
-          "bg-transparent": d
+        className: S(n, {
+          "bg-transparent": i
         }),
-        children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ t(
           s.Content,
           {
             "aria-describedby": void 0,
             onInteractOutside: (m) => o && m.preventDefault(),
-            onCloseAutoFocus: () => N(!1),
-            ref: y,
+            onCloseAutoFocus: () => w(!1),
+            ref: N,
             className: r(
-              O({ side: e || (p ? u ? "center" : "left" : "bottom") }),
-              { grayscale: g },
-              t
+              _({ side: e || (f ? u ? "center" : "left" : "bottom") }),
+              { grayscale: v },
+              a
             ),
-            "data-side": e || (p ? u ? "center" : "left" : "bottom"),
-            ...i,
+            "data-side": e || (f ? u ? "center" : "left" : "bottom"),
+            ...d,
             children: c
           }
         )
@@ -75,47 +75,47 @@ const O = v(
     ) });
   }
 );
-_.displayName = s.Content.displayName;
-const j = ({ className: t, title: e, hideCenter: o, children: d, ...n }) => {
-  const { setIsCenter: c, isCenter: i } = b();
-  return /* @__PURE__ */ f("div", { className: r("flex flex-row items-center gap-space-02 px-space-05 py-space-04", t), ...n, children: [
-    d,
-    /* @__PURE__ */ a("h1", { className: "text-body-01 font-semibold", children: e }),
-    /* @__PURE__ */ f("div", { className: "ms-auto flex items-center gap-space-01", children: [
-      /* @__PURE__ */ a(z, { shouldRender: !o, children: /* @__PURE__ */ f(h, { variant: "text", colors: "neutral", size: "icon-sm", onClick: () => c(), className: "hidden sm:inline-flex", children: [
-        !i && /* @__PURE__ */ a(k, { size: 20, className: "-scale-100" }),
-        i && /* @__PURE__ */ a(T, { size: 20 })
+j.displayName = s.Content.displayName;
+const A = ({ className: a, title: e, hideCenter: o, children: i, ...n }) => {
+  const { setIsCenter: c, isCenter: d } = x();
+  return /* @__PURE__ */ p("div", { className: r("flex flex-row items-center gap-space-02 px-space-05 py-space-04", a), ...n, children: [
+    i,
+    /* @__PURE__ */ t(h, { shouldRender: !!e, children: /* @__PURE__ */ t(g, { children: e }) }),
+    /* @__PURE__ */ p("div", { className: "ms-auto flex items-center gap-space-01", children: [
+      /* @__PURE__ */ t(h, { shouldRender: !o, children: /* @__PURE__ */ p(b, { variant: "text", colors: "neutral", size: "icon-sm", onClick: () => c(), className: "hidden sm:inline-flex", children: [
+        !d && /* @__PURE__ */ t(T, { size: 20, className: "-scale-100" }),
+        d && /* @__PURE__ */ t(D, { size: 20 })
       ] }) }),
-      /* @__PURE__ */ a(F, { className: "p-space-01", "data-testid": "sheetClose", asChild: !0, children: /* @__PURE__ */ a(h, { variant: "text", colors: "neutral", size: "icon-sm", children: /* @__PURE__ */ a(D, { className: "size-[20px]" }) }) })
+      /* @__PURE__ */ t(I, { className: "p-space-01", "data-testid": "sheetClose", asChild: !0, children: /* @__PURE__ */ t(b, { variant: "text", colors: "neutral", size: "icon-sm", children: /* @__PURE__ */ t(F, { className: "size-[20px]" }) }) })
     ] })
   ] });
 };
-j.displayName = "SheetHeader";
-const A = ({ className: t, ...e }) => /* @__PURE__ */ a(
+A.displayName = "SheetHeader";
+const B = ({ className: a, ...e }) => /* @__PURE__ */ t(
   "div",
   {
     className: r(
       "mt-auto flex w-full flex-col-reverse bg-background-secondary p-space-04 sm:flex-row sm:justify-end sm:space-x-2 sm:p-space-05",
-      t
+      a
     ),
     ...e
   }
 );
-A.displayName = "SheetFooter";
-const B = l.forwardRef(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ a(s.Title, { ref: o, className: r("text-body-01 font-semibold", t), ...e })
+B.displayName = "SheetFooter";
+const g = l.forwardRef(
+  ({ className: a, ...e }, o) => /* @__PURE__ */ t(s.Title, { ref: o, className: r("text-body-01 font-semibold", a), ...e })
 );
-B.displayName = s.Title.displayName;
-const P = l.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ a(s.Description, { ref: o, className: r("text-sm text-muted-foreground", t), ...e }));
+g.displayName = s.Title.displayName;
+const P = l.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(s.Description, { ref: o, className: r("text-sm text-muted-foreground", a), ...e }));
 P.displayName = s.Description.displayName;
-const V = l.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ a(
+const V = l.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
   "div",
   {
     ref: o,
     className: r(
       "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 scrollbar scrollbar-track-transparent scrollbar-thumb-border",
       "h-full overflow-auto rounded-4 border border-border-neutral-secondary bg-card p-space-04 text-foreground lg:p-space-05",
-      t
+      a
     ),
     ...e
   }
@@ -124,13 +124,13 @@ V.displayName = "SheetBody";
 export {
   Z as Sheet,
   V as SheetBody,
-  F as SheetClose,
-  _ as SheetContent,
+  I as SheetClose,
+  j as SheetContent,
   P as SheetDescription,
-  A as SheetFooter,
-  j as SheetHeader,
-  x as SheetOverlay,
-  I as SheetPortal,
-  B as SheetTitle,
+  B as SheetFooter,
+  A as SheetHeader,
+  y as SheetOverlay,
+  O as SheetPortal,
+  g as SheetTitle,
   $ as SheetTrigger
 };

package/index.es67.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as S } from "react/jsx-runtime";
 import { Slot as h } from "@radix-ui/react-slot";
 import { cva as k } from "./index.es105.js";
 import * as i from "react";
-import { useIsMobile as z } from "./index.es169.js";
+import { useIsMobile as z } from "./index.es170.js";
 import { cn as o } from "./index.es85.js";
 import { Button as I } from "./index.es22.js";
 import { Input as B } from "./index.es37.js";
@@ -10,7 +10,7 @@ import { Separator as E } from "./index.es65.js";
 import { Sheet as T, SheetContent as A } from "./index.es66.js";
 import { Skeleton as M } from "./index.es68.js";
 import { TooltipProvider as O, Tooltip as G, TooltipTrigger as D, TooltipContent as K } from "./index.es78.js";
-import j from "./index.es170.js";
+import j from "./index.es171.js";
 const L = "sidebar:state", P = 60 * 60 * 24 * 7, V = "b", R = i.createContext(null);
 function y() {
   const a = i.useContext(R);

package/index.es7.js

@@ -10,7 +10,7 @@ import { strings as P } from "./index.es97.js";
 import J from "./index.es3.js";
 import { ShouldRender as K } from "./index.es14.js";
 import { selectVariants as Q } from "./index.es64.js";
-import U from "./index.es100.js";
+import U from "./index.es101.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 }) }));
 G.displayName = "ComboboxContent";
 const S = C.forwardRef(

package/index.es71.js

@@ -3,11 +3,11 @@ import * as t from "react";
 import { cn as l } from "./index.es85.js";
 const s = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ r("table", { ref: o, className: l("w-full caption-bottom text-body-01", e), ...a }) }));
 s.displayName = "Table";
-const b = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("thead", { ref: o, className: l("", e), ...a }));
+const b = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("thead", { ref: o, className: l("bg-background", e), ...a }));
 b.displayName = "TableHeader";
 const c = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("tbody", { ref: o, className: l("[&_tr:last-child]:border-0", e), ...a }));
 c.displayName = "TableBody";
-const n = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("tfoot", { ref: o, className: l("bg-primary  text-primary-foreground", e), ...a }));
+const n = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("tfoot", { ref: o, className: l("bg-primary text-primary-foreground", e), ...a }));
 n.displayName = "TableFooter";
 const m = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("tr", { ref: o, className: l("transition-colors data-[state=selected]:bg-background-brand hover:bg-card-hover", e), ...a }));
 m.displayName = "TableRow";
@@ -16,7 +16,7 @@ const f = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r(
   {
     ref: o,
     className: l(
-      "bg-background px-space-03 py-space-04 text-center align-middle text-body-01 font-normal text-foreground-secondary [&:has([role=checkbox])]:pr-0",
+      "px-space-03 py-space-04 text-center align-middle text-body-01 font-normal text-foreground-secondary [&:has([role=checkbox])]:w-[48px]",
       e
     ),
     ...a

package/index.es74.js

@@ -5,7 +5,7 @@ import * as r from "react";
 import { cn as i } from "./index.es85.js";
 import { Button as p } from "./index.es22.js";
 import c from "./index.es108.js";
-import m from "./index.es171.js";
+import m from "./index.es172.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.es75.js

@@ -2,10 +2,10 @@ import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { ToastProvider as f, Toast as d, ToastIcon as p, ToastTitle as u, ToastDescription as T, ToastClose as v, ToastViewport as g } from "./index.es74.js";
 import { useToast as h } from "./index.es79.js";
 import x from "./index.es86.js";
-import w from "./index.es172.js";
-import N from "./index.es173.js";
-import n from "./index.es171.js";
-import b from "./index.es156.js";
+import w from "./index.es173.js";
+import N from "./index.es174.js";
+import n from "./index.es172.js";
+import b from "./index.es157.js";
 const y = {
   destructive: /* @__PURE__ */ e(w, {}),
   success: /* @__PURE__ */ e(N, {}),

package/index.es81.js

@@ -1,4 +1,4 @@
-import { produce as u } from "./index.es179.js";
+import { produce as u } from "./index.es100.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.es174.js";
+import { UserManager as g, Log as r } from "./index.es175.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 { clsx as s } from "./index.es129.js";
 import a from "./index.es119.js";
-import u from "./index.es175.js";
+import u from "./index.es176.js";
 import { strings as c } from "./index.es97.js";
-import { DateFormat as i } from "./index.es152.js";
+import { DateFormat as i } from "./index.es153.js";
 import l from "./index.es89.js";
-import { extendTailwindMerge as m } from "./index.es176.js";
+import { extendTailwindMerge as m } from "./index.es177.js";
 import { useToast as d } from "./index.es79.js";
 const g = m({
   classGroups: {

package/index.es86.js

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

package/index.es87.js

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

package/index.es88.js

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

package/index.es89.js

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

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.es174.js";
+import { UserManager as M } from "./index.es175.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/index.es96.js

@@ -1,5 +1,5 @@
-import { create as s } from "./index.es166.js";
-import { THEME as e } from "./index.es152.js";
+import { create as s } from "./index.es167.js";
+import { THEME as e } from "./index.es153.js";
 import o from "./index.es88.js";
 const a = () => {
   window.matchMedia("(prefers-color-scheme: dark)").matches ? document.body.classList.add("dark") : document.body.classList.remove("dark");

package/package.json

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