mada-design-system 0.5.10 → 0.5.12

package/index.es370.js

@@ -1,6 +1,74 @@
-const a = {
-  disabled: !1
-};
+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 {
-  a as default
+  h as getChildMapping,
+  E as getInitialChildMapping,
+  p as getNextChildMapping,
+  m as mergeChildMappings
 };

package/index.es371.js

@@ -1,9 +1,6 @@
-import i from "./index.es220.js";
-import r from "./index.es221.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"]);
+const a = {
+  disabled: !1
+};
 export {
-  a as getTypographyUtilityClass
+  a as default
 };

package/index.es372.js

@@ -1,32 +1,9 @@
-import i from "./index.es196.js";
-import u from "./index.es197.js";
-import c from "./index.es289.js";
-import { isPlainObject as m } from "./index.es288.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 i from "./index.es220.js";
+import r from "./index.es221.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"]);
 export {
-  _ as default
+  a as getTypographyUtilityClass
 };

package/index.es373.js

@@ -1,18 +1,32 @@
-const s = (t) => t.scrollTop;
-function l(t, e) {
-  var r, a;
+import i from "./index.es196.js";
+import u from "./index.es197.js";
+import c from "./index.es282.js";
+import { isPlainObject as m } from "./index.es281.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 {
-    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
-  };
+    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 {
-  l as getTransitionProps,
-  s as reflow
+  _ as default
 };

package/index.es374.js

@@ -1,12 +1,10 @@
-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);
+import t from "./index.es221.js";
+import r from "./index.es220.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 {
-  s as default
+  l as default,
+  i as getIconButtonUtilityClass
 };

package/index.es375.js

@@ -1,10 +1,12 @@
-import t from "./index.es221.js";
-import r from "./index.es220.js";
-function i(o) {
-  return r("MuiIconButton", o);
+import r from "./index.es358.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 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
+  s as default
 };

package/index.es377.js

@@ -1,4 +1,4 @@
-import f from "./index.es299.js";
+import f from "./index.es302.js";
 export {
   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.es132.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.es105.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.es386.js

@@ -1,13 +1,80 @@
-import a from "./index.es387.js";
-function f(t, n, e) {
-  return t === void 0 || a(t) ? n : {
-    ...n,
-    ownerState: {
-      ...n.ownerState,
-      ...e
+import T from "./index.es196.js";
+import * as _ from "react";
+import L from "./index.es425.js";
+import { getRegisteredStyles as A, registerStyles as I, insertStyles as z } from "./index.es388.js";
+import { serializeStyles as D } from "./index.es390.js";
+import { useInsertionEffectAlwaysWithSyncFallback as U } from "./index.es389.js";
+import { w as V, T as x } from "./index.es341.js";
+var Y = L, G = function(e) {
+  return e !== "theme";
+}, C = function(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96 ? Y : G;
+}, O = function(e, n, s) {
+  var r;
+  if (n) {
+    var a = n.shouldForwardProp;
+    r = e.__emotion_forwardProp && a ? function(l) {
+      return e.__emotion_forwardProp(l) && a(l);
+    } : a;
+  }
+  return typeof r != "function" && s && (r = e.__emotion_forwardProp), r;
+};
+var Q = function(e) {
+  var n = e.cache, s = e.serialized, r = e.isStringTag;
+  return I(n, s, r), U(function() {
+    return z(n, s, r);
+  }), null;
+}, H = function f(e, n) {
+  if (process.env.NODE_ENV !== "production" && e === void 0)
+    throw new Error(`You are trying to create a styled element with an undefined component.
+You may have forgotten to import it.`);
+  var s = e.__emotion_real === e, r = s && e.__emotion_base || e, a, l;
+  n !== void 0 && (a = n.label, l = n.target);
+  var h = O(e, n, s), g = h || C(r), y = !g("as");
+  return function() {
+    var i = arguments, u = s && e.__emotion_styles !== void 0 ? e.__emotion_styles.slice(0) : [];
+    if (a !== void 0 && u.push("label:" + a + ";"), i[0] == null || i[0].raw === void 0)
+      u.push.apply(u, i);
+    else {
+      process.env.NODE_ENV !== "production" && i[0][0], u.push(i[0][0]);
+      for (var R = i.length, m = 1; m < R; m++)
+        process.env.NODE_ENV !== "production" && i[0][m], u.push(i[m], i[0][m]);
     }
+    var o = V(function(t, d, b) {
+      var S = y && t.as || r, c = "", P = [], v = t;
+      if (t.theme == null) {
+        v = {};
+        for (var N in t)
+          v[N] = t[N];
+        v.theme = _.useContext(x);
+      }
+      typeof t.className == "string" ? c = A(d.registered, P, t.className) : t.className != null && (c = t.className + " ");
+      var w = D(u.concat(P), d.registered, v);
+      c += d.key + "-" + w.name, l !== void 0 && (c += " " + l);
+      var F = y && h === void 0 ? C(S) : g, p = {};
+      for (var E in t)
+        y && E === "as" || // $FlowFixMe
+        F(E) && (p[E] = t[E]);
+      return p.className = c, p.ref = b, /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement(Q, {
+        cache: d,
+        serialized: w,
+        isStringTag: typeof S == "string"
+      }), /* @__PURE__ */ _.createElement(S, p));
+    });
+    return o.displayName = a !== void 0 ? a : "Styled(" + (typeof r == "string" ? r : r.displayName || r.name || "Component") + ")", o.defaultProps = e.defaultProps, o.__emotion_real = o, o.__emotion_base = r, o.__emotion_styles = u, o.__emotion_forwardProp = h, Object.defineProperty(o, "toString", {
+      value: function() {
+        return l === void 0 && process.env.NODE_ENV !== "production" ? "NO_COMPONENT_SELECTOR" : "." + l;
+      }
+    }), o.withComponent = function(t, d) {
+      return f(t, T({}, n, d, {
+        shouldForwardProp: O(o, d, !0)
+      })).apply(void 0, u);
+    }, o;
   };
-}
+};
 export {
-  f as default
+  H as default
 };