@devalok/shilp-sutra 0.53.0 → 0.55.0

package/dist/ui/dropdown-menu.js

@@ -1,65 +1,65 @@
 "use client";
-import { CheckboxItem2$1 as e, Content2$4 as t, Group2$1 as n, Item2$2 as r, ItemIndicator2$1 as i, Label2$1 as a, Portal2$1 as o, RadioGroup2$1 as s, RadioItem2$1 as c, Root2$6 as l, Separator2$1 as u, Sub2$1 as d, SubContent2$1 as f, SubTrigger2$1 as p, Trigger$6 as m } from "../_chunks/primitives.js";
-import { springs as h, tweens as g } from "./lib/motion.js";
-import { cn as _ } from "./lib/utils.js";
-import { Icon as v } from "./icon.js";
-import { useControllableOpen as y } from "../_chunks/use-controllable-open.js";
+import { springs as e, tweens as t } from "./lib/motion.js";
+import { cn as n } from "./lib/utils.js";
+import { Icon as r } from "./icon.js";
+import { useControllableOpen as i } from "../_chunks/use-controllable-open.js";
+import { CheckboxItem2 as a, Content2 as o, Group2 as s, Item2 as c, ItemIndicator2 as l, Label2 as u, Portal2 as d, RadioGroup2 as f, RadioItem2 as p, Root2 as m, Separator2 as h, Sub2 as g, SubContent2 as _, SubTrigger2 as v, Trigger as y } from "../_chunks/primitives/react-dropdown-menu.js";
 import * as b from "react";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
 import { IconCheck as C, IconChevronRight as w, IconCircle as T } from "@tabler/icons-react";
 import { AnimatePresence as E, motion as D } from "framer-motion";
 //#region src/ui/dropdown-menu.tsx
 var O = b.createContext(!1), k = b.createContext(!1), A = ({ open: e, defaultOpen: t = !1, onOpenChange: n, ...r }) => {
-	let { open: i, setOpen: a } = y({
+	let { open: a, setOpen: o } = i({
 		open: e,
 		defaultOpen: t,
 		onOpenChange: n
 	});
 	return /* @__PURE__ */ x(O.Provider, {
-		value: i,
-		children: /* @__PURE__ */ x(l, {
-			open: i,
-			onOpenChange: a,
+		value: a,
+		children: /* @__PURE__ */ x(m, {
+			open: a,
+			onOpenChange: o,
 			...r
 		})
 	});
 };
 A.displayName = "DropdownMenu";
-var j = m, M = n, N = o, P = ({ open: e, defaultOpen: t = !1, onOpenChange: n, ...r }) => {
-	let { open: i, setOpen: a } = y({
+var j = y, M = s, N = d, P = ({ open: e, defaultOpen: t = !1, onOpenChange: n, ...r }) => {
+	let { open: a, setOpen: o } = i({
 		open: e,
 		defaultOpen: t,
 		onOpenChange: n
 	});
 	return /* @__PURE__ */ x(k.Provider, {
-		value: i,
-		children: /* @__PURE__ */ x(d, {
-			open: i,
-			onOpenChange: a,
+		value: a,
+		children: /* @__PURE__ */ x(g, {
+			open: a,
+			onOpenChange: o,
 			...r
 		})
 	});
 };
 P.displayName = "DropdownMenuSub";
-var F = s, I = b.forwardRef(({ className: e, inset: t, children: n, ...r }, i) => /* @__PURE__ */ S(p, {
-	ref: i,
-	className: _("flex cursor-default select-none items-center gap-ds-03 rounded-control px-ds-03 py-ds-02b text-body-md outline-hidden 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", t && "pl-ds-07", e),
-	...r,
+var F = f, I = b.forwardRef(({ className: e, inset: t, children: i, ...a }, o) => /* @__PURE__ */ S(v, {
+	ref: o,
+	className: n("flex cursor-default select-none items-center gap-ds-03 rounded-control px-ds-03 py-ds-02b text-body-md outline-hidden 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", t && "pl-ds-07", e),
+	...a,
 	children: [/* @__PURE__ */ x("span", {
 		className: "min-w-0 truncate",
-		children: n
-	}), /* @__PURE__ */ x(v, {
+		children: i
+	}), /* @__PURE__ */ x(r, {
 		icon: w,
 		size: "sm",
 		className: "ml-auto shrink-0"
 	})]
 }));
-I.displayName = p.displayName;
-var L = b.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ x(E, { children: b.useContext(k) && /* @__PURE__ */ x(f, {
-	ref: r,
+I.displayName = v.displayName;
+var L = b.forwardRef(({ className: r, children: i, ...a }, o) => /* @__PURE__ */ x(E, { children: b.useContext(k) && /* @__PURE__ */ x(_, {
+	ref: o,
 	forceMount: !0,
 	asChild: !0,
-	...n,
+	...a,
 	children: /* @__PURE__ */ x(D.div, {
 		initial: {
 			opacity: 0,
@@ -74,22 +74,22 @@ var L = b.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */
 			scale: .95
 		},
 		transition: {
-			...h.snappy,
-			opacity: g.fade
+			...e.snappy,
+			opacity: t.fade
 		},
-		className: _("z-popover min-w-[8rem] overflow-hidden rounded-overlay bg-surface-overlay p-ds-02 text-surface-fg shadow-floating", e),
-		children: t
+		className: n("z-popover min-w-[8rem] overflow-hidden rounded-overlay bg-surface-overlay p-ds-02 text-surface-fg shadow-floating", r),
+		children: i
 	})
 }) }));
-L.displayName = f.displayName;
-var R = b.forwardRef(({ className: e, sideOffset: n = 4, children: r, ...i }, a) => /* @__PURE__ */ x(E, { children: b.useContext(O) && /* @__PURE__ */ x(o, {
+L.displayName = _.displayName;
+var R = b.forwardRef(({ className: r, sideOffset: i = 4, children: a, ...s }, c) => /* @__PURE__ */ x(E, { children: b.useContext(O) && /* @__PURE__ */ x(d, {
 	forceMount: !0,
-	children: /* @__PURE__ */ x(t, {
-		ref: a,
-		sideOffset: n,
+	children: /* @__PURE__ */ x(o, {
+		ref: c,
+		sideOffset: i,
 		forceMount: !0,
 		asChild: !0,
-		...i,
+		...s,
 		children: /* @__PURE__ */ x(D.div, {
 			initial: {
 				opacity: 0,
@@ -104,62 +104,62 @@ var R = b.forwardRef(({ className: e, sideOffset: n = 4, children: r, ...i }, a)
 				scale: .95
 			},
 			transition: {
-				...h.snappy,
-				opacity: g.fade
+				...e.snappy,
+				opacity: t.fade
 			},
-			className: _("z-popover min-w-[8rem] rounded-overlay bg-surface-overlay p-ds-02 text-surface-fg shadow-floating", e),
-			children: r
+			className: n("z-popover min-w-[8rem] rounded-overlay bg-surface-overlay p-ds-02 text-surface-fg shadow-floating", r),
+			children: a
 		})
 	})
 }) }));
-R.displayName = t.displayName;
-var z = b.forwardRef(({ className: e, inset: t, ...n }, i) => /* @__PURE__ */ x(r, {
+R.displayName = o.displayName;
+var z = b.forwardRef(({ className: e, inset: t, ...r }, i) => /* @__PURE__ */ x(c, {
 	ref: i,
-	className: _("relative flex cursor-default select-none items-center gap-ds-03 rounded-control px-ds-03 py-ds-02b text-body-md outline-hidden 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", t && "pl-ds-07", e),
-	...n
+	className: n("relative flex cursor-default select-none items-center gap-ds-03 rounded-control px-ds-03 py-ds-02b text-body-md outline-hidden 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", t && "pl-ds-07", e),
+	...r
 }));
-z.displayName = r.displayName;
-var B = b.forwardRef(({ className: t, children: n, checked: r, ...a }, o) => /* @__PURE__ */ S(e, {
-	ref: o,
-	className: _("relative flex cursor-default select-none items-center rounded-control py-ds-02b pl-ds-07 pr-ds-03 text-body-md outline-hidden 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", t),
-	checked: r,
-	...a,
+z.displayName = c.displayName;
+var B = b.forwardRef(({ className: e, children: t, checked: i, ...o }, s) => /* @__PURE__ */ S(a, {
+	ref: s,
+	className: n("relative flex cursor-default select-none items-center rounded-control py-ds-02b pl-ds-07 pr-ds-03 text-body-md outline-hidden 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", e),
+	checked: i,
+	...o,
 	children: [/* @__PURE__ */ x("span", {
 		className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center",
-		children: /* @__PURE__ */ x(i, { children: /* @__PURE__ */ x(v, {
+		children: /* @__PURE__ */ x(l, { children: /* @__PURE__ */ x(r, {
 			icon: C,
 			size: "sm"
 		}) })
-	}), n]
+	}), t]
 }));
-B.displayName = e.displayName;
-var V = b.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ S(c, {
-	ref: r,
-	className: _("relative flex cursor-default select-none items-center rounded-control py-ds-02b pl-ds-07 pr-ds-03 text-body-md outline-hidden 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", e),
-	...n,
+B.displayName = a.displayName;
+var V = b.forwardRef(({ className: e, children: t, ...r }, i) => /* @__PURE__ */ S(p, {
+	ref: i,
+	className: n("relative flex cursor-default select-none items-center rounded-control py-ds-02b pl-ds-07 pr-ds-03 text-body-md outline-hidden 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", e),
+	...r,
 	children: [/* @__PURE__ */ x("span", {
 		className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center",
-		children: /* @__PURE__ */ x(i, { children: /* @__PURE__ */ x(T, { className: "h-2 w-2 fill-current" }) })
+		children: /* @__PURE__ */ x(l, { children: /* @__PURE__ */ x(T, { className: "h-2 w-2 fill-current" }) })
 	}), /* @__PURE__ */ x("span", {
 		className: "min-w-0 truncate",
 		children: t
 	})]
 }));
-V.displayName = c.displayName;
-var H = b.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */ x(a, {
-	ref: r,
-	className: _("px-ds-03 py-ds-02b text-body-md font-semibold", t && "pl-ds-07", e),
-	...n
+V.displayName = p.displayName;
+var H = b.forwardRef(({ className: e, inset: t, ...r }, i) => /* @__PURE__ */ x(u, {
+	ref: i,
+	className: n("px-ds-03 py-ds-02b text-body-md font-semibold", t && "pl-ds-07", e),
+	...r
 }));
-H.displayName = a.displayName;
-var U = b.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ x(u, {
-	ref: n,
-	className: _("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
+H.displayName = u.displayName;
+var U = b.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ x(h, {
+	ref: r,
+	className: n("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
 	...t
 }));
-U.displayName = u.displayName;
+U.displayName = h.displayName;
 var W = ({ className: e, ...t }) => /* @__PURE__ */ x("span", {
-	className: _("ml-auto text-body-sm text-surface-fg-subtle", e),
+	className: n("ml-auto text-body-sm text-surface-fg-subtle", e),
 	...t
 });
 W.displayName = "DropdownMenuShortcut";

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

@@ -1,4 +1,3 @@
-"use client";
 import * as React from 'react';
 /**
  * Props for FileUpload — a drag-and-drop file picker with client-side validation (type + size),

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":"AAIA,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":"AAIA,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,wFAmUf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/ui/file-upload.js

@@ -1,127 +1,127 @@
 "use client";
-import { durations as e, springs as t, tweens as n } from "./lib/motion.js";
-import { cn as r } from "./lib/utils.js";
-import { Spinner as i } from "./spinner.js";
-import { Icon as a } from "./icon.js";
-import * as o from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { IconCheck as l, IconPaperclip as u, IconUpload as d } from "@tabler/icons-react";
-import { AnimatePresence as f, motion as p } from "framer-motion";
+import { springs as e, tweens as t } from "./lib/motion.js";
+import { cn as n } from "./lib/utils.js";
+import { Spinner as r } from "./spinner.js";
+import { Icon as i } from "./icon.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { IconCheck as c, IconPaperclip as l, IconUpload as u } from "@tabler/icons-react";
+import { AnimatePresence as d, motion as f } from "framer-motion";
 //#region src/ui/file-upload.tsx
-var m = 10 * 1024 * 1024;
-function h(e, t) {
+var p = 10 * 1024 * 1024;
+function m(e, t) {
 	return t.split(",").map((e) => e.trim()).some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t.toLowerCase()) : t.endsWith("/*") ? e.type.startsWith(t.slice(0, t.indexOf("/") + 1)) : e.type === t);
 }
-function g(e) {
+function h(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-var _ = o.forwardRef(({ accept: _, maxSize: v = m, multiple: y = !1, uploading: b = !1, progress: x = 0, onFiles: S, error: C, compact: w = !1, disabled: T = !1, className: E, label: D, sublabel: O, ...k }, A) => {
-	let j = o.useRef(null), [M, N] = o.useState(!1), [P, F] = o.useState(null), I = o.useRef(!1), L = o.useRef(!1), R = C || P, z = o.useCallback(() => {
-		T || b || j.current?.click();
-	}, [T, b]), B = o.useCallback((e) => {
-		F(null);
+var g = a.forwardRef(({ accept: g, maxSize: _ = p, multiple: v = !1, uploading: y = !1, progress: b = 0, onFiles: x, error: S, compact: C = !1, disabled: w = !1, className: T, label: E, sublabel: D, ...O }, k) => {
+	let A = a.useRef(null), [j, M] = a.useState(!1), [N, P] = a.useState(null), F = a.useRef(!1), I = a.useRef(!1), L = S || N, R = a.useCallback(() => {
+		w || y || A.current?.click();
+	}, [w, y]), z = a.useCallback((e) => {
+		P(null);
 		for (let t of e) {
-			if (t.size > v) {
-				F(`File "${t.name}" exceeds the maximum size of ${g(v)}`);
+			if (t.size > _) {
+				P(`File "${t.name}" exceeds the maximum size of ${h(_)}`);
 				return;
 			}
-			if (_ && !h(t, _)) {
-				F(`File "${t.name}" is not an accepted file type`);
+			if (g && !m(t, g)) {
+				P(`File "${t.name}" is not an accepted file type`);
 				return;
 			}
 		}
-		S(e);
+		x(e);
 	}, [
-		v,
 		_,
-		S
-	]), V = o.useCallback((e) => {
-		L.current = !0;
+		g,
+		x
+	]), B = a.useCallback((e) => {
+		I.current = !0;
 		let t = e.target.files;
-		!t || t.length === 0 || (B(Array.from(t)), e.target.value = "");
-	}, [B]), H = o.useCallback(() => {
-		I.current = !0, L.current = !1;
-	}, []), U = o.useCallback(() => {
-		I.current && !L.current && _ && F("File type is not accepted"), I.current = !1;
-	}, [_]), W = o.useCallback((e) => {
-		e.preventDefault(), e.stopPropagation(), !T && !b && N(!0);
-	}, [T, b]), G = o.useCallback((e) => {
-		e.preventDefault(), e.stopPropagation(), !T && !b && N(!0);
-	}, [T, b]), K = o.useCallback((e) => {
-		e.preventDefault(), e.stopPropagation(), N(!1);
-	}, []), q = o.useCallback((e) => {
-		if (e.preventDefault(), e.stopPropagation(), N(!1), T || b) return;
+		!t || t.length === 0 || (z(Array.from(t)), e.target.value = "");
+	}, [z]), V = a.useCallback(() => {
+		F.current = !0, I.current = !1;
+	}, []), H = a.useCallback(() => {
+		F.current && !I.current && g && P("File type is not accepted"), F.current = !1;
+	}, [g]), U = a.useCallback((e) => {
+		e.preventDefault(), e.stopPropagation(), !w && !y && M(!0);
+	}, [w, y]), W = a.useCallback((e) => {
+		e.preventDefault(), e.stopPropagation(), !w && !y && M(!0);
+	}, [w, y]), G = a.useCallback((e) => {
+		e.preventDefault(), e.stopPropagation(), M(!1);
+	}, []), K = a.useCallback((e) => {
+		if (e.preventDefault(), e.stopPropagation(), M(!1), w || y) return;
 		let t = e.dataTransfer.files;
-		!t || t.length === 0 || B(Array.from(t));
+		!t || t.length === 0 || z(Array.from(t));
 	}, [
-		T,
-		b,
-		B
-	]), J = D ?? "Drop files here or click to browse", Y = O ?? `Max file size: ${g(v)}`, X = o.useId();
-	return w ? /* @__PURE__ */ c("div", {
-		ref: A,
-		className: r("inline-flex flex-col", E),
-		...k,
+		w,
+		y,
+		z
+	]), q = E ?? "Drop files here or click to browse", J = D ?? `Max file size: ${h(_)}`, Y = a.useId();
+	return C ? /* @__PURE__ */ s("div", {
+		ref: k,
+		className: n("inline-flex flex-col", T),
+		...O,
 		children: [
-			/* @__PURE__ */ c("button", {
+			/* @__PURE__ */ s("button", {
 				type: "button",
-				onClick: z,
-				disabled: T,
-				className: r("inline-flex items-center gap-ds-02 rounded-control px-ds-03 py-ds-02", "text-body-sm font-medium", "border border-surface-border-strong", "bg-surface-raised-hover text-surface-fg-muted", "hover:bg-accent-2", "disabled:opacity-action-disabled disabled:cursor-not-allowed", "transition-colors"),
-				children: [b ? /* @__PURE__ */ s(i, { size: "sm" }) : /* @__PURE__ */ s(a, {
-					icon: u,
+				onClick: R,
+				disabled: w,
+				className: n("inline-flex items-center gap-ds-02 rounded-control px-ds-03 py-ds-02", "text-body-sm font-medium", "border border-surface-border-strong", "bg-surface-raised-hover text-surface-fg-muted", "hover:bg-accent-2", "disabled:opacity-action-disabled disabled:cursor-not-allowed", "transition-colors"),
+				children: [y ? /* @__PURE__ */ o(r, { size: "sm" }) : /* @__PURE__ */ o(i, {
+					icon: l,
 					size: "sm"
-				}), D ?? "Attach files"]
+				}), E ?? "Attach files"]
 			}),
-			/* @__PURE__ */ s("input", {
-				ref: j,
-				id: X,
+			/* @__PURE__ */ o("input", {
+				ref: A,
+				id: Y,
 				type: "file",
 				className: "sr-only",
 				style: { visibility: "hidden" },
 				"aria-hidden": "true",
-				"aria-label": D ?? "Attach files",
-				accept: _,
-				multiple: y,
-				disabled: T,
-				onChange: V,
-				onClick: H,
-				onFocus: U,
+				"aria-label": E ?? "Attach files",
+				accept: g,
+				multiple: v,
+				disabled: w,
+				onChange: B,
+				onClick: V,
+				onFocus: H,
 				tabIndex: -1
 			}),
-			R && /* @__PURE__ */ s("p", {
+			L && /* @__PURE__ */ o("p", {
 				role: "alert",
 				"aria-live": "polite",
 				className: "mt-ds-02 text-body-xs text-error-11",
-				children: R
+				children: L
 			})
 		]
-	}) : /* @__PURE__ */ c("div", {
-		ref: A,
-		...k,
+	}) : /* @__PURE__ */ s("div", {
+		ref: k,
+		...O,
 		role: "presentation",
-		className: r("flex flex-col", E),
-		"data-drag-active": M ? "true" : void 0,
-		onDragEnter: W,
-		onDragOver: G,
-		onDragLeave: K,
-		onDrop: q,
+		className: n("flex flex-col", T),
+		"data-drag-active": j ? "true" : void 0,
+		onDragEnter: U,
+		onDragOver: W,
+		onDragLeave: G,
+		onDrop: K,
 		children: [
-			/* @__PURE__ */ c(p.div, {
+			/* @__PURE__ */ s(f.div, {
 				role: "button",
-				tabIndex: 0,
-				"aria-disabled": T || void 0,
-				onClick: T ? void 0 : z,
+				tabIndex: w ? -1 : 0,
+				"aria-disabled": w || void 0,
+				onClick: w ? void 0 : R,
 				onKeyDown: (e) => {
-					!T && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), z());
+					!w && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), R());
 				},
-				className: r("flex flex-col items-center justify-center gap-ds-03 rounded-surface", "border-2 border-dashed p-ds-08", "cursor-pointer", "border-surface-border-strong bg-surface-raised-hover", M && "border-accent-7 bg-accent-2", T && "opacity-action-disabled cursor-not-allowed"),
-				animate: { scale: M ? 1.02 : 1 },
-				transition: t.snappy,
+				className: n("flex flex-col items-center justify-center gap-ds-03 rounded-surface", "border-2 border-dashed p-ds-08", "focus-ring transition-colors duration-fast-02 ease-productive-standard", "border-surface-border-strong bg-surface-base", w ? "cursor-not-allowed opacity-action-disabled" : "cursor-pointer hover:bg-surface-raised-hover", j && "border-accent-7 bg-accent-2"),
+				animate: { scale: j ? 1.02 : 1 },
+				transition: e.snappy,
 				children: [
-					/* @__PURE__ */ s(f, {
+					/* @__PURE__ */ o(d, {
 						mode: "wait",
-						children: b ? /* @__PURE__ */ s(p.div, {
+						children: y ? /* @__PURE__ */ o(f.div, {
 							initial: {
 								opacity: 0,
 								scale: .5
@@ -134,9 +134,9 @@ var _ = o.forwardRef(({ accept: _, maxSize: v = m, multiple: y = !1, uploading:
 								opacity: 0,
 								scale: .5
 							},
-							transition: n.fade,
-							children: /* @__PURE__ */ s(i, { size: "md" })
-						}, "spinner") : x === 100 && !C ? /* @__PURE__ */ s(p.div, {
+							transition: t.fade,
+							children: /* @__PURE__ */ o(r, { size: "md" })
+						}, "spinner") : b === 100 && !S ? /* @__PURE__ */ o(f.div, {
 							initial: {
 								opacity: 0,
 								scale: .5
@@ -149,97 +149,83 @@ var _ = o.forwardRef(({ accept: _, maxSize: v = m, multiple: y = !1, uploading:
 								opacity: 0,
 								scale: .5
 							},
-							transition: t.bouncy,
-							children: /* @__PURE__ */ s(a, {
-								icon: l,
+							transition: e.bouncy,
+							children: /* @__PURE__ */ o(i, {
+								icon: c,
 								size: "2xl",
 								className: "text-success-11"
 							})
-						}, "complete") : /* @__PURE__ */ s(p.div, {
+						}, "complete") : /* @__PURE__ */ o(f.div, {
 							initial: { opacity: 0 },
 							animate: { opacity: 1 },
 							exit: { opacity: 0 },
-							transition: n.fade,
-							children: /* @__PURE__ */ s(a, {
-								icon: d,
+							transition: t.fade,
+							children: /* @__PURE__ */ o(i, {
+								icon: u,
 								size: "2xl",
 								className: "text-surface-fg-subtle"
 							})
 						}, "upload")
 					}),
-					/* @__PURE__ */ s("span", {
-						id: X + "-label",
+					/* @__PURE__ */ o("span", {
+						id: Y + "-label",
 						className: "text-body-sm text-surface-fg-muted",
-						children: J
+						children: q
 					}),
-					b ? /* @__PURE__ */ s("div", {
+					y ? /* @__PURE__ */ o("div", {
 						className: "w-full max-w-xs",
-						children: /* @__PURE__ */ s("div", {
+						children: /* @__PURE__ */ o("div", {
 							role: "progressbar",
-							"aria-valuenow": x,
+							"aria-valuenow": b,
 							"aria-valuemin": 0,
 							"aria-valuemax": 100,
 							className: "h-2 w-full overflow-hidden rounded-pill bg-surface-raised-hover",
-							children: /* @__PURE__ */ s(p.div, {
-								className: "h-full rounded-pill bg-accent-9",
-								animate: { width: `${x}%` },
-								transition: t.smooth
+							children: /* @__PURE__ */ o(f.div, {
+								className: "h-full w-full origin-left rounded-pill bg-accent-9",
+								animate: { scaleX: Math.max(0, Math.min(100, b)) / 100 },
+								transition: e.smooth
 							})
 						})
-					}) : /* @__PURE__ */ s("span", {
+					}) : /* @__PURE__ */ o("span", {
 						className: "text-caption text-surface-fg-subtle",
-						children: Y
+						children: J
 					})
 				]
 			}),
-			/* @__PURE__ */ s("input", {
-				ref: j,
-				id: X,
+			/* @__PURE__ */ o("input", {
+				ref: A,
+				id: Y,
 				type: "file",
 				className: "sr-only",
 				style: { visibility: "hidden" },
 				"aria-hidden": "true",
-				"aria-label": J,
-				accept: _,
-				multiple: y,
-				disabled: T,
-				onChange: V,
-				onClick: H,
-				onFocus: U,
+				"aria-label": q,
+				accept: g,
+				multiple: v,
+				disabled: w,
+				onChange: B,
+				onClick: V,
+				onFocus: H,
 				tabIndex: -1
 			}),
-			/* @__PURE__ */ s(f, { children: R && /* @__PURE__ */ s(p.p, {
+			/* @__PURE__ */ o(d, { children: L && /* @__PURE__ */ o(f.p, {
 				role: "alert",
 				className: "mt-ds-02 text-body-xs text-error-11",
 				initial: {
 					opacity: 0,
-					x: 0
+					y: -2
 				},
 				animate: {
 					opacity: 1,
-					x: [
-						0,
-						-4,
-						4,
-						-4,
-						4,
-						0
-					]
+					y: 0
 				},
 				exit: { opacity: 0 },
-				transition: {
-					opacity: n.fade,
-					x: {
-						type: "tween",
-						duration: e.slow01,
-						ease: "easeOut"
-					}
-				},
-				children: R
+				transition: t.fade,
+				children: L
 			}) })
 		]
 	});
 });
-_.displayName = "FileUpload";
+g.displayName = "FileUpload";
 //#endregion
-export { _ as FileUpload };
+export { g as FileUpload };