mada-design-system 0.8.1 → 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
 };