mada-design-system 0.5.11 → 0.5.13

package/index.es370.js

@@ -1,6 +1,6 @@
-const a = {
-  disabled: !1
+var e = function(o) {
+  return o.scrollTop;
 };
 export {
-  a as default
+  e as forceReflow
 };

package/index.es371.js

@@ -1,18 +1,8 @@
-const s = (t) => t.scrollTop;
-function l(t, e) {
-  var r, a;
-  const {
-    timeout: n,
-    easing: i,
-    style: o = {}
-  } = t;
-  return {
-    duration: (r = o.transitionDuration) != null ? r : typeof n == "number" ? n : n[e.mode] || 0,
-    easing: (a = o.transitionTimingFunction) != null ? a : typeof i == "object" ? i[e.mode] : i,
-    delay: o.transitionDelay
-  };
+function i(e) {
+  if (e === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
 }
 export {
-  l as getTransitionProps,
-  s as reflow
+  i as default
 };

package/index.es372.js

@@ -1,9 +1,5 @@
-import i from "./index.es218.js";
-import r from "./index.es219.js";
-function a(t) {
-  return i("MuiTypography", t);
-}
-r("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
+import t from "react";
+const o = t.createContext(null);
 export {
-  a as getTypographyUtilityClass
+  o as default
 };

package/index.es373.js

@@ -1,32 +1,74 @@
-import i from "./index.es194.js";
-import u from "./index.es195.js";
-import c from "./index.es286.js";
-import { isPlainObject as m } from "./index.es285.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
+import { Children as s, isValidElement as v, cloneElement as d } from "react";
+function h(i, e) {
+  var t = function(a) {
+    return e && v(a) ? e(a) : a;
+  }, u = /* @__PURE__ */ Object.create(null);
+  return i && s.map(i, function(r) {
+    return r;
+  }).forEach(function(r) {
+    u[r.key] = t(r);
+  }), u;
+}
+function m(i, e) {
+  i = i || {}, e = e || {};
+  function t(g) {
+    return g in e ? e[g] : i[g];
+  }
+  var u = /* @__PURE__ */ Object.create(null), r = [];
+  for (var a in i)
+    a in e ? r.length && (u[a] = r, r = []) : r.push(a);
+  var n, f = {};
+  for (var l in e) {
+    if (u[l])
+      for (n = 0; n < u[l].length; n++) {
+        var c = u[l][n];
+        f[u[l][n]] = t(c);
+      }
+    f[l] = t(l);
+  }
+  for (n = 0; n < r.length; n++)
+    f[r[n]] = t(r[n]);
+  return f;
+}
+function o(i, e, t) {
+  return t[e] != null ? t[e] : i.props[e];
+}
+function E(i, e) {
+  return h(i.children, function(t) {
+    return d(t, {
+      onExited: e.bind(null, t),
+      in: !0,
+      appear: o(t, "appear", i),
+      enter: o(t, "enter", i),
+      exit: o(t, "exit", i)
+    });
   });
 }
+function p(i, e, t) {
+  var u = h(i.children), r = m(e, u);
+  return Object.keys(r).forEach(function(a) {
+    var n = r[a];
+    if (v(n)) {
+      var f = a in e, l = a in u, c = e[a], g = v(c) && !c.props.in;
+      l && (!f || g) ? r[a] = d(n, {
+        onExited: t.bind(null, n),
+        in: !0,
+        exit: o(n, "exit", i),
+        enter: o(n, "enter", i)
+      }) : !l && f && !g ? r[a] = d(n, {
+        in: !1
+      }) : l && f && v(c) && (r[a] = d(n, {
+        onExited: t.bind(null, n),
+        in: c.props.in,
+        exit: o(n, "exit", i),
+        enter: o(n, "enter", i)
+      }));
+    }
+  }), r;
+}
 export {
-  _ as default
+  h as getChildMapping,
+  E as getInitialChildMapping,
+  p as getNextChildMapping,
+  m as mergeChildMappings
 };

package/index.es374.js

@@ -1,12 +1,6 @@
-import r from "./index.es360.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);
-}
+const a = {
+  disabled: !1
+};
 export {
-  s as default
+  a as default
 };

package/index.es375.js

@@ -1,10 +1,18 @@
-import t from "./index.es219.js";
-import r from "./index.es218.js";
-function i(o) {
-  return r("MuiIconButton", o);
+const s = (t) => t.scrollTop;
+function l(t, e) {
+  var r, a;
+  const {
+    timeout: n,
+    easing: i,
+    style: o = {}
+  } = t;
+  return {
+    duration: (r = o.transitionDuration) != null ? r : typeof n == "number" ? n : n[e.mode] || 0,
+    easing: (a = o.transitionTimingFunction) != null ? a : typeof i == "object" ? i[e.mode] : i,
+    delay: o.transitionDelay
+  };
 }
-const e = t("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), l = e;
 export {
-  l as default,
-  i as getIconButtonUtilityClass
+  l as getTransitionProps,
+  s as reflow
 };

package/index.es376.js

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

package/index.es377.js

@@ -1,4 +1,10 @@
-var e = { exports: {} };
+import t from "./index.es222.js";
+import r from "./index.es221.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 {
-  e as __module
+  l as default,
+  i as getIconButtonUtilityClass
 };

package/index.es378.js

@@ -1,73 +1,9 @@
-import { __exports as r } from "./index.es411.js";
-var b;
-function x() {
-  if (b)
-    return r;
-  b = 1;
-  var p = Symbol.for("react.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), i = Symbol.for("react.context"), $ = Symbol.for("react.server_context"), s = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), S;
-  S = Symbol.for("react.module.reference");
-  function t(e) {
-    if (typeof e == "object" && e !== null) {
-      var d = e.$$typeof;
-      switch (d) {
-        case p:
-          switch (e = e.type, e) {
-            case o:
-            case c:
-            case n:
-            case u:
-            case l:
-              return e;
-            default:
-              switch (e = e && e.$$typeof, e) {
-                case $:
-                case i:
-                case s:
-                case y:
-                case m:
-                case f:
-                  return e;
-                default:
-                  return d;
-              }
-          }
-        case a:
-          return d;
-      }
-    }
-  }
-  return r.ContextConsumer = i, r.ContextProvider = f, r.Element = p, r.ForwardRef = s, r.Fragment = o, r.Lazy = y, r.Memo = m, r.Portal = a, r.Profiler = c, r.StrictMode = n, r.Suspense = u, r.SuspenseList = l, r.isAsyncMode = function() {
-    return !1;
-  }, r.isConcurrentMode = function() {
-    return !1;
-  }, r.isContextConsumer = function(e) {
-    return t(e) === i;
-  }, r.isContextProvider = function(e) {
-    return t(e) === f;
-  }, r.isElement = function(e) {
-    return typeof e == "object" && e !== null && e.$$typeof === p;
-  }, r.isForwardRef = function(e) {
-    return t(e) === s;
-  }, r.isFragment = function(e) {
-    return t(e) === o;
-  }, r.isLazy = function(e) {
-    return t(e) === y;
-  }, r.isMemo = function(e) {
-    return t(e) === m;
-  }, r.isPortal = function(e) {
-    return t(e) === a;
-  }, r.isProfiler = function(e) {
-    return t(e) === c;
-  }, r.isStrictMode = function(e) {
-    return t(e) === n;
-  }, r.isSuspense = function(e) {
-    return t(e) === u;
-  }, r.isSuspenseList = function(e) {
-    return t(e) === l;
-  }, r.isValidElementType = function(e) {
-    return typeof e == "string" || typeof e == "function" || e === o || e === c || e === n || e === u || e === l || e === _ || typeof e == "object" && e !== null && (e.$$typeof === y || e.$$typeof === m || e.$$typeof === f || e.$$typeof === i || e.$$typeof === s || e.$$typeof === S || e.getModuleId !== void 0);
-  }, r.typeOf = t, r;
+import t from "./index.es221.js";
+import e from "./index.es222.js";
+function s(r) {
+  return t("MuiPickersArrowSwitcher", r);
 }
+e("MuiPickersArrowSwitcher", ["root", "spacer", "button"]);
 export {
-  x as __require
+  s as getPickersArrowSwitcherUtilityClass
 };

package/index.es379.js

@@ -1,94 +1,4 @@
-import { __exports as r } from "./index.es412.js";
-var P;
-function te() {
-  return P ? r : (P = 1, process.env.NODE_ENV !== "production" && function() {
-    var v = Symbol.for("react.element"), m = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), i = Symbol.for("react.context"), b = Symbol.for("react.server_context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), A = Symbol.for("react.offscreen"), M = !1, p = !1, y = !1, F = !1, L = !1, T;
-    T = Symbol.for("react.module.reference");
-    function Y(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === t || e === a || L || e === o || e === f || e === u || F || e === A || M || p || y || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === l || e.$$typeof === s || e.$$typeof === i || e.$$typeof === c || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      e.$$typeof === T || e.getModuleId !== void 0));
-    }
-    function n(e) {
-      if (typeof e == "object" && e !== null) {
-        var _ = e.$$typeof;
-        switch (_) {
-          case v:
-            var d = e.type;
-            switch (d) {
-              case t:
-              case a:
-              case o:
-              case f:
-              case u:
-                return d;
-              default:
-                var C = d && d.$$typeof;
-                switch (C) {
-                  case b:
-                  case i:
-                  case c:
-                  case E:
-                  case l:
-                  case s:
-                    return C;
-                  default:
-                    return _;
-                }
-            }
-          case m:
-            return _;
-        }
-      }
-    }
-    var I = i, O = s, w = v, x = c, $ = t, g = E, h = l, N = m, D = a, z = o, V = f, q = u, R = !1, S = !1;
-    function U(e) {
-      return R || (R = !0), !1;
-    }
-    function W(e) {
-      return S || (S = !0), !1;
-    }
-    function X(e) {
-      return n(e) === i;
-    }
-    function G(e) {
-      return n(e) === s;
-    }
-    function H(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === v;
-    }
-    function Z(e) {
-      return n(e) === c;
-    }
-    function j(e) {
-      return n(e) === t;
-    }
-    function k(e) {
-      return n(e) === E;
-    }
-    function B(e) {
-      return n(e) === l;
-    }
-    function J(e) {
-      return n(e) === m;
-    }
-    function K(e) {
-      return n(e) === a;
-    }
-    function Q(e) {
-      return n(e) === o;
-    }
-    function ee(e) {
-      return n(e) === f;
-    }
-    function re(e) {
-      return n(e) === u;
-    }
-    r.ContextConsumer = I, r.ContextProvider = O, r.Element = w, r.ForwardRef = x, r.Fragment = $, r.Lazy = g, r.Memo = h, r.Portal = N, r.Profiler = D, r.StrictMode = z, r.Suspense = V, r.SuspenseList = q, r.isAsyncMode = U, r.isConcurrentMode = W, r.isContextConsumer = X, r.isContextProvider = G, r.isElement = H, r.isForwardRef = Z, r.isFragment = j, r.isLazy = k, r.isMemo = B, r.isPortal = J, r.isProfiler = K, r.isStrictMode = Q, r.isSuspense = ee, r.isSuspenseList = re, r.isValidElementType = Y, r.typeOf = n;
-  }(), r);
-}
+import f from "./index.es300.js";
 export {
-  te as __require
+  f as default
 };

package/index.es38.js

@@ -1,53 +1,65 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { OTPInput as p } from "./index.es133.js";
-import * as o from "react";
-import { cn as i } from "./index.es85.js";
-const u = 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
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { cva as b } from "./index.es106.js";
+import * as c from "react";
+import { cn as m } from "./index.es86.js";
+const p = b(
+  `relative inline-flex items-center  w-full  px-space-04 text-form-field-text-filled   overflow-hidden
+     aria-[disabled=true]:cursor-not-allowed aria-[disabled=true]:text-disabled-text-default-disabled
+     aria-[invalid=true]:border-form-field-border-error focus-within:shadow-md  focus-within:aria-[invalid=true]:after:bg-form-field-border-error
+     after:absolute after:bottom-0 after:w-0 after:h-[2px] ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 after:start-1/2 after:bg-form-field-border-pressed after:ease-in-out after:transition-all focus-within:after:w-full
+    `,
+  {
+    variants: {
+      variant: {
+        default: "bg-form-field-background-darker  hover:aria-[disabled=false]:border-form-field-border-default",
+        outline: "bg-form-field-background-default aria-[disabled=false]:hover:border-form-field-border-hovered border border-form-field-border-default aria-[disabled=true]:border-border-disabled",
+        lighter: "bg-form-field-background-lighter  aria-[disabled=false]:hover:border-form-field-border-default"
+      },
+      rounded: {
+        default: "rounded",
+        full: "rounded-4"
+      },
+      colors: {
+        default: "hover:aria-[disabled=false]:border",
+        success: "border-success",
+        destructive: "border-form-field-border-error "
+      },
+      size: {
+        default: "[&>input]:py-space-02 text-body-02 h-[40px]",
+        sm: "[&>input]:py-space-01 text-body-01 h-[32px]"
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      rounded: "default",
+      colors: "default",
+      size: "default"
     }
-  )
-);
-u.displayName = "InputOTP";
-const c = o.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, className: i("flex grow items-center", t), ...e }));
-c.displayName = "InputOTPGroup";
-const f = o.forwardRef(
-  ({ char: t, hasFakeCaret: e, isActive: a, className: s, ...d }, n) => /* @__PURE__ */ l(
+  }
+), h = c.forwardRef(
+  ({ className: t, variant: i, rounded: l, type: o, colors: f, startAdornment: a, size: s, endAdornment: d, ...e }, u) => /* @__PURE__ */ n(
     "div",
     {
-      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=true]]:border-error",
-        "group-hover:border-form-field-border-hovered ",
-        { "border border-form-field-border-hovered": a },
-        s
-      ),
+      className: m(p({ variant: i, rounded: l, colors: f, size: s }), t),
+      "aria-invalid": e["aria-invalid"],
+      "aria-disabled": e.disabled,
       children: [
-        /* @__PURE__ */ r("div", { className: "group-has-[input[aria-invalid=true]]: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: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        a && /* @__PURE__ */ r("div", { className: " me-space-02 ", children: a }),
+        /* @__PURE__ */ r(
+          "input",
+          {
+            type: o,
+            className: "file:font-mdium w-full bg-transparent  outline-none file:border-0  file:bg-transparent file:text-sm placeholder:text-form-field-text-placeholder  ",
+            ref: u,
+            ...e
+          }
+        ),
+        d && /* @__PURE__ */ r("div", { className: "ms-space-02", children: d })
       ]
     }
   )
 );
-f.displayName = "InputOTPSlot";
-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";
+h.displayName = "Input";
 export {
-  u as InputOTP,
-  c as InputOTPGroup,
-  m as InputOTPSeparator,
-  f as InputOTPSlot
+  h as Input
 };

package/index.es380.js

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

package/index.es381.js

@@ -1,4 +1,4 @@
-import e from "./index.es310.js";
+var r = {};
 export {
-  e as default
+  r as __exports
 };

package/index.es382.js

@@ -1,4 +1,4 @@
-import o from "./index.es230.js";
+var e = {};
 export {
-  o as default
+  e as __exports
 };

package/index.es383.js

@@ -1,4 +1,4 @@
-import f from "./index.es299.js";
+var e = { exports: {} };
 export {
-  f as default
+  e as __module
 };

package/index.es384.js

@@ -1,4 +1,73 @@
-var r = {};
+import { __exports as r } from "./index.es415.js";
+var b;
+function x() {
+  if (b)
+    return r;
+  b = 1;
+  var p = Symbol.for("react.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), i = Symbol.for("react.context"), $ = Symbol.for("react.server_context"), s = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), S;
+  S = Symbol.for("react.module.reference");
+  function t(e) {
+    if (typeof e == "object" && e !== null) {
+      var d = e.$$typeof;
+      switch (d) {
+        case p:
+          switch (e = e.type, e) {
+            case o:
+            case c:
+            case n:
+            case u:
+            case l:
+              return e;
+            default:
+              switch (e = e && e.$$typeof, e) {
+                case $:
+                case i:
+                case s:
+                case y:
+                case m:
+                case f:
+                  return e;
+                default:
+                  return d;
+              }
+          }
+        case a:
+          return d;
+      }
+    }
+  }
+  return r.ContextConsumer = i, r.ContextProvider = f, r.Element = p, r.ForwardRef = s, r.Fragment = o, r.Lazy = y, r.Memo = m, r.Portal = a, r.Profiler = c, r.StrictMode = n, r.Suspense = u, r.SuspenseList = l, r.isAsyncMode = function() {
+    return !1;
+  }, r.isConcurrentMode = function() {
+    return !1;
+  }, r.isContextConsumer = function(e) {
+    return t(e) === i;
+  }, r.isContextProvider = function(e) {
+    return t(e) === f;
+  }, r.isElement = function(e) {
+    return typeof e == "object" && e !== null && e.$$typeof === p;
+  }, r.isForwardRef = function(e) {
+    return t(e) === s;
+  }, r.isFragment = function(e) {
+    return t(e) === o;
+  }, r.isLazy = function(e) {
+    return t(e) === y;
+  }, r.isMemo = function(e) {
+    return t(e) === m;
+  }, r.isPortal = function(e) {
+    return t(e) === a;
+  }, r.isProfiler = function(e) {
+    return t(e) === c;
+  }, r.isStrictMode = function(e) {
+    return t(e) === n;
+  }, r.isSuspense = function(e) {
+    return t(e) === u;
+  }, r.isSuspenseList = function(e) {
+    return t(e) === l;
+  }, r.isValidElementType = function(e) {
+    return typeof e == "string" || typeof e == "function" || e === o || e === c || e === n || e === u || e === l || e === _ || typeof e == "object" && e !== null && (e.$$typeof === y || e.$$typeof === m || e.$$typeof === f || e.$$typeof === i || e.$$typeof === s || e.$$typeof === S || e.getModuleId !== void 0);
+  }, r.typeOf = t, r;
+}
 export {
-  r as __exports
+  x as __require
 };