commerce-toolkit 0.6.0 → 0.8.0

package/dist/file-input.js

@@ -1,20 +1,23 @@
-import { jsx as o, jsxs as re } from "react/jsx-runtime";
-import { a as V, c as f } from "./utils-CRiPKpXj.js";
-import { createContext as X, useRef as q, useReducer as ne, useState as J, useCallback as l, useMemo as O, useContext as ie, useId as se, useEffect as ae, use as oe } from "react";
-import { B as le } from "./button-W0_PtryU.js";
-import { S as ue } from "./index-DD8W7cMj.js";
-import fe from "./file-image-mD9END8E.js";
-import ce from "./file-play-Me3yGHo4.js";
-import de from "./file-audio-Sgr9gwDM.js";
-import pe from "./file-text-CvVtG9rC.js";
-import me from "./file-code-DTFxRV6s.js";
-import ve from "./file-archive-Dnn2js1U.js";
-import ge from "./file-cog-J1O7eE3I.js";
-import be from "./file-CF5CMt0u.js";
-const Q = {
+import { jsx as a, jsxs as re } from "react/jsx-runtime";
+import { createContext as V, useRef as X, useReducer as ne, useState as q, useCallback as u, useMemo as j, useContext as ie, useId as oe, useEffect as ae, use as se } from "react";
+import { c as l } from "./utils-CRiPKpXj.js";
+import { B as le } from "./button-D0viptzn.js";
+import { S as O } from "./index-DD8W7cMj.js";
+import ue from "./file-image-mD9END8E.js";
+import fe from "./file-play-Me3yGHo4.js";
+import ce from "./file-audio-Sgr9gwDM.js";
+import de from "./file-text-CvVtG9rC.js";
+import pe from "./file-code-DTFxRV6s.js";
+import me from "./file-archive-Dnn2js1U.js";
+import ve from "./file-cog-J1O7eE3I.js";
+import ge from "./file-CF5CMt0u.js";
+import be from "./upload-yhGIvL7E.js";
+import Fe from "./x-CyE7A75y.js";
+import { L as he } from "./label-B_fjofdS.js";
+const J = {
   files: /* @__PURE__ */ new Map()
 };
-function he(t, r) {
+function Ie(t, r) {
   switch (r.type) {
     case "ADD_FILES": {
       const e = new Map(t.files);
@@ -55,19 +58,19 @@ function he(t, r) {
       return e.delete(r.file), { ...t, files: e };
     }
     case "CLEAR":
-      return Q;
+      return J;
     default:
       return t;
   }
 }
-const U = X(null);
+const Q = V(null);
 function D() {
-  const t = ie(U);
+  const t = ie(Q);
   if (!t)
     throw new Error("useFileInput must be used within a FileInputRoot");
   return t;
 }
-function Pe({
+function We({
   id: t,
   children: r,
   className: e,
@@ -75,127 +78,128 @@ function Pe({
   multiple: i,
   disabled: m,
   invalid: p,
-  name: h,
+  name: F,
   maxFiles: b,
   maxSize: v,
-  onFileValidate: y,
-  onFileAccept: w,
-  onFileReject: z,
-  onUploadFile: C,
-  onUploadSuccess: N,
+  onFileValidate: x,
+  onFileAccept: z,
+  onFileReject: S,
+  onUploadFile: N,
+  onUploadSuccess: T,
   onUploadError: $,
-  ...M
+  ..._
 }) {
-  const a = q(null), g = `${t}-input`, [I, E] = ne(he, Q), [S, W] = J(void 0), A = l((c, d) => {
+  const s = X(null), g = `${t}-input`, [y, E] = ne(Ie, J), [w, H] = q(void 0), M = u((c, d) => {
     E({ type: "SET_PROGRESS", file: c, progress: d });
-  }, []), L = l((c) => {
+  }, []), A = u((c) => {
     E({ type: "SET_SUCCESS", file: c });
-  }, []), H = l((c, d) => {
+  }, []), U = u((c, d) => {
     E({ type: "SET_ERROR", file: c, error: d });
-  }, []), B = l((c) => {
+  }, []), B = u((c) => {
     E({ type: "ADD_FILES", files: c });
-  }, []), G = l((c) => {
-    const d = a.current;
+  }, []), G = u((c) => {
+    const d = s.current;
     if (d?.files) {
-      const T = new DataTransfer();
-      Array.from(d.files).filter((s) => s !== c).forEach((s) => T.items.add(s)), d.files = T.files;
+      const C = new DataTransfer();
+      Array.from(d.files).filter((o) => o !== c).forEach((o) => C.items.add(o)), d.files = C.files;
     }
     E({ type: "REMOVE_FILE", file: c });
-  }, []), K = l(() => {
-    a.current?.click();
-  }, []), P = l(
+  }, []), K = u(() => {
+    s.current?.click();
+  }, []), L = u(
     (c) => {
-      const d = [], T = [];
-      c.forEach((s) => {
-        let x = !1, u = "";
-        if (y) {
-          const F = y(s);
-          F != null && (u = F, x = !0);
+      const d = [], C = [];
+      c.forEach((o) => {
+        let I = !1, f = "";
+        if (x) {
+          const h = x(o);
+          h != null && (f = h, I = !0);
         }
-        if (!x && n != null) {
-          const F = n.split(",").map((R) => R.trim().toLowerCase()), _ = s.type.toLowerCase(), te = `.${s.name.split(".").pop()?.toLowerCase()}`;
-          F.some(
-            (R) => R === _ || R === te || R.endsWith("/*") && _.startsWith(R.slice(0, -1))
-          ) || (u = "File type not accepted", x = !0);
+        if (!I && n != null) {
+          const h = n.split(",").map((k) => k.trim().toLowerCase()), P = o.type.toLowerCase(), te = `.${o.name.split(".").pop()?.toLowerCase()}`;
+          h.some(
+            (k) => k === P || k === te || k.endsWith("/*") && P.startsWith(k.slice(0, -1))
+          ) || (f = "File type not accepted", I = !0);
         }
-        !x && v != null && s.size > v && (u = "File size exceeds limit", x = !0), x ? (W(u), z?.(s, u)) : (W(void 0), w?.(s), d.push(s), T.push(s));
+        !I && v != null && o.size > v && (f = "File size exceeds limit", I = !0), I ? (H(f), S?.(o, f)) : (H(void 0), z?.(o), d.push(o), C.push(o));
       });
-      const j = a.current;
-      if (j) {
-        const s = new DataTransfer(), u = [...Array.from(I.files.keys()), ...T], F = b != null ? u.slice(0, b) : u;
-        F.forEach((_) => s.items.add(_)), j.files = s.files, B(F);
+      const W = s.current;
+      if (W) {
+        const o = new DataTransfer(), f = [...Array.from(y.files.keys()), ...C], h = b != null ? f.slice(0, b) : f;
+        h.forEach((P) => o.items.add(P)), W.files = o.files, B(h);
       }
-      d.length > 0 && (C ? d.forEach((s) => {
-        A(s, 0);
-        const x = (u) => {
-          A(s, u);
+      d.length > 0 && (N ? d.forEach((o) => {
+        M(o, 0);
+        const I = (f) => {
+          M(o, f);
         };
-        Promise.resolve(C(s, x)).then((u) => {
-          L(s), N?.(s, u);
-        }).catch((u) => {
-          const F = u instanceof Error ? u : new Error("Upload failed");
-          H(s, F.message), $?.(s, F);
+        Promise.resolve(N(o, I)).then((f) => {
+          A(o), T?.(o, f);
+        }).catch((f) => {
+          const h = f instanceof Error ? f : new Error("Upload failed");
+          U(o, h.message), $?.(o, h);
         });
-      }) : d.forEach((s) => {
-        L(s);
+      }) : d.forEach((o) => {
+        A(o);
       }));
     },
     [
       n,
       b,
       v,
-      I.files,
-      y,
-      w,
+      y.files,
+      x,
       z,
-      C,
+      S,
       N,
+      T,
       $,
       B,
+      M,
       A,
-      L,
-      H
+      U
     ]
-  ), Z = l(
+  ), Z = u(
     (c) => {
       const d = Array.from(c.target.files ?? []);
-      P(d);
+      L(d);
     },
-    [P]
-  ), ee = O(
+    [L]
+  ), ee = j(
     () => ({
-      files: I.files,
+      files: y.files,
       id: t,
       inputId: g,
-      inputRef: a,
+      inputRef: s,
       disabled: m,
       invalid: p,
-      validationError: S,
-      addFiles: P,
+      validationError: w,
+      addFiles: L,
       removeFile: G,
       openFilePicker: K
     }),
     [
-      I.files,
+      y.files,
       t,
       g,
       m,
       p,
-      S,
-      P,
+      w,
+      L,
       G,
       K
     ]
   );
-  return /* @__PURE__ */ o(U.Provider, { value: ee, children: /* @__PURE__ */ re(
+  return /* @__PURE__ */ a(Q.Provider, { value: ee, children: /* @__PURE__ */ re(
     "div",
     {
       "aria-disabled": m === !0 ? !0 : void 0,
-      "aria-invalid": p === !0 || S != null ? !0 : void 0,
-      className: V("group", e, "@container"),
-      ...M,
+      "aria-invalid": p === !0 || w != null ? !0 : void 0,
+      className: l("group/file-input @container", e),
+      "data-slot": "file-input-root",
+      ..._,
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ a(
           "input",
           {
             accept: n,
@@ -203,9 +207,9 @@ function Pe({
             disabled: m,
             id: g,
             multiple: i,
-            name: h,
+            name: F,
             onChange: Z,
-            ref: a,
+            ref: s,
             tabIndex: -1,
             type: "file"
           }
@@ -215,84 +219,74 @@ function Pe({
     }
   ) });
 }
-function _e({ children: t, className: r, ...e }) {
-  const { id: n, disabled: i, invalid: m, addFiles: p, openFilePicker: h } = D(), [b, v] = J(!1), y = l(
-    (a) => {
-      a.preventDefault(), v(!1);
-      const g = Array.from(a.dataTransfer.files);
+function je({ children: t, className: r, ...e }) {
+  const { id: n, disabled: i, invalid: m, addFiles: p, openFilePicker: F } = D(), [b, v] = q(!1), x = u(
+    (s) => {
+      s.preventDefault(), v(!1);
+      const g = Array.from(s.dataTransfer.files);
       p(g);
     },
     [p]
-  ), w = l((a) => {
-    a.preventDefault(), v(!0);
-  }, []), z = l((a) => {
-    a.preventDefault(), v(!0);
-  }, []), C = l((a) => {
-    const g = a.relatedTarget;
-    g && g instanceof Node && a.currentTarget.contains(g) || (a.preventDefault(), v(!1));
-  }, []), N = l(
-    (a) => {
-      (a.key === "Enter" || a.key === " ") && (a.preventDefault(), h());
+  ), z = u((s) => {
+    s.preventDefault(), v(!0);
+  }, []), S = u((s) => {
+    s.preventDefault(), v(!0);
+  }, []), N = u((s) => {
+    const g = s.relatedTarget;
+    g && g instanceof Node && s.currentTarget.contains(g) || (s.preventDefault(), v(!1));
+  }, []), T = u(
+    (s) => {
+      (s.key === "Enter" || s.key === " ") && (s.preventDefault(), F());
     },
-    [h]
-  ), $ = l(
-    (a) => {
-      a.preventDefault(), v(!1);
-      const g = a.clipboardData.items;
+    [F]
+  ), $ = u(
+    (s) => {
+      s.preventDefault(), v(!1);
+      const g = s.clipboardData.items;
       if (g.length === 0) return;
-      const I = [];
+      const y = [];
       for (const E of Array.from(g))
         if (E.kind === "file") {
-          const S = E.getAsFile();
-          S && I.push(S);
+          const w = E.getAsFile();
+          w && y.push(w);
         }
-      I.length !== 0 && p(I);
+      y.length !== 0 && p(y);
     },
     [p]
-  ), M = l(() => {
-    h();
-  }, [h]);
-  return /* @__PURE__ */ o(
+  ), _ = u(() => {
+    F();
+  }, [F]);
+  return /* @__PURE__ */ a(
     "div",
     {
       "aria-controls": `${n}-input ${n}-list`,
       "aria-disabled": i === !0 ? !0 : void 0,
       "aria-invalid": m === !0 ? !0 : void 0,
-      className: V(
-        // Base layout
-        "min-h-19 flex flex-col items-center justify-center gap-1.5",
-        // Spacing
-        "p-4",
-        // Borders & Rounded
-        "rounded-lg border-[1.5px] border-dashed border-[var(--file-input-dropzone-border,hsl(var(--contrast-200)))]",
-        // Background
-        "bg-[var(--file-input-dropzone-background,hsl(var(--background)))]",
-        // Interaction
-        "cursor-pointer select-none",
-        // Transitions
-        "transition-colors duration-300 ease-in-out",
+      className: l(
+        "min-h-19 flex cursor-pointer select-none flex-col items-center justify-center gap-1.5 rounded-lg border-[1.5px] border-dashed border-[var(--file-input-dropzone-border,var(--contrast-200))] bg-[var(--file-input-dropzone-background,var(--background))] p-4 transition-colors duration-300 ease-in-out",
         // Hover state
-        "hover:border-[var(--file-input-dropzone-border-hover,hsl(var(--foreground)))] hover:bg-[var(--file-input-dropzone-background-hover,hsl(var(--contrast-100)))]",
+        "hover:border-[var(--file-input-dropzone-border-hover,var(--foreground))] hover:bg-[var(--file-input-dropzone-background-hover,var(--contrast-100))]",
         // Focus-visible state
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--file-input-focus,hsl(var(--primary)))] focus-visible:ring-offset-2",
+        "focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--file-input-focus,var(--brand))]",
         // Disabled state
-        "group-aria-disabled:cursor-not-allowed group-aria-disabled:border-[var(--file-input-dropzone-border-disabled,color-mix(in_oklab,hsl(var(--contrast-200))_70%,transparent))] group-aria-disabled:bg-[var(--file-input-dropzone-background-disabled,hsl(var(--background)))]",
-        "group-aria-disabled:focus-visible:outline-none group-aria-disabled:focus-visible:ring-0 group-aria-disabled:focus-visible:ring-offset-0",
+        "group-aria-disabled/file-input:cursor-not-allowed group-aria-disabled/file-input:border-[var(--file-input-dropzone-border-disabled,color-mix(in_oklab,var(--contrast-200)_70%,transparent))] group-aria-disabled/file-input:bg-[var(--file-input-dropzone-background-disabled,var(--background))]",
+        "group-aria-disabled/file-input:focus-visible:outline-0",
         // Invalid state
-        "group-aria-invalid:border-[var(--file-input-dropzone-border-error,hsl(var(--error)))]",
+        "group-aria-invalid/file-input:border-[var(--file-input-dropzone-border-error,var(--error))]",
         // Dragging state
-        "data-[dragging]:border-[var(--file-input-dropzone-border-dragging,hsl(var(--foreground)))] data-[dragging]:bg-[var(--file-input-dropzone-background-dragging,color-mix(in_oklab,hsl(var(--success)),white_75%))]",
+        "data-[dragging]:border-[var(--file-input-dropzone-border-dragging,var(--foreground))] data-[dragging]:bg-[var(--file-input-dropzone-background-dragging,color-mix(in_oklab,var(--success),white_75%))]",
         // Container queries
         "@sm:flex-row",
         r
       ),
       "data-dragging": b ? "" : void 0,
-      onClick: M,
-      onDragEnter: z,
-      onDragLeave: C,
-      onDragOver: w,
-      onDrop: y,
-      onKeyDown: N,
+      "data-slot": "file-input-dropzone",
+      onClick: _,
+      onDragEnter: S,
+      onDragLeave: N,
+      onDragOver: z,
+      onDrop: x,
+      onKeyDown: T,
       onPaste: $,
       role: "button",
       tabIndex: i === !0 ? -1 : 0,
@@ -301,13 +295,14 @@ function _e({ children: t, className: r, ...e }) {
     }
   );
 }
-function Me({ children: t, disabled: r, ...e }) {
+function Oe({ children: t, disabled: r, ...e }) {
   const { inputId: n, disabled: i, openFilePicker: m } = D(), p = r ?? i;
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ a(
     le,
     {
       "aria-controls": `${n}-input`,
       className: "pointer-events-none",
+      "data-slot": "file-input-trigger",
       disabled: p,
       onClick: m,
       size: "small",
@@ -319,58 +314,58 @@ function Me({ children: t, disabled: r, ...e }) {
     }
   );
 }
-const Y = X(void 0);
-function Ae({ className: t, children: r, file: e, ...n }) {
-  const i = se(), { files: m, removeFile: p } = D(), h = q(!1), b = m.get(e), v = l(() => p(e), [p, e]);
+const Y = V(void 0);
+function He({ className: t, children: r, file: e, ...n }) {
+  const i = oe(), { files: m, removeFile: p } = D(), F = X(!1), b = m.get(e), v = u(() => p(e), [p, e]);
   if (!b)
     return null;
-  const y = O(
+  const x = j(
     () => ({ file: e, fileState: b, generatedId: i, removeFile: v }),
     [e, b, i, v]
   );
   ae(() => {
-    h.current || setTimeout(() => {
-      h.current = !0;
+    F.current || setTimeout(() => {
+      F.current = !0;
     }, 300);
   }, [b]);
-  const { status: w, error: z } = b;
-  return /* @__PURE__ */ o(Y.Provider, { value: y, children: /* @__PURE__ */ o(
+  const { status: z, error: S } = b;
+  return /* @__PURE__ */ a(Y.Provider, { value: x, children: /* @__PURE__ */ a(
     "div",
     {
-      "aria-describedby": `${i}-status${z != null ? ` ${i}-error` : ""}`.trim(),
-      "aria-invalid": w === "error",
+      "aria-describedby": `${i}-status${S != null ? ` ${i}-error` : ""}`.trim(),
+      "aria-invalid": z === "error",
       "aria-labelledby": `${i}-name`,
-      className: f(
-        "relative flex items-center justify-between gap-2 overflow-hidden rounded-lg border-[1.5px] border-[var(--file-input-item-border,hsl(var(--contrast-200)))] p-4",
+      className: l(
+        "relative flex items-center justify-between gap-2 overflow-hidden rounded-lg border-[1.5px] border-[var(--file-input-item-border,var(--contrast-200))] p-4",
         // Start animation state
         "data-[start-animation]:animate-in data-[start-animation]:fade-in-0 data-[start-animation]:slide-in-from-top-2",
         // Invalid state
-        "aria-invalid:border-[var(--file-input-item-border-error,hsl(var(--error)))]",
+        "aria-invalid:border-[var(--file-input-item-border-error,var(--error))]",
         t
       ),
       "data-slot": "file-input-item",
-      "data-start-animation": h.current ? void 0 : "",
+      "data-start-animation": F.current ? void 0 : "",
       role: "listitem",
       ...n,
-      children: typeof r == "function" ? r(y) : r
+      children: typeof r == "function" ? r(x) : r
     }
   ) });
 }
-function k() {
-  const t = oe(Y);
+function R() {
+  const t = se(Y);
   if (!t)
     throw new Error("useFileInputItem must be used within a FileInputItem");
   return t;
 }
-function Le({ className: t, children: r, ...e }) {
+function Ue({ className: t, children: r, ...e }) {
   const { id: n, files: i } = D();
   if (i.size === 0)
     return null;
-  const m = O(() => ({ files: i }), [i]);
-  return /* @__PURE__ */ o(
+  const m = j(() => ({ files: i }), [i]);
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: f("mt-3 grid gap-3", t),
+      className: l("mt-3 grid gap-3", t),
       "data-slot": "file-input-list",
       id: `${n}-list`,
       role: "list",
@@ -379,13 +374,13 @@ function Le({ className: t, children: r, ...e }) {
     }
   );
 }
-function je({ className: t, children: r, ...e }) {
+function Be({ className: t, children: r, ...e }) {
   const { id: n } = D();
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ a(
     "p",
     {
-      className: f(
-        "mt-2 font-[family-name:var(--file-input-message-font-family,var(--font-family-body))] text-sm font-normal text-[var(--file-input-message,hsl(var(--contrast-500)))]",
+      className: l(
+        "mt-2 font-[family-name:var(--file-input-message-font-family,var(--font-family-body))] text-sm font-normal text-[var(--file-input-message,var(--contrast-500))]",
         t
       ),
       "data-slot": "file-input-message",
@@ -395,19 +390,19 @@ function je({ className: t, children: r, ...e }) {
     }
   );
 }
-function Oe({
+function Ge({
   className: t,
   children: r,
   ...e
 }) {
   const { id: n, validationError: i } = D();
-  return i != null ? null : /* @__PURE__ */ o(
+  return i != null ? null : /* @__PURE__ */ a(
     "p",
     {
-      className: f(
-        "font-[family-name:var(--file-input-dropzone-message-font-family,var(--font-family-body))] text-sm font-normal text-[var(--file-input-dropzone-message,hsl(var(--contrast-500)))]",
-        // Disabled styles
-        "group-aria-disabled:text-[var(--file-input-dropzone-message-disabled,color-mix(in_oklab,hsl(var(--contrast-500))_70%,transparent))]",
+      className: l(
+        "font-[family-name:var(--file-input-dropzone-message-font-family,var(--font-family-body))] text-sm font-normal text-[var(--file-input-dropzone-message,var(--contrast-500))]",
+        // Disabled state
+        "group-aria-disabled/file-input:text-[var(--file-input-dropzone-message-disabled,color-mix(in_oklab,var(--contrast-500)_70%,transparent))]",
         t
       ),
       "data-slot": "file-input-dropzone-hint",
@@ -417,17 +412,17 @@ function Oe({
     }
   );
 }
-function We({
+function Ke({
   className: t,
   children: r,
   ...e
 }) {
   const { id: n, validationError: i } = D();
-  return i == null ? null : /* @__PURE__ */ o(
+  return i == null ? null : /* @__PURE__ */ a(
     "p",
     {
-      className: f(
-        "font-[family-name:var(--file-input-dropzone-message-font-family,var(--font-family-body))] text-sm font-normal text-[var(--file-input-dropzone-message-error,hsl(var(--error)))]",
+      className: l(
+        "font-[family-name:var(--file-input-dropzone-message-font-family,var(--font-family-body))] text-sm font-normal text-[var(--file-input-dropzone-message-error,var(--error))]",
         t
       ),
       "data-slot": "file-input-dropzone-error",
@@ -438,25 +433,25 @@ function We({
     }
   );
 }
-function He({ className: t, children: r, ...e }) {
-  return /* @__PURE__ */ o(
+function Ve({ className: t, children: r, ...e }) {
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: f("flex min-w-0 flex-1 flex-col", t),
+      className: l("flex min-w-0 flex-1 flex-col", t),
       "data-slot": "file-input-metadata",
       ...e,
       children: r
     }
   );
 }
-function Be({ className: t, children: r, ...e }) {
-  return /* @__PURE__ */ o("div", { className: f("flex-1", t), "data-slot": "file-input-details", ...e, children: r });
+function Xe({ className: t, children: r, ...e }) {
+  return /* @__PURE__ */ a("div", { className: l("flex-1", t), "data-slot": "file-input-details", ...e, children: r });
 }
-function Ge({ className: t, children: r, ...e }) {
-  return /* @__PURE__ */ o(
+function qe({ className: t, children: r, ...e }) {
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: f(
+      className: l(
         "flex items-center gap-1 font-[family-name:var(--file-input-item-name-font-family,var(--font-family-body))]",
         t
       ),
@@ -466,13 +461,13 @@ function Ge({ className: t, children: r, ...e }) {
     }
   );
 }
-function Ke({ className: t, children: r, ...e }) {
-  const { generatedId: n } = k();
-  return /* @__PURE__ */ o(
+function Je({ className: t, children: r, ...e }) {
+  const { generatedId: n } = R();
+  return /* @__PURE__ */ a(
     "p",
     {
-      className: f(
-        "truncate text-sm font-semibold text-[var(--file-input-item-name,hsl(var(--foreground)))]",
+      className: l(
+        "truncate text-sm font-semibold text-[var(--file-input-item-name,var(--foreground))]",
         t
       ),
       "data-slot": "file-input-name",
@@ -482,13 +477,13 @@ function Ke({ className: t, children: r, ...e }) {
     }
   );
 }
-function Ve({ className: t, children: r, ...e }) {
-  const { generatedId: n } = k();
-  return /* @__PURE__ */ o(
+function Qe({ className: t, children: r, ...e }) {
+  const { generatedId: n } = R();
+  return /* @__PURE__ */ a(
     "p",
     {
-      className: f(
-        "text-xs font-normal text-[var(--file-input-item-status,hsl(var(--contrast-500)))]",
+      className: l(
+        "text-xs font-normal text-[var(--file-input-item-status,var(--contrast-500))]",
         t
       ),
       "data-slot": "file-input-status",
@@ -498,13 +493,13 @@ function Ve({ className: t, children: r, ...e }) {
     }
   );
 }
-function Xe({ className: t, children: r, ...e }) {
-  const { generatedId: n } = k();
-  return /* @__PURE__ */ o(
+function Ye({ className: t, children: r, ...e }) {
+  const { generatedId: n } = R();
+  return /* @__PURE__ */ a(
     "p",
     {
-      className: f(
-        "text-xs font-normal text-[var(--file-input-item-status-error,hsl(var(--error)))]",
+      className: l(
+        "text-xs font-normal text-[var(--file-input-item-status-error,var(--error))]",
         t
       ),
       "data-slot": "file-input-error",
@@ -514,23 +509,23 @@ function Xe({ className: t, children: r, ...e }) {
     }
   );
 }
-function qe({ className: t, children: r, ...e }) {
+function Ze({ className: t, children: r, ...e }) {
   const {
     fileState: {
       file: { name: n }
     },
     removeFile: i
-  } = k();
-  return /* @__PURE__ */ o(
+  } = R();
+  return /* @__PURE__ */ a(
     "button",
     {
       "aria-label": `Remove ${n}`,
-      className: f(
+      className: l(
         "inline-flex size-8 cursor-pointer items-center justify-center rounded-full transition-colors",
         // Hover state
-        "hover:bg-[var(--file-input-item-delete-hover,hsl(var(--contrast-100)))]",
+        "hover:bg-[var(--file-input-item-delete-hover,var(--contrast-100))]",
         // Focus-visible state
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--file-input-focus,hsl(var(--primary)))]",
+        "focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--file-input-focus,var(--brand))]",
         t
       ),
       "data-slot": "file-input-remove",
@@ -541,12 +536,12 @@ function qe({ className: t, children: r, ...e }) {
     }
   );
 }
-function Je({ className: t, ...r }) {
+function et({ className: t, ...r }) {
   const {
     generatedId: e,
     fileState: { progress: n }
-  } = k();
-  return /* @__PURE__ */ o(
+  } = R();
+  return /* @__PURE__ */ a(
     "div",
     {
       "aria-labelledby": `${e}-name`,
@@ -554,36 +549,37 @@ function Je({ className: t, ...r }) {
       "aria-valuemin": 0,
       "aria-valuenow": n,
       "aria-valuetext": `${n}%`,
-      className: f(
-        "absolute bottom-0 left-0 h-1 w-full bg-[var(--file-input-item-progress,hsl(var(--primary)))] transition-transform duration-300 ease-linear",
+      className: l(
+        "absolute bottom-0 left-0 h-1 w-full bg-[var(--file-input-item-progress,var(--brand))] transition-transform duration-300 ease-linear",
         t
       ),
+      "data-slot": "file-input-progress",
       role: "progressbar",
       style: { transform: `translateX(-${100 - n}%)` },
       ...r
     }
   );
 }
-function Qe({ asChild: t = !1, className: r, children: e }) {
-  const { fileState: n } = k(), i = Fe(n.file);
-  return t ? /* @__PURE__ */ o(
-    ue,
+function tt({ asChild: t = !1, className: r, children: e }) {
+  const { fileState: n } = R(), i = xe(n.file);
+  return t ? /* @__PURE__ */ a(
+    O,
     {
-      className: f("size-4 text-[var(--file-input-icon,hsl(var(--contrast-400)))]", r),
+      className: l("size-4 text-[var(--file-input-icon,var(--contrast-400))]", r),
       "data-slot": "file-input-icon",
       children: e
     }
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ a(
     i,
     {
-      className: f("size-4 text-[var(--file-input-icon,hsl(var(--contrast-400)))]", r),
+      className: l("size-4 text-[var(--file-input-icon,var(--contrast-400))]", r),
       "data-slot": "file-input-icon"
     }
   );
 }
-function Fe(t) {
+function xe(t) {
   const r = t.type, e = t.name.split(".").pop()?.toLowerCase() ?? "";
-  return r.startsWith("image/") ? fe : r.startsWith("video/") ? ce : r.startsWith("audio/") ? de : r.startsWith("text/") || ["txt", "md", "rtf", "pdf"].includes(e) ? pe : [
+  return r.startsWith("image/") ? ue : r.startsWith("video/") ? fe : r.startsWith("audio/") ? ce : r.startsWith("text/") || ["txt", "md", "rtf", "pdf"].includes(e) ? de : [
     "html",
     "css",
     "js",
@@ -599,27 +595,83 @@ function Fe(t) {
     "c",
     "cpp",
     "cs"
-  ].includes(e) ? me : ["zip", "rar", "7z", "tar", "gz", "bz2"].includes(e) ? ve : ["exe", "msi", "app", "apk", "deb", "rpm"].includes(e) || r.startsWith("application/") ? ge : be;
+  ].includes(e) ? pe : ["zip", "rar", "7z", "tar", "gz", "bz2"].includes(e) ? me : ["exe", "msi", "app", "apk", "deb", "rpm"].includes(e) || r.startsWith("application/") ? ve : ge;
+}
+function rt({
+  asChild: t = !1,
+  className: r,
+  children: e
+}) {
+  const n = l(
+    "size-5 text-[var(--file-input-trigger-icon,var(--foreground))]",
+    r
+  );
+  return t ? /* @__PURE__ */ a(O, { className: n, "data-slot": "file-input-upload-icon", children: e }) : /* @__PURE__ */ a(
+    be,
+    {
+      absoluteStrokeWidth: !0,
+      className: n,
+      color: "currentColor",
+      "data-slot": "file-input-upload-icon",
+      strokeWidth: 1.5
+    }
+  );
+}
+function nt({
+  asChild: t = !1,
+  className: r,
+  children: e
+}) {
+  const n = l(
+    "size-5 text-[var(--file-input-item-delete-icon,var(--foreground))]",
+    r
+  );
+  return t ? /* @__PURE__ */ a(O, { className: n, "data-slot": "file-input-remove-icon", children: e }) : /* @__PURE__ */ a(
+    Fe,
+    {
+      absoluteStrokeWidth: !0,
+      className: n,
+      color: "currentColor",
+      "data-slot": "file-input-remove-icon",
+      strokeWidth: 1.5
+    }
+  );
+}
+function it({ className: t, children: r, ...e }) {
+  const { inputId: n } = D();
+  return /* @__PURE__ */ a(
+    he,
+    {
+      className: l(t),
+      "data-slot": "file-input-label",
+      htmlFor: `${n}-input`,
+      ...e,
+      children: r
+    }
+  );
 }
 export {
-  Be as Details,
-  _e as Dropzone,
-  We as DropzoneError,
-  Oe as DropzoneHint,
-  Xe as Error,
-  Ge as Header,
-  Qe as Icon,
-  Ae as Item,
-  Le as List,
-  je as Message,
-  He as Metadata,
-  Ke as Name,
-  Je as Progress,
-  qe as Remove,
-  Pe as Root,
-  Ve as Status,
-  Me as Trigger,
+  Xe as Details,
+  je as Dropzone,
+  Ke as DropzoneError,
+  Ge as DropzoneHint,
+  Ye as Error,
+  qe as Header,
+  tt as Icon,
+  He as Item,
+  it as Label,
+  Ue as List,
+  Be as Message,
+  Ve as Metadata,
+  Je as Name,
+  et as Progress,
+  Ze as Remove,
+  nt as RemoveIcon,
+  We as Root,
+  Qe as Status,
+  Oe as Trigger,
+  rt as UploadIcon,
   D as useFileInput,
-  k as useFileInputItem
+  R as useFileInputItem
 };
 //# sourceMappingURL=file-input.js.map