mada-design-system 0.0.11 → 0.2.0

package/index.es350.js

@@ -1,67 +1,32 @@
-import { __exports as e } from "./index.es376.js";
-var R;
-function d() {
-  return R ? e : (R = 1, process.env.NODE_ENV !== "production" && function() {
-    function n(r) {
-      if (typeof r == "object" && r !== null) {
-        var m = r.$$typeof;
-        switch (m) {
-          case l:
-            switch (r = r.type, r) {
-              case t:
-              case f:
-              case o:
-              case a:
-              case E:
-                return r;
-              default:
-                switch (r = r && r.$$typeof, r) {
-                  case i:
-                  case u:
-                  case _:
-                  case c:
-                    return r;
-                  case s:
-                    return r;
-                  default:
-                    return m;
-                }
-            }
-          case T:
-            return m;
-        }
-      }
-    }
-    var l = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), i = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), C = Symbol.for("react.client.reference");
-    e.ContextConsumer = s, e.ContextProvider = i, e.Element = l, e.ForwardRef = u, e.Fragment = t, e.Lazy = _, e.Memo = c, e.Portal = T, e.Profiler = f, e.StrictMode = o, e.Suspense = a, e.SuspenseList = E, e.isContextConsumer = function(r) {
-      return n(r) === s;
-    }, e.isContextProvider = function(r) {
-      return n(r) === i;
-    }, e.isElement = function(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === l;
-    }, e.isForwardRef = function(r) {
-      return n(r) === u;
-    }, e.isFragment = function(r) {
-      return n(r) === t;
-    }, e.isLazy = function(r) {
-      return n(r) === _;
-    }, e.isMemo = function(r) {
-      return n(r) === c;
-    }, e.isPortal = function(r) {
-      return n(r) === T;
-    }, e.isProfiler = function(r) {
-      return n(r) === f;
-    }, e.isStrictMode = function(r) {
-      return n(r) === o;
-    }, e.isSuspense = function(r) {
-      return n(r) === a;
-    }, e.isSuspenseList = function(r) {
-      return n(r) === E;
-    }, e.isValidElementType = function(r) {
-      return typeof r == "string" || typeof r == "function" || r === t || r === f || r === o || r === a || r === E || r === S || typeof r == "object" && r !== null && (r.$$typeof === _ || r.$$typeof === c || r.$$typeof === i || r.$$typeof === s || r.$$typeof === u || r.$$typeof === C || r.getModuleId !== void 0);
-    }, e.typeOf = n;
-  }(), e);
+import i from "./index.es186.js";
+import u from "./index.es187.js";
+import c from "./index.es272.js";
+import { isPlainObject as m } from "./index.es271.js";
+const x = ["sx"], a = (t) => {
+  var s, r;
+  const o = {
+    systemProps: {},
+    otherProps: {}
+  }, n = (s = t == null || (r = t.theme) == null ? void 0 : r.unstable_sxConfig) != null ? s : c;
+  return Object.keys(t).forEach((e) => {
+    n[e] ? o.systemProps[e] = t[e] : o.otherProps[e] = t[e];
+  }), o;
+};
+function _(t) {
+  const {
+    sx: s
+  } = t, r = u(t, x), {
+    systemProps: o,
+    otherProps: n
+  } = a(r);
+  let e;
+  return Array.isArray(s) ? e = [o, ...s] : typeof s == "function" ? e = (...f) => {
+    const l = s(...f);
+    return m(l) ? i({}, o, l) : o;
+  } : e = i({}, o, s), i({}, n, {
+    sx: e
+  });
 }
 export {
-  d as __require
+  _ as default
 };

package/index.es351.js

