@devalok/shilp-sutra 0.27.2 → 0.29.0

package/dist/ui/dropdown-menu.js

@@ -1,77 +1,78 @@
 "use client";
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import * as t from "react";
-import { W as f, X as b, Y as y, Z as w, _ as g, $ as v, a0 as h, a1 as x, a2 as N, a3 as M, a4 as P, a5 as _, a6 as j, a7 as G, a8 as T } from "../_chunks/primitives.js";
-import { IconChevronRight as z, IconCheck as A, IconCircle as L } from "@tabler/icons-react";
+import { Q as f, U as b, V as g, W as h, X as y, Y as w, Z as v, _ as x, $ as N, a0 as C, a1 as P, a2 as _, a3 as j, a4 as z, a5 as G } from "../_chunks/primitives.js";
+import { IconChevronRight as T, IconCheck as U, IconCircle as A } from "@tabler/icons-react";
 import { cn as d } from "./lib/utils.js";
-import { tweens as D, springs as C } from "./lib/motion.js";
-import { A as R, m as S } from "../_chunks/framer.js";
-const I = t.createContext(!1), k = t.createContext(!1), U = ({
-  open: s,
+import { tweens as M, springs as D } from "./lib/motion.js";
+import { Icon as R } from "./icon.js";
+import { A as S, m as I } from "../_chunks/framer.js";
+const k = t.createContext(!1), O = t.createContext(!1), L = ({
+  open: e,
   defaultOpen: o = !1,
-  onOpenChange: e,
+  onOpenChange: a,
   ...r
 }) => {
-  const [n, c] = t.useState(o), i = s !== void 0, l = i ? s : n, p = t.useCallback(
-    (u) => {
-      i || c(u), e == null || e(u);
+  const [n, c] = t.useState(o), i = e !== void 0, l = i ? e : n, u = t.useCallback(
+    (p) => {
+      i || c(p), a?.(p);
     },
-    [i, e]
+    [i, a]
   );
-  return /* @__PURE__ */ a(I.Provider, { value: l, children: /* @__PURE__ */ a(_, { open: l, onOpenChange: p, ...r }) });
+  return /* @__PURE__ */ s(k.Provider, { value: l, children: /* @__PURE__ */ s(_, { open: l, onOpenChange: u, ...r }) });
 };
-U.displayName = "DropdownMenu";
-const se = P, ae = j, oe = y, W = ({
-  open: s,
+L.displayName = "DropdownMenu";
+const ae = P, re = j, te = g, Q = ({
+  open: e,
   defaultOpen: o = !1,
-  onOpenChange: e,
+  onOpenChange: a,
   ...r
 }) => {
-  const [n, c] = t.useState(o), i = s !== void 0, l = i ? s : n, p = t.useCallback(
-    (u) => {
-      i || c(u), e == null || e(u);
+  const [n, c] = t.useState(o), i = e !== void 0, l = i ? e : n, u = t.useCallback(
+    (p) => {
+      i || c(p), a?.(p);
     },
-    [i, e]
+    [i, a]
   );
-  return /* @__PURE__ */ a(k.Provider, { value: l, children: /* @__PURE__ */ a(T, { open: l, onOpenChange: p, ...r }) });
+  return /* @__PURE__ */ s(O.Provider, { value: l, children: /* @__PURE__ */ s(G, { open: l, onOpenChange: u, ...r }) });
 };
-W.displayName = "DropdownMenuSub";
-const re = G, X = t.forwardRef(({ className: s, inset: o, children: e, ...r }, n) => /* @__PURE__ */ m(
+Q.displayName = "DropdownMenuSub";
+const ne = z, V = t.forwardRef(({ className: e, inset: o, children: a, ...r }, n) => /* @__PURE__ */ m(
   f,
   {
     ref: n,
     className: d(
       "flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none focus:bg-surface-raised data-[state=open]:bg-surface-raised [&_svg]:pointer-events-none [&_svg]:h-ico-sm [&_svg]:w-ico-sm [&_svg]:shrink-0",
       o && "pl-ds-07",
-      s
+      e
     ),
     ...r,
     children: [
-      e,
-      /* @__PURE__ */ a(z, { className: "ml-auto" })
+      a,
+      /* @__PURE__ */ s(R, { icon: T, size: "sm", className: "ml-auto" })
     ]
   }
 ));
-X.displayName = f.displayName;
-const Y = t.forwardRef(({ className: s, children: o, ...e }, r) => {
-  const n = t.useContext(k);
-  return /* @__PURE__ */ a(R, { children: n && /* @__PURE__ */ a(
+V.displayName = f.displayName;
+const W = t.forwardRef(({ className: e, children: o, ...a }, r) => {
+  const n = t.useContext(O);
+  return /* @__PURE__ */ s(S, { children: n && /* @__PURE__ */ s(
     b,
     {
       ref: r,
       forceMount: !0,
       asChild: !0,
-      ...e,
-      children: /* @__PURE__ */ a(
-        S.div,
+      ...a,
+      children: /* @__PURE__ */ s(
+        I.div,
         {
           initial: { opacity: 0, scale: 0.95 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
-          transition: { ...C.snappy, opacity: D.fade },
+          transition: { ...D.snappy, opacity: M.fade },
           className: d(
             "z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 text-surface-fg shadow-floating",
-            s
+            e
           ),
           children: o
         }
@@ -79,128 +80,128 @@ const Y = t.forwardRef(({ className: s, children: o, ...e }, r) => {
     }
   ) });
 });
-Y.displayName = b.displayName;
-const Z = t.forwardRef(({ className: s, sideOffset: o = 4, children: e, ...r }, n) => {
-  const c = t.useContext(I);
-  return /* @__PURE__ */ a(R, { children: c && /* @__PURE__ */ a(y, { forceMount: !0, children: /* @__PURE__ */ a(
-    w,
+W.displayName = b.displayName;
+const X = t.forwardRef(({ className: e, sideOffset: o = 4, children: a, ...r }, n) => {
+  const c = t.useContext(k);
+  return /* @__PURE__ */ s(S, { children: c && /* @__PURE__ */ s(g, { forceMount: !0, children: /* @__PURE__ */ s(
+    h,
     {
       ref: n,
       sideOffset: o,
       forceMount: !0,
       asChild: !0,
       ...r,
-      children: /* @__PURE__ */ a(
-        S.div,
+      children: /* @__PURE__ */ s(
+        I.div,
         {
           initial: { opacity: 0, scale: 0.95 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
-          transition: { ...C.snappy, opacity: D.fade },
+          transition: { ...D.snappy, opacity: M.fade },
           className: d(
             "z-popover min-w-[8rem] rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 text-surface-fg shadow-floating",
-            s
+            e
           ),
-          children: e
+          children: a
         }
       )
     }
   ) }) });
 });
-Z.displayName = w.displayName;
-const $ = t.forwardRef(({ className: s, inset: o, ...e }, r) => /* @__PURE__ */ a(
-  g,
+X.displayName = h.displayName;
+const Y = t.forwardRef(({ className: e, inset: o, ...a }, r) => /* @__PURE__ */ s(
+  y,
   {
     ref: r,
     className: d(
       "relative flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
       o && "pl-ds-07",
-      s
+      e
     ),
-    ...e
+    ...a
   }
 ));
-$.displayName = g.displayName;
-const q = t.forwardRef(({ className: s, children: o, checked: e, ...r }, n) => /* @__PURE__ */ m(
-  v,
+Y.displayName = y.displayName;
+const Z = t.forwardRef(({ className: e, children: o, checked: a, ...r }, n) => /* @__PURE__ */ m(
+  w,
   {
     ref: n,
     className: d(
       "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
-      s
+      e
     ),
-    checked: e,
+    checked: a,
     ...r,
     children: [
-      /* @__PURE__ */ a("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(A, { className: "h-ico-sm w-ico-sm" }) }) }),
+      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(v, { children: /* @__PURE__ */ s(R, { icon: U, size: "sm" }) }) }),
       o
     ]
   }
 ));
-q.displayName = v.displayName;
-const B = t.forwardRef(({ className: s, children: o, ...e }, r) => /* @__PURE__ */ m(
+Z.displayName = w.displayName;
+const $ = t.forwardRef(({ className: e, children: o, ...a }, r) => /* @__PURE__ */ m(
   x,
   {
     ref: r,
     className: d(
       "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
-      s
+      e
     ),
-    ...e,
+    ...a,
     children: [
-      /* @__PURE__ */ a("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(L, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(v, { children: /* @__PURE__ */ s(A, { className: "h-2 w-2 fill-current" }) }) }),
       o
     ]
   }
 ));
-B.displayName = x.displayName;
-const E = t.forwardRef(({ className: s, inset: o, ...e }, r) => /* @__PURE__ */ a(
+$.displayName = x.displayName;
+const q = t.forwardRef(({ className: e, inset: o, ...a }, r) => /* @__PURE__ */ s(
   N,
   {
     ref: r,
     className: d(
       "px-ds-03 py-ds-02b text-ds-md font-semibold",
       o && "pl-ds-07",
-      s
+      e
     ),
-    ...e
+    ...a
   }
 ));
-E.displayName = N.displayName;
-const F = t.forwardRef(({ className: s, ...o }, e) => /* @__PURE__ */ a(
-  M,
+q.displayName = N.displayName;
+const B = t.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ s(
+  C,
   {
-    ref: e,
-    className: d("-mx-ds-01 my-ds-02 h-px bg-surface-border", s),
+    ref: a,
+    className: d("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
     ...o
   }
 ));
-F.displayName = M.displayName;
-const H = ({
-  className: s,
+B.displayName = C.displayName;
+const E = ({
+  className: e,
   ...o
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ s(
   "span",
   {
-    className: d("ml-auto text-ds-sm text-surface-fg-subtle", s),
+    className: d("ml-auto text-ds-sm text-surface-fg-subtle", e),
     ...o
   }
 );
-H.displayName = "DropdownMenuShortcut";
+E.displayName = "DropdownMenuShortcut";
 export {
-  U as DropdownMenu,
-  q as DropdownMenuCheckboxItem,
-  Z as DropdownMenuContent,
-  ae as DropdownMenuGroup,
-  $ as DropdownMenuItem,
-  E as DropdownMenuLabel,
-  oe as DropdownMenuPortal,
-  re as DropdownMenuRadioGroup,
-  B as DropdownMenuRadioItem,
-  F as DropdownMenuSeparator,
-  H as DropdownMenuShortcut,
-  W as DropdownMenuSub,
-  Y as DropdownMenuSubContent,
-  X as DropdownMenuSubTrigger,
-  se as DropdownMenuTrigger
+  L as DropdownMenu,
+  Z as DropdownMenuCheckboxItem,
+  X as DropdownMenuContent,
+  re as DropdownMenuGroup,
+  Y as DropdownMenuItem,
+  q as DropdownMenuLabel,
+  te as DropdownMenuPortal,
+  ne as DropdownMenuRadioGroup,
+  $ as DropdownMenuRadioItem,
+  B as DropdownMenuSeparator,
+  E as DropdownMenuShortcut,
+  Q as DropdownMenuSub,
+  W as DropdownMenuSubContent,
+  V as DropdownMenuSubTrigger,
+  ae as DropdownMenuTrigger
 };

package/dist/ui/file-upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../src/ui/file-upload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC7D,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+CAA+C;IAC/C,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IAChC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAuBD,QAAA,MAAM,UAAU,wFAkUf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../src/ui/file-upload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC7D,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+CAA+C;IAC/C,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IAChC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAuBD,QAAA,MAAM,UAAU,wFAkUf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/ui/file-upload.js

@@ -1,52 +1,52 @@
 "use client";
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import * as r from "react";
-import { IconPaperclip as X, IconCheck as Z, IconUpload as q } from "@tabler/icons-react";
+import { IconPaperclip as Z, IconCheck as q, IconUpload as G } from "@tabler/icons-react";
 import { cn as h } from "./lib/utils.js";
-import { springs as D, tweens as N } from "./lib/motion.js";
+import { springs as w, tweens as N } from "./lib/motion.js";
 import { Spinner as B } from "./spinner.js";
+import { Icon as I } from "./icon.js";
 import { m as c, A as M } from "../_chunks/framer.js";
-const G = 10 * 1024 * 1024;
-function H(a, l) {
-  return l.split(",").map((i) => i.trim()).some((i) => i.startsWith(".") ? a.name.toLowerCase().endsWith(i.toLowerCase()) : i.endsWith("/*") ? a.type.startsWith(i.slice(0, i.indexOf("/") + 1)) : a.type === i);
+const H = 10 * 1024 * 1024;
+function J(a, l) {
+  return l.split(",").map((s) => s.trim()).some((s) => s.startsWith(".") ? a.name.toLowerCase().endsWith(s.toLowerCase()) : s.endsWith("/*") ? a.type.startsWith(s.slice(0, s.indexOf("/") + 1)) : a.type === s);
 }
 function U(a) {
   return a < 1024 ? `${a} B` : a < 1024 * 1024 ? `${(a / 1024).toFixed(1)} KB` : `${(a / (1024 * 1024)).toFixed(1)} MB`;
 }
-const J = r.forwardRef(
+const Q = r.forwardRef(
   ({
     accept: a,
-    maxSize: l = G,
-    multiple: i = !1,
+    maxSize: l = H,
+    multiple: s = !1,
     uploading: o = !1,
     progress: x = 0,
     onFiles: A,
-    error: I,
+    error: F,
     compact: W = !1,
-    disabled: s = !1,
-    className: F,
+    disabled: n = !1,
+    className: E,
     label: v,
     sublabel: j,
-    ...E
-  }, L) => {
-    const y = r.useRef(null), [b, d] = r.useState(!1), [z, f] = r.useState(
+    ...L
+  }, R) => {
+    const y = r.useRef(null), [b, f] = r.useState(!1), [K, d] = r.useState(
       null
-    ), g = r.useRef(!1), k = r.useRef(!1), u = I || z, C = r.useCallback(() => {
-      var e;
-      s || o || (e = y.current) == null || e.click();
-    }, [s, o]), m = r.useCallback(
+    ), g = r.useRef(!1), k = r.useRef(!1), u = F || K, C = r.useCallback(() => {
+      n || o || y.current?.click();
+    }, [n, o]), m = r.useCallback(
       (e) => {
-        f(null);
-        for (const n of e) {
-          if (n.size > l) {
-            f(
-              `File "${n.name}" exceeds the maximum size of ${U(l)}`
+        d(null);
+        for (const i of e) {
+          if (i.size > l) {
+            d(
+              `File "${i.name}" exceeds the maximum size of ${U(l)}`
             );
             return;
           }
-          if (a && !H(n, a)) {
-            f(
-              `File "${n.name}" is not an accepted file type`
+          if (a && !J(i, a)) {
+            d(
+              `File "${i.name}" is not an accepted file type`
             );
             return;
           }
@@ -54,47 +54,47 @@ const J = r.forwardRef(
         A(e);
       },
       [l, a, A]
-    ), R = r.useCallback(
+    ), $ = r.useCallback(
       (e) => {
         k.current = !0;
-        const n = e.target.files;
-        !n || n.length === 0 || (m(Array.from(n)), e.target.value = "");
+        const i = e.target.files;
+        !i || i.length === 0 || (m(Array.from(i)), e.target.value = "");
       },
       [m]
-    ), $ = r.useCallback(() => {
+    ), P = r.useCallback(() => {
       g.current = !0, k.current = !1;
-    }, []), P = r.useCallback(() => {
-      g.current && !k.current && a && f("File type is not accepted"), g.current = !1;
-    }, [a]), K = r.useCallback(
+    }, []), z = r.useCallback(() => {
+      g.current && !k.current && a && d("File type is not accepted"), g.current = !1;
+    }, [a]), S = r.useCallback(
       (e) => {
-        e.preventDefault(), e.stopPropagation(), !s && !o && d(!0);
+        e.preventDefault(), e.stopPropagation(), !n && !o && f(!0);
       },
-      [s, o]
-    ), S = r.useCallback(
+      [n, o]
+    ), T = r.useCallback(
       (e) => {
-        e.preventDefault(), e.stopPropagation(), !s && !o && d(!0);
+        e.preventDefault(), e.stopPropagation(), !n && !o && f(!0);
       },
-      [s, o]
-    ), T = r.useCallback(
+      [n, o]
+    ), _ = r.useCallback(
       (e) => {
-        e.preventDefault(), e.stopPropagation(), d(!1);
+        e.preventDefault(), e.stopPropagation(), f(!1);
       },
       []
-    ), _ = r.useCallback(
+    ), V = r.useCallback(
       (e) => {
-        if (e.preventDefault(), e.stopPropagation(), d(!1), s || o) return;
-        const n = e.dataTransfer.files;
-        !n || n.length === 0 || m(Array.from(n));
+        if (e.preventDefault(), e.stopPropagation(), f(!1), n || o) return;
+        const i = e.dataTransfer.files;
+        !i || i.length === 0 || m(Array.from(i));
       },
-      [s, o, m]
-    ), O = v ?? "Drop files here or click to browse", V = j ?? `Max file size: ${U(l)}`, w = r.useId();
-    return W ? /* @__PURE__ */ p("div", { ref: L, className: h("inline-flex flex-col", F), ...E, children: [
+      [n, o, m]
+    ), O = v ?? "Drop files here or click to browse", X = j ?? `Max file size: ${U(l)}`, D = r.useId();
+    return W ? /* @__PURE__ */ p("div", { ref: R, className: h("inline-flex flex-col", E), ...L, children: [
       /* @__PURE__ */ p(
         "button",
         {
           type: "button",
           onClick: C,
-          disabled: s,
+          disabled: n,
           className: h(
             "inline-flex items-center gap-ds-02 rounded-ds-md px-ds-03 py-ds-02",
             "text-ds-sm font-medium",
@@ -105,7 +105,7 @@ const J = r.forwardRef(
             "transition-colors"
           ),
           children: [
-            o ? /* @__PURE__ */ t(B, { size: "sm" }) : /* @__PURE__ */ t(X, { className: "h-ico-sm w-ico-sm" }),
+            o ? /* @__PURE__ */ t(B, { size: "sm" }) : /* @__PURE__ */ t(I, { icon: Z, size: "sm" }),
             v ?? "Attach files"
           ]
         }
@@ -114,18 +114,18 @@ const J = r.forwardRef(
         "input",
         {
           ref: y,
-          id: w,
+          id: D,
           type: "file",
           className: "sr-only",
           style: { visibility: "hidden" },
           "aria-hidden": "true",
           "aria-label": v ?? "Attach files",
           accept: a,
-          multiple: i,
-          disabled: s,
-          onChange: R,
-          onClick: $,
-          onFocus: P,
+          multiple: s,
+          disabled: n,
+          onChange: $,
+          onClick: P,
+          onFocus: z,
           tabIndex: -1
         }
       ),
@@ -141,25 +141,25 @@ const J = r.forwardRef(
     ] }) : /* @__PURE__ */ p(
       "div",
       {
-        ref: L,
-        ...E,
+        ref: R,
+        ...L,
         role: "presentation",
-        className: h("flex flex-col", F),
+        className: h("flex flex-col", E),
         "data-drag-active": b ? "true" : void 0,
-        onDragEnter: K,
-        onDragOver: S,
-        onDragLeave: T,
-        onDrop: _,
+        onDragEnter: S,
+        onDragOver: T,
+        onDragLeave: _,
+        onDrop: V,
         children: [
           /* @__PURE__ */ p(
             c.div,
             {
               role: "button",
               tabIndex: 0,
-              "aria-disabled": s || void 0,
-              onClick: s ? void 0 : C,
+              "aria-disabled": n || void 0,
+              onClick: n ? void 0 : C,
               onKeyDown: (e) => {
-                !s && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), C());
+                !n && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), C());
               },
               className: h(
                 "flex flex-col items-center justify-center gap-ds-03 rounded-ds-lg",
@@ -167,12 +167,12 @@ const J = r.forwardRef(
                 "cursor-pointer",
                 "border-surface-border-strong bg-surface-raised-hover",
                 b && "border-accent-7 bg-accent-2",
-                s && "opacity-action-disabled cursor-not-allowed"
+                n && "opacity-action-disabled cursor-not-allowed"
               ),
               animate: {
                 scale: b ? 1.02 : 1
               },
-              transition: D.snappy,
+              transition: w.snappy,
               children: [
                 /* @__PURE__ */ t(M, { mode: "wait", children: o ? /* @__PURE__ */ t(
                   c.div,
@@ -184,14 +184,14 @@ const J = r.forwardRef(
                     children: /* @__PURE__ */ t(B, { size: "md" })
                   },
                   "spinner"
-                ) : x === 100 && !I ? /* @__PURE__ */ t(
+                ) : x === 100 && !F ? /* @__PURE__ */ t(
                   c.div,
                   {
                     initial: { opacity: 0, scale: 0.5 },
                     animate: { opacity: 1, scale: 1 },
                     exit: { opacity: 0, scale: 0.5 },
-                    transition: D.bouncy,
-                    children: /* @__PURE__ */ t(Z, { className: "h-ds-sm w-ds-sm text-success-11" })
+                    transition: w.bouncy,
+                    children: /* @__PURE__ */ t(I, { icon: q, size: "2xl", className: "text-success-11" })
                   },
                   "complete"
                 ) : /* @__PURE__ */ t(
@@ -201,11 +201,11 @@ const J = r.forwardRef(
                     animate: { opacity: 1 },
                     exit: { opacity: 0 },
                     transition: N.fade,
-                    children: /* @__PURE__ */ t(q, { className: "h-ds-sm w-ds-sm text-surface-fg-subtle" })
+                    children: /* @__PURE__ */ t(I, { icon: G, size: "2xl", className: "text-surface-fg-subtle" })
                   },
                   "upload"
                 ) }),
-                /* @__PURE__ */ t("span", { id: w + "-label", className: "text-ds-sm text-surface-fg-muted", children: O }),
+                /* @__PURE__ */ t("span", { id: D + "-label", className: "text-ds-sm text-surface-fg-muted", children: O }),
                 o ? /* @__PURE__ */ t("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ t(
                   "div",
                   {
@@ -219,11 +219,11 @@ const J = r.forwardRef(
                       {
                         className: "h-full rounded-ds-full bg-accent-9",
                         animate: { width: `${x}%` },
-                        transition: D.smooth
+                        transition: w.smooth
                       }
                     )
                   }
-                ) }) : /* @__PURE__ */ t("span", { className: "text-ds-xs text-surface-fg-subtle", children: V })
+                ) }) : /* @__PURE__ */ t("span", { className: "text-ds-xs text-surface-fg-subtle", children: X })
               ]
             }
           ),
@@ -231,18 +231,18 @@ const J = r.forwardRef(
             "input",
             {
               ref: y,
-              id: w,
+              id: D,
               type: "file",
               className: "sr-only",
               style: { visibility: "hidden" },
               "aria-hidden": "true",
               "aria-label": O,
               accept: a,
-              multiple: i,
-              disabled: s,
-              onChange: R,
-              onClick: $,
-              onFocus: P,
+              multiple: s,
+              disabled: n,
+              onChange: $,
+              onClick: P,
+              onFocus: z,
               tabIndex: -1
             }
           ),
@@ -263,7 +263,7 @@ const J = r.forwardRef(
     );
   }
 );
-J.displayName = "FileUpload";
+Q.displayName = "FileUpload";
 export {
-  J as FileUpload
+  Q as FileUpload
 };