mada-design-system 0.5.13 → 0.6.0

package/index.es39.js

@@ -1,53 +1,20 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { OTPInput as p } from "./index.es134.js";
-import * as o from "react";
-import { cn as i } from "./index.es86.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 { jsx as s } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-label";
+import { cva as i } from "./index.es108.js";
+import * as m from "react";
+import { cn as l } from "./index.es86.js";
+const d = i("peer-disabled:cursor-not-allowed peer-disabled:opacity-70", {
+  variants: {
+    size: {
+      default: "text-body-02",
+      sm: "text-body-01"
     }
-  )
-);
-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(
-    "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
-      ),
-      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" }) })
-      ]
-    }
-  )
-);
-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";
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+}), p = m.forwardRef(({ className: o, size: e, ...t }, r) => /* @__PURE__ */ s(a.Root, { ref: r, className: l(d({ size: e }), o), ...t }));
+p.displayName = a.Root.displayName;
 export {
-  u as InputOTP,
-  c as InputOTPGroup,
-  m as InputOTPSeparator,
-  f as InputOTPSlot
+  p as Label
 };

package/index.es390.js

@@ -1,48 +1,6 @@
-import { clsx as v } from "./index.es130.js";
-import k from "./index.es388.js";
-import H from "./index.es430.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
-  };
+function n(t) {
+  return typeof t == "string";
 }
 export {
-  W as default
+  n as default
 };

package/index.es391.js

@@ -1,27 +1,6 @@
-import * as e from "react";
-function i(...t) {
-  const r = e.useRef(void 0), o = e.useCallback((u) => {
-    const f = t.map((n) => {
-      if (n == null)
-        return null;
-      if (typeof n == "function") {
-        const c = n, l = c(u);
-        return typeof l == "function" ? l : () => {
-          c(null);
-        };
-      }
-      return n.current = u, () => {
-        n.current = null;
-      };
-    });
-    return () => {
-      f.forEach((n) => n == null ? void 0 : n());
-    };
-  }, t);
-  return e.useMemo(() => t.every((u) => u == null) ? null : (u) => {
-    r.current && (r.current(), r.current = void 0), u != null && (r.current = o(u));
-  }, t);
+function r(e, t, f) {
+  return typeof e == "function" ? e(t, f) : e;
 }
 export {
-  i as default
+  r as default
 };

package/index.es392.js

@@ -1,13 +1,48 @@
-import a from "./index.es393.js";
-function f(t, n, e) {
-  return t === void 0 || a(t) ? n : {
-    ...n,
-    ownerState: {
-      ...n.ownerState,
-      ...e
-    }
+import { clsx as v } from "./index.es130.js";
+import k from "./index.es394.js";
+import H from "./index.es432.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 {
-  f as default
+  W as default
 };

package/index.es393.js

@@ -1,6 +1,27 @@
-function n(t) {
-  return typeof t == "string";
+import * as e from "react";
+function i(...t) {
+  const r = e.useRef(void 0), o = e.useCallback((u) => {
+    const f = t.map((n) => {
+      if (n == null)
+        return null;
+      if (typeof n == "function") {
+        const c = n, l = c(u);
+        return typeof l == "function" ? l : () => {
+          c(null);
+        };
+      }
+      return n.current = u, () => {
+        n.current = null;
+      };
+    });
+    return () => {
+      f.forEach((n) => n == null ? void 0 : n());
+    };
+  }, t);
+  return e.useMemo(() => t.every((u) => u == null) ? null : (u) => {
+    r.current && (r.current(), r.current = void 0), u != null && (r.current = o(u));
+  }, t);
 }
 export {
-  n as default
+  i as default
 };

package/index.es394.js

@@ -1,80 +1,11 @@
-import T from "./index.es197.js";
-import * as _ from "react";
-import L from "./index.es418.js";
-import { getRegisteredStyles as A, registerStyles as I, insertStyles as z } from "./index.es399.js";
-import { serializeStyles as D } from "./index.es327.js";
-import { useInsertionEffectAlwaysWithSyncFallback as U } from "./index.es400.js";
-import { w as V, T as x } from "./index.es345.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;
-  };
-};
+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 {
-  H as default
+  u as default
 };

package/index.es395.js

@@ -1,22 +1,80 @@
-function c(e) {
-  for (var f = 0, x, a = 0, d = e.length; d >= 4; ++a, d -= 4)
-    x = e.charCodeAt(a) & 255 | (e.charCodeAt(++a) & 255) << 8 | (e.charCodeAt(++a) & 255) << 16 | (e.charCodeAt(++a) & 255) << 24, x = /* Math.imul(k, m): */
-    (x & 65535) * 1540483477 + ((x >>> 16) * 59797 << 16), x ^= /* k >>> r: */
-    x >>> 24, f = /* Math.imul(k, m): */
-    (x & 65535) * 1540483477 + ((x >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
-    (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16);
-  switch (d) {
-    case 3:
-      f ^= (e.charCodeAt(a + 2) & 255) << 16;
-    case 2:
-      f ^= (e.charCodeAt(a + 1) & 255) << 8;
-    case 1:
-      f ^= e.charCodeAt(a) & 255, f = /* Math.imul(h, m): */
-      (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16);
+import T from "./index.es199.js";
+import * as _ from "react";
+import L from "./index.es417.js";
+import { getRegisteredStyles as A, registerStyles as I, insertStyles as z } from "./index.es397.js";
+import { serializeStyles as D } from "./index.es399.js";
+import { useInsertionEffectAlwaysWithSyncFallback as U } from "./index.es398.js";
+import { w as V, T as x } from "./index.es346.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 f ^= f >>> 13, f = /* Math.imul(h, m): */
-  (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16), ((f ^ f >>> 15) >>> 0).toString(36);
-}
+  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 {
-  c as default
+  H as default
 };