tembro 2.0.6 → 2.1.0

package/dist/components/ui/tabs/index.js

@@ -3,18 +3,21 @@ import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 import { Tabs as r } from "@base-ui/react/tabs";
 //#region src/components/ui/tabs/index.tsx
-var i = r.Root, a = t.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.List, {
-	ref: a,
+var i = r.Root, a = t.forwardRef(({ className: t, variant: i = "default", overflow: a = "scroll", ...o }, s) => /* @__PURE__ */ n(r.List, {
+	ref: s,
 	"data-slot": "tabs-list",
-	className: e("inline-flex min-h-11 items-center justify-center gap-1 rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:color-mix(in_oklch,var(--border),white_4%)] bg-[color:var(--aui-control-panel-bg,var(--muted))] p-1 text-muted-foreground shadow-[var(--aui-control-panel-shadow,var(--aui-control-shadow,none))] backdrop-blur", t),
-	...i
+	"data-variant": i,
+	"data-overflow": a,
+	className: e("inline-flex max-w-full min-h-11 items-center justify-start gap-1 rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:color-mix(in_oklch,var(--border),white_4%)] bg-[color:var(--aui-control-panel-bg,var(--muted))] p-1 text-muted-foreground shadow-[var(--aui-control-panel-shadow,var(--aui-control-shadow,none))] backdrop-blur", a === "scroll" && "overflow-x-auto overflow-y-hidden overscroll-x-contain [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", a === "wrap" && "flex-wrap", i === "underline" && "min-h-10 rounded-none border-x-0 border-t-0 bg-transparent p-0 shadow-none", i === "compact" && "min-h-9 rounded-[var(--radius-lg)] p-0.5", i === "pills" && "rounded-full", t),
+	...o
 }));
 a.displayName = "TabsList";
-var o = t.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.Tab, {
-	ref: a,
+var o = t.forwardRef(({ className: t, variant: i = "default", ...a }, o) => /* @__PURE__ */ n(r.Tab, {
+	ref: o,
 	"data-slot": "tabs-trigger",
-	className: e("inline-flex min-h-9 items-center justify-center whitespace-nowrap rounded-[var(--radius-md)] border border-transparent px-3.5 py-1.5 text-sm font-medium text-muted-foreground ring-offset-background transition-[background-color,color,box-shadow,border-color] hover:bg-[color:color-mix(in_oklch,var(--background),transparent_18%)] hover:text-foreground data-[selected]:border-[color:color-mix(in_oklch,var(--border),var(--foreground)_8%)] data-[selected]:bg-[color:var(--aui-control-surface,var(--background))] data-[selected]:text-foreground data-[selected]:shadow-[var(--aui-control-shadow,none)] aria-selected:border-[color:color-mix(in_oklch,var(--border),var(--foreground)_8%)] aria-selected:bg-[color:var(--aui-control-surface,var(--background))] aria-selected:text-foreground aria-selected:shadow-[var(--aui-control-shadow,none)] focus-visible:outline-none focus-visible:ring-0 focus-visible:shadow-[var(--aui-control-shadow,none),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] disabled:pointer-events-none disabled:opacity-50", t),
-	...i
+	"data-variant": i,
+	className: e("inline-flex min-h-9 shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-[var(--radius-md)] border border-transparent px-3.5 py-1.5 text-sm font-medium text-muted-foreground ring-offset-background transition-[background-color,color,box-shadow,border-color] hover:bg-[color:color-mix(in_oklch,var(--background),transparent_18%)] hover:text-foreground data-[selected]:border-[color:color-mix(in_oklch,var(--border),var(--foreground)_8%)] data-[selected]:bg-[color:var(--aui-control-surface,var(--background))] data-[selected]:text-foreground data-[selected]:shadow-[var(--aui-control-shadow,none)] aria-selected:border-[color:color-mix(in_oklch,var(--border),var(--foreground)_8%)] aria-selected:bg-[color:var(--aui-control-surface,var(--background))] aria-selected:text-foreground aria-selected:shadow-[var(--aui-control-shadow,none)] focus-visible:outline-none focus-visible:ring-0 focus-visible:shadow-[var(--aui-control-shadow,none),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0", i === "underline" && "min-h-10 rounded-none border-b-2 px-2 shadow-none data-[selected]:border-b-primary data-[selected]:bg-transparent data-[selected]:shadow-none aria-selected:border-b-primary aria-selected:bg-transparent aria-selected:shadow-none", i === "pills" && "rounded-full", i === "compact" && "min-h-8 px-2.5 text-xs", t),
+	...a
 }));
 o.displayName = "TabsTrigger";
 var s = t.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.Panel, {

package/dist/components/ui/textarea/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({className:e,...n}){return(0,r.jsx)(`textarea`,{"data-slot":`textarea`,className:t.cn(`flex field-sizing-content min-h-28 w-full rounded-[var(--aui-control-radius,var(--radius-lg))] border border-[color:var(--aui-control-border-strong,var(--input))] bg-[color:var(--aui-control-surface,var(--background))] px-4 py-3.5 text-sm font-medium text-foreground shadow-[var(--aui-shadow-xs,0_1px_2px_rgba(15,23,42,0.04))] transition-[background-color,border-color,box-shadow,color] outline-none placeholder:text-muted-foreground/78 hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--background))] focus-visible:border-[color:var(--ring)] focus-visible:ring-0 focus-visible:shadow-[var(--aui-shadow-xs,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] disabled:cursor-not-allowed disabled:border-[color:color-mix(in_oklch,var(--border),transparent_18%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:shadow-none disabled:opacity-100 aria-invalid:border-destructive aria-invalid:shadow-[0_0_0_1px_color-mix(in_oklch,var(--destructive),transparent_32%)] read-only:bg-[color:var(--aui-control-surface-readonly,var(--muted))]`,e),...n})}exports.Textarea=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(e){return typeof e==`string`?e.length:typeof e==`number`?String(e).length:Array.isArray(e)?e.join(``).length:0}var a=n.forwardRef(({className:e,value:a,defaultValue:o,onChange:s,onValueChange:c,helperText:l,errorText:u,showCharacterCount:d=!1,countFormatter:f,wrapperClassName:p,textareaClassName:m,maxLength:h,"aria-invalid":g,..._},v)=>{let y=a!==void 0,[b,x]=n.useState(()=>i(o)),S=y?i(a):b,C=u??l,w=!!u||g===!0||g===`true`,T=(0,r.jsx)(`textarea`,{"data-slot":`textarea`,value:a,defaultValue:y?void 0:o,maxLength:h,"aria-invalid":w||void 0,className:t.cn(`flex field-sizing-content min-h-28 w-full rounded-[var(--aui-control-radius,var(--radius-lg))] border border-[color:var(--aui-control-border-strong,var(--input))] bg-[color:var(--aui-control-surface,var(--background))] px-4 py-3.5 text-sm font-medium text-foreground shadow-[var(--aui-shadow-xs,0_1px_2px_rgba(15,23,42,0.04))] transition-[background-color,border-color,box-shadow,color] outline-none placeholder:text-muted-foreground/78 hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--background))] focus-visible:border-[color:var(--ring)] focus-visible:ring-0 focus-visible:shadow-[var(--aui-shadow-xs,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] disabled:cursor-not-allowed disabled:border-[color:color-mix(in_oklch,var(--border),transparent_18%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:shadow-none disabled:opacity-100 aria-invalid:border-destructive aria-invalid:shadow-[0_0_0_1px_color-mix(in_oklch,var(--destructive),transparent_32%)] read-only:bg-[color:var(--aui-control-surface-readonly,var(--muted))]`,m,e),onChange:e=>{y||x(e.target.value.length),s?.(e),c?.(e.target.value)},ref:v,..._});return!C&&!d?T:(0,r.jsxs)(`div`,{"data-slot":`textarea-field`,className:t.cn(`grid gap-1.5`,p),children:[T,(0,r.jsxs)(`div`,{"data-slot":`textarea-meta`,className:`flex items-start justify-between gap-3 px-1`,children:[(0,r.jsx)(`div`,{"data-slot":`textarea-helper`,className:t.cn(`min-w-0 text-xs leading-5`,u?`text-destructive`:`text-muted-foreground`),children:C}),d?(0,r.jsx)(`div`,{"data-slot":`textarea-count`,className:t.cn(`shrink-0 text-[11px] font-medium tabular-nums`,u?`text-destructive`:`text-muted-foreground`),children:f?.(S,h)??(typeof h==`number`?`${S}/${h}`:S)}):null]})]})});a.displayName=`Textarea`,exports.Textarea=a;

package/dist/components/ui/textarea/index.d.ts

@@ -1,4 +1,12 @@
 import * as React from "react";
-export type TextareaProps = React.ComponentProps<"textarea">;
-declare function Textarea({ className, ...props }: TextareaProps): React.JSX.Element;
+export type TextareaProps = React.ComponentProps<"textarea"> & {
+    onValueChange?: (value: string) => void;
+    helperText?: React.ReactNode;
+    errorText?: React.ReactNode;
+    showCharacterCount?: boolean;
+    countFormatter?: (currentLength: number, maxLength?: number) => React.ReactNode;
+    wrapperClassName?: string;
+    textareaClassName?: string;
+};
+declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

package/dist/components/ui/textarea/index.js

@@ -1,13 +1,42 @@
 import { cn as e } from "../../../lib/utils.js";
-import "react";
-import { jsx as t } from "react/jsx-runtime";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/ui/textarea/index.tsx
-function n({ className: n, ...r }) {
-	return /* @__PURE__ */ t("textarea", {
+function i(e) {
+	return typeof e == "string" ? e.length : typeof e == "number" ? String(e).length : Array.isArray(e) ? e.join("").length : 0;
+}
+var a = t.forwardRef(({ className: a, value: o, defaultValue: s, onChange: c, onValueChange: l, helperText: u, errorText: d, showCharacterCount: f = !1, countFormatter: p, wrapperClassName: m, textareaClassName: h, maxLength: g, "aria-invalid": _, ...v }, y) => {
+	let b = o !== void 0, [x, S] = t.useState(() => i(s)), C = b ? i(o) : x, w = d ?? u, T = /* @__PURE__ */ n("textarea", {
 		"data-slot": "textarea",
-		className: e("flex field-sizing-content min-h-28 w-full rounded-[var(--aui-control-radius,var(--radius-lg))] border border-[color:var(--aui-control-border-strong,var(--input))] bg-[color:var(--aui-control-surface,var(--background))] px-4 py-3.5 text-sm font-medium text-foreground shadow-[var(--aui-shadow-xs,0_1px_2px_rgba(15,23,42,0.04))] transition-[background-color,border-color,box-shadow,color] outline-none placeholder:text-muted-foreground/78 hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--background))] focus-visible:border-[color:var(--ring)] focus-visible:ring-0 focus-visible:shadow-[var(--aui-shadow-xs,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] disabled:cursor-not-allowed disabled:border-[color:color-mix(in_oklch,var(--border),transparent_18%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:shadow-none disabled:opacity-100 aria-invalid:border-destructive aria-invalid:shadow-[0_0_0_1px_color-mix(in_oklch,var(--destructive),transparent_32%)] read-only:bg-[color:var(--aui-control-surface-readonly,var(--muted))]", n),
-		...r
+		value: o,
+		defaultValue: b ? void 0 : s,
+		maxLength: g,
+		"aria-invalid": !!d || _ === !0 || _ === "true" || void 0,
+		className: e("flex field-sizing-content min-h-28 w-full rounded-[var(--aui-control-radius,var(--radius-lg))] border border-[color:var(--aui-control-border-strong,var(--input))] bg-[color:var(--aui-control-surface,var(--background))] px-4 py-3.5 text-sm font-medium text-foreground shadow-[var(--aui-shadow-xs,0_1px_2px_rgba(15,23,42,0.04))] transition-[background-color,border-color,box-shadow,color] outline-none placeholder:text-muted-foreground/78 hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--background))] focus-visible:border-[color:var(--ring)] focus-visible:ring-0 focus-visible:shadow-[var(--aui-shadow-xs,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] disabled:cursor-not-allowed disabled:border-[color:color-mix(in_oklch,var(--border),transparent_18%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:shadow-none disabled:opacity-100 aria-invalid:border-destructive aria-invalid:shadow-[0_0_0_1px_color-mix(in_oklch,var(--destructive),transparent_32%)] read-only:bg-[color:var(--aui-control-surface-readonly,var(--muted))]", h, a),
+		onChange: (e) => {
+			b || S(e.target.value.length), c?.(e), l?.(e.target.value);
+		},
+		ref: y,
+		...v
 	});
-}
+	return !w && !f ? T : /* @__PURE__ */ r("div", {
+		"data-slot": "textarea-field",
+		className: e("grid gap-1.5", m),
+		children: [T, /* @__PURE__ */ r("div", {
+			"data-slot": "textarea-meta",
+			className: "flex items-start justify-between gap-3 px-1",
+			children: [/* @__PURE__ */ n("div", {
+				"data-slot": "textarea-helper",
+				className: e("min-w-0 text-xs leading-5", d ? "text-destructive" : "text-muted-foreground"),
+				children: w
+			}), f ? /* @__PURE__ */ n("div", {
+				"data-slot": "textarea-count",
+				className: e("shrink-0 text-[11px] font-medium tabular-nums", d ? "text-destructive" : "text-muted-foreground"),
+				children: p?.(C, g) ?? (typeof g == "number" ? `${C}/${g}` : C)
+			}) : null]
+		})]
+	});
+});
+a.displayName = "Textarea";
 //#endregion
-export { n as Textarea };
+export { a as Textarea };

package/dist/components/ui/textarea.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./textarea/index.cjs");exports.Textarea=e.Textarea;

package/dist/components/ui/textarea.d.ts

@@ -0,0 +1 @@
+export * from "./textarea/index";

package/dist/components/ui/textarea.js

@@ -0,0 +1,2 @@
+import { Textarea as e } from "./textarea/index.js";
+export { e as Textarea };

package/dist/components/ui/tooltip/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={top:`bottom-full left-1/2 mb-2 -translate-x-1/2`,bottom:`left-1/2 top-full mt-2 -translate-x-1/2`,left:`right-full top-1/2 mr-2 -translate-y-1/2`,right:`left-full top-1/2 ml-2 -translate-y-1/2`};function a({content:e,side:n=`top`,disabled:a=!1,className:o,children:s,...c}){return(0,r.jsxs)(`span`,{"data-slot":`tooltip`,className:t.cn(`group/tooltip relative inline-flex`,o),...c,children:[s,!a&&(0,r.jsx)(`span`,{"data-slot":`tooltip-content`,role:`tooltip`,className:t.cn(`pointer-events-none absolute z-50 hidden max-w-64 whitespace-nowrap rounded-xl border border-border/75 bg-popover/98 px-2.5 py-1.5 text-[11px] font-medium text-popover-foreground shadow-[0_16px_42px_color-mix(in_oklch,var(--foreground),transparent_86%)] backdrop-blur group-hover/tooltip:block group-focus-within/tooltip:block`,i[n]),children:e})]})}exports.Tooltip=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/tooltip");function a(e){return typeof e==`string`||typeof e==`number`?String(e):Array.isArray(e)?e.map(a).join(``):n.isValidElement(e)?a(e.props.children):``}function o({content:e,side:o=`top`,align:s=`center`,sideOffset:c=8,alignOffset:l=0,collisionPadding:u=8,delay:d=500,closeDelay:f=0,disabled:p=!1,className:m,children:h,...g}){let _=n.isValidElement(h)?h:(0,r.jsx)(`span`,{className:`inline-flex`,children:h}),v=a(e),y=!p&&v.length>0&&!a(h).includes(v);return(0,r.jsxs)(i.Tooltip.Root,{disabled:p,children:[(0,r.jsxs)(i.Tooltip.Trigger,{"data-slot":`tooltip-trigger`,delay:d,closeDelay:f,disabled:p,render:(0,r.jsx)(`span`,{"data-slot":`tooltip`,className:t.cn(`inline-flex`,m),...g}),children:[_,y?(0,r.jsx)(`span`,{className:`sr-only`,children:e}):null]}),(0,r.jsx)(i.Tooltip.Portal,{children:(0,r.jsx)(i.Tooltip.Positioner,{className:`isolate z-50`,side:o,align:s,sideOffset:c,alignOffset:l,collisionPadding:u,children:(0,r.jsx)(i.Tooltip.Popup,{"data-slot":`tooltip-content`,className:`z-50 max-w-64 origin-(--transform-origin) rounded-[var(--radius-lg)] border border-border/75 bg-popover/98 px-2.5 py-1.5 text-[11px] font-medium leading-4 text-popover-foreground shadow-[0_16px_42px_color-mix(in_oklch,var(--foreground),transparent_86%)] outline-hidden backdrop-blur duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,children:e})})})]})}exports.Tooltip=o;

package/dist/components/ui/tooltip/index.d.ts

@@ -1,8 +1,16 @@
 import * as React from "react";
-export type TooltipProps = Omit<React.ComponentProps<"span">, "content"> & {
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+export type TooltipProps = Omit<TooltipPrimitive.Root.Props, "children"> & Omit<React.ComponentProps<"span">, "content" | "children"> & {
     content: React.ReactNode;
-    side?: "top" | "bottom" | "left" | "right";
+    children: React.ReactNode;
+    side?: TooltipPrimitive.Positioner.Props["side"];
+    align?: TooltipPrimitive.Positioner.Props["align"];
+    sideOffset?: TooltipPrimitive.Positioner.Props["sideOffset"];
+    alignOffset?: TooltipPrimitive.Positioner.Props["alignOffset"];
+    collisionPadding?: TooltipPrimitive.Positioner.Props["collisionPadding"];
+    delay?: TooltipPrimitive.Trigger.Props["delay"];
+    closeDelay?: TooltipPrimitive.Trigger.Props["closeDelay"];
     disabled?: boolean;
 };
-declare function Tooltip({ content, side, disabled, className, children, ...props }: TooltipProps): React.JSX.Element;
+declare function Tooltip({ content, side, align, sideOffset, alignOffset, collisionPadding, delay, closeDelay, disabled, className, children, ...props }: TooltipProps): React.JSX.Element;
 export { Tooltip };

package/dist/components/ui/tooltip/index.js

@@ -1,25 +1,46 @@
 import { cn as e } from "../../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Tooltip as i } from "@base-ui/react/tooltip";
 //#region src/components/ui/tooltip/index.tsx
-var r = {
-	top: "bottom-full left-1/2 mb-2 -translate-x-1/2",
-	bottom: "left-1/2 top-full mt-2 -translate-x-1/2",
-	left: "right-full top-1/2 mr-2 -translate-y-1/2",
-	right: "left-full top-1/2 ml-2 -translate-y-1/2"
-};
-function i({ content: i, side: a = "top", disabled: o = !1, className: s, children: c, ...l }) {
-	return /* @__PURE__ */ n("span", {
-		"data-slot": "tooltip",
-		className: e("group/tooltip relative inline-flex", s),
-		...l,
-		children: [c, !o && /* @__PURE__ */ t("span", {
-			"data-slot": "tooltip-content",
-			role: "tooltip",
-			className: e("pointer-events-none absolute z-50 hidden max-w-64 whitespace-nowrap rounded-xl border border-border/75 bg-popover/98 px-2.5 py-1.5 text-[11px] font-medium text-popover-foreground shadow-[0_16px_42px_color-mix(in_oklch,var(--foreground),transparent_86%)] backdrop-blur group-hover/tooltip:block group-focus-within/tooltip:block", r[a]),
-			children: i
-		})]
+function a(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(a).join("") : t.isValidElement(e) ? a(e.props.children) : "";
+}
+function o({ content: o, side: s = "top", align: c = "center", sideOffset: l = 8, alignOffset: u = 0, collisionPadding: d = 8, delay: f = 500, closeDelay: p = 0, disabled: m = !1, className: h, children: g, ..._ }) {
+	let v = t.isValidElement(g) ? g : /* @__PURE__ */ n("span", {
+		className: "inline-flex",
+		children: g
+	}), y = a(o), b = !m && y.length > 0 && !a(g).includes(y);
+	return /* @__PURE__ */ r(i.Root, {
+		disabled: m,
+		children: [/* @__PURE__ */ r(i.Trigger, {
+			"data-slot": "tooltip-trigger",
+			delay: f,
+			closeDelay: p,
+			disabled: m,
+			render: /* @__PURE__ */ n("span", {
+				"data-slot": "tooltip",
+				className: e("inline-flex", h),
+				..._
+			}),
+			children: [v, b ? /* @__PURE__ */ n("span", {
+				className: "sr-only",
+				children: o
+			}) : null]
+		}), /* @__PURE__ */ n(i.Portal, { children: /* @__PURE__ */ n(i.Positioner, {
+			className: "isolate z-50",
+			side: s,
+			align: c,
+			sideOffset: l,
+			alignOffset: u,
+			collisionPadding: d,
+			children: /* @__PURE__ */ n(i.Popup, {
+				"data-slot": "tooltip-content",
+				className: "z-50 max-w-64 origin-(--transform-origin) rounded-[var(--radius-lg)] border border-border/75 bg-popover/98 px-2.5 py-1.5 text-[11px] font-medium leading-4 text-popover-foreground shadow-[0_16px_42px_color-mix(in_oklch,var(--foreground),transparent_86%)] outline-hidden backdrop-blur duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+				children: o
+			})
+		}) })]
 	});
 }
 //#endregion
-export { i as Tooltip };
+export { o as Tooltip };

package/dist/components/upload/file-upload.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o(e){if(e===0)return`0 B`;let t=[`B`,`KB`,`MB`,`GB`],n=Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1),r=e/1024**n;return`${r.toFixed(r>=10||n===0?0:1)} ${t[n]}`}function s(e){return e?.split(`,`).map(e=>e.trim().toLowerCase()).filter(Boolean)??[]}function c(e,t){let n=s(t);if(n.length===0)return!0;let r=e.name.toLowerCase(),i=e.type.toLowerCase();return n.some(e=>e.startsWith(`.`)?r.endsWith(e):e.endsWith(`/*`)?i.startsWith(e.slice(0,-1)):i===e)}function l(e){return`${e.name}-${e.size}-${e.lastModified}`}function u(e,t){return typeof e==`number`?e:e?.[l(t)]??e?.[t.name]}function d(e,t,n){let r=n?.[e],i={...t,reason:e};if(typeof r==`function`)return r(i);if(typeof r==`string`)return r;switch(e){case`max-files`:return`Maximum ${t.maxFiles} file${t.maxFiles===1?``:`s`} allowed.`;case`max-size`:return`File is larger than ${o(t.maxSize??0)}.`;case`type`:return t.accept?`File type is not allowed. Expected: ${t.accept}.`:`File type is not allowed.`}}function f({currentFiles:e,incomingFiles:t,accept:n,maxFiles:r,maxSize:i,appendFiles:a,rejectionMessages:o}){let s=[],l=[],u=a?e:[],f=r??(a?void 0:t.length);for(let e of t){if(f!==void 0&&u.length+s.length>=f){l.push({file:e,reason:`max-files`,message:d(`max-files`,{file:e,maxFiles:f,maxSize:i,accept:n},o)});continue}if(i!==void 0&&e.size>i){l.push({file:e,reason:`max-size`,message:d(`max-size`,{file:e,maxFiles:f,maxSize:i,accept:n},o)});continue}if(!c(e,n)){l.push({file:e,reason:`type`,message:d(`type`,{file:e,maxFiles:f,maxSize:i,accept:n},o)});continue}s.push(e)}return{accepted:s,rejected:l,nextFiles:a?[...e,...s]:s}}function p({file:e,progress:r,remove:s,removeLabel:c=`Remove file`}){return(0,a.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,a.jsx)(`span`,{className:`flex size-9 shrink-0 items-center justify-center rounded-full border border-border/70 bg-background/90 shadow-sm`,children:(0,a.jsx)(i.FileIcon,{className:`size-4 text-muted-foreground`})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,a.jsx)(`div`,{className:`truncate text-sm font-medium text-foreground`,children:e.name}),(0,a.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:o(e.size)}),typeof r==`number`&&(0,a.jsx)(`div`,{className:`mt-2 h-1.5 overflow-hidden rounded-full bg-muted/80`,children:(0,a.jsx)(`div`,{className:`h-full rounded-full bg-primary shadow-[0_8px_18px_color-mix(in_oklch,var(--primary),transparent_82%)]`,style:{width:`${Math.min(Math.max(r,0),100)}%`}})})]}),(0,a.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`icon-xs`,className:`rounded-full`,onClick:e=>{t.stopInteractivePropagation(e),s()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:c})]})]})}function m({files:e=[],onFilesChange:s,rejectedFiles:c,onRejectedFilesChange:l,buttonLabel:d=`Choose files`,dropzoneLabel:m=`Drop files here or click to upload`,dropzoneDescription:h,dragActiveLabel:g=`Drop files to upload`,helperText:_,clearLabel:v=`Clear all`,removeLabel:ee=`Remove file`,dropzoneAriaLabel:y,rejectionMessages:b,maxFiles:x,maxSize:S,appendFiles:C=!0,showFileList:w=!0,showClearButton:T=!0,loading:te=!1,progress:ne,renderFile:re,renderRejectedFile:ie,renderActions:ae,className:oe,inputClassName:E,dropzoneClassName:D,fileListClassName:O,fileItemClassName:k,rejectedListClassName:A,accept:j,multiple:M,disabled:N,onDragEnter:P,onDragLeave:F,onDragOver:I,onDrop:L,...R}){let z=r.useRef(null),B=r.useRef(0),[V,H]=r.useState(!1),[U,W]=r.useState([]),G=c??U,K=N||te,q=M??x!==1;r.useEffect(()=>{K&&(B.current=0,H(!1))},[K]);let J=r.useCallback(e=>{c===void 0&&W(e),l?.(e)},[l,c]),Y=r.useCallback(()=>{K||z.current?.click()},[K]),X=r.useCallback(()=>{s?.([]),J([])},[s,J]),Z=r.useCallback(t=>{let n=f({currentFiles:e,incomingFiles:t,accept:j,maxFiles:x,maxSize:S,appendFiles:C,rejectionMessages:b});s?.(n.nextFiles),J(n.rejected)},[j,C,e,x,S,s,b,J]),se=r.useCallback(t=>{s?.(e.filter((e,n)=>n!==t))},[e,s]),ce=e=>{K||(Z(Array.from(e.target.files??[])),e.target.value=``)},Q=e=>K?(e.preventDefault(),t.stopInteractivePropagation(e),!0):!1,le=e=>{P?.(e),!(e.defaultPrevented||Q(e))&&(e.preventDefault(),B.current+=1,H(!0))},$=e=>{F?.(e),!(e.defaultPrevented||Q(e))&&(B.current=Math.max(B.current-1,0),B.current===0&&H(!1))},ue=e=>{I?.(e),!(e.defaultPrevented||Q(e))&&e.preventDefault()},de=e=>{L?.(e),!(e.defaultPrevented||Q(e))&&(e.preventDefault(),B.current=0,H(!1),Z(Array.from(e.dataTransfer.files??[])))};return(0,a.jsxs)(`div`,{"data-slot":`file-upload`,className:t.cn(`grid gap-3`,oe),children:[(0,a.jsx)(`input`,{ref:z,type:`file`,className:t.cn(`sr-only`,E),disabled:K,accept:j,multiple:q,onChange:ce,...R}),(0,a.jsxs)(`div`,{"data-slot":`file-upload-dropzone`,"data-dragging":V||void 0,"data-disabled":K||void 0,role:`button`,"aria-disabled":K||void 0,"aria-label":y,tabIndex:K?-1:0,className:t.cn(`grid cursor-pointer gap-4 rounded-[var(--radius-2xl)] border border-dashed border-border/80 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),white_12%),var(--card))] p-6 text-center shadow-sm ring-1 ring-foreground/5 outline-none transition-[background-color,border-color,box-shadow,transform] hover:-translate-y-px hover:border-primary/35 hover:bg-muted/25 hover:shadow-[0_14px_36px_rgba(15,23,42,0.08)] focus-visible:ring-2 focus-visible:ring-ring data-[dragging=true]:border-primary data-[dragging=true]:bg-primary/6 data-[dragging=true]:shadow-[0_18px_50px_color-mix(in_oklch,var(--primary),transparent_84%)] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-60`,D),onClick:Y,onKeyDown:e=>{K||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),Y())},onDragEnter:le,onDragLeave:$,onDragOver:ue,onDrop:de,children:[(0,a.jsx)(`div`,{className:`mx-auto flex size-13 items-center justify-center rounded-full border border-border/75 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--background),white_14%),var(--background))] text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.12),0_10px_24px_rgba(15,23,42,0.06)]`,children:(0,a.jsx)(i.UploadCloudIcon,{className:`size-5`})}),(0,a.jsxs)(`div`,{className:`grid gap-1`,children:[(0,a.jsx)(`div`,{className:`text-sm font-semibold text-foreground`,children:V?g:m}),h&&(0,a.jsx)(`div`,{className:`text-sm leading-6 text-muted-foreground`,children:h}),(j||S||x||_)&&(0,a.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:_??[j?`Types: ${j}`:null,S?`Max size: ${o(S)}`:null,x?`Max files: ${x}`:null].filter(Boolean).join(` • `)})]}),ae?.({openFileDialog:Y,clearFiles:X,files:e})??(0,a.jsxs)(`div`,{className:`flex justify-center gap-2`,children:[(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:K,onClick:e=>{t.stopInteractivePropagation(e),Y()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:d}),T&&e.length>0&&(0,a.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,disabled:K,onClick:e=>{t.stopInteractivePropagation(e),X()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:v})]})]}),w&&e.length>0&&(0,a.jsx)(`div`,{"data-slot":`file-upload-list`,className:t.cn(`grid gap-2`,O),children:e.map((e,n)=>{let r={file:e,index:n,progress:u(ne,e),remove:()=>se(n),removeLabel:ee};return(0,a.jsx)(`div`,{"data-slot":`file-upload-item`,className:t.cn(`rounded-[min(var(--radius-xl),18px)] border border-border/80 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),white_10%),var(--card))] p-3.5 shadow-sm ring-1 ring-foreground/5`,k),children:re?.(r)??p(r)},`${e.name}-${e.lastModified}-${n}`)})}),G.length>0&&(0,a.jsx)(`div`,{"data-slot":`file-upload-rejected-list`,className:t.cn(`grid gap-2`,A),children:G.map((e,t)=>(0,a.jsx)(`div`,{className:`rounded-[min(var(--radius-lg),12px)] border border-destructive/22 bg-destructive/8 px-3 py-2.5 text-xs leading-5 text-destructive shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]`,children:ie?.({rejectedFile:e,index:t})??(0,a.jsxs)(`span`,{children:[e.file.name,`: `,e.message]})},`${e.file.name}-${t}`))})]})}exports.FileUpload=m,exports.fileMatchesAccept=c,exports.formatBytes=o,exports.getFileKey=l;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o(e){if(e===0)return`0 B`;let t=[`B`,`KB`,`MB`,`GB`],n=Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1),r=e/1024**n;return`${r.toFixed(r>=10||n===0?0:1)} ${t[n]}`}function s(e){return e?.split(`,`).map(e=>e.trim().toLowerCase()).filter(Boolean)??[]}function c(e,t){let n=s(t);if(n.length===0)return!0;let r=e.name.toLowerCase(),i=e.type.toLowerCase();return n.some(e=>e.startsWith(`.`)?r.endsWith(e):e.endsWith(`/*`)?i.startsWith(e.slice(0,-1)):i===e)}function l(e){return`${e.name}-${e.size}-${e.lastModified}`}function u(e,t){return typeof e==`number`?e:e?.[l(t)]??e?.[t.name]}function d(e,t){return typeof e==`string`?e:e?.[l(t)]??e?.[t.name]??`idle`}function f(e,t,n){let r=n?.[e],i={...t,reason:e};if(typeof r==`function`)return r(i);if(typeof r==`string`)return r;switch(e){case`max-files`:return`Maximum ${t.maxFiles} file${t.maxFiles===1?``:`s`} allowed.`;case`max-size`:return`File is larger than ${o(t.maxSize??0)}.`;case`type`:return t.accept?`File type is not allowed. Expected: ${t.accept}.`:`File type is not allowed.`}}function p({currentFiles:e,incomingFiles:t,accept:n,maxFiles:r,maxSize:i,appendFiles:a,rejectionMessages:o,validateFile:s}){let l=[],u=[],d=a?e:[],p=r??(a?void 0:t.length);for(let e of t){if(p!==void 0&&d.length+l.length>=p){u.push({file:e,reason:`max-files`,message:f(`max-files`,{file:e,maxFiles:p,maxSize:i,accept:n},o)});continue}if(i!==void 0&&e.size>i){u.push({file:e,reason:`max-size`,message:f(`max-size`,{file:e,maxFiles:p,maxSize:i,accept:n},o)});continue}if(!c(e,n)){u.push({file:e,reason:`type`,message:f(`type`,{file:e,maxFiles:p,maxSize:i,accept:n},o)});continue}let t=s?.(e);if(typeof t==`string`&&t){u.push({file:e,reason:`type`,message:t});continue}l.push(e)}return{accepted:l,rejected:u,nextFiles:a?[...e,...l]:l}}function m({file:e,progress:r,status:s,remove:c,retry:l,removeLabel:u=`Remove file`}){return(0,a.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,a.jsx)(`span`,{className:`flex size-9 shrink-0 items-center justify-center rounded-full border border-border/70 bg-background/90 shadow-sm`,children:(0,a.jsx)(i.FileIcon,{className:`size-4 text-muted-foreground`})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,a.jsx)(`div`,{className:`truncate text-sm font-medium text-foreground`,children:e.name}),(0,a.jsx)(`span`,{className:t.cn(`rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.16em]`,s===`uploading`&&`bg-primary/10 text-primary`,s===`success`&&`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`,s===`error`&&`bg-destructive/10 text-destructive`,s===`idle`&&`bg-muted text-muted-foreground`),children:s})]}),(0,a.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:o(e.size)}),typeof r==`number`&&(0,a.jsx)(`div`,{className:`mt-2 h-1.5 overflow-hidden rounded-full bg-muted/80`,children:(0,a.jsx)(`div`,{className:`h-full rounded-full bg-primary shadow-[0_8px_18px_color-mix(in_oklch,var(--primary),transparent_82%)]`,style:{width:`${Math.min(Math.max(r,0),100)}%`}})})]}),s===`error`&&l?(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,className:`rounded-full`,onClick:l,children:`Retry`}):null,(0,a.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`icon-xs`,className:`rounded-full`,onClick:e=>{t.stopInteractivePropagation(e),c()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:u})]})]})}function h({files:e=[],onFilesChange:s,rejectedFiles:c,onRejectedFilesChange:l,buttonLabel:f=`Choose files`,dropzoneLabel:h=`Drop files here or click to upload`,dropzoneDescription:g,dragActiveLabel:_=`Drop files to upload`,helperText:v,clearLabel:ee=`Clear all`,removeLabel:te=`Remove file`,dropzoneAriaLabel:ne,rejectionMessages:y,maxFiles:b,maxSize:x,appendFiles:S=!0,showFileList:C=!0,showClearButton:re=!0,loading:ie=!1,progress:w,status:T,validateFile:E,onRetryFile:D,fileTriggerLabel:O=`Open file picker`,renderFile:ae,renderRejectedFile:oe,renderActions:se,className:ce,inputClassName:k,dropzoneClassName:A,fileListClassName:j,fileItemClassName:M,rejectedListClassName:N,accept:P,multiple:F,disabled:I,onDragEnter:L,onDragLeave:R,onDragOver:z,onDrop:B,...V}){let H=r.useRef(null),U=r.useRef(0),[W,G]=r.useState(!1),[le,ue]=r.useState([]),K=c??le,q=I||ie,de=F??b!==1;r.useEffect(()=>{q&&(U.current=0,G(!1))},[q]);let J=r.useCallback(e=>{c===void 0&&ue(e),l?.(e)},[l,c]),Y=r.useCallback(()=>{q||H.current?.click()},[q]),X=r.useCallback(()=>{s?.([]),J([])},[s,J]),Z=r.useCallback(t=>{let n=p({currentFiles:e,incomingFiles:t,accept:P,maxFiles:b,maxSize:x,appendFiles:S,rejectionMessages:y,validateFile:E});s?.(n.nextFiles),J(n.rejected)},[P,S,e,b,x,s,y,J,E]),fe=r.useCallback(t=>{s?.(e.filter((e,n)=>n!==t))},[e,s]),Q=e=>{q||(Z(Array.from(e.target.files??[])),e.target.value=``)},$=e=>q?(e.preventDefault(),t.stopInteractivePropagation(e),!0):!1,pe=e=>{L?.(e),!(e.defaultPrevented||$(e))&&(e.preventDefault(),U.current+=1,G(!0))},me=e=>{R?.(e),!(e.defaultPrevented||$(e))&&(U.current=Math.max(U.current-1,0),U.current===0&&G(!1))},he=e=>{z?.(e),!(e.defaultPrevented||$(e))&&e.preventDefault()},ge=e=>{B?.(e),!(e.defaultPrevented||$(e))&&(e.preventDefault(),U.current=0,G(!1),Z(Array.from(e.dataTransfer.files??[])))};return(0,a.jsxs)(`div`,{"data-slot":`file-upload`,className:t.cn(`grid gap-3`,ce),children:[(0,a.jsx)(`input`,{ref:H,type:`file`,className:t.cn(`sr-only`,k),disabled:q,accept:P,multiple:de,onChange:Q,...V}),(0,a.jsxs)(`div`,{"data-slot":`file-upload-dropzone`,"data-dragging":W||void 0,"data-disabled":q||void 0,role:`button`,"aria-disabled":q||void 0,"aria-label":ne??O,tabIndex:q?-1:0,className:t.cn(`grid cursor-pointer gap-4 rounded-[var(--radius-2xl)] border border-dashed border-border/80 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),white_12%),var(--card))] p-6 text-center shadow-sm ring-1 ring-foreground/5 outline-none transition-[background-color,border-color,box-shadow,transform] hover:-translate-y-px hover:border-primary/35 hover:bg-muted/25 hover:shadow-[0_14px_36px_rgba(15,23,42,0.08)] focus-visible:ring-2 focus-visible:ring-ring data-[dragging=true]:border-primary data-[dragging=true]:bg-primary/6 data-[dragging=true]:shadow-[0_18px_50px_color-mix(in_oklch,var(--primary),transparent_84%)] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-60`,A),onClick:Y,onKeyDown:e=>{q||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),Y())},onDragEnter:pe,onDragLeave:me,onDragOver:he,onDrop:ge,children:[(0,a.jsx)(`div`,{className:`mx-auto flex size-13 items-center justify-center rounded-full border border-border/75 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--background),white_14%),var(--background))] text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.12),0_10px_24px_rgba(15,23,42,0.06)]`,children:(0,a.jsx)(i.UploadCloudIcon,{className:`size-5`})}),(0,a.jsxs)(`div`,{className:`grid gap-1`,children:[(0,a.jsx)(`div`,{className:`text-sm font-semibold text-foreground`,children:W?_:h}),g&&(0,a.jsx)(`div`,{className:`text-sm leading-6 text-muted-foreground`,children:g}),(P||x||b||v)&&(0,a.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:v??[P?`Types: ${P}`:null,x?`Max size: ${o(x)}`:null,b?`Max files: ${b}`:null].filter(Boolean).join(` • `)})]}),se?.({openFileDialog:Y,clearFiles:X,files:e})??(0,a.jsxs)(`div`,{className:`flex justify-center gap-2`,children:[(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:q,"aria-label":typeof f==`string`?f:O,onClick:e=>{t.stopInteractivePropagation(e),Y()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:f}),re&&e.length>0&&(0,a.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,disabled:q,onClick:e=>{t.stopInteractivePropagation(e),X()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:ee})]})]}),C&&e.length>0&&(0,a.jsx)(`div`,{"data-slot":`file-upload-list`,className:t.cn(`grid gap-2`,j),children:e.map((e,n)=>{let r={file:e,index:n,progress:u(w,e),status:d(T,e),remove:()=>fe(n),retry:D?()=>D(e,n):void 0,removeLabel:te};return(0,a.jsx)(`div`,{"data-slot":`file-upload-item`,"data-status":r.status,className:t.cn(`rounded-[min(var(--radius-xl),18px)] border border-border/80 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),white_10%),var(--card))] p-3.5 shadow-sm ring-1 ring-foreground/5`,M),children:ae?.(r)??m(r)},`${e.name}-${e.lastModified}-${n}`)})}),K.length>0&&(0,a.jsx)(`div`,{"data-slot":`file-upload-rejected-list`,className:t.cn(`grid gap-2`,N),children:K.map((e,t)=>(0,a.jsx)(`div`,{className:`rounded-[min(var(--radius-lg),12px)] border border-destructive/22 bg-destructive/8 px-3 py-2.5 text-xs leading-5 text-destructive shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]`,children:oe?.({rejectedFile:e,index:t})??(0,a.jsxs)(`span`,{children:[e.file.name,`: `,e.message]})},`${e.file.name}-${t}`))})]})}exports.FileUpload=h,exports.fileMatchesAccept=c,exports.formatBytes=o,exports.getFileKey=l;

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