@@ -1,13 +1,12 @@
-import a from "./index.es352.js";
-function f(t, n, e) {
-  return t === void 0 || a(t) ? n : {
-    ...n,
-    ownerState: {
-      ...n.ownerState,
-      ...e
-    }
-  };
+import r from "./index.es336.js";
+function s(n) {
+  const {
+    theme: o,
+    name: e,
+    props: t
+  } = n;
+  return !o || !o.components || !o.components[e] || !o.components[e].defaultProps ? t : r(o.components[e].defaultProps, t);
 }
 export {
-  f as default
+  s as default
 };

package/index.es352.js

@@ -1,6 +1,10 @@
-function n(t) {
-  return typeof t == "string";
+import t from "./index.es211.js";
+import r from "./index.es210.js";
+function i(o) {
+  return r("MuiIconButton", o);
 }
+const e = t("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), l = e;
 export {
-  n as default
+  l as default,
+  i as getIconButtonUtilityClass
 };

package/index.es353.js

@@ -1,11 +1,9 @@
-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;
+import t from "./index.es210.js";
+import e from "./index.es211.js";
+function s(r) {
+  return t("MuiPickersArrowSwitcher", r);
 }
+e("MuiPickersArrowSwitcher", ["root", "spacer", "button"]);
 export {
-  u as default
+  s as getPickersArrowSwitcherUtilityClass
 };

package/index.es354.js

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

package/index.es355.js

@@ -1,48 +1,4 @@
-import { clsx as v } from "./index.es92.js";
-import k from "./index.es353.js";
-import H from "./index.es391.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
-  };
-}
+var e = {};
 export {
-  W as default
+  e as __exports
 };

package/index.es356.js

@@ -1,12 +1,11 @@
-import * as o from "react";
-import u from "./index.es390.js";
-function f(...e) {
-  return o.useMemo(() => e.every((r) => r == null) ? null : (r) => {
-    e.forEach((t) => {
-      u(t, r);
-    });
-  }, e);
+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 {
-  f as default
+  u as default
 };

package/index.es357.js

@@ -1,10 +1,10 @@
-import T from "./index.es191.js";
+import T from "./index.es186.js";
 import * as _ from "react";
-import L from "./index.es377.js";
+import L from "./index.es383.js";
 import { getRegisteredStyles as A, registerStyles as I, insertStyles as z } from "./index.es359.js";
 import { serializeStyles as D } from "./index.es361.js";
 import { useInsertionEffectAlwaysWithSyncFallback as U } from "./index.es360.js";
-import { w as V, T as x } from "./index.es321.js";
+import { w as V, T as x } from "./index.es318.js";
 var Y = L, G = function(e) {
   return e !== "theme";
 }, C = function(e) {

package/index.es358.js

@@ -1,4 +1,4 @@
-import { w as x, T as g } from "./index.es321.js";
+import { w as x, T as g } from "./index.es318.js";
 import * as u from "react";
 import { insertStyles as w, registerStyles as E, getRegisteredStyles as N } from "./index.es359.js";
 import { useInsertionEffectWithLayoutFallback as v, useInsertionEffectAlwaysWithSyncFallback as k } from "./index.es360.js";

package/index.es36.js

@@ -1,37 +1,53 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { OTPInput as c } from "./index.es127.js";
-import * as a from "react";
-import { cn as s } from "./index.es76.js";
-const p = a.forwardRef(
-  ({ className: e, ...r }, n) => /* @__PURE__ */ t(c, { ref: n, containerClassName: s("flex items-center gap-2", e), ...r })
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { OTPInput as p } from "./index.es125.js";
+import * as o from "react";
+import { cn as i } from "./index.es79.js";
+const c = o.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
+    p,
+    {
+      ref: a,
+      containerClassName: i(
+        "flex items-center grow has-[:disabled]:text-disabled",
+        {
+          group: !e.disabled
+        },
+        t
+      ),
+      ...e
+    }
+  )
 );
-p.displayName = "InputOTP";
-const m = a.forwardRef(({ className: e, ...r }, n) => /* @__PURE__ */ t("div", { ref: n, className: s("flex items-center", e), ...r }));
-m.displayName = "InputOTPGroup";
-const f = a.forwardRef(
-  ({ char: e, hasFakeCaret: r, isActive: n, className: i, ...o }, d) => /* @__PURE__ */ l(
+c.displayName = "InputOTP";
+const u = o.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, className: i("flex grow items-center", t), ...e }));
+u.displayName = "InputOTPGroup";
+const f = o.forwardRef(
+  ({ char: t, hasFakeCaret: e, isActive: a, className: s, ...d }, n) => /* @__PURE__ */ l(
     "div",
     {
-      ref: d,
-      className: s(
-        "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
-        n && "z-10 ring-2 ring-ring ring-offset-background",
-        i
+      ref: n,
+      className: i(
+        "relative h-space-07 min-w-[48px] p-space-02 text-body-02",
+        "flex grow items-center justify-center",
+        "transition-all duration-300",
+        "border-y border-e border-input first:rounded-s first:border-s last:rounded-e group-has-[input[aria-invalid]]:border-error",
+        "group-hover:border-form-field-border-hovered ",
+        { "border border-form-field-border-hovered": a },
+        s
       ),
-      ...o,
       children: [
-        e,
-        r && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ t("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        /* @__PURE__ */ r("div", { className: "group-has-[input[aria-invalid]]:text-error group-has-[input[data-input-otp-placeholder-shown]]:text-form-field-text-placeholder", children: t ?? d.placeholderChar }),
+        e && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     }
   )
 );
 f.displayName = "InputOTPSlot";
-const u = a.forwardRef(({ ...e }, r) => /* @__PURE__ */ t("div", { ref: r, role: "separator", ...e, children: /* @__PURE__ */ t("div", { className: "flex size-space-05 items-center justify-center", children: /* @__PURE__ */ t("div", { className: "size-space-01 rounded-full bg-foreground" }) }) }));
-u.displayName = "InputOTPSeparator";
+const m = o.forwardRef(({ ...t }, e) => /* @__PURE__ */ r("div", { ref: e, role: "separator", ...t, children: /* @__PURE__ */ r("div", { className: "flex size-space-05 items-center justify-center", children: /* @__PURE__ */ r("div", { className: "size-space-01 rounded-full bg-foreground" }) }) }));
+m.displayName = "InputOTPSeparator";
 export {
-  p as InputOTP,
-  m as InputOTPGroup,
-  u as InputOTPSeparator,
+  c as InputOTP,
+  u as InputOTPGroup,
+  m as InputOTPSeparator,
   f as InputOTPSlot
 };

package/index.es361.js

@@ -1,6 +1,6 @@
-import w from "./index.es379.js";
-import C from "./index.es380.js";
-import E from "./index.es378.js";
+import w from "./index.es385.js";
+import C from "./index.es386.js";
+import E from "./index.es384.js";
 var _ = !1, x = /[A-Z]|^ms/g, O = /_EMO_([^_]+?)_([^]*?)_EMO_/g, d = function(n) {
   return n.charCodeAt(1) === 45;
 }, p = function(n) {

package/index.es362.js

@@ -1,4 +1,4 @@
-import { __require as t } from "./index.es224.js";
+import { __require as t } from "./index.es229.js";
 var e = t(), a = {
   $$typeof: !0,
   render: !0,

package/index.es363.js

@@ -1,9 +1,13 @@
-function c(t, r) {
-  const e = this;
-  return e.vars && typeof e.getColorSchemeSelector == "function" ? {
-    [e.getColorSchemeSelector(t).replace(/(\[[^\]]+\])/, "*:where($1)")]: r
-  } : e.palette.mode === t ? r : {};
+import a from "./index.es364.js";
+function f(t, n, e) {
+  return t === void 0 || a(t) ? n : {
+    ...n,
+    ownerState: {
+      ...n.ownerState,
+      ...e
+    }
+  };
 }
 export {
-  c as default
+  f as default
 };

package/index.es364.js

@@ -1,8 +1,6 @@
-function e(o, r) {
-  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
-    return t.__proto__ = n, t;
-  }, e(o, r);
+function n(t) {
+  return typeof t == "string";
 }
 export {
-  e as default
+  n as default
 };

package/index.es365.js

@@ -1,6 +1,6 @@
-function i(s, a) {
-  return s.classList ? !!a && s.classList.contains(a) : (" " + (s.className.baseVal || s.className) + " ").indexOf(" " + a + " ") !== -1;
+function r(e, t, f) {
+  return typeof e == "function" ? e(t, f) : e;
 }
 export {
-  i as default
+  r as default
 };

package/index.es366.js

@@ -1,4 +1,48 @@
-import o from "./index.es275.js";
+import { clsx as v } from "./index.es96.js";
+import k from "./index.es356.js";
+import H from "./index.es398.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 {
-  o as default
+  W as default
 };

package/index.es367.js

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