mada-design-system 0.0.9 → 0.0.10

package/index.es373.js

@@ -0,0 +1,253 @@
+import G from "./index.es189.js";
+import U from "./index.es190.js";
+import * as e from "react";
+import _ from "./index.es191.js";
+import { clsx as c } from "./index.es95.js";
+import j from "./index.es204.js";
+import F from "./index.es192.js";
+import J from "./index.es400.js";
+import i from "./index.es375.js";
+import { jsx as k } from "react/jsx-runtime";
+import { keyframes as E } from "./index.es363.js";
+import Q from "./index.es238.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 {
+  v as DELAY_RIPPLE,
+  ot as TouchRippleRipple,
+  rt as TouchRippleRoot,
+  Rt as default
+};

package/index.es374.js

@@ -0,0 +1,10 @@
+import s from "./index.es214.js";
+import e from "./index.es213.js";
+function n(t) {
+  return e("MuiButtonBase", t);
+}
+const o = s("MuiButtonBase", ["root", "disabled", "focusVisible"]), l = o;
+export {
+  l as default,
+  n as getButtonBaseUtilityClass
+};

package/index.es375.js

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

package/index.es376.js

@@ -0,0 +1,13 @@
+import a from "./index.es377.js";
+function f(t, n, e) {
+  return t === void 0 || a(t) ? n : {
+    ...n,
+    ownerState: {
+      ...n.ownerState,
+      ...e
+    }
+  };
+}
+export {
+  f as default
+};

package/index.es377.js

@@ -0,0 +1,6 @@
+function n(t) {
+  return typeof t == "string";
+}
+export {
+  n as default
+};

package/index.es378.js

@@ -0,0 +1,11 @@
+function u(e, f = []) {
+  if (e === void 0)
+    return {};
+  const t = {};
+  return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !f.includes(n)).forEach((n) => {
+    t[n] = e[n];
+  }), t;
+}
+export {
+  u as default
+};

package/index.es379.js

@@ -0,0 +1,6 @@
+function r(e, t, f) {
+  return typeof e == "function" ? e(t, f) : e;
+}
+export {
+  r as default
+};

package/index.es38.js

