mada-design-system 0.7.0 → 0.7.2

package/index.es433.js

@@ -1,75 +1,4 @@
-import * as n from "react";
-import e from "./index.es203.js";
-import { clsx as a } from "./index.es131.js";
-import { jsx as u } from "react/jsx-runtime";
-function x(c) {
-  const {
-    className: m,
-    classes: i,
-    pulsate: p = !1,
-    rippleX: d,
-    rippleY: f,
-    rippleSize: s,
-    in: t,
-    onExited: l,
-    timeout: r
-  } = c, [o, b] = n.useState(!1), h = a(m, i.ripple, i.rippleVisible, p && i.ripplePulsate), N = {
-    width: s,
-    height: s,
-    top: -(s / 2) + f,
-    left: -(s / 2) + d
-  }, g = a(i.child, o && i.childLeaving, p && i.childPulsate);
-  return !t && !o && b(!0), n.useEffect(() => {
-    if (!t && l != null) {
-      const v = setTimeout(l, r);
-      return () => {
-        clearTimeout(v);
-      };
-    }
-  }, [l, t, r]), /* @__PURE__ */ u("span", {
-    className: h,
-    style: N,
-    children: /* @__PURE__ */ u("span", {
-      className: g
-    })
-  });
-}
-process.env.NODE_ENV !== "production" && (x.propTypes = {
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
-   */
-  classes: e.object.isRequired,
-  className: e.string,
-  /**
-   * @ignore - injected from TransitionGroup
-   */
-  in: e.bool,
-  /**
-   * @ignore - injected from TransitionGroup
-   */
-  onExited: e.func,
-  /**
-   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
-   */
-  pulsate: e.bool,
-  /**
-   * Diameter of the ripple.
-   */
-  rippleSize: e.number,
-  /**
-   * Horizontal position of the ripple center.
-   */
-  rippleX: e.number,
-  /**
-   * Vertical position of the ripple center.
-   */
-  rippleY: e.number,
-  /**
-   * exit delay
-   */
-  timeout: e.number.isRequired
-});
+var e = {};
 export {
-  x as default
+  e as __exports
 };

package/index.es434.js

