mada-design-system 0.2.7 → 0.3.0

package/index.es366.js

@@ -1,13 +1,6 @@
-import a from "./index.es367.js";
-function f(t, n, e) {
-  return t === void 0 || a(t) ? n : {
-    ...n,
-    ownerState: {
-      ...n.ownerState,
-      ...e
-    }
-  };
+function n(t) {
+  return typeof t == "string";
 }
 export {
-  f as default
+  n as default
 };

package/index.es367.js

@@ -1,6 +1,11 @@
-function n(t) {
-  return typeof t == "string";
+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 {
-  n as default
+  u as default
 };

package/index.es368.js

@@ -1,11 +1,6 @@
-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;
+function r(e, t, f) {
+  return typeof e == "function" ? e(t, f) : e;
 }
 export {
-  u as default
+  r as default
 };

package/index.es369.js

@@ -1,6 +1,48 @@
-function r(e, t, f) {
-  return typeof e == "function" ? e(t, f) : e;
+import { clsx as v } from "./index.es100.js";
+import k from "./index.es367.js";
+import H from "./index.es400.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 {
-  r as default
+  W as default
 };

package/index.es37.js

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

package/index.es370.js

@@ -1,48 +1,27 @@
-import { clsx as v } from "./index.es96.js";
-import k from "./index.es368.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
+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());
     };
-    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
-  };
+  }, 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 {
-  W as default
+  i as default
 };

package/index.es371.js

@@ -1,27 +1,4 @@
-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);
-}
+var e = { exports: {} };
 export {
-  i as default
+  e as __module
 };

package/index.es372.js

@@ -1,8 +1,69 @@
-function e(o, r) {
-  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
-    return t.__proto__ = n, t;
-  }, e(o, r);
+import { __exports as e } from "./index.es397.js";
+var R;
+function A() {
+  if (R)
+    return e;
+  R = 1;
+  var T = Symbol.for("react.transitional.element"), l = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), f = 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.view_transition"), C = Symbol.for("react.client.reference");
+  function t(r) {
+    if (typeof r == "object" && r !== null) {
+      var m = r.$$typeof;
+      switch (m) {
+        case T:
+          switch (r = r.type, r) {
+            case n:
+            case i:
+            case o:
+            case a:
+            case E:
+            case S:
+              return r;
+            default:
+              switch (r = r && r.$$typeof, r) {
+                case f:
+                case u:
+                case _:
+                case c:
+                  return r;
+                case s:
+                  return r;
+                default:
+                  return m;
+              }
+          }
+        case l:
+          return m;
+      }
+    }
+  }
+  return e.ContextConsumer = s, e.ContextProvider = f, e.Element = T, e.ForwardRef = u, e.Fragment = n, e.Lazy = _, e.Memo = c, e.Portal = l, e.Profiler = i, e.StrictMode = o, e.Suspense = a, e.SuspenseList = E, e.isContextConsumer = function(r) {
+    return t(r) === s;
+  }, e.isContextProvider = function(r) {
+    return t(r) === f;
+  }, e.isElement = function(r) {
+    return typeof r == "object" && r !== null && r.$$typeof === T;
+  }, e.isForwardRef = function(r) {
+    return t(r) === u;
+  }, e.isFragment = function(r) {
+    return t(r) === n;
+  }, e.isLazy = function(r) {
+    return t(r) === _;
+  }, e.isMemo = function(r) {
+    return t(r) === c;
+  }, e.isPortal = function(r) {
+    return t(r) === l;
+  }, e.isProfiler = function(r) {
+    return t(r) === i;
+  }, e.isStrictMode = function(r) {
+    return t(r) === o;
+  }, e.isSuspense = function(r) {
+    return t(r) === a;
+  }, e.isSuspenseList = function(r) {
+    return t(r) === E;
+  }, e.isValidElementType = function(r) {
+    return typeof r == "string" || typeof r == "function" || r === n || r === i || r === o || r === a || r === E || typeof r == "object" && r !== null && (r.$$typeof === _ || r.$$typeof === c || r.$$typeof === f || r.$$typeof === s || r.$$typeof === u || r.$$typeof === C || r.getModuleId !== void 0);
+  }, e.typeOf = t, e;
 }
 export {
-  e as default
+  A as __require
 };

package/index.es373.js

@@ -1,6 +1,68 @@
-function i(s, a) {
-  return s.classList ? !!a && s.classList.contains(a) : (" " + (s.className.baseVal || s.className) + " ").indexOf(" " + a + " ") !== -1;
+import { __exports as e } from "./index.es398.js";
+var R;
+function d() {
+  return R ? e : (R = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(r) {
+      if (typeof r == "object" && r !== null) {
+        var m = r.$$typeof;
+        switch (m) {
+          case l:
+            switch (r = r.type, r) {
+              case n:
+              case s:
+              case o:
+              case a:
+              case E:
+              case S:
+                return r;
+              default:
+                switch (r = r && r.$$typeof, r) {
+                  case f:
+                  case u:
+                  case _:
+                  case c:
+                    return r;
+                  case i:
+                    return r;
+                  default:
+                    return m;
+                }
+            }
+          case T:
+            return m;
+        }
+      }
+    }
+    var l = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), i = Symbol.for("react.consumer"), f = 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.view_transition"), C = Symbol.for("react.client.reference");
+    e.ContextConsumer = i, e.ContextProvider = f, e.Element = l, e.ForwardRef = u, e.Fragment = n, e.Lazy = _, e.Memo = c, e.Portal = T, e.Profiler = s, e.StrictMode = o, e.Suspense = a, e.SuspenseList = E, e.isContextConsumer = function(r) {
+      return t(r) === i;
+    }, e.isContextProvider = function(r) {
+      return t(r) === f;
+    }, e.isElement = function(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === l;
+    }, e.isForwardRef = function(r) {
+      return t(r) === u;
+    }, e.isFragment = function(r) {
+      return t(r) === n;
+    }, e.isLazy = function(r) {
+      return t(r) === _;
+    }, e.isMemo = function(r) {
+      return t(r) === c;
+    }, e.isPortal = function(r) {
+      return t(r) === T;
+    }, e.isProfiler = function(r) {
+      return t(r) === s;
+    }, e.isStrictMode = function(r) {
+      return t(r) === o;
+    }, e.isSuspense = function(r) {
+      return t(r) === a;
+    }, e.isSuspenseList = function(r) {
+      return t(r) === E;
+    }, e.isValidElementType = function(r) {
+      return typeof r == "string" || typeof r == "function" || r === n || r === s || r === o || r === a || r === E || typeof r == "object" && r !== null && (r.$$typeof === _ || r.$$typeof === c || r.$$typeof === f || r.$$typeof === i || r.$$typeof === u || r.$$typeof === C || r.getModuleId !== void 0);
+    }, e.typeOf = t;
+  }(), e);
 }
 export {
-  i as default
+  d as __require
 };

package/index.es374.js

@@ -1,4 +1,8 @@
-import t from "./index.es303.js";
+function e(o, r) {
+  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
+    return t.__proto__ = n, t;
+  }, e(o, r);
+}
 export {
-  t as default
+  e as default
 };

package/index.es375.js

@@ -1,4 +1,6 @@
-import o from "./index.es287.js";
+function i(s, a) {
+  return s.classList ? !!a && s.classList.contains(a) : (" " + (s.className.baseVal || s.className) + " ").indexOf(" " + a + " ") !== -1;
+}
 export {
-  o as default
+  i as default
 };