mada-design-system 0.2.8 → 0.3.0

package/index.es377.js

@@ -1,4 +1,253 @@
-import t from "./index.es322.js";
+import G from "./index.es188.js";
+import U from "./index.es189.js";
+import * as e from "react";
+import _ from "./index.es190.js";
+import { clsx as c } from "./index.es100.js";
+import j from "./index.es202.js";
+import F from "./index.es211.js";
+import J from "./index.es399.js";
+import i from "./index.es379.js";
+import { jsx as k } from "react/jsx-runtime";
+import { keyframes as E } from "./index.es359.js";
+import Q from "./index.es237.js";
+const Z = ["center", "classes", "className"];
+let y = (r) => r, V, D, K, S;
+const w = 550, v = 80, tt = E(V || (V = y`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`)), et = E(D || (D = y`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`)), it = E(K || (K = y`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`)), rt = j("span", {
+  name: "MuiTouchRipple",
+  slot: "Root"
+})({
+  overflow: "hidden",
+  pointerEvents: "none",
+  position: "absolute",
+  zIndex: 0,
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0,
+  borderRadius: "inherit"
+}), ot = j(J, {
+  name: "MuiTouchRipple",
+  slot: "Ripple"
+})(S || (S = y`
+  opacity: 0;
+  position: absolute;
+
+  &.${0} {
+    opacity: 0.3;
+    transform: scale(1);
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  &.${0} {
+    animation-duration: ${0}ms;
+  }
+
+  & .${0} {
+    opacity: 1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  & .${0} {
+    opacity: 0;
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  & .${0} {
+    position: absolute;
+    /* @noflip */
+    left: 0px;
+    top: 0;
+    animation-name: ${0};
+    animation-duration: 2500ms;
+    animation-timing-function: ${0};
+    animation-iteration-count: infinite;
+    animation-delay: 200ms;
+  }
+`), i.rippleVisible, tt, w, ({
+  theme: r
+}) => r.transitions.easing.easeInOut, i.ripplePulsate, ({
+  theme: r
+}) => r.transitions.duration.shorter, i.child, i.childLeaving, et, w, ({
+  theme: r
+}) => r.transitions.easing.easeInOut, i.childPulsate, it, ({
+  theme: r
+}) => r.transitions.easing.easeInOut), q = /* @__PURE__ */ e.forwardRef(function(A, H) {
+  const I = F({
+    props: A,
+    name: "MuiTouchRipple"
+  }), {
+    center: L = !1,
+    classes: n = {},
+    className: W
+  } = I, B = U(I, Z), [N, X] = e.useState([]), Y = e.useRef(0), h = e.useRef(null);
+  e.useEffect(() => {
+    h.current && (h.current(), h.current = null);
+  }, [N]);
+  const T = e.useRef(!1), d = e.useRef(0), o = e.useRef(null), z = e.useRef(null);
+  e.useEffect(() => () => {
+    d.current && clearTimeout(d.current);
+  }, []);
+  const $ = e.useCallback((t) => {
+    const {
+      pulsate: a,
+      rippleX: s,
+      rippleY: g,
+      rippleSize: b,
+      cb: P
+    } = t;
+    X((l) => [...l, /* @__PURE__ */ k(ot, {
+      classes: {
+        ripple: c(n.ripple, i.ripple),
+        rippleVisible: c(n.rippleVisible, i.rippleVisible),
+        ripplePulsate: c(n.ripplePulsate, i.ripplePulsate),
+        child: c(n.child, i.child),
+        childLeaving: c(n.childLeaving, i.childLeaving),
+        childPulsate: c(n.childPulsate, i.childPulsate)
+      },
+      timeout: w,
+      pulsate: a,
+      rippleX: s,
+      rippleY: g,
+      rippleSize: b
+    }, Y.current)]), Y.current += 1, h.current = P;
+  }, [n]), R = e.useCallback((t = {}, a = {}, s = () => {
+  }) => {
+    const {
+      pulsate: g = !1,
+      center: b = L || a.pulsate,
+      fakeElement: P = !1
+      // For test purposes
+    } = a;
+    if ((t == null ? void 0 : t.type) === "mousedown" && T.current) {
+      T.current = !1;
+      return;
+    }
+    (t == null ? void 0 : t.type) === "touchstart" && (T.current = !0);
+    const l = P ? null : z.current, u = l ? l.getBoundingClientRect() : {
+      width: 0,
+      height: 0,
+      left: 0,
+      top: 0
+    };
+    let p, m, f;
+    if (b || t === void 0 || t.clientX === 0 && t.clientY === 0 || !t.clientX && !t.touches)
+      p = Math.round(u.width / 2), m = Math.round(u.height / 2);
+    else {
+      const {
+        clientX: x,
+        clientY: C
+      } = t.touches && t.touches.length > 0 ? t.touches[0] : t;
+      p = Math.round(x - u.left), m = Math.round(C - u.top);
+    }
+    if (b)
+      f = Math.sqrt((2 * u.width ** 2 + u.height ** 2) / 3), f % 2 === 0 && (f += 1);
+    else {
+      const x = Math.max(Math.abs((l ? l.clientWidth : 0) - p), p) * 2 + 2, C = Math.max(Math.abs((l ? l.clientHeight : 0) - m), m) * 2 + 2;
+      f = Math.sqrt(x ** 2 + C ** 2);
+    }
+    t != null && t.touches ? o.current === null && (o.current = () => {
+      $({
+        pulsate: g,
+        rippleX: p,
+        rippleY: m,
+        rippleSize: f,
+        cb: s
+      });
+    }, d.current = setTimeout(() => {
+      o.current && (o.current(), o.current = null);
+    }, v)) : $({
+      pulsate: g,
+      rippleX: p,
+      rippleY: m,
+      rippleSize: f,
+      cb: s
+    });
+  }, [L, $]), O = e.useCallback(() => {
+    R({}, {
+      pulsate: !0
+    });
+  }, [R]), M = e.useCallback((t, a) => {
+    if (clearTimeout(d.current), (t == null ? void 0 : t.type) === "touchend" && o.current) {
+      o.current(), o.current = null, d.current = setTimeout(() => {
+        M(t, a);
+      });
+      return;
+    }
+    o.current = null, X((s) => s.length > 0 ? s.slice(1) : s), h.current = a;
+  }, []);
+  return e.useImperativeHandle(H, () => ({
+    pulsate: O,
+    start: R,
+    stop: M
+  }), [O, R, M]), /* @__PURE__ */ k(rt, G({
+    className: c(i.root, n.root, W),
+    ref: z
+  }, B, {
+    children: /* @__PURE__ */ k(Q, {
+      component: null,
+      exit: !0,
+      children: N
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (q.propTypes = {
+  /**
+   * If `true`, the ripple starts at the center of the component
+   * rather than at the point of interaction.
+   */
+  center: _.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  classes: _.object,
+  /**
+   * @ignore
+   */
+  className: _.string
+});
+const Rt = q;
 export {
-  t as default
+  v as DELAY_RIPPLE,
+  ot as TouchRippleRipple,
+  rt as TouchRippleRoot,
+  Rt as default
 };

package/index.es378.js

@@ -1,253 +1,10 @@
-import G from "./index.es201.js";
-import U from "./index.es202.js";
-import * as e from "react";
-import _ from "./index.es203.js";
-import { clsx as c } from "./index.es98.js";
-import j from "./index.es215.js";
-import F from "./index.es224.js";
-import J from "./index.es399.js";
-import i from "./index.es380.js";
-import { jsx as k } from "react/jsx-runtime";
-import { keyframes as E } from "./index.es365.js";
-import Q from "./index.es240.js";
-const Z = ["center", "classes", "className"];
-let y = (r) => r, V, D, K, S;
-const w = 550, v = 80, tt = E(V || (V = y`
-  0% {
-    transform: scale(0);
-    opacity: 0.1;
-  }
-
-  100% {
-    transform: scale(1);
-    opacity: 0.3;
-  }
-`)), et = E(D || (D = y`
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-`)), it = E(K || (K = y`
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.92);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-`)), rt = j("span", {
-  name: "MuiTouchRipple",
-  slot: "Root"
-})({
-  overflow: "hidden",
-  pointerEvents: "none",
-  position: "absolute",
-  zIndex: 0,
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  borderRadius: "inherit"
-}), ot = j(J, {
-  name: "MuiTouchRipple",
-  slot: "Ripple"
-})(S || (S = y`
-  opacity: 0;
-  position: absolute;
-
-  &.${0} {
-    opacity: 0.3;
-    transform: scale(1);
-    animation-name: ${0};
-    animation-duration: ${0}ms;
-    animation-timing-function: ${0};
-  }
-
-  &.${0} {
-    animation-duration: ${0}ms;
-  }
-
-  & .${0} {
-    opacity: 1;
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    background-color: currentColor;
-  }
-
-  & .${0} {
-    opacity: 0;
-    animation-name: ${0};
-    animation-duration: ${0}ms;
-    animation-timing-function: ${0};
-  }
-
-  & .${0} {
-    position: absolute;
-    /* @noflip */
-    left: 0px;
-    top: 0;
-    animation-name: ${0};
-    animation-duration: 2500ms;
-    animation-timing-function: ${0};
-    animation-iteration-count: infinite;
-    animation-delay: 200ms;
-  }
-`), i.rippleVisible, tt, w, ({
-  theme: r
-}) => r.transitions.easing.easeInOut, i.ripplePulsate, ({
-  theme: r
-}) => r.transitions.duration.shorter, i.child, i.childLeaving, et, w, ({
-  theme: r
-}) => r.transitions.easing.easeInOut, i.childPulsate, it, ({
-  theme: r
-}) => r.transitions.easing.easeInOut), q = /* @__PURE__ */ e.forwardRef(function(A, H) {
-  const I = F({
-    props: A,
-    name: "MuiTouchRipple"
-  }), {
-    center: L = !1,
-    classes: n = {},
-    className: W
-  } = I, B = U(I, Z), [N, X] = e.useState([]), Y = e.useRef(0), h = e.useRef(null);
-  e.useEffect(() => {
-    h.current && (h.current(), h.current = null);
-  }, [N]);
-  const T = e.useRef(!1), d = e.useRef(0), o = e.useRef(null), z = e.useRef(null);
-  e.useEffect(() => () => {
-    d.current && clearTimeout(d.current);
-  }, []);
-  const $ = e.useCallback((t) => {
-    const {
-      pulsate: a,
-      rippleX: s,
-      rippleY: g,
-      rippleSize: b,
-      cb: P
-    } = t;
-    X((l) => [...l, /* @__PURE__ */ k(ot, {
-      classes: {
-        ripple: c(n.ripple, i.ripple),
-        rippleVisible: c(n.rippleVisible, i.rippleVisible),
-        ripplePulsate: c(n.ripplePulsate, i.ripplePulsate),
-        child: c(n.child, i.child),
-        childLeaving: c(n.childLeaving, i.childLeaving),
-        childPulsate: c(n.childPulsate, i.childPulsate)
-      },
-      timeout: w,
-      pulsate: a,
-      rippleX: s,
-      rippleY: g,
-      rippleSize: b
-    }, Y.current)]), Y.current += 1, h.current = P;
-  }, [n]), R = e.useCallback((t = {}, a = {}, s = () => {
-  }) => {
-    const {
-      pulsate: g = !1,
-      center: b = L || a.pulsate,
-      fakeElement: P = !1
-      // For test purposes
-    } = a;
-    if ((t == null ? void 0 : t.type) === "mousedown" && T.current) {
-      T.current = !1;
-      return;
-    }
-    (t == null ? void 0 : t.type) === "touchstart" && (T.current = !0);
-    const l = P ? null : z.current, u = l ? l.getBoundingClientRect() : {
-      width: 0,
-      height: 0,
-      left: 0,
-      top: 0
-    };
-    let p, m, f;
-    if (b || t === void 0 || t.clientX === 0 && t.clientY === 0 || !t.clientX && !t.touches)
-      p = Math.round(u.width / 2), m = Math.round(u.height / 2);
-    else {
-      const {
-        clientX: x,
-        clientY: C
-      } = t.touches && t.touches.length > 0 ? t.touches[0] : t;
-      p = Math.round(x - u.left), m = Math.round(C - u.top);
-    }
-    if (b)
-      f = Math.sqrt((2 * u.width ** 2 + u.height ** 2) / 3), f % 2 === 0 && (f += 1);
-    else {
-      const x = Math.max(Math.abs((l ? l.clientWidth : 0) - p), p) * 2 + 2, C = Math.max(Math.abs((l ? l.clientHeight : 0) - m), m) * 2 + 2;
-      f = Math.sqrt(x ** 2 + C ** 2);
-    }
-    t != null && t.touches ? o.current === null && (o.current = () => {
-      $({
-        pulsate: g,
-        rippleX: p,
-        rippleY: m,
-        rippleSize: f,
-        cb: s
-      });
-    }, d.current = setTimeout(() => {
-      o.current && (o.current(), o.current = null);
-    }, v)) : $({
-      pulsate: g,
-      rippleX: p,
-      rippleY: m,
-      rippleSize: f,
-      cb: s
-    });
-  }, [L, $]), O = e.useCallback(() => {
-    R({}, {
-      pulsate: !0
-    });
-  }, [R]), M = e.useCallback((t, a) => {
-    if (clearTimeout(d.current), (t == null ? void 0 : t.type) === "touchend" && o.current) {
-      o.current(), o.current = null, d.current = setTimeout(() => {
-        M(t, a);
-      });
-      return;
-    }
-    o.current = null, X((s) => s.length > 0 ? s.slice(1) : s), h.current = a;
-  }, []);
-  return e.useImperativeHandle(H, () => ({
-    pulsate: O,
-    start: R,
-    stop: M
-  }), [O, R, M]), /* @__PURE__ */ k(rt, G({
-    className: c(i.root, n.root, W),
-    ref: z
-  }, B, {
-    children: /* @__PURE__ */ k(Q, {
-      component: null,
-      exit: !0,
-      children: N
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" && (q.propTypes = {
-  /**
-   * If `true`, the ripple starts at the center of the component
-   * rather than at the point of interaction.
-   */
-  center: _.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
-   */
-  classes: _.object,
-  /**
-   * @ignore
-   */
-  className: _.string
-});
-const Rt = q;
+import s from "./index.es213.js";
+import e from "./index.es212.js";
+function n(t) {
+  return e("MuiButtonBase", t);
+}
+const o = s("MuiButtonBase", ["root", "disabled", "focusVisible"]), l = o;
 export {
-  v as DELAY_RIPPLE,
-  ot as TouchRippleRipple,
-  rt as TouchRippleRoot,
-  Rt as default
+  l as default,
+  n as getButtonBaseUtilityClass
 };

package/index.es379.js

@@ -1,10 +1,5 @@
-import s from "./index.es226.js";
-import e from "./index.es225.js";
-function n(t) {
-  return e("MuiButtonBase", t);
-}
-const o = s("MuiButtonBase", ["root", "disabled", "focusVisible"]), l = o;
+import e from "./index.es213.js";
+const l = e("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), s = l;
 export {
-  l as default,
-  n as getButtonBaseUtilityClass
+  s as default
 };

package/index.es38.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-label";
-import { cva as i } from "./index.es107.js";
+import { cva as i } from "./index.es103.js";
 import * as m from "react";
 import { cn as l } from "./index.es82.js";
 const d = i("peer-disabled:cursor-not-allowed peer-disabled:opacity-70", {

package/index.es380.js

@@ -1,5 +1,4 @@
-import e from "./index.es226.js";
-const l = e("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), s = l;
+import t from "./index.es320.js";
 export {
-  s as default
+  t as default
 };

package/index.es381.js

@@ -1,4 +1,4 @@
-import f from "./index.es293.js";
+import f from "./index.es290.js";
 export {
   f as default
 };

package/index.es382.js

@@ -1,14 +1,14 @@
-import x from "./index.es201.js";
-import z from "./index.es202.js";
+import x from "./index.es188.js";
+import z from "./index.es189.js";
 import * as $ from "react";
-import o from "./index.es203.js";
-import { clsx as T } from "./index.es98.js";
-import b from "./index.es224.js";
-import w from "./index.es215.js";
+import o from "./index.es190.js";
+import { clsx as T } from "./index.es100.js";
+import b from "./index.es211.js";
+import w from "./index.es202.js";
 import { getSvgIconUtilityClass as C } from "./index.es401.js";
 import { jsxs as R, jsx as I } from "react/jsx-runtime";
-import g from "./index.es322.js";
-import O from "./index.es223.js";
+import g from "./index.es320.js";
+import O from "./index.es210.js";
 const B = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], N = (e) => {
   const {
     color: t,

package/index.es383.js

@@ -1,4 +1,4 @@
-import e from "./index.es220.js";
+import e from "./index.es207.js";
 export {
   e as default
 };

package/index.es39.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
-import { cva as n } from "./index.es107.js";
-import { clsx as x } from "./index.es98.js";
+import { cva as n } from "./index.es103.js";
+import { clsx as x } from "./index.es100.js";
 const y = n("grid", {
   variants: {
     cols: {

package/index.es399.js

@@ -1,6 +1,6 @@
 import * as n from "react";
-import e from "./index.es203.js";
-import { clsx as a } from "./index.es98.js";
+import e from "./index.es190.js";
+import { clsx as a } from "./index.es100.js";
 import { jsx as u } from "react/jsx-runtime";
 function x(c) {
   const {

package/index.es4.js

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as u, Fragment as z } from "react/jsx-runtime";
-import { useReactTable as F, flexRender as M } from "./index.es104.js";
+import { useReactTable as F, flexRender as M } from "./index.es99.js";
 import { Skeleton as b } from "./index.es65.js";
 import { Table as H, TableHeader as _, TableRow as f, TableHead as A, TableBody as B, TableCell as R } from "./index.es68.js";
-import { clsx as E } from "./index.es98.js";
+import { clsx as E } from "./index.es100.js";
 import S, { useState as Q, useEffect as C } from "react";
-import { useMediaQuery as V } from "./index.es105.js";
+import { useMediaQuery as V } from "./index.es101.js";
 import { PaginationDescription as q, LinesPerPage as G, Pagination as J } from "./index.es12.js";
-import { getCoreRowModel as K, getPaginationRowModel as O } from "./index.es106.js";
+import { getCoreRowModel as K, getPaginationRowModel as O } from "./index.es102.js";
 function le({
   columns: m,
   data: g,

package/index.es40.js

@@ -1,5 +1,5 @@
 import { jsx as x } from "react/jsx-runtime";
-import { clsx as c } from "./index.es98.js";
+import { clsx as c } from "./index.es100.js";
 const u = ({
   minChildWidth: r,
   cols: e = 12,

package/index.es401.js

@@ -1,5 +1,5 @@
-import r from "./index.es225.js";
-import t from "./index.es226.js";
+import r from "./index.es212.js";
+import t from "./index.es213.js";
 function n(o) {
   return r("MuiSvgIcon", o);
 }

package/index.es41.js

@@ -1,6 +1,6 @@
 import { jsx as y } from "react/jsx-runtime";
-import { cva as m } from "./index.es107.js";
-import { clsx as l } from "./index.es98.js";
+import { cva as m } from "./index.es103.js";
+import { clsx as l } from "./index.es100.js";
 const u = m("flex", {
   variants: {
     direction: {

package/index.es42.js

@@ -1,22 +1,22 @@
 import { jsxs as c, jsx as e, Fragment as R } from "react/jsx-runtime";
 import * as l from "@radix-ui/react-navigation-menu";
-import { cva as H } from "./index.es107.js";
+import { cva as H } from "./index.es103.js";
 import * as s from "react";
 import { Content as B } from "@radix-ui/react-dialog";
 import { Slot as v } from "@radix-ui/react-slot";
-import { useMediaQuery as L, useToggle as D } from "./index.es105.js";
+import { useMediaQuery as L, useToggle as D } from "./index.es101.js";
 import { cn as n } from "./index.es82.js";
 import { strings as p } from "./index.es94.js";
 import "./index.es2.js";
 import { Button as f } from "./index.es22.js";
 import { Input as F } from "./index.es36.js";
 import { Sheet as M, SheetTrigger as _, SheetClose as x, SheetContent as K, SheetHeader as E, SheetTitle as G, SheetFooter as P } from "./index.es63.js";
-import O from "./index.es132.js";
-import N from "./index.es110.js";
-import Q from "./index.es133.js";
+import O from "./index.es129.js";
+import N from "./index.es106.js";
+import Q from "./index.es130.js";
 import { ShouldRender as g } from "./index.es14.js";
-import h from "./index.es126.js";
-import q from "./index.es134.js";
+import h from "./index.es123.js";
+import q from "./index.es131.js";
 import { Stack as J } from "./index.es41.js";
 import U from "./index.es6.js";
 import { ToggleGroup as W, ToggleGroupItem as S } from "./index.es74.js";