@@ -1,10 +1,247 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-label";
-import { cva as i } from "./index.es89.js";
-import * as m from "react";
-import { cn as s } from "./index.es69.js";
-const l = i("text-body-01 peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), p = m.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(o.Root, { ref: e, className: s(l(), a), ...r }));
-p.displayName = o.Root.displayName;
+import { jsx as l } from "react/jsx-runtime";
+import { cva as n } from "./index.es98.js";
+import { clsx as x } from "./index.es95.js";
+const y = n("grid", {
+  variants: {
+    cols: {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      5: "grid-cols-5",
+      6: "grid-cols-6",
+      7: "grid-cols-7",
+      8: "grid-cols-8",
+      9: "grid-cols-9",
+      10: "grid-cols-10",
+      11: "grid-cols-11",
+      12: "grid-cols-12"
+    },
+    gap: {
+      none: "",
+      1: "gap-space-01",
+      2: "gap-space-02",
+      3: "gap-space-03",
+      4: "gap-space-04",
+      5: "gap-space-05",
+      6: "gap-space-06",
+      7: "gap-space-07",
+      8: "gap-space-08",
+      9: "gap-space-09",
+      10: "gap-space-10",
+      11: "gap-space-11",
+      12: "gap-space-12"
+    },
+    gapX: {
+      none: "",
+      1: "gap-x-space-01",
+      2: "gap-x-space-02",
+      3: "gap-x-space-03",
+      4: "gap-x-space-04",
+      5: "gap-x-space-05",
+      6: "gap-x-space-06",
+      7: "gap-x-space-07",
+      8: "gap-x-space-08",
+      9: "gap-x-space-09",
+      10: "gap-x-space-10",
+      11: "gap-x-space-11",
+      12: "gap-x-space-12"
+    },
+    gapY: {
+      none: "",
+      1: "gap-y-space-01",
+      2: "gap-y-space-02",
+      3: "gap-y-space-03",
+      4: "gap-y-space-04",
+      5: "gap-y-space-05",
+      6: "gap-y-space-06",
+      7: "gap-y-space-07",
+      8: "gap-y-space-08",
+      9: "gap-y-space-09",
+      10: "gap-y-space-10",
+      11: "gap-y-space-11",
+      12: "gap-y-space-12"
+    },
+    autoFlow: {
+      row: "grid-flow-row",
+      col: "grid-flow-col",
+      dense: "grid-flow-dense",
+      rowDense: "grid-flow-row-dense",
+      colDense: "grid-flow-col-dense"
+    },
+    alignItems: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    },
+    justifyItems: {
+      start: "justify-items-start",
+      center: "justify-items-center",
+      end: "justify-items-end",
+      stretch: "justify-items-stretch"
+    },
+    alignContent: {
+      start: "content-start",
+      center: "content-center",
+      end: "content-end",
+      between: "content-between",
+      around: "content-around",
+      evenly: "content-evenly"
+    },
+    justifyContent: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    }
+  },
+  defaultVariants: {
+    cols: 12,
+    gap: 1,
+    gapX: "none",
+    gapY: "none",
+    autoFlow: "row",
+    alignItems: "stretch",
+    justifyItems: "stretch",
+    alignContent: "start",
+    justifyContent: "start"
+  }
+}), b = ({
+  cols: s,
+  gap: a,
+  gapX: p,
+  gapY: c,
+  autoFlow: e,
+  alignItems: o,
+  justifyItems: t,
+  alignContent: g,
+  justifyContent: r,
+  className: i,
+  children: d,
+  ...m
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: y({
+      cols: s,
+      gap: a,
+      gapX: p,
+      gapY: c,
+      autoFlow: e,
+      alignItems: o,
+      justifyItems: t,
+      alignContent: g,
+      justifyContent: r,
+      className: i
+    }),
+    ...m,
+    children: d
+  }
+), f = n("", {
+  variants: {
+    base: {
+      1: "col-span-1",
+      2: "col-span-2",
+      3: "col-span-3",
+      4: "col-span-4",
+      5: "col-span-5",
+      6: "col-span-6",
+      7: "col-span-7",
+      8: "col-span-8",
+      9: "col-span-9",
+      10: "col-span-10",
+      11: "col-span-11",
+      12: "col-span-12"
+    },
+    sm: {
+      1: "sm:col-span-1",
+      2: "sm:col-span-2",
+      3: "sm:col-span-3",
+      4: "sm:col-span-4",
+      5: "sm:col-span-5",
+      6: "sm:col-span-6",
+      7: "sm:col-span-7",
+      8: "sm:col-span-8",
+      9: "sm:col-span-9",
+      10: "sm:col-span-10",
+      11: "sm:col-span-11",
+      12: "sm:col-span-12"
+    },
+    md: {
+      1: "md:col-span-1",
+      2: "md:col-span-2",
+      3: "md:col-span-3",
+      4: "md:col-span-4",
+      5: "md:col-span-5",
+      6: "md:col-span-6",
+      7: "md:col-span-7",
+      8: "md:col-span-8",
+      9: "md:col-span-9",
+      10: "md:col-span-10",
+      11: "md:col-span-11",
+      12: "md:col-span-12"
+    },
+    lg: {
+      1: "lg:col-span-1",
+      2: "lg:col-span-2",
+      3: "lg:col-span-3",
+      4: "lg:col-span-4",
+      5: "lg:col-span-5",
+      6: "lg:col-span-6",
+      7: "lg:col-span-7",
+      8: "lg:col-span-8",
+      9: "lg:col-span-9",
+      10: "lg:col-span-10",
+      11: "lg:col-span-11",
+      12: "lg:col-span-12"
+    },
+    xl: {
+      1: "xl:col-span-1",
+      2: "xl:col-span-2",
+      3: "xl:col-span-3",
+      4: "xl:col-span-4",
+      5: "xl:col-span-5",
+      6: "xl:col-span-6",
+      7: "xl:col-span-7",
+      8: "xl:col-span-8",
+      9: "xl:col-span-9",
+      10: "xl:col-span-10",
+      11: "xl:col-span-11",
+      12: "xl:col-span-12"
+    },
+    "2xl": {
+      1: "2xl:col-span-1",
+      2: "2xl:col-span-2",
+      3: "2xl:col-span-3",
+      4: "2xl:col-span-4",
+      5: "2xl:col-span-5",
+      6: "2xl:col-span-6",
+      7: "2xl:col-span-7",
+      8: "2xl:col-span-8",
+      9: "2xl:col-span-9",
+      10: "2xl:col-span-10",
+      11: "2xl:col-span-11",
+      12: "2xl:col-span-12"
+    }
+  },
+  defaultVariants: {
+    base: 1
+  }
+}), v = ({ columns: s, children: a, className: p, ...c }) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: x(
+      f(typeof s == "number" ? { base: s } : typeof s == "object" && s !== null ? s : {}),
+      p
+    ),
+    ...c,
+    children: a
+  }
+);
 export {
-  p as Label
+  b as Grid,
+  v as GridItem
 };

package/index.es380.js

@@ -0,0 +1,48 @@
+import { clsx as v } from "./index.es95.js";
+import k from "./index.es378.js";
+import H from "./index.es401.js";
+function W(j) {
+  const {
+    getSlotProps: y,
+    additionalProps: e,
+    externalSlotProps: s,
+    externalForwardedProps: c,
+    className: n
+  } = j;
+  if (!y) {
+    const h = v(e == null ? void 0 : e.className, n, c == null ? void 0 : c.className, s == null ? void 0 : s.className), u = {
+      ...e == null ? void 0 : e.style,
+      ...c == null ? void 0 : c.style,
+      ...s == null ? void 0 : s.style
+    }, f = {
+      ...e,
+      ...c,
+      ...s
+    };
+    return h.length > 0 && (f.className = h), Object.keys(u).length > 0 && (f.style = u), {
+      props: f,
+      internalRef: void 0
+    };
+  }
+  const l = k({
+    ...c,
+    ...s
+  }), E = H(s), b = H(c), m = y(l), N = v(m == null ? void 0 : m.className, e == null ? void 0 : e.className, n, c == null ? void 0 : c.className, s == null ? void 0 : s.className), g = {
+    ...m == null ? void 0 : m.style,
+    ...e == null ? void 0 : e.style,
+    ...c == null ? void 0 : c.style,
+    ...s == null ? void 0 : s.style
+  }, t = {
+    ...m,
+    ...e,
+    ...b,
+    ...E
+  };
+  return N.length > 0 && (t.className = N), Object.keys(g).length > 0 && (t.style = g), {
+    props: t,
+    internalRef: m.ref
+  };
+}
+export {
+  W as default
+};

package/index.es381.js

@@ -0,0 +1,12 @@
+import * as o from "react";
+import u from "./index.es402.js";
+function f(...e) {
+  return o.useMemo(() => e.every((r) => r == null) ? null : (r) => {
+    e.forEach((t) => {
+      u(t, r);
+    });
+  }, e);
+}
+export {
+  f as default
+};

package/index.es382.js

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