mada-design-system 0.2.6 → 0.2.8

package/index.es365.js

@@ -1,9 +1,261 @@
-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 { w as x, T as g } from "./index.es328.js";
+import * as u from "react";
+import { insertStyles as w, registerStyles as E, getRegisteredStyles as N } from "./index.es366.js";
+import { useInsertionEffectWithLayoutFallback as v, useInsertionEffectAlwaysWithSyncFallback as k } from "./index.es367.js";
+import { serializeStyles as p } from "./index.es368.js";
+import "./index.es369.js";
+var _ = {
+  name: "@emotion/react",
+  version: "11.11.3",
+  main: "dist/emotion-react.cjs.js",
+  module: "dist/emotion-react.esm.js",
+  browser: {
+    "./dist/emotion-react.esm.js": "./dist/emotion-react.browser.esm.js"
+  },
+  exports: {
+    ".": {
+      module: {
+        worker: "./dist/emotion-react.worker.esm.js",
+        browser: "./dist/emotion-react.browser.esm.js",
+        default: "./dist/emotion-react.esm.js"
+      },
+      import: "./dist/emotion-react.cjs.mjs",
+      default: "./dist/emotion-react.cjs.js"
+    },
+    "./jsx-runtime": {
+      module: {
+        worker: "./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js",
+        browser: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
+        default: "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"
+      },
+      import: "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
+      default: "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
+    },
+    "./_isolated-hnrs": {
+      module: {
+        worker: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js",
+        browser: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
+        default: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"
+      },
+      import: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
+      default: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
+    },
+    "./jsx-dev-runtime": {
+      module: {
+        worker: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js",
+        browser: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
+        default: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"
+      },
+      import: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
+      default: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
+    },
+    "./package.json": "./package.json",
+    "./types/css-prop": "./types/css-prop.d.ts",
+    "./macro": {
+      types: {
+        import: "./macro.d.mts",
+        default: "./macro.d.ts"
+      },
+      default: "./macro.js"
+    }
+  },
+  types: "types/index.d.ts",
+  files: [
+    "src",
+    "dist",
+    "jsx-runtime",
+    "jsx-dev-runtime",
+    "_isolated-hnrs",
+    "types/*.d.ts",
+    "macro.*"
+  ],
+  sideEffects: !1,
+  author: "Emotion Contributors",
+  license: "MIT",
+  scripts: {
+    "test:typescript": "dtslint types"
+  },
+  dependencies: {
+    "@babel/runtime": "^7.18.3",
+    "@emotion/babel-plugin": "^11.11.0",
+    "@emotion/cache": "^11.11.0",
+    "@emotion/serialize": "^1.1.3",
+    "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
+    "@emotion/utils": "^1.2.1",
+    "@emotion/weak-memoize": "^0.3.1",
+    "hoist-non-react-statics": "^3.3.1"
+  },
+  peerDependencies: {
+    react: ">=16.8.0"
+  },
+  peerDependenciesMeta: {
+    "@types/react": {
+      optional: !0
+    }
+  },
+  devDependencies: {
+    "@definitelytyped/dtslint": "0.0.112",
+    "@emotion/css": "11.11.2",
+    "@emotion/css-prettifier": "1.1.3",
+    "@emotion/server": "11.11.0",
+    "@emotion/styled": "11.11.0",
+    "html-tag-names": "^1.1.2",
+    react: "16.14.0",
+    "svg-tag-names": "^1.1.1",
+    typescript: "^4.5.5"
+  },
+  repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
+  publishConfig: {
+    access: "public"
+  },
+  "umd:main": "dist/emotion-react.umd.min.js",
+  preconstruct: {
+    entrypoints: [
+      "./index.js",
+      "./jsx-runtime.js",
+      "./jsx-dev-runtime.js",
+      "./_isolated-hnrs.js"
+    ],
+    umdName: "emotionReact",
+    exports: {
+      envConditions: [
+        "browser",
+        "worker"
+      ],
+      extra: {
+        "./types/css-prop": "./types/css-prop.d.ts",
+        "./macro": {
+          types: {
+            import: "./macro.d.mts",
+            default: "./macro.d.ts"
+          },
+          default: "./macro.js"
+        }
+      }
+    }
+  }
+}, j = !1, C = /* @__PURE__ */ x(function(i, e) {
+  process.env.NODE_ENV !== "production" && !j && // check for className as well since the user is
+  // probably using the custom createElement which
+  // means it will be turned into a className prop
+  // $FlowFixMe I don't really want to add it to the type since it shouldn't be used
+  (i.className || i.css) && (j = !0);
+  var s = i.styles, r = p([s], void 0, u.useContext(g)), o = u.useRef();
+  return v(function() {
+    var n = e.key + "-global", t = new e.sheet.constructor({
+      key: n,
+      nonce: e.sheet.nonce,
+      container: e.sheet.container,
+      speedy: e.sheet.isSpeedy
+    }), a = !1, l = document.querySelector('style[data-emotion="' + n + " " + r.name + '"]');
+    return e.sheet.tags.length && (t.before = e.sheet.tags[0]), l !== null && (a = !0, l.setAttribute("data-emotion", n), t.hydrate([l])), o.current = [t, a], function() {
+      t.flush();
+    };
+  }, [e]), v(function() {
+    var n = o.current, t = n[0], a = n[1];
+    if (a) {
+      n[1] = !1;
+      return;
+    }
+    if (r.next !== void 0 && w(e, r.next, !0), t.tags.length) {
+      var l = t.tags[t.tags.length - 1].nextElementSibling;
+      t.before = l, t.flush();
+    }
+    e.insert("", r, t, !1);
+  }, [e, r.name]), null;
+});
+process.env.NODE_ENV !== "production" && (C.displayName = "EmotionGlobal");
+function O() {
+  for (var i = arguments.length, e = new Array(i), s = 0; s < i; s++)
+    e[s] = arguments[s];
+  return p(e);
+}
+var G = function() {
+  var e = O.apply(void 0, arguments), s = "animation-" + e.name;
+  return {
+    name: s,
+    styles: "@keyframes " + s + "{" + e.styles + "}",
+    anim: 1,
+    toString: function() {
+      return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
+    }
+  };
+}, S = function i(e) {
+  for (var s = e.length, r = 0, o = ""; r < s; r++) {
+    var n = e[r];
+    if (n != null) {
+      var t = void 0;
+      switch (typeof n) {
+        case "boolean":
+          break;
+        case "object": {
+          if (Array.isArray(n))
+            t = i(n);
+          else {
+            process.env.NODE_ENV !== "production" && n.styles !== void 0 && n.name, t = "";
+            for (var a in n)
+              n[a] && a && (t && (t += " "), t += a);
+          }
+          break;
+        }
+        default:
+          t = n;
+      }
+      t && (o && (o += " "), o += t);
+    }
+  }
+  return o;
+};
+function D(i, e, s) {
+  var r = [], o = N(i, r, s);
+  return r.length < 2 ? s : o + e(r);
+}
+var z = function(e) {
+  var s = e.cache, r = e.serializedArr;
+  return k(function() {
+    for (var o = 0; o < r.length; o++)
+      w(s, r[o], !1);
+  }), null;
+}, R = /* @__PURE__ */ x(function(i, e) {
+  var s = !1, r = [], o = function() {
+    if (s && process.env.NODE_ENV !== "production")
+      throw new Error("css can only be used during render");
+    for (var d = arguments.length, c = new Array(d), m = 0; m < d; m++)
+      c[m] = arguments[m];
+    var f = p(c, e.registered);
+    return r.push(f), E(e, f, !1), e.key + "-" + f.name;
+  }, n = function() {
+    if (s && process.env.NODE_ENV !== "production")
+      throw new Error("cx can only be used during render");
+    for (var d = arguments.length, c = new Array(d), m = 0; m < d; m++)
+      c[m] = arguments[m];
+    return D(e.registered, o, S(c));
+  }, t = {
+    css: o,
+    cx: n,
+    theme: u.useContext(g)
+  }, a = i.children(t);
+  return s = !0, /* @__PURE__ */ u.createElement(u.Fragment, null, /* @__PURE__ */ u.createElement(z, {
+    cache: e,
+    serializedArr: r
+  }), a);
+});
+process.env.NODE_ENV !== "production" && (R.displayName = "EmotionClassNames");
+if (process.env.NODE_ENV !== "production") {
+  var h = !0, T = typeof jest < "u" || typeof vi < "u";
+  if (h && !T) {
+    var y = (
+      // $FlowIgnore
+      typeof globalThis < "u" ? globalThis : h ? window : global
+    ), b = "__EMOTION_REACT_" + _.version.split(".")[0] + "__";
+    y[b], y[b] = !0;
+  }
 }
 export {
-  c as default
+  R as ClassNames,
+  C as Global,
+  g as ThemeContext,
+  O as css,
+  G as keyframes,
+  x as withEmotionCache
 };

