@alfadocs/ui-kit 0.0.20 → 0.1.1

package/dist/_chunks/{file-upload.agent-BMow5yDY.js → file-upload.agent-DYFnqdxw.js}

@@ -1,4 +1,4 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { forwardRef as xe, useId as ke, useState as S, useRef as V, useCallback as b, useEffect as Ne, useMemo as ee } from "react";
 import { u as we } from "./index-CeY1nNvd.js";
 import { c as D } from "./index-D2ZczOXr.js";
@@ -6,7 +6,7 @@ import { useTranslation as Ue } from "react-i18next";
 import { u as ze } from "./form-field-context-94LwgYTQ.js";
 import { C as ne } from "./circle-alert-ChA9opNA.js";
 import { c as k } from "./createLucideIcon-CrFbzy84.js";
-import { X as te } from "./x-CCcI3eJp.js";
+import { X as se } from "./x-CCcI3eJp.js";
 import { F as Me } from "./file-text-DSNuv2B8.js";
 import { C as je } from "./circle-check-9AeSgJD_.js";
 /**
@@ -113,28 +113,28 @@ const Ee = [
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
 ], E = k("upload", Ee), He = D(
   [
-    "relative flex flex-col items-center justify-center",
-    "min-h-48 px-[var(--spacing-lg)] py-[var(--spacing-xl)]",
-    "rounded-[var(--radius-lg)] border-2 border-dashed",
-    "bg-background",
-    "transition-all duration-[var(--animation-duration)] motion-reduce:transition-none",
-    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-    "focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "cursor-pointer",
-    "group"
+    "ds:relative ds:flex ds:flex-col ds:items-center ds:justify-center",
+    "ds:min-h-48 ds:px-[var(--spacing-lg)] ds:py-[var(--spacing-xl)]",
+    "ds:rounded-[var(--radius-lg)] ds:border-2 ds:border-dashed",
+    "ds:bg-background",
+    "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:cursor-pointer",
+    "ds:group"
   ].join(" "),
   {
     variants: {
       isDragActive: {
-        true: "border-primary bg-primary/10 scale-[1.01]",
-        false: "border-border hover:border-muted-foreground/40 hover:bg-muted/5"
+        true: "ds:border-primary ds:bg-primary/10 ds:scale-[1.01]",
+        false: "ds:border-border ds:hover:border-muted-foreground/40 ds:hover:bg-muted/5"
       },
       hasError: {
-        true: "border-destructive bg-destructive/5 hover:border-destructive",
+        true: "ds:border-destructive ds:bg-destructive/5 ds:hover:border-destructive",
         false: ""
       },
       isDisabled: {
-        true: "cursor-not-allowed opacity-50 hover:border-border hover:bg-background",
+        true: "ds:cursor-not-allowed ds:opacity-50 ds:hover:border-border ds:hover:bg-background",
         false: ""
       }
     },
@@ -144,71 +144,71 @@ const Ee = [
       isDisabled: !1
     }
   }
-), re = D(
+), te = D(
   [
-    "inline-flex items-center justify-center gap-[var(--spacing-xs)]",
-    "min-h-[var(--min-target-size)] min-w-[var(--min-target-size)]",
-    "rounded-[var(--radius-md)] border border-primary/30 bg-primary/5",
-    "ps-[var(--spacing-md)] pe-[var(--spacing-md)] py-[var(--spacing-sm)]",
-    "text-primary text-[var(--font-size-sm)] font-medium",
-    "transition-all duration-[var(--animation-duration)] motion-reduce:transition-none",
-    "hover:bg-primary/10 hover:border-primary/50",
-    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-    "focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "disabled:cursor-not-allowed disabled:opacity-50"
+    "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
+    "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-primary/30 ds:bg-primary/5",
+    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-sm)]",
+    "ds:text-primary ds:text-[var(--font-size-sm)] ds:font-medium",
+    "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:hover:bg-primary/10 ds:hover:border-primary/50",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
   ].join(" ")
 ), qe = D(
   [
-    "flex items-center gap-[var(--spacing-md)]",
-    "rounded-[var(--radius-md)] border bg-background",
-    "p-[var(--spacing-md)]",
-    "text-[var(--font-size-sm)] text-foreground",
-    "transition-all duration-[var(--animation-duration)] motion-reduce:transition-none"
+    "ds:flex ds:items-center ds:gap-[var(--spacing-md)]",
+    "ds:rounded-[var(--radius-md)] ds:border ds:bg-background",
+    "ds:p-[var(--spacing-md)]",
+    "ds:text-[var(--font-size-sm)] ds:text-foreground",
+    "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
   ].join(" "),
   {
     variants: {
       status: {
-        pending: "border-border",
-        uploading: "border-primary/30 bg-primary/[0.02]",
-        complete: "border-[var(--success)]/30 bg-[var(--success)]/[0.02]",
-        error: "border-destructive/30 bg-destructive/[0.02]"
+        pending: "ds:border-border",
+        uploading: "ds:border-primary/30 ds:bg-primary/[0.02]",
+        complete: "ds:border-[var(--success)]/30 ds:bg-[var(--success)]/[0.02]",
+        error: "ds:border-destructive/30 ds:bg-destructive/[0.02]"
       }
     },
     defaultVariants: {
       status: "pending"
     }
   }
-), ie = D(
+), re = D(
   [
-    "inline-flex items-center justify-center",
-    "min-h-[var(--min-target-size)] min-w-[var(--min-target-size)]",
-    "rounded-[var(--radius-sm)]",
-    "text-muted-foreground",
-    "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
-    "hover:text-foreground hover:bg-muted/40",
-    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-    "focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:text-muted-foreground",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:hover:text-foreground ds:hover:bg-muted/40",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
   ].join(" ")
 );
 function Te() {
   return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
 }
-function We(o) {
-  return o.type.startsWith("image/");
+function We(d) {
+  return d.type.startsWith("image/");
 }
-function Ke(o) {
+function Ke(d) {
   var p;
-  const l = ((p = o.name.split(".").pop()) == null ? void 0 : p.toLowerCase()) ?? "";
-  return ["pdf", "doc", "docx", "txt", "rtf"].includes(l) ? /* @__PURE__ */ r(Me, { "aria-hidden": "true", className: "size-10 shrink-0 text-muted-foreground" }) : ["zip", "rar", "7z", "tar", "gz"].includes(l) ? /* @__PURE__ */ r(Fe, { "aria-hidden": "true", className: "size-10 shrink-0 text-muted-foreground" }) : ["xls", "xlsx", "csv"].includes(l) ? /* @__PURE__ */ r(Be, { "aria-hidden": "true", className: "size-10 shrink-0 text-muted-foreground" }) : ["png", "jpg", "jpeg", "gif", "webp", "svg", "bmp"].includes(l) ? /* @__PURE__ */ r(Ie, { "aria-hidden": "true", className: "size-10 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ r($e, { "aria-hidden": "true", className: "size-10 shrink-0 text-muted-foreground" });
+  const o = ((p = d.name.split(".").pop()) == null ? void 0 : p.toLowerCase()) ?? "";
+  return ["pdf", "doc", "docx", "txt", "rtf"].includes(o) ? /* @__PURE__ */ t(Me, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" }) : ["zip", "rar", "7z", "tar", "gz"].includes(o) ? /* @__PURE__ */ t(Fe, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" }) : ["xls", "xlsx", "csv"].includes(o) ? /* @__PURE__ */ t(Be, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" }) : ["png", "jpg", "jpeg", "gif", "webp", "svg", "bmp"].includes(o) ? /* @__PURE__ */ t(Ie, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" }) : /* @__PURE__ */ t($e, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" });
 }
