mada-design-system 0.8.0 → 0.8.3

package/index.es46.js

@@ -1,20 +1,20 @@
 import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import Q from "./index.es3.js";
+import W from "./index.es3.js";
 import { Button as E } from "./index.es23.js";
-import { useState as O, useRef as W, useEffect as X, useCallback as c } from "react";
+import { useState as O, useId as X, useRef as Y, useEffect as ee, useCallback as c } from "react";
 import { strings as s } from "./index.es101.js";
-import { ShouldRender as k } from "./index.es15.js";
-import Y from "./index.es148.js";
-import ee from "./index.es149.js";
-import te from "./index.es150.js";
-import re from "./index.es114.js";
+import { ShouldRender as S } from "./index.es15.js";
+import te from "./index.es148.js";
+import re from "./index.es149.js";
+import ae from "./index.es150.js";
+import se from "./index.es114.js";
 import { cn as m } from "./index.es89.js";
-const ae = {
+const ie = {
   "image/png": [".png"],
   "image/jpeg": [".jpg", ".jpeg"],
   "application/pdf": [".pdf"]
 };
-function se({ file: r, onRemove: a }) {
+function le({ file: r, onRemove: a }) {
   return /* @__PURE__ */ f(
     "li",
     {
@@ -24,9 +24,9 @@ function se({ file: r, onRemove: a }) {
       children: [
         /* @__PURE__ */ f("div", { className: "flex items-center justify-between truncate p-space-02", children: [
           /* @__PURE__ */ f("div", { className: "flex gap-space-02", children: [
-            r.status === "uploading" && /* @__PURE__ */ t(Q, {}),
-            r.status === "success" && /* @__PURE__ */ t(ee, { className: "text-icon-success" }),
-            r.status === "error" && /* @__PURE__ */ t(te, { className: "text-icon-error" }),
+            r.status === "uploading" && /* @__PURE__ */ t(W, {}),
+            r.status === "success" && /* @__PURE__ */ t(re, { className: "text-icon-success" }),
+            r.status === "error" && /* @__PURE__ */ t(ae, { className: "text-icon-error" }),
             /* @__PURE__ */ t("span", { className: "text-body-01 font-medium text-text-default", children: r.file.name })
           ] }),
           /* @__PURE__ */ t(
@@ -39,7 +39,7 @@ function se({ file: r, onRemove: a }) {
               onClick: () => a(r.id),
               "aria-label": `remove file ${r.file.name}`,
               className: "mix-blend-multiply dark:mix-blend-normal",
-              children: /* @__PURE__ */ t(re, {})
+              children: /* @__PURE__ */ t(se, {})
             }
           )
         ] }),
@@ -48,10 +48,10 @@ function se({ file: r, onRemove: a }) {
     }
   );
 }
-function ie({ files: r, onRemove: a }) {
-  return /* @__PURE__ */ t("ul", { className: "space-y-space-01", children: r.map((o) => /* @__PURE__ */ t(se, { file: o, onRemove: a }, o.id)) });
+function ne({ files: r, onRemove: a }) {
+  return /* @__PURE__ */ t("ul", { className: "space-y-space-01", children: r.map((o) => /* @__PURE__ */ t(le, { file: o, onRemove: a }, o.id)) });
 }
-function le({
+function oe({
   isDragging: r,
   disabled: a,
   acceptedExtensions: o,
@@ -80,7 +80,7 @@ function le({
       onDragOver: g,
       onDrop: b,
       children: /* @__PURE__ */ f("label", { htmlFor: "fileInput", className: "flex cursor-pointer flex-col items-center gap-space-05", children: [
-        /* @__PURE__ */ t(Y, { className: m("size-space-05 text-icon-default group-hover:text-icon-success", { "text-disabled": a }) }),
+        /* @__PURE__ */ t(te, { className: m("size-space-05 text-icon-default group-hover:text-icon-success", { "text-disabled": a }) }),
         /* @__PURE__ */ t(
           "span",
           {
@@ -117,8 +117,8 @@ function le({
     }
   );
 }
-function Fe({
-  acceptedFormats: r = ae,
+function ye({
+  acceptedFormats: r = ie,
   onFileSelect: a,
   multiple: o,
   disabled: h,
@@ -136,8 +136,8 @@ function Fe({
   const [i, D] = O({
     validFiles: x,
     invalidFiles: []
-  }), [U, z] = O(!1), A = W(null), $ = i.validFiles.length >= F, C = Object.values(r).flat(), T = C.join(",");
-  X(() => {
+  }), U = X(), [T, z] = O(!1), A = Y(null), $ = i.validFiles.length >= F, C = Object.values(r).flat(), _ = C.join(",");
+  ee(() => {
     x.length && D((e) => ({
       validFiles: x,
       invalidFiles: e.invalidFiles
@@ -149,15 +149,15 @@ function Fe({
       error: s.Attachments.error
     } : { isValid: !0 },
     [r, p]
-  ), w = c(
+  ), k = c(
     (e) => {
       const u = [], l = [];
       e.forEach((n) => {
-        const I = n.name.replace(/[^a-zA-Z0-9\u0600-\u06FF ._-]/g, "_"), R = P(n);
+        const w = n.name.replace(/[^a-zA-Z0-9\u0600-\u06FF ._-]/g, "_"), R = P(n);
         if (!R.isValid) {
           l.push({
             id: `${n.name}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-            file: new File([n], I, { type: n.type }),
+            file: new File([n], w, { type: n.type }),
             progress: 0,
             status: "error",
             error: R.error
@@ -166,7 +166,7 @@ function Fe({
         }
         u.push({
           id: `${n.name}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-          file: new File([n], I, { type: n.type }),
+          file: new File([n], w, { type: n.type }),
           progress: 0,
           status: a ? "uploading" : "success"
         });
@@ -175,35 +175,35 @@ function Fe({
       D({
         validFiles: d,
         invalidFiles: [...i.invalidFiles, ...l]
-      }), N(d), a && u.length && a(u, (n, I, R = "uploading", K) => {
-        const M = d.map((S) => S.id === n ? { ...S, progress: I, status: R, error: K } : S);
-        D((S) => ({
+      }), N(d), a && u.length && a(u, (n, w, R = "uploading", Q) => {
+        const M = d.map((I) => I.id === n ? { ...I, progress: w, status: R, error: Q } : I);
+        D((I) => ({
           validFiles: M,
-          invalidFiles: S.invalidFiles
+          invalidFiles: I.invalidFiles
         })), N(M);
       }), A.current && (A.current.value = "");
     },
     [i.validFiles, i.invalidFiles, N, P, a]
-  ), _ = c((e) => {
+  ), B = c((e) => {
     e.preventDefault(), e.stopPropagation(), z(!0);
-  }, []), B = c((e) => {
-    e.preventDefault(), e.stopPropagation(), z(!1);
   }, []), Z = c((e) => {
+    e.preventDefault(), e.stopPropagation(), z(!1);
+  }, []), q = c((e) => {
     e.preventDefault(), e.stopPropagation();
-  }, []), q = c(
+  }, []), G = c(
     (e) => {
-      e.preventDefault(), e.stopPropagation(), z(!1), w(Array.from(e.dataTransfer.files));
+      e.preventDefault(), e.stopPropagation(), z(!1), k(Array.from(e.dataTransfer.files));
     },
-    [w]
-  ), G = c(
+    [k]
+  ), H = c(
     (e) => {
-      e.target.files && w(Array.from(e.target.files));
+      e.target.files && k(Array.from(e.target.files));
     },
-    [w]
+    [k]
   ), V = c(() => {
     var e, u;
     $ || ((e = A.current) == null || e.click(), (u = A.current) == null || u.focus());
-  }, [$]), H = c(
+  }, [$]), J = c(
     (e) => {
       if (i.invalidFiles.some((l) => l.id === e))
         D((l) => ({
@@ -219,26 +219,26 @@ function Fe({
       }
     },
     [i.validFiles, i.invalidFiles, N]
-  ), J = [...i.validFiles, ...i.invalidFiles];
+  ), K = [...i.validFiles, ...i.invalidFiles];
   return /* @__PURE__ */ f("div", { className: m("mx-auto flex w-full flex-col gap-space-02", { "rounded-1 border border-error p-space-02": b }), children: [
-    /* @__PURE__ */ t(k, { shouldRender: o, children: /* @__PURE__ */ t(
-      le,
+    /* @__PURE__ */ t(S, { shouldRender: o, children: /* @__PURE__ */ t(
+      oe,
       {
-        isDragging: U,
+        isDragging: T,
         disabled: h || $,
         acceptedExtensions: C,
-        onDragEnter: _,
-        onDragLeave: B,
-        onDragOver: Z,
-        onDrop: q,
+        onDragEnter: B,
+        onDragLeave: Z,
+        onDragOver: q,
+        onDrop: G,
         onSelectFiles: V,
         maxSize: p,
         browseLabel: y,
         description: L
       }
     ) }),
-    /* @__PURE__ */ t(k, { shouldRender: !o, children: /* @__PURE__ */ t(
-      ne,
+    /* @__PURE__ */ t(S, { shouldRender: !o, children: /* @__PURE__ */ t(
+      de,
       {
         disabled: h || $,
         acceptedExtensions: C,
@@ -255,20 +255,20 @@ function Fe({
       "input",
       {
         type: "file",
-        accept: T,
+        accept: _,
         ref: A,
-        onChange: G,
+        onChange: H,
         className: "hidden",
-        id: "fileInput",
+        id: `fileInput-${U}`,
         disabled: h || $,
         "aria-describedby": "fileInputDescription"
       }
     ),
-    /* @__PURE__ */ t(ie, { files: J, onRemove: H }),
-    /* @__PURE__ */ t(k, { shouldRender: !x.length && !!g, children: /* @__PURE__ */ t("div", { className: "text-caption-01 text-text-error", children: g }) })
+    /* @__PURE__ */ t(ne, { files: K, onRemove: J }),
+    /* @__PURE__ */ t(S, { shouldRender: !x.length && !!g, children: /* @__PURE__ */ t("div", { className: "text-caption-01 text-text-error", children: g }) })
   ] });
 }
-const ne = ({
+const de = ({
   disabled: r,
   acceptedExtensions: a,
   isSelectedFile: o,
@@ -288,7 +288,7 @@ const ne = ({
         }),
         children: [
           g ?? s.Attachments.uploadFiles,
-          /* @__PURE__ */ t(k, { shouldRender: F, children: /* @__PURE__ */ t("span", { className: "ms-space-01 text-error", children: "*" }) })
+          /* @__PURE__ */ t(S, { shouldRender: F, children: /* @__PURE__ */ t("span", { className: "ms-space-01 text-error", children: "*" }) })
         ]
       }
     ),
@@ -302,8 +302,8 @@ const ne = ({
       }
     )
   ] }),
-  /* @__PURE__ */ t(k, { shouldRender: !o, children: /* @__PURE__ */ t(E, { onClick: h, colors: "neutral", rounded: "default", type: "button", size: "sm", disabled: r, children: b ?? s.Attachments.browseFile }) })
+  /* @__PURE__ */ t(S, { shouldRender: !o, children: /* @__PURE__ */ t(E, { onClick: h, colors: "neutral", rounded: "default", type: "button", size: "sm", disabled: r, children: b ?? s.Attachments.browseFile }) })
 ] });
 export {
-  Fe as FileUpload
+  ye as FileUpload
 };

package/index.es460.js

@@ -1,13 +1,4 @@
-import a from "./index.es461.js";
-function f(t, n, e) {
-  return t === void 0 || a(t) ? n : {
-    ...n,
-    ownerState: {
-      ...n.ownerState,
-      ...e
-    }
-  };
-}
+var e = { exports: {} };
 export {
-  f as default
+  e as __module
 };

package/index.es461.js

@@ -1,6 +1,69 @@
-function n(t) {
-  return typeof t == "string";
+import { __exports as e } from "./index.es487.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 {
-  n as default
+  A as __require
 };

package/index.es462.js

@@ -1,11 +1,68 @@
-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 { __exports as e } from "./index.es488.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 {
-  u as default
+  d as __require
 };

package/index.es463.js

@@ -1,6 +1,80 @@
-function r(e, t, f) {
-  return typeof e == "function" ? e(t, f) : e;
-}
+import T from "./index.es207.js";
+import * as _ from "react";
+import L from "./index.es489.js";
+import { getRegisteredStyles as A, registerStyles as I, insertStyles as z } from "./index.es465.js";
+import { serializeStyles as D } from "./index.es467.js";
+import { useInsertionEffectAlwaysWithSyncFallback as U } from "./index.es466.js";
+import { w as V, T as x } from "./index.es433.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 {
-  r as default
+  H as default
 };