package/index.es366.js

@@ -1,13 +1,34 @@
-import a from "./index.es367.js";
-function f(t, n, e) {
-  return t === void 0 || a(t) ? n : {
-    ...n,
-    ownerState: {
-      ...n.ownerState,
-      ...e
-    }
-  };
+var i = !0;
+function u(r, e, t) {
+  var s = "";
+  return t.split(" ").forEach(function(n) {
+    r[n] !== void 0 ? e.push(r[n] + ";") : n && (s += n + " ");
+  }), s;
 }
+var o = function(e, t, s) {
+  var n = e.key + "-" + t.name;
+  // we only need to add the styles to the registered cache if the
+  // class name could be used further down
+  // the tree but if it's a string tag, we know it won't
+  // so we don't have to add it to registered cache.
+  // this improves memory usage since we can avoid storing the whole style string
+  (s === !1 || // we need to always store it if we're in compat mode and
+  // in node since emotion-server relies on whether a style is in
+  // the registered cache to know whether a style is global or not
+  // also, note that this check will be dead code eliminated in the browser
+  i === !1) && e.registered[n] === void 0 && (e.registered[n] = t.styles);
+}, y = function(e, t, s) {
+  o(e, t, s);
+  var n = e.key + "-" + t.name;
+  if (e.inserted[t.name] === void 0) {
+    var f = t;
+    do
+      e.insert(t === f ? "." + n : "", f, e.sheet, !0), f = f.next;
+    while (f !== void 0);
+  }
+};
 export {
-  f as default
+  u as getRegisteredStyles,
+  y as insertStyles,
+  o as registerStyles
 };

package/index.es367.js

@@ -1,6 +1,8 @@
-function n(t) {
-  return typeof t == "string";
-}
+import * as e from "react";
+var n = function(a) {
+  return a();
+}, t = e["useInsertionEffect"] ? e["useInsertionEffect"] : !1, c = t || n, f = t || e.useLayoutEffect;
 export {
-  n as default
+  c as useInsertionEffectAlwaysWithSyncFallback,
+  f as useInsertionEffectWithLayoutFallback
 };

package/index.es368.js

@@ -1,11 +1,134 @@
-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 w from "./index.es387.js";
+import C from "./index.es388.js";
+import E from "./index.es386.js";
+var _ = !1, x = /[A-Z]|^ms/g, O = /_EMO_([^_]+?)_([^]*?)_EMO_/g, d = function(n) {
+  return n.charCodeAt(1) === 45;
+}, p = function(n) {
+  return n != null && typeof n != "boolean";
+}, h = /* @__PURE__ */ E(function(r) {
+  return d(r) ? r : r.replace(x, "-$&").toLowerCase();
+}), y = function(n, e) {
+  switch (n) {
+    case "animation":
+    case "animationName":
+      if (typeof e == "string")
+        return e.replace(O, function(f, a, t) {
+          return s = {
+            name: a,
+            styles: t,
+            next: s
+          }, a;
+        });
+  }
+  return C[n] !== 1 && !d(n) && typeof e == "number" && e !== 0 ? e + "px" : e;
+}, A = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+function m(r, n, e) {
+  if (e == null)
+    return "";
+  var f = e;
+  if (f.__emotion_styles !== void 0)
+    return f;
+  switch (typeof e) {
+    case "boolean":
+      return "";
+    case "object": {
+      var a = e;
+      if (a.anim === 1)
+        return s = {
+          name: a.name,
+          styles: a.styles,
+          next: s
+        }, a.name;
+      var t = e;
+      if (t.styles !== void 0) {
+        var o = t.next;
+        if (o !== void 0)
+          for (; o !== void 0; )
+            s = {
+              name: o.name,
+              styles: o.styles,
+              next: s
+            }, o = o.next;
+        var i = t.styles + ";";
+        return i;
+      }
+      return M(r, n, e);
+    }
+    case "function": {
+      if (r !== void 0) {
+        var u = s, c = e(r);
+        return s = u, m(r, n, c);
+      }
+      break;
+    }
+  }
+  var l = e;
+  if (n == null)
+    return l;
+  var v = n[l];
+  return v !== void 0 ? v : l;
+}
+function M(r, n, e) {
+  var f = "";
+  if (Array.isArray(e))
+    for (var a = 0; a < e.length; a++)
+      f += m(r, n, e[a]) + ";";
+  else
+    for (var t in e) {
+      var o = e[t];
+      if (typeof o != "object") {
+        var i = o;
+        n != null && n[i] !== void 0 ? f += t + "{" + n[i] + "}" : p(i) && (f += h(t) + ":" + y(t, i) + ";");
+      } else {
+        if (t === "NO_COMPONENT_SELECTOR" && _)
+          throw new Error(A);
+        if (Array.isArray(o) && typeof o[0] == "string" && (n == null || n[o[0]] === void 0))
+          for (var u = 0; u < o.length; u++)
+            p(o[u]) && (f += h(t) + ":" + y(t, o[u]) + ";");
+        else {
+          var c = m(r, n, o);
+          switch (t) {
+            case "animation":
+            case "animationName": {
+              f += h(t) + ":" + c + ";";
+              break;
+            }
+            default:
+              f += t + "{" + c + "}";
+          }
+        }
+      }
+    }
+  return f;
+}
+var b = /label:\s*([^\s;{]+)\s*(;|$)/g, s;
+function R(r, n, e) {
+  if (r.length === 1 && typeof r[0] == "object" && r[0] !== null && r[0].styles !== void 0)
+    return r[0];
+  var f = !0, a = "";
+  s = void 0;
+  var t = r[0];
+  if (t == null || t.raw === void 0)
+    f = !1, a += m(e, n, t);
+  else {
+    var o = t;
+    a += o[0];
+  }
+  for (var i = 1; i < r.length; i++)
+    if (a += m(e, n, r[i]), f) {
+      var u = t;
+      a += u[i];
+    }
+  b.lastIndex = 0;
+  for (var c = "", l; (l = b.exec(a)) !== null; )
+    c += "-" + l[1];
+  var v = w(a) + c;
+  return {
+    name: v,
+    styles: a,
+    next: s
+  };
 }
 export {
-  u as default
+  R as serializeStyles
 };

package/index.es369.js

@@ -1,6 +1,17 @@
-function r(e, t, f) {
-  return typeof e == "function" ? e(t, f) : e;
-}
-export {
-  r as default
-};
+import { __require as t } from "./index.es234.js";
+var e = t(), a = {
+  $$typeof: !0,
+  render: !0,
+  defaultProps: !0,
+  displayName: !0,
+  propTypes: !0
+}, p = {
+  $$typeof: !0,
+  compare: !0,
+  defaultProps: !0,
+  displayName: !0,
+  propTypes: !0,
+  type: !0
+}, r = {};
+r[e.ForwardRef] = a;
+r[e.Memo] = p;

package/index.es37.js

@@ -1,10 +1,53 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-label";
-import { cva as i } from "./index.es100.js";
-import * as m from "react";
-import { cn as s } from "./index.es79.js";
-const l = i("text-body-01 peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), p = m.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(o.Root, { ref: e, className: s(l(), a), ...r }));
-p.displayName = o.Root.displayName;
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { OTPInput as p } from "./index.es131.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
+    }
+  )
+);
+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,9 @@
-import { clsx as v } from "./index.es97.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
-    };
-    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 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 : {};
 }
 export {
-  W as default
+  c 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
 };