-function Pe(o) {
-  switch (o) {
+function Pe(d) {
+  switch (d) {
     case "uploading":
-      return /* @__PURE__ */ r(Ve, { "aria-hidden": "true", className: "size-4 shrink-0 text-primary animate-spin" });
+      return /* @__PURE__ */ t(Ve, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0 ds:text-primary ds:animate-spin" });
     case "complete":
-      return /* @__PURE__ */ r(je, { "aria-hidden": "true", className: "size-4 shrink-0 text-[var(--success)]" });
+      return /* @__PURE__ */ t(je, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0 ds:text-[var(--success)]" });
     case "error":
-      return /* @__PURE__ */ r(ne, { "aria-hidden": "true", className: "size-4 shrink-0 text-destructive" });
+      return /* @__PURE__ */ t(ne, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0 ds:text-destructive" });
     default:
       return null;
   }
@@ -218,18 +218,18 @@ const Ge = [
   "ui.inputs.fileUpload.units.kilobytes",
   "ui.inputs.fileUpload.units.megabytes",
   "ui.inputs.fileUpload.units.gigabytes"
-], se = ["B", "KB", "MB", "GB"];
-function F(o, l, p) {
-  let d = o, f = 0;
-  for (; d >= 1024 && f < se.length - 1; )
-    d /= 1024, f++;
-  const I = new Intl.NumberFormat(l, {
+], ie = ["B", "KB", "MB", "GB"];
+function F(d, o, p) {
+  let l = d, f = 0;
+  for (; l >= 1024 && f < ie.length - 1; )
+    l /= 1024, f++;
+  const I = new Intl.NumberFormat(o, {
     maximumFractionDigits: f === 0 ? 0 : 1
-  }).format(d), M = p(Ge[f], se[f]);
+  }).format(l), M = p(Ge[f], ie[f]);
   return `${I} ${M}`;
 }
-function Xe(o) {
-  switch (o) {
+function Xe(d) {
+  switch (d) {
     case "file-too-large":
       return "file-too-large";
     case "file-too-small":
@@ -242,27 +242,27 @@ function Xe(o) {
       return "file-invalid-type";
   }
 }
-function ae(o) {
-  const l = o.split(".");
-  return l.length > 1 ? `.${l.pop().toLowerCase()}` : "";
+function ae(d) {
+  const o = d.split(".");
+  return o.length > 1 ? `.${o.pop().toLowerCase()}` : "";
 }
-function Ye(o) {
-  const l = [];
-  for (const d of Object.values(o))
-    for (const f of d)
-      l.push(f.toUpperCase().replace(".", ""));
-  if (l.length > 0) return l.join(", ");
+function Ye(d) {
+  const o = [];
+  for (const l of Object.values(d))
+    for (const f of l)
+      o.push(f.toUpperCase().replace(".", ""));
+  if (o.length > 0) return o.join(", ");
   const p = [];
-  for (const d of Object.keys(o))
-    d.endsWith("/*") ? p.push(d.replace("/*", "").split("/").pop() ?? d) : p.push(d.split("/").pop() ?? d);
+  for (const l of Object.keys(d))
+    l.endsWith("/*") ? p.push(l.replace("/*", "").split("/").pop() ?? l) : p.push(l.split("/").pop() ?? l);
   return p.join(", ");
 }
 const Je = xe(
   ({
-    accept: o,
-    maxSize: l,
+    accept: d,
+    maxSize: o,
     minSize: p,
-    maxFiles: d = 1,
+    maxFiles: l = 1,
     multiple: f = !1,
     disabled: I,
     strictAccept: M = !1,
@@ -271,59 +271,59 @@ const Je = xe(
     onRemove: C,
     onReject: L,
     variant: h = "both",
-    showPreview: oe = !0,
+    showPreview: de = !0,
     className: H
   }, q) => {
-    const { t: a, i18n: N } = Ue(), g = ze(), le = ke(), y = g.disabled || I, de = g.invalid, T = g.id || le, [A, v] = S([]), [W, ce] = S([]), B = V(/* @__PURE__ */ new Map()), R = V(null), $ = V(A);
+    const { t: a, i18n: N } = Ue(), g = ze(), oe = ke(), y = g.disabled || I, le = g.invalid, T = g.id || oe, [A, v] = S([]), [W, ce] = S([]), B = V(/* @__PURE__ */ new Map()), R = V(null), $ = V(A);
     $.current = A;
     const w = b((e) => {
       R.current && (R.current.textContent = e);
     }, []), K = b(
       (e) => {
-        if (!M || !o) return !0;
-        for (const [t, s] of Object.entries(o)) {
-          const n = t === "*/*" || t.endsWith("/*") && e.type.startsWith(t.replace("/*", "/")) || e.type === t, i = ae(e.name), u = s.length === 0 || s.some((U) => U.toLowerCase() === i);
+        if (!M || !d) return !0;
+        for (const [s, i] of Object.entries(d)) {
+          const n = s === "*/*" || s.endsWith("/*") && e.type.startsWith(s.replace("/*", "/")) || e.type === s, r = ae(e.name), u = i.length === 0 || i.some((U) => U.toLowerCase() === r);
           if (n && u) return !0;
         }
         return !1;
       },
-      [M, o]
+      [M, d]
     ), P = b(
       async (e) => {
         if (!_) return;
-        const t = new AbortController();
-        B.current.set(e.id, t), v(
-          (s) => s.map(
+        const s = new AbortController();
+        B.current.set(e.id, s), v(
+          (i) => i.map(
             (n) => n.id === e.id ? { ...n, status: "uploading", progress: 0 } : n
           )
         ), w(a("ui.inputs.fileUpload.uploading", "Uploading…"));
         try {
           await _(e.file, {
-            signal: t.signal,
-            onProgress: (s) => {
+            signal: s.signal,
+            onProgress: (i) => {
               v(
                 (n) => n.map(
-                  (i) => i.id === e.id ? { ...i, progress: s } : i
+                  (r) => r.id === e.id ? { ...r, progress: i } : r
                 )
               ), w(
                 a("ui.inputs.fileUpload.progress", "{{percent}}% uploaded", {
-                  percent: s
+                  percent: i
                 })
               );
             }
           }), v(
-            (s) => s.map(
+            (i) => i.map(
               (n) => n.id === e.id ? { ...n, status: "complete", progress: 100 } : n
             )
           ), w(a("ui.inputs.fileUpload.complete", "Upload complete"));
-        } catch (s) {
-          if (t.signal.aborted) {
-            v((i) => i.filter((u) => u.id !== e.id));
+        } catch (i) {
+          if (s.signal.aborted) {
+            v((r) => r.filter((u) => u.id !== e.id));
             return;
           }
-          const n = s instanceof Error ? s.message : a("ui.inputs.fileUpload.errors.uploadFailed", "Upload failed");
+          const n = i instanceof Error ? i.message : a("ui.inputs.fileUpload.errors.uploadFailed", "Upload failed");
           v(
-            (i) => i.map(
+            (r) => r.map(
               (u) => u.id === e.id ? { ...u, status: "error", error: n } : u
             )
           );
@@ -333,18 +333,18 @@ const Je = xe(
       },
       [_, w, a]
     ), O = b(
-      (e, t) => {
-        const s = t.flatMap(
+      (e, s) => {
+        const i = s.flatMap(
           (c) => c.errors.map((x) => ({
             file: c.file,
             reason: Xe(x.code)
           }))
-        ), n = [], i = [];
+        ), n = [], r = [];
         for (const c of e)
-          K(c) ? i.push(c) : n.push({ file: c, reason: "file-invalid-type" });
-        const u = [...s, ...n];
+          K(c) ? r.push(c) : n.push({ file: c, reason: "file-invalid-type" });
+        const u = [...i, ...n];
         ce(u), u.length > 0 && (L == null || L(u));
-        const U = i.map((c) => ({
+        const U = r.map((c) => ({
           file: c,
           id: Te(),
           status: "pending",
@@ -352,15 +352,15 @@ const Je = xe(
           preview: We(c) ? URL.createObjectURL(c) : void 0
         }));
         v((c) => {
-          if (!f && d === 1) {
+          if (!f && l === 1) {
             for (const x of c)
               x.preview && URL.revokeObjectURL(x.preview);
             return U;
           }
           return [...c, ...U];
-        }), j == null || j(i, u), w(
+        }), j == null || j(r, u), w(
           a("ui.inputs.fileUpload.filesSelected", "{{count}} file(s) selected", {
-            count: i.length
+            count: r.length
           })
         );
         for (const c of U)
@@ -368,7 +368,7 @@ const Je = xe(
       },
       [
         f,
-        d,
+        l,
         j,
         L,
         K,
@@ -377,10 +377,10 @@ const Je = xe(
         a
       ]
     ), { getRootProps: ue, getInputProps: G, isDragActive: z, open: X } = we({
-      accept: o,
-      maxSize: l,
+      accept: d,
+      maxSize: o,
       minSize: p,
-      maxFiles: f ? d : 1,
+      maxFiles: f ? l : 1,
       multiple: f,
       disabled: y,
       onDrop: O,
@@ -388,61 +388,61 @@ const Je = xe(
       noKeyboard: h === "button"
     }), pe = b(
       (e) => {
-        const t = B.current.get(e);
-        t == null || t.abort(), v((s) => {
-          const n = s.find((i) => i.id === e);
-          return n != null && n.preview && URL.revokeObjectURL(n.preview), s.filter((i) => i.id !== e);
+        const s = B.current.get(e);
+        s == null || s.abort(), v((i) => {
+          const n = i.find((r) => r.id === e);
+          return n != null && n.preview && URL.revokeObjectURL(n.preview), i.filter((r) => r.id !== e);
         });
       },
       []
     ), fe = b(
       (e) => {
-        const t = $.current.find((s) => s.id === e);
-        t != null && t.preview && URL.revokeObjectURL(t.preview), v((s) => s.filter((n) => n.id !== e)), t && (C == null || C(t));
+        const s = $.current.find((i) => i.id === e);
+        s != null && s.preview && URL.revokeObjectURL(s.preview), v((i) => i.filter((n) => n.id !== e)), s && (C == null || C(s));
       },
       [C]
     ), Y = b(
       (e) => {
-        const t = [], s = [], n = f ? d : 1;
-        for (const i of e) {
-          if (t.length >= n) {
-            s.push({ file: i, reason: "too-many-files" });
+        const s = [], i = [], n = f ? l : 1;
+        for (const r of e) {
+          if (s.length >= n) {
+            i.push({ file: r, reason: "too-many-files" });
             continue;
           }
-          if (l !== void 0 && i.size > l) {
-            s.push({ file: i, reason: "file-too-large" });
+          if (o !== void 0 && r.size > o) {
+            i.push({ file: r, reason: "file-too-large" });
             continue;
           }
-          if (p !== void 0 && i.size < p) {
-            s.push({ file: i, reason: "file-too-small" });
+          if (p !== void 0 && r.size < p) {
+            i.push({ file: r, reason: "file-too-small" });
             continue;
           }
-          if (o) {
-            const u = ae(i.name);
-            if (!Object.entries(o).some(([c, x]) => {
-              const ve = c === "*/*" || c.endsWith("/*") && i.type.startsWith(c.replace("/*", "/")) || i.type === c, be = x.length > 0 && x.some((ye) => ye.toLowerCase() === u);
+          if (d) {
+            const u = ae(r.name);
+            if (!Object.entries(d).some(([c, x]) => {
+              const ve = c === "*/*" || c.endsWith("/*") && r.type.startsWith(c.replace("/*", "/")) || r.type === c, be = x.length > 0 && x.some((ye) => ye.toLowerCase() === u);
               return ve || be;
             })) {
-              s.push({ file: i, reason: "file-invalid-type" });
+              i.push({ file: r, reason: "file-invalid-type" });
               continue;
             }
           }
-          t.push(i);
+          s.push(r);
         }
-        return { accepted: t, rejected: s };
+        return { accepted: s, rejected: i };
       },
-      [o, l, p, d, f]
+      [d, o, p, l, f]
     ), J = b(
       (e) => {
         if (y) return;
-        const t = Array.from(e.clipboardData.files);
-        if (t.length > 0) {
+        const s = Array.from(e.clipboardData.files);
+        if (s.length > 0) {
           e.preventDefault();
-          const { accepted: s, rejected: n } = Y(t), i = n.map((u) => ({
+          const { accepted: i, rejected: n } = Y(s), r = n.map((u) => ({
             file: u.file,
             errors: [{ code: u.reason, message: u.reason }]
           }));
-          O(s, i);
+          O(i, r);
         }
       },
       [y, O, Y]
@@ -453,20 +453,20 @@ const Je = xe(
     }, []);
     const Q = ee(() => {
       const e = [];
-      return o && e.push(Ye(o)), l && e.push(
+      return d && e.push(Ye(d)), o && e.push(
         a("ui.inputs.fileUpload.maxSizeHint", "Max {{size}}", {
-          size: F(l, N.language, a)
+          size: F(o, N.language, a)
         })
-      ), f && d > 1 && e.push(
+      ), f && l > 1 && e.push(
         a("ui.inputs.fileUpload.maxFilesHint", "Up to {{count}} files", {
-          count: d
+          count: l
         })
       ), e;
-    }, [o, l, f, d, a, N.language]), Z = ee(() => W.map((e) => {
+    }, [d, o, f, l, a, N.language]), Z = ee(() => W.map((e) => {
       switch (e.reason) {
         case "file-too-large":
           return a("ui.inputs.fileUpload.errors.fileTooLarge", "File exceeds {{maxSize}}", {
-            maxSize: l ? F(l, N.language, a) : ""
+            maxSize: o ? F(o, N.language, a) : ""
           });
         case "file-too-small":
           return a("ui.inputs.fileUpload.errors.fileTooSmall", "File is smaller than {{minSize}}", {
@@ -476,33 +476,33 @@ const Je = xe(
           return a("ui.inputs.fileUpload.errors.fileInvalidType", "File type not accepted");
         case "too-many-files":
           return a("ui.inputs.fileUpload.errors.tooManyFiles", "Maximum {{maxFiles}} files allowed", {
-            maxFiles: d
+            maxFiles: l
           });
       }
-    }), [W, a, l, p, d, N.language]), me = () => A.length === 0 ? null : /* @__PURE__ */ r("ul", { className: "mt-[var(--spacing-md)] flex flex-col gap-[var(--spacing-sm)] list-none p-0 m-0", children: A.map((e) => /* @__PURE__ */ m("li", { className: qe({ status: e.status }), children: [
-      oe && e.preview ? /* @__PURE__ */ r(
+    }), [W, a, o, p, l, N.language]), me = () => A.length === 0 ? null : /* @__PURE__ */ t("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: A.map((e) => /* @__PURE__ */ m("li", { className: qe({ status: e.status }), children: [
+      de && e.preview ? /* @__PURE__ */ t(
         "img",
         {
           src: e.preview,
           alt: "",
           "aria-hidden": "true",
-          className: "size-12 shrink-0 rounded-[var(--radius-md)] object-cover border border-border"
+          className: "ds:size-12 ds:shrink-0 ds:rounded-[var(--radius-md)] ds:object-cover ds:border ds:border-border"
         }
       ) : Ke(e.file),
-      /* @__PURE__ */ m("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ m("div", { className: "flex items-center gap-[var(--spacing-xs)]", children: [
-          /* @__PURE__ */ r("p", { className: "truncate type-label m-0", children: e.file.name }),
+      /* @__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__ */ t("p", { className: "ds:truncate type-label ds:m-0", children: e.file.name }),
           Pe(e.status)
         ] }),
-        /* @__PURE__ */ m("p", { className: "type-meta text-muted-foreground m-0 mt-0.5", children: [
+        /* @__PURE__ */ m("p", { className: "type-meta ds:text-muted-foreground ds:m-0 ds:mt-0.5", children: [
           F(e.file.size, N.language, a),
-          e.status === "uploading" && /* @__PURE__ */ m("span", { className: "ms-[var(--spacing-sm)] text-primary font-medium", children: [
+          e.status === "uploading" && /* @__PURE__ */ m("span", { className: "ds:ms-[var(--spacing-sm)] ds:text-primary ds:font-medium", children: [
             e.progress,
             "%"
           ] }),
-          e.status === "complete" && /* @__PURE__ */ r("span", { className: "ms-[var(--spacing-sm)] text-[var(--success)] font-medium", children: a("ui.inputs.fileUpload.complete", "Complete") })
+          e.status === "complete" && /* @__PURE__ */ t("span", { className: "ds:ms-[var(--spacing-sm)] ds:text-[var(--success)] ds:font-medium", children: a("ui.inputs.fileUpload.complete", "Complete") })
         ] }),
-        e.status === "uploading" && /* @__PURE__ */ r(
+        e.status === "uploading" && /* @__PURE__ */ t(
           "div",
           {
             role: "progressbar",
@@ -510,36 +510,36 @@ const Je = xe(
             "aria-valuenow": e.progress,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
-            className: "mt-[var(--spacing-sm)] h-1.5 w-full rounded-[var(--radius-full)] bg-muted overflow-hidden",
-            children: /* @__PURE__ */ r(
+            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__ */ t(
               "div",
               {
-                className: "h-full rounded-[var(--radius-full)] bg-primary transition-[inline-size] duration-[var(--animation-duration)] motion-reduce:transition-none",
+                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",
                 style: { inlineSize: `${e.progress}%` }
               }
             )
           }
         ),
-        e.status === "error" && e.error && /* @__PURE__ */ r("p", { role: "alert", className: "type-meta text-destructive m-0 mt-[var(--spacing-xs)]", children: e.error })
+        e.status === "error" && e.error && /* @__PURE__ */ t("p", { role: "alert", className: "type-meta ds:text-destructive ds:m-0 ds:mt-[var(--spacing-xs)]", children: e.error })
       ] }),
-      e.status === "uploading" && /* @__PURE__ */ r(
+      e.status === "uploading" && /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           onClick: () => pe(e.id),
           "aria-label": a("ui.inputs.fileUpload.cancel", "Cancel upload"),
-          className: ie(),
-          children: /* @__PURE__ */ r(te, { "aria-hidden": "true", className: "size-4" })
+          className: re(),
+          children: /* @__PURE__ */ t(se, { "aria-hidden": "true", className: "ds:size-4" })
         }
       ),
-      (e.status === "complete" || e.status === "pending" || e.status === "error") && /* @__PURE__ */ r(
+      (e.status === "complete" || e.status === "pending" || e.status === "error") && /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           onClick: () => fe(e.id),
           "aria-label": a("ui.inputs.fileUpload.remove", "Remove file"),
-          className: ie(),
-          children: /* @__PURE__ */ r(te, { "aria-hidden": "true", className: "size-4" })
+          className: re(),
+          children: /* @__PURE__ */ t(se, { "aria-hidden": "true", className: "ds:size-4" })
         }
       )
     ] }, e.id)) }), he = () => {
@@ -547,7 +547,7 @@ const Je = xe(
       const e = ue({
         className: He({
           isDragActive: z,
-          hasError: de ?? !1,
+          hasError: le ?? !1,
           isDisabled: y ?? !1,
           className: H
         }),
@@ -566,24 +566,24 @@ const Je = xe(
           "aria-required": g.required || void 0,
           "data-testid": "file-upload-dropzone",
           children: [
-            /* @__PURE__ */ r("input", { ...G() }),
-            /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-[var(--spacing-sm)]", children: [
-              /* @__PURE__ */ r("div", { className: "flex items-center justify-center size-14 rounded-[var(--radius-full)] bg-primary/10 text-primary transition-colors duration-[var(--animation-duration)] group-hover:bg-primary/15 motion-reduce:transition-none", children: z ? /* @__PURE__ */ r(Le, { "aria-hidden": "true", className: "size-7" }) : /* @__PURE__ */ r(E, { "aria-hidden": "true", className: "size-7" }) }),
-              /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-[var(--spacing-xs)]", children: [
-                /* @__PURE__ */ r("p", { className: "type-label text-foreground text-center m-0", children: z ? a("ui.inputs.fileUpload.dropActive", "Drop files here") : a("ui.inputs.fileUpload.dropHere", "Drop files here or click to browse") }),
-                Q.length > 0 && !z && /* @__PURE__ */ r("p", { className: "type-meta text-muted-foreground text-center m-0", children: Q.join(" · ") })
+            /* @__PURE__ */ t("input", { ...G() }),
+            /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+              /* @__PURE__ */ t("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: z ? /* @__PURE__ */ t(Le, { "aria-hidden": "true", className: "ds:size-7" }) : /* @__PURE__ */ t(E, { "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__ */ t("p", { className: "type-label ds:text-foreground ds:text-center ds:m-0", children: z ? a("ui.inputs.fileUpload.dropActive", "Drop files here") : a("ui.inputs.fileUpload.dropHere", "Drop files here or click to browse") }),
+                Q.length > 0 && !z && /* @__PURE__ */ t("p", { className: "type-meta ds:text-muted-foreground ds:text-center ds:m-0", children: Q.join(" · ") })
               ] }),
               h === "both" && !z && /* @__PURE__ */ m(
                 "button",
                 {
                   type: "button",
-                  onClick: (t) => {
-                    t.stopPropagation(), X();
+                  onClick: (s) => {
+                    s.stopPropagation(), X();
                   },
                   disabled: y,
-                  className: re({ className: "mt-[var(--spacing-xs)]" }),
+                  className: te({ className: "mt-[var(--spacing-xs)]" }),
                   children: [
-                    /* @__PURE__ */ r(E, { "aria-hidden": "true", className: "size-4" }),
+                    /* @__PURE__ */ t(E, { "aria-hidden": "true", className: "ds:size-4" }),
                     a("ui.inputs.fileUpload.browse", "Browse files")
                   ]
                 }
@@ -593,20 +593,20 @@ const Je = xe(
         }
       );
     }, ge = () => h === "dropzone" ? null : h === "button" ? /* @__PURE__ */ m("div", { onPaste: J, ref: q, children: [
-      /* @__PURE__ */ r("input", { ...G() }),
+      /* @__PURE__ */ t("input", { ...G() }),
       /* @__PURE__ */ m(
         "button",
         {
           type: "button",
           onClick: X,
           disabled: y,
-          className: re({ className: H }),
+          className: te({ className: H }),
           id: h === "button" ? T : void 0,
           "aria-describedby": h === "button" && g.describedBy || void 0,
           "aria-invalid": h === "button" && g.invalid || void 0,
           "aria-required": h === "button" && g.required || void 0,
           children: [
-            /* @__PURE__ */ r(E, { "aria-hidden": "true", className: "size-4" }),
+            /* @__PURE__ */ t(E, { "aria-hidden": "true", className: "ds:size-4" }),
             a("ui.inputs.fileUpload.browse", "Browse files")
           ]
         }
@@ -616,24 +616,24 @@ const Je = xe(
       he(),
       ge(),
       me(),
-      Z.length > 0 && /* @__PURE__ */ r("div", { role: "alert", className: "mt-[var(--spacing-sm)] flex flex-col gap-[var(--spacing-xs)]", children: Z.map((e, t) => /* @__PURE__ */ m("div", { className: "flex items-center gap-[var(--spacing-xs)]", children: [
-        /* @__PURE__ */ r(ne, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-destructive" }),
-        /* @__PURE__ */ r("p", { className: "type-meta text-destructive m-0", children: e })
-      ] }, t)) }),
-      /* @__PURE__ */ r(
+      Z.length > 0 && /* @__PURE__ */ t("div", { role: "alert", className: "ds:mt-[var(--spacing-sm)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: Z.map((e, s) => /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ t(ne, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0 ds:text-destructive" }),
+        /* @__PURE__ */ t("p", { className: "type-meta ds:text-destructive ds:m-0", children: e })
+      ] }, s)) }),
+      /* @__PURE__ */ t(
         "span",
         {
           ref: R,
           role: "status",
           "aria-live": "polite",
-          className: "sr-only"
+          className: "ds:sr-only"
         }
       )
     ] });
   }
 );
 Je.displayName = "FileUpload";
-const lt = {
+const os = {
   id: "file-upload",
   capabilities: ["submit", "dismiss"],
   state: {},
@@ -644,6 +644,6 @@ const lt = {
 };
 export {
   Je as F,
-  lt as f
+  os as f
 };
-//# sourceMappingURL=file-upload.agent-BMow5yDY.js.map
+//# sourceMappingURL=file-upload.agent-DYFnqdxw.js.map