mada-design-system 0.8.1 → 0.8.4

package/index.es429.js

@@ -1,61 +1,15 @@
-import v from "./index.es208.js";
-import f from "./index.es207.js";
-const h = ["values", "unit", "step"], $ = (i) => {
-  const t = Object.keys(i).map((r) => ({
-    key: r,
-    val: i[r]
-  })) || [];
-  return t.sort((r, u) => r.val - u.val), t.reduce((r, u) => f({}, r, {
-    [u.key]: u.val
-  }), {});
-};
-function w(i) {
-  const {
-    // The breakpoint **start** at this value.
-    // For instance with the first breakpoint xs: [xs, sm).
-    values: t = {
-      xs: 0,
-      // phone
-      sm: 600,
-      // tablet
-      md: 900,
-      // small laptop
-      lg: 1200,
-      // desktop
-      xl: 1536
-      // large screen
-    },
-    unit: r = "px",
-    step: u = 5
-  } = i, m = v(i, h), c = $(t), n = Object.keys(c);
-  function s(e) {
-    return `@media (min-width:${typeof t[e] == "number" ? t[e] : e}${r})`;
-  }
-  function l(e) {
-    return `@media (max-width:${(typeof t[e] == "number" ? t[e] : e) - u / 100}${r})`;
-  }
-  function a(e, o) {
-    const d = n.indexOf(o);
-    return `@media (min-width:${typeof t[e] == "number" ? t[e] : e}${r}) and (max-width:${(d !== -1 && typeof t[n[d]] == "number" ? t[n[d]] : o) - u / 100}${r})`;
-  }
-  function p(e) {
-    return n.indexOf(e) + 1 < n.length ? a(e, n[n.indexOf(e) + 1]) : s(e);
-  }
-  function x(e) {
-    const o = n.indexOf(e);
-    return o === 0 ? s(n[1]) : o === n.length - 1 ? l(n[o]) : a(e, n[n.indexOf(e) + 1]).replace("@media", "@media not all and");
-  }
-  return f({
-    keys: n,
-    values: c,
-    up: s,
-    down: l,
-    between: a,
-    only: p,
-    not: x,
-    unit: r
-  }, m);
+import { createUnarySpacing as c } from "./index.es419.js";
+function u(e = 8) {
+  if (e.mui)
+    return e;
+  const o = c({
+    spacing: e
+  }), n = (...r) => (process.env.NODE_ENV !== "production" && r.length <= 4, (r.length === 0 ? [1] : r).map((a) => {
+    const t = o(a);
+    return typeof t == "number" ? `${t}px` : t;
+  }).join(" "));
+  return n.mui = !0, n;
 }
 export {
-  w as default
+  u as default
 };

package/index.es43.js

@@ -1,31 +1,31 @@
 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.es111.js";
+import { cva as H } from "./index.es121.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.es106.js";
+import { useMediaQuery as L, useToggle as D } from "./index.es116.js";
 import { cn as n } from "./index.es89.js";
 import { strings as p } from "./index.es101.js";
 import "./index.es2.js";
 import { Button as f } from "./index.es23.js";
 import { Input as F } from "./index.es37.js";
 import { Sheet as M, SheetTrigger as _, SheetClose as x, SheetContent as K, SheetHeader as E, SheetTitle as G, SheetFooter as P } from "./index.es68.js";
-import O from "./index.es138.js";
-import N from "./index.es114.js";
-import Q from "./index.es139.js";
-import h from "./index.es131.js";
-import q from "./index.es140.js";
+import O from "./index.es146.js";
+import N from "./index.es124.js";
+import Q from "./index.es147.js";
+import h from "./index.es140.js";
+import q from "./index.es148.js";
 import { Stack as J } from "./index.es42.js";
 import U from "./index.es5.js";
 import { ToggleGroup as W, ToggleGroupItem as S } from "./index.es79.js";
 import y from "./index.es93.js";
 import { ShouldRender as g } from "./index.es15.js";
-const X = s.forwardRef(({ className: t, children: a, ...r }, o) => {
-  const { dir: i } = y();
-  return /* @__PURE__ */ c(l.Root, { dir: i, ref: o, className: n("relative z-10 hidden flex-1 items-center lg:flex", t), ...r, children: [
+const X = s.forwardRef(({ className: t, children: a, viewport: r = !0, ...o }, i) => {
+  const { dir: d } = y();
+  return /* @__PURE__ */ c(l.Root, { dir: d, ref: i, className: n("relative z-10 hidden flex-1 items-center lg:flex", t), ...o, children: [
     a,
-    /* @__PURE__ */ e(C, {})
+    r && /* @__PURE__ */ e(C, {})
   ] });
 });
 X.displayName = l.Root.displayName;
@@ -113,7 +113,7 @@ const te = s.forwardRef(
         t
       ),
       ...o,
-      children: /* @__PURE__ */ e("div", { className: "max-w-container mx-auto flex w-full items-center  justify-between ", children: r })
+      children: /* @__PURE__ */ e("div", { className: "mx-auto flex w-full max-w-container items-center  justify-between ", children: r })
     }
   )
 );

package/index.es430.js

@@ -1,15 +1,6 @@
-import { createUnarySpacing as c } from "./index.es422.js";
-function u(e = 8) {
-  if (e.mui)
-    return e;
-  const o = c({
-    spacing: e
-  }), n = (...r) => (process.env.NODE_ENV !== "production" && r.length <= 4, (r.length === 0 ? [1] : r).map((a) => {
-    const t = o(a);
-    return typeof t == "number" ? `${t}px` : t;
-  }).join(" "));
-  return n.mui = !0, n;
-}
+const s = {
+  borderRadius: 4
+}, a = s;
 export {
-  u as default
+  a as default
 };

package/index.es431.js

@@ -1,6 +1,12 @@
-const s = {
-  borderRadius: 4
-}, a = s;
+import * as n from "react";
+import { T as o } from "./index.es432.js";
+function r(e) {
+  return Object.keys(e).length === 0;
+}
+function s(e = null) {
+  const t = n.useContext(o);
+  return !t || r(t) ? e : t;
+}
 export {
-  a as default
+  s as default
 };

package/index.es432.js

@@ -1,12 +1,57 @@
-import * as n from "react";
-import { T as o } from "./index.es433.js";
-function r(e) {
-  return Object.keys(e).length === 0;
-}
-function s(e = null) {
-  const t = n.useContext(o);
-  return !t || r(t) ? e : t;
-}
+import * as a from "react";
+import { forwardRef as _, useContext as g } from "react";
+import p from "./index.es491.js";
+import { getRegisteredStyles as O, registerStyles as C, insertStyles as y } from "./index.es468.js";
+import { serializeStyles as d } from "./index.es470.js";
+import { useInsertionEffectAlwaysWithSyncFallback as h } from "./index.es469.js";
+var S = {}.hasOwnProperty, m = /* @__PURE__ */ a.createContext(
+  // we're doing this to avoid preconstruct's dead code elimination in this one case
+  // because this module is primarily intended for the browser and node
+  // but it's also required in react native and similar environments sometimes
+  // and we could have a special build just for that
+  // but this is much easier and the native packages
+  // might use a different theme context in the future anyway
+  typeof HTMLElement < "u" ? /* @__PURE__ */ p({
+    key: "css"
+  }) : null
+);
+process.env.NODE_ENV !== "production" && (m.displayName = "EmotionCacheContext");
+m.Provider;
+var T = function(t) {
+  return /* @__PURE__ */ _(function(i, r) {
+    var n = g(m);
+    return t(i, n, r);
+  });
+}, v = /* @__PURE__ */ a.createContext({});
+process.env.NODE_ENV !== "production" && (v.displayName = "EmotionThemeContext");
+var u = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", N = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", P = function(t) {
+  var i = t.cache, r = t.serialized, n = t.isStringTag;
+  return C(i, r, n), h(function() {
+    return y(i, r, n);
+  }), null;
+}, x = /* @__PURE__ */ T(function(e, t, i) {
+  var r = e.css;
+  typeof r == "string" && t.registered[r] !== void 0 && (r = t.registered[r]);
+  var n = e[u], f = [r], c = "";
+  typeof e.className == "string" ? c = O(t.registered, f, e.className) : e.className != null && (c = e.className + " ");
+  var s = d(f, void 0, a.useContext(v));
+  if (process.env.NODE_ENV !== "production" && s.name.indexOf("-") === -1) {
+    var E = e[N];
+    E && (s = d([s, "label:" + E + ";"]));
+  }
+  c += t.key + "-" + s.name;
+  var l = {};
+  for (var o in e)
+    S.call(e, o) && o !== "css" && o !== u && (process.env.NODE_ENV === "production" || o !== N) && (l[o] = e[o]);
+  return l.ref = i, l.className = c, /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(P, {
+    cache: t,
+    serialized: s,
+    isStringTag: typeof n == "string"
+  }), /* @__PURE__ */ a.createElement(n, l));
+});
+process.env.NODE_ENV !== "production" && (x.displayName = "EmotionCssPropInternal");
 export {
-  s as default
+  v as T,
+  S as h,
+  T as w
 };

package/index.es433.js

@@ -1,57 +1,6 @@
-import * as a from "react";
-import { forwardRef as _, useContext as g } from "react";
-import p from "./index.es493.js";
-import { getRegisteredStyles as O, registerStyles as C, insertStyles as y } from "./index.es465.js";
-import { serializeStyles as d } from "./index.es467.js";
-import { useInsertionEffectAlwaysWithSyncFallback as h } from "./index.es466.js";
-var S = {}.hasOwnProperty, m = /* @__PURE__ */ a.createContext(
-  // we're doing this to avoid preconstruct's dead code elimination in this one case
-  // because this module is primarily intended for the browser and node
-  // but it's also required in react native and similar environments sometimes
-  // and we could have a special build just for that
-  // but this is much easier and the native packages
-  // might use a different theme context in the future anyway
-  typeof HTMLElement < "u" ? /* @__PURE__ */ p({
-    key: "css"
-  }) : null
-);
-process.env.NODE_ENV !== "production" && (m.displayName = "EmotionCacheContext");
-m.Provider;
-var T = function(t) {
-  return /* @__PURE__ */ _(function(i, r) {
-    var n = g(m);
-    return t(i, n, r);
-  });
-}, v = /* @__PURE__ */ a.createContext({});
-process.env.NODE_ENV !== "production" && (v.displayName = "EmotionThemeContext");
-var u = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", N = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", P = function(t) {
-  var i = t.cache, r = t.serialized, n = t.isStringTag;
-  return C(i, r, n), h(function() {
-    return y(i, r, n);
-  }), null;
-}, x = /* @__PURE__ */ T(function(e, t, i) {
-  var r = e.css;
-  typeof r == "string" && t.registered[r] !== void 0 && (r = t.registered[r]);
-  var n = e[u], f = [r], c = "";
-  typeof e.className == "string" ? c = O(t.registered, f, e.className) : e.className != null && (c = e.className + " ");
-  var s = d(f, void 0, a.useContext(v));
-  if (process.env.NODE_ENV !== "production" && s.name.indexOf("-") === -1) {
-    var E = e[N];
-    E && (s = d([s, "label:" + E + ";"]));
-  }
-  c += t.key + "-" + s.name;
-  var l = {};
-  for (var o in e)
-    S.call(e, o) && o !== "css" && o !== u && (process.env.NODE_ENV === "production" || o !== N) && (l[o] = e[o]);
-  return l.ref = i, l.className = c, /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(P, {
-    cache: t,
-    serialized: s,
-    isStringTag: typeof n == "string"
-  }), /* @__PURE__ */ a.createElement(n, l));
-});
-process.env.NODE_ENV !== "production" && (x.displayName = "EmotionCssPropInternal");
+function e(a, t = Number.MIN_SAFE_INTEGER, E = Number.MAX_SAFE_INTEGER) {
+  return Math.max(t, Math.min(a, E));
+}
 export {
-  v as T,
-  S as h,
-  T as w
+  e as default
 };

package/index.es434.js

@@ -1,7 +1,8 @@
-const o = {
-  black: "#000",
-  white: "#fff"
-}, c = o;
+function u(e, r) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
+    return e(...n) || r(...n);
+  };
+}
 export {
-  c as default
+  u as default
 };