@@ -1,11 +1,75 @@
-function f(t) {
-  if (t === void 0)
-    return {};
-  const e = {};
-  return Object.keys(t).filter((n) => !(n.match(/^on[A-Z]/) && typeof t[n] == "function")).forEach((n) => {
-    e[n] = t[n];
-  }), e;
+import * as n from "react";
+import e from "./index.es204.js";
+import { clsx as a } from "./index.es132.js";
+import { jsx as u } from "react/jsx-runtime";
+function x(c) {
+  const {
+    className: m,
+    classes: i,
+    pulsate: p = !1,
+    rippleX: d,
+    rippleY: f,
+    rippleSize: s,
+    in: t,
+    onExited: l,
+    timeout: r
+  } = c, [o, b] = n.useState(!1), h = a(m, i.ripple, i.rippleVisible, p && i.ripplePulsate), N = {
+    width: s,
+    height: s,
+    top: -(s / 2) + f,
+    left: -(s / 2) + d
+  }, g = a(i.child, o && i.childLeaving, p && i.childPulsate);
+  return !t && !o && b(!0), n.useEffect(() => {
+    if (!t && l != null) {
+      const v = setTimeout(l, r);
+      return () => {
+        clearTimeout(v);
+      };
+    }
+  }, [l, t, r]), /* @__PURE__ */ u("span", {
+    className: h,
+    style: N,
+    children: /* @__PURE__ */ u("span", {
+      className: g
+    })
+  });
 }
+process.env.NODE_ENV !== "production" && (x.propTypes = {
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  classes: e.object.isRequired,
+  className: e.string,
+  /**
+   * @ignore - injected from TransitionGroup
+   */
+  in: e.bool,
+  /**
+   * @ignore - injected from TransitionGroup
+   */
+  onExited: e.func,
+  /**
+   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
+   */
+  pulsate: e.bool,
+  /**
+   * Diameter of the ripple.
+   */
+  rippleSize: e.number,
+  /**
+   * Horizontal position of the ripple center.
+   */
+  rippleX: e.number,
+  /**
+   * Vertical position of the ripple center.
+   */
+  rippleY: e.number,
+  /**
+   * exit delay
+   */
+  timeout: e.number.isRequired
+});
 export {
-  f as default
+  x as default
 };

package/index.es435.js

@@ -1,9 +1,11 @@
-import r from "./index.es225.js";
-import t from "./index.es226.js";
-function n(o) {
-  return r("MuiSvgIcon", o);
+function f(t) {
+  if (t === void 0)
+    return {};
+  const e = {};
+  return Object.keys(t).filter((n) => !(n.match(/^on[A-Z]/) && typeof t[n] == "function")).forEach((n) => {
+    e[n] = t[n];
+  }), e;
 }
-t("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
 export {
-  n as getSvgIconUtilityClass
+  f as default
 };

package/index.es436.js

@@ -0,0 +1,9 @@
+import r from "./index.es226.js";
+import t from "./index.es227.js";
+function n(o) {
+  return r("MuiSvgIcon", o);
+}
+t("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+export {
+  n as getSvgIconUtilityClass
+};

package/index.es44.js

@@ -1,14 +1,14 @@
 import { jsxs as c, jsx as e, Fragment as v } from "react/jsx-runtime";
-import a from "./index.es123.js";
+import a from "./index.es124.js";
 import { useState as p } from "react";
-import { cn as y } from "./index.es88.js";
+import { cn as y } from "./index.es89.js";
 import { Popover as A, PopoverTrigger as w, PopoverContent as O } from "./index.es60.js";
-import { selectVariants as j } from "./index.es65.js";
-import "./index.es124.js";
-import z from "./index.es139.js";
-import { LocalizationProvider as F } from "./index.es125.js";
-import { AdapterMoment as H } from "./index.es127.js";
-import { DigitalClock as L } from "./index.es140.js";
+import { selectVariants as j } from "./index.es66.js";
+import "./index.es125.js";
+import z from "./index.es140.js";
+import { LocalizationProvider as F } from "./index.es126.js";
+import { AdapterMoment as H } from "./index.es128.js";
+import { DigitalClock as L } from "./index.es141.js";
 const K = ({
   placeholder: h,
   value: r,

package/index.es45.js

@@ -1,7 +1,7 @@
 import { useLayoutEffect as s, useEffect as f } from "react";
-import { setLanguage as o } from "./index.es100.js";
+import { setLanguage as o } from "./index.es101.js";
 import "./index.es2.js";
-import u from "./index.es92.js";
+import u from "./index.es93.js";
 const w = ({ children: c, onLanguageChange: t, onDirChange: r }) => {
   const { lang: i, dir: e } = u();
   return s(() => {

package/index.es46.js

@@ -2,13 +2,13 @@ import { jsxs as f, jsx as t } from "react/jsx-runtime";
 import Q from "./index.es3.js";
 import { Button as E } from "./index.es23.js";
 import { useState as O, useRef as W, useEffect as X, useCallback as c } from "react";
-import { strings as s } from "./index.es100.js";
+import { strings as s } from "./index.es101.js";
 import { ShouldRender as k } from "./index.es15.js";
-import Y from "./index.es141.js";
-import ee from "./index.es142.js";
-import te from "./index.es143.js";
-import re from "./index.es112.js";
-import { cn as m } from "./index.es88.js";
+import Y from "./index.es142.js";
+import ee from "./index.es143.js";
+import te from "./index.es144.js";
+import re from "./index.es113.js";
+import { cn as m } from "./index.es89.js";
 const ae = {
   "image/png": [".png"],
   "image/jpeg": [".jpg", ".jpeg"],

package/index.es47.js

@@ -1,22 +1,22 @@
 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 { useMediaQuery as k } 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 L from "./index.es145.js";
+import { RadioGroup as _, RadioGroupItem as D } from "./index.es63.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 { strings as u } from "./index.es101.js";
+import Q from "./index.es146.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 { 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.es68.js";
+import oe from "./index.es147.js";
 import { Checkbox as ie } from "./index.es26.js";
 import { Label as ce } from "./index.es39.js";
-import le from "./index.es92.js";
+import le from "./index.es93.js";
 import { Button as w } from "./index.es23.js";
-import { cn as j } from "./index.es88.js";
+import { cn as j } from "./index.es89.js";
 const z = R(null), B = () => {
   const r = H(z);
   if (!r)

package/index.es48.js

@@ -1,21 +1,21 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import h from "./index.es147.js";
-import g from "./index.es148.js";
-import b from "./index.es149.js";
-import x from "./index.es150.js";
-import v from "./index.es151.js";
-import N from "./index.es152.js";
+import h from "./index.es148.js";
+import g from "./index.es149.js";
+import b from "./index.es150.js";
+import x from "./index.es151.js";
+import v from "./index.es152.js";
+import N from "./index.es153.js";
 import "./index.es2.js";
-import w from "./index.es89.js";
-import y from "./index.es153.js";
-import k from "./index.es154.js";
-import F from "./index.es155.js";
-import z from "./index.es156.js";
+import w from "./index.es90.js";
+import y from "./index.es154.js";
+import k from "./index.es155.js";
+import F from "./index.es156.js";
+import z from "./index.es157.js";
 import { Link as p } from "./index.es52.js";
-import { cn as u } from "./index.es88.js";
+import { cn as u } from "./index.es89.js";
 import { ShouldRender as f } from "./index.es15.js";
 import { Button as c } from "./index.es23.js";
-import { strings as i } from "./index.es100.js";
+import { strings as i } from "./index.es101.js";
 const K = ({ colors: t = "default", ...l }) => {
   var o;
   return /* @__PURE__ */ e(

package/index.es49.js

@@ -1,9 +1,9 @@
 import { jsxs as c, Fragment as u, jsx as t } from "react/jsx-runtime";
 import * as l from "react";
-import C from "./index.es119.js";
-import E from "./index.es118.js";
+import C from "./index.es120.js";
+import E from "./index.es119.js";
 import { Button as h } from "./index.es23.js";
-import { cn as g } from "./index.es88.js";
+import { cn as g } from "./index.es89.js";
 function B({ children: v, scrollAmount: p = 200, margin: a = 0, className: b = "", buttonClassName: i = "" }) {
   const [d, S] = l.useState(!1), [f, w] = l.useState(!1), o = l.useRef(null), r = l.useCallback(() => {
     const e = o.current, n = document.dir;

package/index.es50.js

@@ -1,26 +1,26 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { cva as N } from "./index.es109.js";
+import { cva as N } from "./index.es110.js";
 import { createContext as C, useState as T, useEffect as b, useContext as z } from "react";
-import { useMediaQuery as D } from "./index.es105.js";
-import { THEME as l } from "./index.es157.js";
+import { useMediaQuery as D } from "./index.es106.js";
+import { THEME as l } from "./index.es158.js";
 import "./index.es2.js";
-import { cn as p, formatterTime as u } from "./index.es88.js";
-import k from "./index.es158.js";
-import I from "./index.es139.js";
-import H from "./index.es153.js";
-import A from "./index.es154.js";
-import w from "./index.es155.js";
-import V from "./index.es156.js";
-import { useThemeStore as M } from "./index.es99.js";
-import R from "./index.es159.js";
-import G from "./index.es160.js";
+import { cn as p, formatterTime as u } from "./index.es89.js";
+import k from "./index.es159.js";
+import I from "./index.es140.js";
+import H from "./index.es154.js";
+import A from "./index.es155.js";
+import w from "./index.es156.js";
+import V from "./index.es157.js";
+import { useThemeStore as M } from "./index.es100.js";
+import R from "./index.es160.js";
+import G from "./index.es161.js";
 import { Badge as L } from "./index.es21.js";
-import B from "./index.es161.js";
-import E from "./index.es92.js";
-import F from "./index.es89.js";
+import B from "./index.es162.js";
+import E from "./index.es93.js";
+import F from "./index.es90.js";
 import { ShouldRender as g } from "./index.es15.js";
 import { Button as m } from "./index.es23.js";
-import { strings as s } from "./index.es100.js";
+import { strings as s } from "./index.es101.js";
 const j = N("md:h-space-07    md:px-space-06 px-space-04 md:py-space-01 gap-space-02 py-space-02  [&>svg]:size-[20px] ", {
   variants: {
     colors: {

package/index.es51.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as v, Fragment as P } from "react/jsx-runtime";
 import * as g from "react";
 import * as C from "recharts";
-import { cn as i } from "./index.es88.js";
+import { cn as i } from "./index.es89.js";
 const I = { light: "", dark: ".dark" }, j = g.createContext(null);
 function $() {
   const s = g.useContext(j);

package/index.es52.js

@@ -1,8 +1,8 @@
 import { jsx as u } from "react/jsx-runtime";
 import { Slot as f } from "@radix-ui/react-slot";
-import { cva as p } from "./index.es109.js";
+import { cva as p } from "./index.es110.js";
 import * as m from "react";
-import { cn as x } from "./index.es88.js";
+import { cn as x } from "./index.es89.js";
 const v = p(
   "inline-flex items-center gap-space-02 justify-center transition-colors focus:outline focus:outline-2 focus:outline-offset-1",
   {

package/index.es53.js

@@ -1,11 +1,11 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import g from "./index.es162.js";
-import d from "./index.es163.js";
+import g from "./index.es163.js";
+import d from "./index.es164.js";
 import "./index.es2.js";
-import p from "./index.es136.js";
-import u from "./index.es164.js";
-import h from "./index.es165.js";
-import { strings as e } from "./index.es100.js";
+import p from "./index.es137.js";
+import u from "./index.es165.js";
+import h from "./index.es166.js";
+import { strings as e } from "./index.es101.js";
 import { Collapsible as S, CollapsibleTrigger as f, CollapsibleContent as x } from "./index.es27.js";
 import { Stack as r } from "./index.es42.js";
 import { Link as D } from "./index.es52.js";

package/index.es54.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Slot as l } from "@radix-ui/react-slot";
-import { cva as g } from "./index.es109.js";
+import { cva as g } from "./index.es110.js";
 import * as f from "react";
-import { cn as t } from "./index.es88.js";
+import { cn as t } from "./index.es89.js";
 const m = g(
   "inline-flex items-center rounded-full gap-space-02 [&>svg]:size-space-05 font-medium text-body-02 justify-center focus:outline-border-black focus:outline focus:outline-2 focus:outline-offset-1 transition-colors  disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-disabled-text-default-disabled disabled:bg-disabled-background-disabled",
   {

package/index.es55.js

@@ -1,7 +1,7 @@
 import { jsxs as s, Fragment as f, jsx as t } from "react/jsx-runtime";
-import { cva as y } from "./index.es109.js";
+import { cva as y } from "./index.es110.js";
 import { forwardRef as g } from "react";
-import { cn as c } from "./index.es88.js";
+import { cn as c } from "./index.es89.js";
 import "./index.es2.js";
 import { ShouldRender as p } from "./index.es15.js";
 const u = y("text-body-02", {

package/index.es56.js

@@ -1,10 +1,10 @@
 import { jsx as c, jsxs as p } from "react/jsx-runtime";
 import { useState as n } from "react";
 import "./index.es2.js";
-import d from "./index.es166.js";
-import y from "./index.es167.js";
+import d from "./index.es167.js";
+import y from "./index.es168.js";
 import { Stack as x } from "./index.es42.js";
-import { cn as m } from "./index.es88.js";
+import { cn as m } from "./index.es89.js";
 function B({ max: e = 5, onChange: a, value: l = 0, className: t, ...r }) {
   const [s, i] = n(0);
   return /* @__PURE__ */ c(x, { gap: "none", className: m(t), children: Array.from({ length: e }, (u, o) => /* @__PURE__ */ c(

package/index.es57.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as u } from "react/jsx-runtime";
 import * as a from "react";
-import { cn as i } from "./index.es88.js";
-import { cva as b } from "./index.es109.js";
+import { cn as i } from "./index.es89.js";
+import { cva as b } from "./index.es110.js";
 import { ShouldRender as x } from "./index.es15.js";
-import h from "./index.es168.js";
+import h from "./index.es169.js";
 const f = b("group relative flex shrink-0 items-start justify-start ", {
   variants: {
     variant: {

package/index.es58.js

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as L } from "react/jsx-runtime";
-import Q from "./index.es169.js";
+import Q from "./index.es170.js";
 import * as t from "react";
 import { Button as D } from "./index.es23.js";
-import U from "./index.es118.js";
-import V from "./index.es119.js";
-import { cn as f } from "./index.es88.js";
+import U from "./index.es119.js";
+import V from "./index.es120.js";
+import { cn as f } from "./index.es89.js";
 const G = t.createContext(null);
 function X() {
   const c = t.useContext(G);

package/index.es59.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-hover-card";
 import * as s from "react";
-import { cn as d } from "./index.es88.js";
+import { cn as d } from "./index.es89.js";
 const v = a.Root, u = a.Trigger, l = s.forwardRef(({ className: t, align: o = "center", variant: e, sideOffset: i = 4, ...n }, p) => /* @__PURE__ */ r(
   a.Content,
   {

package/index.es6.js

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import * as l from "react";
-import { cn as n } from "./index.es88.js";
-import { strings as r } from "./index.es100.js";
-import c from "./index.es118.js";
-import m from "./index.es119.js";
-import d from "./index.es120.js";
+import { cn as n } from "./index.es89.js";
+import { strings as r } from "./index.es101.js";
+import c from "./index.es119.js";
+import m from "./index.es120.js";
+import d from "./index.es121.js";
 const v = ({ className: e, ...a }) => /* @__PURE__ */ t("nav", { role: "navigation", "aria-label": "pagination", className: n("mx-auto flex w-full justify-center", e), ...a }), p = l.forwardRef(({ className: e, ...a }, i) => /* @__PURE__ */ t("ul", { ref: i, className: n("flex flex-row items-center gap-space-02", e), ...a }));
 p.displayName = "PaginationContent";
 const f = l.forwardRef(({ className: e, ...a }, i) => /* @__PURE__ */ t("li", { ref: i, className: n("", e), ...a }));

package/index.es60.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-popover";
-import { cn as d } from "./index.es88.js";
+import { cn as d } from "./index.es89.js";
 function s({ ...o }) {
   return /* @__PURE__ */ t(e.Root, { "data-slot": "popover", ...o });
 }
-function m({ ...o }) {
+function l({ ...o }) {
   return /* @__PURE__ */ t(e.Trigger, { "data-slot": "popover-trigger", ...o });
 }
-function l({ className: o, align: r = "center", sideOffset: a = 4, ...n }) {
+function m({ className: o, align: r = "center", sideOffset: a = 4, ...n }) {
   return /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ t(
     e.Content,
     {
@@ -22,12 +22,16 @@ function l({ className: o, align: r = "center", sideOffset: a = 4, ...n }) {
     }
   ) });
 }
+function c({ ...o }) {
+  return /* @__PURE__ */ t(e.Close, { "data-slot": "popover-close", ...o });
+}
 function f({ ...o }) {
   return /* @__PURE__ */ t(e.Anchor, { "data-slot": "popover-anchor", ...o });
 }
 export {
   s as Popover,
   f as PopoverAnchor,
-  l as PopoverContent,
-  m as PopoverTrigger
+  c as PopoverClose,
+  m as PopoverContent,
+  l as PopoverTrigger
 };

package/index.es61.js

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-progress";
 import * as n from "react";
-import { cn as s } from "./index.es88.js";
+import { cn as s } from "./index.es89.js";
 const c = n.forwardRef(
   ({ className: d, value: a, colors: o = "bg-primary", rounded: t, icon: i, ...l }, m) => /* @__PURE__ */ f("div", { className: "relative w-full", children: [
     /* @__PURE__ */ r(