@@ -1,5 +1,6 @@
 import * as React from "react";
 export type FileUploadRejectReason = "max-files" | "max-size" | "type";
+export type FileUploadItemStatus = "idle" | "uploading" | "success" | "error";
 export type FileUploadRejectedFile = {
     file: File;
     reason: FileUploadRejectReason;
@@ -17,7 +18,9 @@ export type FileUploadRenderFileState = {
     file: File;
     index: number;
     progress?: number;
+    status: FileUploadItemStatus;
     remove: () => void;
+    retry?: () => void;
     removeLabel?: string;
 };
 export type FileUploadRenderRejectedFileState = {
@@ -50,6 +53,10 @@ export type FileUploadProps = NativeFileInputProps & {
     showClearButton?: boolean;
     loading?: boolean;
     progress?: number | Record<string, number>;
+    status?: FileUploadItemStatus | Record<string, FileUploadItemStatus>;
+    validateFile?: (file: File) => string | null | Promise<string | null>;
+    onRetryFile?: (file: File, index: number) => void;
+    fileTriggerLabel?: string;
     renderFile?: (state: FileUploadRenderFileState) => React.ReactNode;
     renderRejectedFile?: (state: FileUploadRenderRejectedFileState) => React.ReactNode;
     renderActions?: (state: {
@@ -67,5 +74,5 @@ export type FileUploadProps = NativeFileInputProps & {
 declare function formatBytes(bytes: number): string;
 declare function fileMatchesAccept(file: File, accept?: string): boolean;
 declare function getFileKey(file: File): string;
-declare function FileUpload({ files, onFilesChange, rejectedFiles, onRejectedFilesChange, buttonLabel, dropzoneLabel, dropzoneDescription, dragActiveLabel, helperText, clearLabel, removeLabel, dropzoneAriaLabel, rejectionMessages, maxFiles, maxSize, appendFiles, showFileList, showClearButton, loading, progress, renderFile, renderRejectedFile, renderActions, className, inputClassName, dropzoneClassName, fileListClassName, fileItemClassName, rejectedListClassName, accept, multiple, disabled, onDragEnter, onDragLeave, onDragOver, onDrop, ...props }: FileUploadProps): React.JSX.Element;
+declare function FileUpload({ files, onFilesChange, rejectedFiles, onRejectedFilesChange, buttonLabel, dropzoneLabel, dropzoneDescription, dragActiveLabel, helperText, clearLabel, removeLabel, dropzoneAriaLabel, rejectionMessages, maxFiles, maxSize, appendFiles, showFileList, showClearButton, loading, progress, status, validateFile, onRetryFile, fileTriggerLabel, renderFile, renderRejectedFile, renderActions, className, inputClassName, dropzoneClassName, fileListClassName, fileItemClassName, rejectedListClassName, accept, multiple, disabled, onDragEnter, onDragLeave, onDragOver, onDrop, ...props }: FileUploadProps): React.JSX.Element;
 export { FileUpload, fileMatchesAccept, formatBytes, getFileKey };