package/index.es435.js

@@ -1,19 +1,26 @@
-const e = {
-  50: "#fafafa",
-  100: "#f5f5f5",
-  200: "#eeeeee",
-  300: "#e0e0e0",
-  400: "#bdbdbd",
-  500: "#9e9e9e",
-  600: "#757575",
-  700: "#616161",
-  800: "#424242",
-  900: "#212121",
-  A100: "#f5f5f5",
-  A200: "#eeeeee",
-  A400: "#bdbdbd",
-  A700: "#616161"
-}, f = e;
+import r from "./index.es222.js";
+import c from "./index.es434.js";
+function m(n) {
+  const {
+    prototype: e = {}
+  } = n;
+  return !!e.isReactComponent;
+}
+function l(n, e, p, f, s) {
+  const o = n[e], u = s || e;
+  if (o == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for Emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let t;
+  const i = o.type;
+  return typeof i == "function" && !m(i) && (t = "Did you accidentally use a plain function component for an element instead?"), t !== void 0 ? new Error(`Invalid ${f} \`${u}\` supplied to \`${p}\`. Expected an element that can hold a ref. ${t} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const a = c(r.element, l);
+a.isRequired = c(r.element.isRequired, l);
+const R = a;
 export {
-  f as default
+  R as default
 };

package/index.es436.js

@@ -1,19 +1,23 @@
-const a = {
-  50: "#f3e5f5",
-  100: "#e1bee7",
-  200: "#ce93d8",
-  300: "#ba68c8",
-  400: "#ab47bc",
-  500: "#9c27b0",
-  600: "#8e24aa",
-  700: "#7b1fa2",
-  800: "#6a1b9a",
-  900: "#4a148c",
-  A100: "#ea80fc",
-  A200: "#e040fb",
-  A400: "#d500f9",
-  A700: "#aa00ff"
-}, e = a;
+import c from "./index.es222.js";
+import l from "./index.es434.js";
+function f(n) {
+  const {
+    prototype: e = {}
+  } = n;
+  return !!e.isReactComponent;
+}
+function u(n, e, i, r, p) {
+  const t = n[e], a = p || e;
+  if (t == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let o;
+  return typeof t == "function" && !f(t) && (o = "Did you accidentally provide a plain function component instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${i}\`. Expected an element type that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const m = l(c.elementType, u);
 export {
-  e as default
+  m as default
 };

package/index.es437.js

@@ -1,19 +1,8 @@
-const f = {
-  50: "#ffebee",
-  100: "#ffcdd2",
-  200: "#ef9a9a",
-  300: "#e57373",
-  400: "#ef5350",
-  500: "#f44336",
-  600: "#e53935",
-  700: "#d32f2f",
-  800: "#c62828",
-  900: "#b71c1c",
-  A100: "#ff8a80",
-  A200: "#ff5252",
-  A400: "#ff1744",
-  A700: "#d50000"
-}, e = f;
+import { __module as r } from "./index.es473.js";
+import { __require as e } from "./index.es474.js";
+import { __require as o } from "./index.es475.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
 export {
-  e as default
+  i as r
 };

package/index.es438.js

@@ -1,19 +1,5 @@
-const f = {
-  50: "#fff3e0",
-  100: "#ffe0b2",
-  200: "#ffcc80",
-  300: "#ffb74d",
-  400: "#ffa726",
-  500: "#ff9800",
-  600: "#fb8c00",
-  700: "#f57c00",
-  800: "#ef6c00",
-  900: "#e65100",
-  A100: "#ffd180",
-  A200: "#ffab40",
-  A400: "#ff9100",
-  A700: "#ff6d00"
-}, e = f;
+import e from "./index.es222.js";
+const o = e.oneOfType([e.func, e.object]), f = o;
 export {
-  e as default
+  f as default
 };

package/index.es439.js

@@ -1,19 +1,6 @@
-const f = {
-  50: "#e3f2fd",
-  100: "#bbdefb",
-  200: "#90caf9",
-  300: "#64b5f6",
-  400: "#42a5f5",
-  500: "#2196f3",
-  600: "#1e88e5",
-  700: "#1976d2",
-  800: "#1565c0",
-  900: "#0d47a1",
-  A100: "#82b1ff",
-  A200: "#448aff",
-  A400: "#2979ff",
-  A700: "#2962ff"
-}, e = f;
+function e(t, n) {
+  typeof t == "function" ? t(n) : t && (t.current = n);
+}
 export {
   e as default
 };

package/index.es44.js

@@ -4,13 +4,13 @@ import { Popover as k, PopoverTrigger as y, PopoverContent as P } from "./index.
 import { Button as j } from "./index.es23.js";
 import { selectVariants as S } from "./index.es66.js";
 import "./index.es2.js";
-import { formatDate as c } from "./index.es141.js";
-import A from "./index.es142.js";
-import M from "./index.es143.js";
-import { enUS as p } from "./index.es144.js";
-import { isMatch as V } from "./index.es145.js";
-import { parse as z } from "./index.es146.js";
-import { arSA as B } from "./index.es147.js";
+import { formatDate as c } from "./index.es149.js";
+import A from "./index.es150.js";
+import M from "./index.es151.js";
+import { enUS as p } from "./index.es152.js";
+import { isMatch as V } from "./index.es153.js";
+import { parse as z } from "./index.es154.js";
+import { arSA as B } from "./index.es155.js";
 import { cn as F } from "./index.es89.js";
 const u = {
   en: p,

package/index.es440.js

@@ -1,19 +1,21 @@
-const f = {
-  50: "#e1f5fe",
-  100: "#b3e5fc",
-  200: "#81d4fa",
-  300: "#4fc3f7",
-  400: "#29b6f6",
-  500: "#03a9f4",
-  600: "#039be5",
-  700: "#0288d1",
-  800: "#0277bd",
-  900: "#01579b",
-  A100: "#80d8ff",
-  A200: "#40c4ff",
-  A400: "#00b0ff",
-  A700: "#0091ea"
-}, e = f;
+class t {
+  constructor() {
+    this.currentId = null, this.clear = () => {
+      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+    }, this.disposeEffect = () => this.clear;
+  }
+  static create() {
+    return new t();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(r, e) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, e();
+    }, r);
+  }
+}
 export {
-  e as default
+  t as Timeout
 };

package/index.es441.js

@@ -1,19 +1,69 @@
-const e = {
-  50: "#e8f5e9",
-  100: "#c8e6c9",
-  200: "#a5d6a7",
-  300: "#81c784",
-  400: "#66bb6a",
-  500: "#4caf50",
-  600: "#43a047",
-  700: "#388e3c",
-  800: "#2e7d32",
-  900: "#1b5e20",
-  A100: "#b9f6ca",
-  A200: "#69f0ae",
-  A400: "#00e676",
-  A700: "#00c853"
-}, a = e;
+import * as a from "react";
+import { Timeout as o } from "./index.es440.js";
+let n = !0, s = !1;
+const c = new o(), f = {
+  text: !0,
+  search: !0,
+  url: !0,
+  tel: !0,
+  email: !0,
+  password: !0,
+  number: !0,
+  date: !0,
+  month: !0,
+  week: !0,
+  time: !0,
+  datetime: !0,
+  "datetime-local": !0
+};
+function d(e) {
+  const {
+    type: t,
+    tagName: r
+  } = e;
+  return !!(r === "INPUT" && f[t] && !e.readOnly || r === "TEXTAREA" && !e.readOnly || e.isContentEditable);
+}
+function h(e) {
+  e.metaKey || e.altKey || e.ctrlKey || (n = !0);
+}
+function i() {
+  n = !1;
+}
+function y() {
+  this.visibilityState === "hidden" && s && (n = !0);
+}
+function m(e) {
+  e.addEventListener("keydown", h, !0), e.addEventListener("mousedown", i, !0), e.addEventListener("pointerdown", i, !0), e.addEventListener("touchstart", i, !0), e.addEventListener("visibilitychange", y, !0);
+}
+function b(e) {
+  const {
+    target: t
+  } = e;
+  try {
+    return t.matches(":focus-visible");
+  } catch {
+  }
+  return n || d(t);
+}
+function w() {
+  const e = a.useCallback((u) => {
+    u != null && m(u.ownerDocument);
+  }, []), t = a.useRef(!1);
+  function r() {
+    return t.current ? (s = !0, c.start(100, () => {
+      s = !1;
+    }), t.current = !1, !0) : !1;
+  }
+  function l(u) {
+    return b(u) ? (t.current = !0, !0) : !1;
+  }
+  return {
+    isFocusVisibleRef: t,
+    onFocus: l,
+    onBlur: r,
+    ref: e
+  };
+}
 export {
-  a as default
+  w as default
 };

package/index.es442.js

@@ -1,7 +1,18 @@
-import e from "./index.es476.js";
-function p(o, t) {
-  o.prototype = Object.create(t.prototype), o.prototype.constructor = o, e(o, t);
+import f from "./index.es220.js";
+function b(i, l) {
+  const s = f({}, l);
+  return Object.keys(i).forEach((t) => {
+    if (t.toString().match(/^(components|slots)$/))
+      s[t] = f({}, i[t], s[t]);
+    else if (t.toString().match(/^(componentsProps|slotProps)$/)) {
+      const n = i[t] || {}, c = l[t];
+      s[t] = {}, !c || !Object.keys(c) ? s[t] = n : !n || !Object.keys(n) ? s[t] = c : (s[t] = f({}, c), Object.keys(n).forEach((e) => {
+        s[t][e] = b(n[e], c[e]);
+      }));
+    } else
+      s[t] === void 0 && (s[t] = i[t]);
+  }), s;
 }
 export {
-  p as default
+  b as default
 };