mada-design-system 0.2.7 → 0.3.0

package/index.es359.js

@@ -1,80 +1,261 @@
-import T from "./index.es186.js";
-import * as _ from "react";
-import L from "./index.es385.js";
-import { getRegisteredStyles as A, registerStyles as I, insertStyles as z } from "./index.es361.js";
-import { serializeStyles as D } from "./index.es363.js";
-import { useInsertionEffectAlwaysWithSyncFallback as U } from "./index.es362.js";
-import { w as V, T as x } from "./index.es329.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]);
+import { w as x, T as g } from "./index.es326.js";
+import * as u from "react";
+import { insertStyles as w, registerStyles as E, getRegisteredStyles as N } from "./index.es360.js";
+import { useInsertionEffectWithLayoutFallback as v, useInsertionEffectAlwaysWithSyncFallback as k } from "./index.es361.js";
+import { serializeStyles as p } from "./index.es362.js";
+import "./index.es363.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"
     }
-    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;
+  },
+  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"
+        }
       }
-    }), o.withComponent = function(t, d) {
-      return f(t, T({}, n, d, {
-        shouldForwardProp: O(o, d, !0)
-      })).apply(void 0, u);
-    }, o;
+    }
+  }
+}, 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 {
-  H as default
+  R as ClassNames,
+  C as Global,
+  g as ThemeContext,
+  O as css,
+  G as keyframes,
+  x as withEmotionCache
 };

package/index.es36.js

@@ -1,53 +1,65 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { OTPInput as p } from "./index.es125.js";
-import * as o from "react";
-import { cn as i } from "./index.es79.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.es103.js";
+import * as c from "react";
+import { cn as m } from "./index.es82.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 placeholder:text-form-field-text-placeholder w-full  bg-transparent outline-none  file:border-0 file:bg-transparent file:text-sm  ",
+            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
 };