@alfadocs/ui-kit-debug 0.8.1 → 0.9.1

package/dist/_chunks/{file-upload-C947ACDK.js → file-upload-DIecAfC-.js}

@@ -1,5 +1,5 @@
-import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import { forwardRef as Ne, useId as Ue, useState as ie, useRef as V, useCallback as y, useMemo as q, useEffect as ze } from "react";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { forwardRef as Ne, useId as Ue, useState as re, useRef as V, useCallback as y, useMemo as q, useEffect as ze } from "react";
 import { u as je } from "./index-CeY1nNvd.js";
 import { c as _ } from "./index-D2ZczOXr.js";
 import { useTranslation as Me } from "react-i18next";
@@ -7,7 +7,7 @@ import { u as Ce } from "./form-field-context-B3APVHKx.js";
 import { u as Le } from "./registry-C9nwlNyL.js";
 import { C as le } from "./circle-alert-ChA9opNA.js";
 import { c as w } from "./createLucideIcon-CrFbzy84.js";
-import { X as re } from "./x-CCcI3eJp.js";
+import { X as ie } from "./x-CCcI3eJp.js";
 import { F as Fe } from "./file-text-DSNuv2B8.js";
 import { C as Ae } from "./circle-check-9AeSgJD_.js";
 /**
@@ -239,31 +239,31 @@ function Ye(d) {
 function Je(d) {
   var c;
   const n = ((c = d.name.split(".").pop()) == null ? void 0 : c.toLowerCase()) ?? "";
-  return ["pdf", "doc", "docx", "txt", "rtf"].includes(n) ? /* @__PURE__ */ i(
+  return ["pdf", "doc", "docx", "txt", "rtf"].includes(n) ? /* @__PURE__ */ r(
     Fe,
     {
       "aria-hidden": "true",
       className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
     }
-  ) : ["zip", "rar", "7z", "tar", "gz"].includes(n) ? /* @__PURE__ */ i(
+  ) : ["zip", "rar", "7z", "tar", "gz"].includes(n) ? /* @__PURE__ */ r(
     _e,
     {
       "aria-hidden": "true",
       className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
     }
-  ) : ["xls", "xlsx", "csv"].includes(n) ? /* @__PURE__ */ i(
+  ) : ["xls", "xlsx", "csv"].includes(n) ? /* @__PURE__ */ r(
     $e,
     {
       "aria-hidden": "true",
       className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
     }
-  ) : ["png", "jpg", "jpeg", "gif", "webp", "svg", "bmp"].includes(n) ? /* @__PURE__ */ i(
+  ) : ["png", "jpg", "jpeg", "gif", "webp", "svg", "bmp"].includes(n) ? /* @__PURE__ */ r(
     He,
     {
       "aria-hidden": "true",
       className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
     }
-  ) : /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ r(
     Ve,
     {
       "aria-hidden": "true",
@@ -274,7 +274,7 @@ function Je(d) {
 function Qe(d) {
   switch (d) {
     case "uploading":
-      return /* @__PURE__ */ i(
+      return /* @__PURE__ */ r(
         Te,
         {
           "aria-hidden": "true",
@@ -282,7 +282,7 @@ function Qe(d) {
         }
       );
     case "complete":
-      return /* @__PURE__ */ i(
+      return /* @__PURE__ */ r(
         Ae,
         {
           "aria-hidden": "true",
@@ -290,7 +290,7 @@ function Qe(d) {
         }
       );
     case "error":
-      return /* @__PURE__ */ i(
+      return /* @__PURE__ */ r(
         le,
         {
           "aria-hidden": "true",
@@ -302,10 +302,10 @@ function Qe(d) {
   }
 }
 const Ze = [
-  "ui.inputs.fileUpload.units.bytes",
-  "ui.inputs.fileUpload.units.kilobytes",
-  "ui.inputs.fileUpload.units.megabytes",
-  "ui.inputs.fileUpload.units.gigabytes"
+  "inputs.fileUpload.units.bytes",
+  "inputs.fileUpload.units.kilobytes",
+  "inputs.fileUpload.units.megabytes",
+  "inputs.fileUpload.units.gigabytes"
 ], ne = ["B", "KB", "MB", "GB"];
 function I(d, n, c) {
   let u = d, p = 0;
@@ -363,7 +363,7 @@ const ss = Ne(
     showPreview: ce = !0,
     className: P
   }, j) => {
-    const { t: o, i18n: N } = Me(), v = Ce(), ue = Ue(), x = v.disabled || B, pe = v.invalid, K = v.id || ue, [R, b] = ie([]), [G, fe] = ie([]), D = V(/* @__PURE__ */ new Map()), O = V(null), M = V(R);
+    const { t: o, i18n: N } = Me(), v = Ce(), ue = Ue(), x = v.disabled || B, pe = v.invalid, K = v.id || ue, [R, b] = re([]), [G, fe] = re([]), D = V(/* @__PURE__ */ new Map()), O = V(null), M = V(R);
     M.current = R;
     const U = y((e) => {
       O.current && (O.current.textContent = e);
@@ -371,7 +371,7 @@ const ss = Ne(
       (e) => {
         if (!W || !n) return !0;
         for (const [s, a] of Object.entries(n)) {
-          const t = s === "*/*" || s.endsWith("/*") && e.type.startsWith(s.replace("/*", "/")) || e.type === s, r = de(e.name), f = a.length === 0 || a.some((z) => z.toLowerCase() === r);
+          const t = s === "*/*" || s.endsWith("/*") && e.type.startsWith(s.replace("/*", "/")) || e.type === s, i = de(e.name), f = a.length === 0 || a.some((z) => z.toLowerCase() === i);
           if (t && f) return !0;
         }
         return !1;
@@ -385,17 +385,17 @@ const ss = Ne(
           (a) => a.map(
             (t) => t.id === e.id ? { ...t, status: "uploading", progress: 0 } : t
           )
-        ), U(o("ui.inputs.fileUpload.uploading", "Uploading…"));
+        ), U(o("inputs.fileUpload.uploading", "Uploading…"));
         try {
           await H(e.file, {
             signal: s.signal,
             onProgress: (a) => {
               b(
                 (t) => t.map(
-                  (r) => r.id === e.id ? { ...r, progress: a } : r
+                  (i) => i.id === e.id ? { ...i, progress: a } : i
                 )
               ), U(
-                o("ui.inputs.fileUpload.progress", "{{percent}}% uploaded", {
+                o("inputs.fileUpload.progress", "{{percent}}% uploaded", {
                   percent: a
                 })
               );
@@ -404,15 +404,15 @@ const ss = Ne(
             (a) => a.map(
               (t) => t.id === e.id ? { ...t, status: "complete", progress: 100 } : t
             )
-          ), U(o("ui.inputs.fileUpload.complete", "Upload complete"));
+          ), U(o("inputs.fileUpload.complete", "Upload complete"));
         } catch (a) {
           if (s.signal.aborted) {
-            b((r) => r.filter((f) => f.id !== e.id));
+            b((i) => i.filter((f) => f.id !== e.id));
             return;
           }
-          const t = a instanceof Error ? a.message : o("ui.inputs.fileUpload.errors.uploadFailed", "Upload failed");
+          const t = a instanceof Error ? a.message : o("inputs.fileUpload.errors.uploadFailed", "Upload failed");
           b(
-            (r) => r.map(
+            (i) => i.map(
               (f) => f.id === e.id ? { ...f, status: "error", error: t } : f
             )
           );
@@ -428,12 +428,12 @@ const ss = Ne(
             file: l.file,
             reason: Se(k.code)
           }))
-        ), t = [], r = [];
+        ), t = [], i = [];
         for (const l of e)
-          X(l) ? r.push(l) : t.push({ file: l, reason: "file-invalid-type" });
+          X(l) ? i.push(l) : t.push({ file: l, reason: "file-invalid-type" });
         const f = [...a, ...t];
         fe(f), f.length > 0 && (A == null || A(f));
-        const z = r.map((l) => ({
+        const z = i.map((l) => ({
           file: l,
           id: Xe(),
           status: "pending",
@@ -447,14 +447,10 @@ const ss = Ne(
             return z;
           }
           return [...l, ...z];
-        }), L == null || L(r, f), U(
-          o(
-            "ui.inputs.fileUpload.filesSelected",
-            "{{count}} file(s) selected",
-            {
-              count: r.length
-            }
-          )
+        }), L == null || L(i, f), U(
+          o("inputs.fileUpload.filesSelected", "{{count}} file(s) selected", {
+            count: i.length
+          })
         );
         for (const l of z)
           Y(l);
@@ -482,8 +478,8 @@ const ss = Ne(
     }), he = y((e) => {
       const s = D.current.get(e);
       s == null || s.abort(), b((a) => {
-        const t = a.find((r) => r.id === e);
-        return t != null && t.preview && URL.revokeObjectURL(t.preview), a.filter((r) => r.id !== e);
+        const t = a.find((i) => i.id === e);
+        return t != null && t.preview && URL.revokeObjectURL(t.preview), a.filter((i) => i.id !== e);
       });
     }, []), E = y(
       (e) => {
@@ -514,32 +510,32 @@ const ss = Ne(
     const S = y(
       (e) => {
         const s = [], a = [], t = h ? p : 1;
-        for (const r of e) {
+        for (const i of e) {
           if (s.length >= t) {
-            a.push({ file: r, reason: "too-many-files" });
+            a.push({ file: i, reason: "too-many-files" });
             continue;
           }
-          if (c !== void 0 && r.size > c) {
-            a.push({ file: r, reason: "file-too-large" });
+          if (c !== void 0 && i.size > c) {
+            a.push({ file: i, reason: "file-too-large" });
             continue;
           }
-          if (u !== void 0 && r.size < u) {
-            a.push({ file: r, reason: "file-too-small" });
+          if (u !== void 0 && i.size < u) {
+            a.push({ file: i, reason: "file-too-small" });
             continue;
           }
           if (n) {
-            const f = de(r.name);
+            const f = de(i.name);
             if (!Object.entries(n).some(
               ([l, k]) => {
-                const xe = l === "*/*" || l.endsWith("/*") && r.type.startsWith(l.replace("/*", "/")) || r.type === l, ke = k.length > 0 && k.some((we) => we.toLowerCase() === f);
+                const xe = l === "*/*" || l.endsWith("/*") && i.type.startsWith(l.replace("/*", "/")) || i.type === l, ke = k.length > 0 && k.some((we) => we.toLowerCase() === f);
                 return xe || ke;
               }
             )) {
-              a.push({ file: r, reason: "file-invalid-type" });
+              a.push({ file: i, reason: "file-invalid-type" });
               continue;
             }
           }
-          s.push(r);
+          s.push(i);
         }
         return { accepted: s, rejected: a };
       },
@@ -550,11 +546,11 @@ const ss = Ne(
         const s = Array.from(e.clipboardData.files);
         if (s.length > 0) {
           e.preventDefault();
-          const { accepted: a, rejected: t } = S(s), r = t.map((f) => ({
+          const { accepted: a, rejected: t } = S(s), i = t.map((f) => ({
             file: f.file,
             errors: [{ code: f.reason, message: f.reason }]
           }));
-          $(a, r);
+          $(a, i);
         }
       },
       [x, $, S]
@@ -566,11 +562,11 @@ const ss = Ne(
     const se = q(() => {
       const e = [];
       return n && e.push(es(n)), c && e.push(
-        o("ui.inputs.fileUpload.maxSizeHint", "Max {{size}}", {
+        o("inputs.fileUpload.maxSizeHint", "Max {{size}}", {
           size: I(c, N.language, o)
         })
       ), h && p > 1 && e.push(
-        o("ui.inputs.fileUpload.maxFilesHint", "Up to {{count}} files", {
+        o("inputs.fileUpload.maxFilesHint", "Up to {{count}} files", {
           count: p
         })
       ), e;
@@ -578,7 +574,7 @@ const ss = Ne(
       switch (e.reason) {
         case "file-too-large":
           return o(
-            "ui.inputs.fileUpload.errors.fileTooLarge",
+            "inputs.fileUpload.errors.fileTooLarge",
             "File exceeds {{maxSize}}",
             {
               maxSize: c ? I(c, N.language, o) : ""
@@ -586,7 +582,7 @@ const ss = Ne(
           );
         case "file-too-small":
           return o(
-            "ui.inputs.fileUpload.errors.fileTooSmall",
+            "inputs.fileUpload.errors.fileTooSmall",
             "File is smaller than {{minSize}}",
             {
               minSize: u ? I(u, N.language, o) : ""
@@ -594,25 +590,25 @@ const ss = Ne(
           );
         case "file-invalid-type":
           return o(
-            "ui.inputs.fileUpload.errors.fileInvalidType",
+            "inputs.fileUpload.errors.fileInvalidType",
             "File type not accepted"
           );
         case "too-many-files":
           return o(
-            "ui.inputs.fileUpload.errors.tooManyFiles",
+            "inputs.fileUpload.errors.tooManyFiles",
             "Maximum {{maxFiles}} files allowed",
             {
               maxFiles: p
             }
           );
       }
-    }), [G, o, c, u, p, N.language]), ve = () => R.length === 0 ? null : /* @__PURE__ */ i("ul", { className: "ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:p-0 ds:m-0", children: R.map((e) => /* @__PURE__ */ m(
+    }), [G, o, c, u, p, N.language]), ve = () => R.length === 0 ? null : /* @__PURE__ */ r("ul", { className: "ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:p-0 ds:m-0", children: R.map((e) => /* @__PURE__ */ m(
       "li",
       {
         "data-file-id": e.id,
         className: Ge({ status: e.status }),
         children: [
-          ce && e.preview ? /* @__PURE__ */ i(
+          ce && e.preview ? /* @__PURE__ */ r(
             "img",
             {
               src: e.preview,
@@ -623,7 +619,7 @@ const ss = Ne(
           ) : Je(e.file),
           /* @__PURE__ */ m("div", { className: "ds:flex-1 ds:min-w-0", children: [
             /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              /* @__PURE__ */ i("p", { className: "ds:truncate type-label ds:m-0", children: e.file.name }),
+              /* @__PURE__ */ r("p", { className: "ds:truncate type-label ds:m-0", children: e.file.name }),
               Qe(e.status)
             ] }),
             /* @__PURE__ */ m("p", { className: "type-meta ds:text-muted-foreground ds:m-0 ds:mt-0.5", children: [
@@ -632,9 +628,9 @@ const ss = Ne(
                 e.progress,
                 "%"
               ] }),
-              e.status === "complete" && /* @__PURE__ */ i("span", { className: "ds:ms-[var(--spacing-sm)] ds:text-[var(--success)] ds:font-medium", children: o("ui.inputs.fileUpload.complete", "Complete") })
+              e.status === "complete" && /* @__PURE__ */ r("span", { className: "ds:ms-[var(--spacing-sm)] ds:text-[var(--success)] ds:font-medium", children: o("inputs.fileUpload.complete", "Complete") })
             ] }),
-            e.status === "uploading" && /* @__PURE__ */ i(
+            e.status === "uploading" && /* @__PURE__ */ r(
               "div",
               {
                 role: "progressbar",
@@ -643,7 +639,7 @@ const ss = Ne(
                 "aria-valuemin": 0,
                 "aria-valuemax": 100,
                 className: "ds:mt-[var(--spacing-sm)] ds:h-1.5 ds:w-full ds:rounded-[var(--radius-full)] ds:bg-muted ds:overflow-hidden",
-                children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ r(
                   "div",
                   {
                     className: "ds:h-full ds:rounded-[var(--radius-full)] ds:bg-primary ds:transition-[inline-size] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
@@ -652,7 +648,7 @@ const ss = Ne(
                 )
               }
             ),
-            e.status === "error" && e.error && /* @__PURE__ */ i(
+            e.status === "error" && e.error && /* @__PURE__ */ r(
               "p",
               {
                 role: "alert",
@@ -661,24 +657,24 @@ const ss = Ne(
               }
             )
           ] }),
-          e.status === "uploading" && /* @__PURE__ */ i(
+          e.status === "uploading" && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               onClick: () => he(e.id),
-              "aria-label": o("ui.inputs.fileUpload.cancel", "Cancel upload"),
+              "aria-label": o("inputs.fileUpload.cancel", "Cancel upload"),
               className: oe(),
-              children: /* @__PURE__ */ i(re, { "aria-hidden": "true", className: "ds:size-4" })
+              children: /* @__PURE__ */ r(ie, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ),
-          (e.status === "complete" || e.status === "pending" || e.status === "error") && /* @__PURE__ */ i(
+          (e.status === "complete" || e.status === "pending" || e.status === "error") && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               onClick: () => E(e.id),
-              "aria-label": o("ui.inputs.fileUpload.remove", "Remove file"),
+              "aria-label": o("inputs.fileUpload.remove", "Remove file"),
               className: oe(),
-              children: /* @__PURE__ */ i(re, { "aria-hidden": "true", className: "ds:size-4" })
+              children: /* @__PURE__ */ r(ie, { "aria-hidden": "true", className: "ds:size-4" })
             }
           )
         ]
@@ -705,7 +701,7 @@ const ss = Ne(
           onPaste: ee,
           id: K,
           "aria-label": o(
-            "ui.inputs.fileUpload.dropHere",
+            "inputs.fileUpload.dropHere",
             "Drop files here or click to browse"
           ),
           "aria-describedby": v.describedBy || void 0,
@@ -713,25 +709,25 @@ const ss = Ne(
           "aria-required": v.required || void 0,
           "data-testid": "file-upload-dropzone",
           children: [
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ r(
               "input",
               {
                 ...J({
                   "aria-label": o(
-                    "ui.inputs.fileUpload.dropHere",
+                    "inputs.fileUpload.dropHere",
                     "Drop files here or click to browse"
                   )
                 })
               }
             ),
             /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-              /* @__PURE__ */ i("div", { className: "ds:flex ds:items-center ds:justify-center ds:size-14 ds:rounded-[var(--radius-full)] ds:bg-primary/10 ds:text-primary ds:transition-colors ds:duration-[var(--animation-duration)] ds:group-hover:bg-primary/15 ds:motion-reduce:transition-none", children: C ? /* @__PURE__ */ i(De, { "aria-hidden": "true", className: "ds:size-7" }) : /* @__PURE__ */ i(T, { "aria-hidden": "true", className: "ds:size-7" }) }),
+              /* @__PURE__ */ r("div", { className: "ds:flex ds:items-center ds:justify-center ds:size-14 ds:rounded-[var(--radius-full)] ds:bg-primary/10 ds:text-primary ds:transition-colors ds:duration-[var(--animation-duration)] ds:group-hover:bg-primary/15 ds:motion-reduce:transition-none", children: C ? /* @__PURE__ */ r(De, { "aria-hidden": "true", className: "ds:size-7" }) : /* @__PURE__ */ r(T, { "aria-hidden": "true", className: "ds:size-7" }) }),
               /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                /* @__PURE__ */ i("p", { className: "type-label ds:text-foreground ds:text-center ds:m-0", children: C ? o("ui.inputs.fileUpload.dropActive", "Drop files here") : o(
-                  "ui.inputs.fileUpload.dropHere",
+                /* @__PURE__ */ r("p", { className: "type-label ds:text-foreground ds:text-center ds:m-0", children: C ? o("inputs.fileUpload.dropActive", "Drop files here") : o(
+                  "inputs.fileUpload.dropHere",
                   "Drop files here or click to browse"
                 ) }),
-                se.length > 0 && !C && /* @__PURE__ */ i("p", { className: "type-meta ds:text-muted-foreground ds:text-center ds:m-0", children: se.join(" · ") })
+                se.length > 0 && !C && /* @__PURE__ */ r("p", { className: "type-meta ds:text-muted-foreground ds:text-center ds:m-0", children: se.join(" · ") })
               ] }),
               g === "both" && !C && /* @__PURE__ */ m(
                 "button",
@@ -745,8 +741,8 @@ const ss = Ne(
                     className: "ds:mt-[var(--spacing-xs)]"
                   }),
                   children: [
-                    /* @__PURE__ */ i(T, { "aria-hidden": "true", className: "ds:size-4" }),
-                    o("ui.inputs.fileUpload.browse", "Browse files")
+                    /* @__PURE__ */ r(T, { "aria-hidden": "true", className: "ds:size-4" }),
+                    o("inputs.fileUpload.browse", "Browse files")
                   ]
                 }
               )
@@ -755,11 +751,11 @@ const ss = Ne(
         }
       );
     }, ye = () => g === "dropzone" ? null : g === "button" ? /* @__PURE__ */ m("div", { onPaste: ee, ref: j, children: [
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ r(
         "input",
         {
           ...J({
-            "aria-label": o("ui.inputs.fileUpload.browse", "Browse files")
+            "aria-label": o("inputs.fileUpload.browse", "Browse files")
           })
         }
       ),
@@ -775,8 +771,8 @@ const ss = Ne(
           "aria-invalid": g === "button" && v.invalid || void 0,
           "aria-required": g === "button" && v.required || void 0,
           children: [
-            /* @__PURE__ */ i(T, { "aria-hidden": "true", className: "ds:size-4" }),
-            o("ui.inputs.fileUpload.browse", "Browse files")
+            /* @__PURE__ */ r(T, { "aria-hidden": "true", className: "ds:size-4" }),
+            o("inputs.fileUpload.browse", "Browse files")
           ]
         }
       )
@@ -785,7 +781,7 @@ const ss = Ne(
       be(),
       ye(),
       ve(),
-      te.length > 0 && /* @__PURE__ */ i(
+      te.length > 0 && /* @__PURE__ */ r(
         "div",
         {
           role: "alert",
@@ -795,21 +791,21 @@ const ss = Ne(
             {
               className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
               children: [
-                /* @__PURE__ */ i(
+                /* @__PURE__ */ r(
                   le,
                   {
                     "aria-hidden": "true",
                     className: "ds:size-3.5 ds:shrink-0 ds:text-destructive"
                   }
                 ),
-                /* @__PURE__ */ i("p", { className: "type-meta ds:text-destructive ds:m-0", children: e })
+                /* @__PURE__ */ r("p", { className: "type-meta ds:text-destructive ds:m-0", children: e })
               ]
             },
             s
           ))
         }
       ),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ r(
         "span",
         {
           ref: O,
@@ -826,4 +822,4 @@ export {
   ss as F,
   Pe as f
 };
-//# sourceMappingURL=file-upload-C947ACDK.js.map
+//# sourceMappingURL=file-upload-DIecAfC-.js.map