tembro 2.1.13 → 3.1.1

package/dist/src/components/ui/spinner/index.cjs

@@ -0,0 +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("lucide-react"),i=require("react/jsx-runtime");var a={xs:`size-3`,sm:`size-4`,md:`size-5`,lg:`size-7`};function o({size:e=`md`,label:n=`Loading`,className:o,...s}){return(0,i.jsx)(`span`,{"data-slot":`spinner`,role:`status`,"aria-label":n,className:t.cn(`inline-flex items-center justify-center text-muted-foreground`,o),...s,children:(0,i.jsx)(r.Loader2Icon,{className:t.cn(`animate-spin`,a[e])})})}function s({loading:e=!0,label:n,className:r,children:a,...s}){return(0,i.jsxs)(`div`,{"data-slot":`loading-overlay`,className:t.cn(`relative`,r),...s,children:[a,e&&(0,i.jsx)(`div`,{className:`absolute inset-0 z-10 flex items-center justify-center rounded-inherit bg-background/70 backdrop-blur-sm`,children:(0,i.jsx)(o,{label:n})})]})}exports.LoadingOverlay=s,exports.Spinner=o;

package/dist/src/components/ui/spinner/index.js

@@ -0,0 +1,34 @@
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { Loader2Icon as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/ui/spinner/index.tsx
+var i = {
+	xs: "size-3",
+	sm: "size-4",
+	md: "size-5",
+	lg: "size-7"
+};
+function a({ size: r = "md", label: a = "Loading", className: o, ...s }) {
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "spinner",
+		role: "status",
+		"aria-label": a,
+		className: e("inline-flex items-center justify-center text-muted-foreground", o),
+		...s,
+		children: /* @__PURE__ */ n(t, { className: e("animate-spin", i[r]) })
+	});
+}
+function o({ loading: t = !0, label: i, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "loading-overlay",
+		className: e("relative", o),
+		...c,
+		children: [s, t && /* @__PURE__ */ n("div", {
+			className: "absolute inset-0 z-10 flex items-center justify-center rounded-inherit bg-background/70 backdrop-blur-sm",
+			children: /* @__PURE__ */ n(a, { label: i })
+		})]
+	});
+}
+//#endregion
+export { o as LoadingOverlay, a as Spinner };

package/dist/src/components/ui/switch/index.cjs

@@ -0,0 +1 @@
+"use client";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("lucide-react"),i=require("react/jsx-runtime");var a={sm:`h-5 w-9`,md:`h-6.5 w-11.5`,lg:`h-8 w-14`},o={sm:`size-4 data-[state=checked]:translate-x-4.5 data-[state=unchecked]:translate-x-0.5`,md:`size-5 data-[state=checked]:translate-x-5.5 data-[state=unchecked]:translate-x-0.5`,lg:`size-6 data-[state=checked]:translate-x-7 data-[state=unchecked]:translate-x-1`},s=n.forwardRef(({className:e,checked:s,defaultChecked:c=!1,onCheckedChange:l,size:u=`md`,loading:d=!1,invalid:f=!1,label:p,description:m,labelPlacement:h=`end`,switchClassName:g,labelClassName:_,descriptionClassName:v,disabled:y,onClick:b,...x},S)=>{let C=s!==void 0,[w,T]=n.useState(c),E=C?s:w,D=y||d,O=(0,i.jsx)(`button`,{ref:S,type:`button`,role:`switch`,"aria-checked":E,"aria-invalid":f||void 0,"aria-busy":d||void 0,"data-state":E?`checked`:`unchecked`,"data-size":u,"data-slot":`switch`,disabled:D,className:t.cn(`peer inline-flex shrink-0 cursor-pointer items-center rounded-full border border-border/78 bg-input/70 shadow-[inset_0_1px_0_rgba(255,255,255,0.08)] transition-[background-color,border-color,box-shadow] outline-none hover:border-ring/30 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[state=checked]:border-primary/22 data-[state=checked]:bg-primary data-[state=checked]:shadow-[0_10px_22px_color-mix(in_oklch,var(--primary),transparent_82%)] dark:border-white/10 dark:bg-white/[0.08]`,a[u],g,!p&&e),onClick:e=>{if(D)return;let t=!E;C||T(t),l?.(t),b?.(e)},...x,children:(0,i.jsx)(`span`,{"data-slot":`switch-thumb`,"data-state":E?`checked`:`unchecked`,className:t.cn(`pointer-events-none flex items-center justify-center rounded-full bg-white shadow-[0_2px_10px_color-mix(in_oklch,var(--foreground),transparent_88%)] ring-1 ring-foreground/6 transition-transform dark:bg-[rgba(255,255,255,0.96)]`,o[u]),children:d?(0,i.jsx)(r.Loader2Icon,{className:`size-3 animate-spin text-muted-foreground`}):null})});if(!p&&!m)return O;let k=(0,i.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[p?(0,i.jsx)(`span`,{className:t.cn(`text-sm font-medium leading-5 text-foreground`,_),children:p}):null,m?(0,i.jsx)(`span`,{className:t.cn(`text-xs leading-5 text-muted-foreground`,v),children:m}):null]});return(0,i.jsx)(`label`,{"data-slot":`switch-field`,"data-label-placement":h,className:t.cn(`inline-flex min-w-0 gap-3`,h===`top`||h===`bottom`?`flex-col`:`items-start`,h===`start`&&`flex-row-reverse justify-end`,e),children:h===`bottom`?(0,i.jsxs)(i.Fragment,{children:[O,k]}):(0,i.jsxs)(i.Fragment,{children:[k,O]})})});s.displayName=`Switch`,exports.Switch=s;

package/dist/src/components/ui/switch/index.js

@@ -0,0 +1,61 @@
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import * as t from "react";
+import { Loader2Icon as n } from "lucide-react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/ui/switch/index.tsx
+var o = {
+	sm: "h-5 w-9",
+	md: "h-6.5 w-11.5",
+	lg: "h-8 w-14"
+}, s = {
+	sm: "size-4 data-[state=checked]:translate-x-4.5 data-[state=unchecked]:translate-x-0.5",
+	md: "size-5 data-[state=checked]:translate-x-5.5 data-[state=unchecked]:translate-x-0.5",
+	lg: "size-6 data-[state=checked]:translate-x-7 data-[state=unchecked]:translate-x-1"
+}, c = t.forwardRef(({ className: c, checked: l, defaultChecked: u = !1, onCheckedChange: d, size: f = "md", loading: p = !1, invalid: m = !1, label: h, description: g, labelPlacement: _ = "end", switchClassName: v, labelClassName: y, descriptionClassName: b, disabled: x, onClick: S, ...C }, w) => {
+	let T = l !== void 0, [E, D] = t.useState(u), O = T ? l : E, k = x || p, A = /* @__PURE__ */ i("button", {
+		ref: w,
+		type: "button",
+		role: "switch",
+		"aria-checked": O,
+		"aria-invalid": m || void 0,
+		"aria-busy": p || void 0,
+		"data-state": O ? "checked" : "unchecked",
+		"data-size": f,
+		"data-slot": "switch",
+		disabled: k,
+		className: e("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border border-border/78 bg-input/70 shadow-[inset_0_1px_0_rgba(255,255,255,0.08)] transition-[background-color,border-color,box-shadow] outline-none hover:border-ring/30 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[state=checked]:border-primary/22 data-[state=checked]:bg-primary data-[state=checked]:shadow-[0_10px_22px_color-mix(in_oklch,var(--primary),transparent_82%)] dark:border-white/10 dark:bg-white/[0.08]", o[f], v, !h && c),
+		onClick: (e) => {
+			if (k) return;
+			let t = !O;
+			T || D(t), d?.(t), S?.(e);
+		},
+		...C,
+		children: /* @__PURE__ */ i("span", {
+			"data-slot": "switch-thumb",
+			"data-state": O ? "checked" : "unchecked",
+			className: e("pointer-events-none flex items-center justify-center rounded-full bg-white shadow-[0_2px_10px_color-mix(in_oklch,var(--foreground),transparent_88%)] ring-1 ring-foreground/6 transition-transform dark:bg-[rgba(255,255,255,0.96)]", s[f]),
+			children: p ? /* @__PURE__ */ i(n, { className: "size-3 animate-spin text-muted-foreground" }) : null
+		})
+	});
+	if (!h && !g) return A;
+	let j = /* @__PURE__ */ a("span", {
+		className: "grid min-w-0 gap-0.5",
+		children: [h ? /* @__PURE__ */ i("span", {
+			className: e("text-sm font-medium leading-5 text-foreground", y),
+			children: h
+		}) : null, g ? /* @__PURE__ */ i("span", {
+			className: e("text-xs leading-5 text-muted-foreground", b),
+			children: g
+		}) : null]
+	});
+	return /* @__PURE__ */ i("label", {
+		"data-slot": "switch-field",
+		"data-label-placement": _,
+		className: e("inline-flex min-w-0 gap-3", _ === "top" || _ === "bottom" ? "flex-col" : "items-start", _ === "start" && "flex-row-reverse justify-end", c),
+		children: _ === "bottom" ? /* @__PURE__ */ a(r, { children: [A, j] }) : /* @__PURE__ */ a(r, { children: [j, A] })
+	});
+});
+c.displayName = "Switch";
+//#endregion
+export { c as Switch };

package/dist/src/components/ui/table/index.cjs

@@ -0,0 +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,containerClassName:n,containerRef:i,containerStyle:a,...o}){return(0,r.jsx)(`div`,{ref:i,"data-slot":`table-container`,className:t.cn(`relative w-full overflow-x-auto rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-table-container-surface,var(--card))] shadow-[var(--aui-card-shadow,0_12px_30px_rgba(15,23,42,0.08))]`,n),style:a,children:(0,r.jsx)(`table`,{"data-slot":`table`,className:t.cn(`w-full caption-bottom text-sm`,e),...o})})}function a({className:e,...n}){return(0,r.jsx)(`thead`,{"data-slot":`table-header`,className:t.cn(`bg-[color:color-mix(in_oklch,var(--muted),var(--background)_30%)] [&_tr]:border-b [&_tr]:border-[color:var(--aui-card-border,var(--border))]`,e),...n})}function o({className:e,...n}){return(0,r.jsx)(`tbody`,{"data-slot":`table-body`,className:t.cn(`[&_tr:last-child]:border-0`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`tfoot`,{"data-slot":`table-footer`,className:t.cn(`border-t border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_46%)] font-medium [&>tr]:last:border-b-0`,e),...n})}var c=n.forwardRef(function({className:e,...n},i){return(0,r.jsx)(`tr`,{ref:i,"data-slot":`table-row`,className:t.cn(`border-b border-[color:var(--aui-card-border,var(--border))] transition-colors hover:bg-[color:color-mix(in_oklch,var(--muted),var(--background)_14%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)] data-[striped=true]:bg-[color:color-mix(in_oklch,var(--muted),transparent_68%)]`,e),...n})});function l({className:e,...n}){return(0,r.jsx)(`th`,{"data-slot":`table-head`,className:t.cn(`h-11 px-4 text-left align-middle text-[0.72rem] font-semibold whitespace-nowrap uppercase tracking-[0.14em] text-muted-foreground [&:has([role=checkbox])]:pr-0`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`td`,{"data-slot":`table-cell`,className:t.cn(`px-4 py-3.5 align-middle whitespace-nowrap text-foreground/92 [&:has([role=checkbox])]:pr-0`,e),...n})}function d({className:e,...n}){return(0,r.jsx)(`caption`,{"data-slot":`table-caption`,className:t.cn(`mt-4 text-sm text-muted-foreground`,e),...n})}exports.Table=i,exports.TableBody=o,exports.TableCaption=d,exports.TableCell=u,exports.TableFooter=s,exports.TableHead=l,exports.TableHeader=a,exports.TableRow=c;

package/dist/src/components/ui/table/index.js

@@ -0,0 +1,69 @@
+import { cn as e } from "../../../lib/utils.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ui/table/index.tsx
+function r({ className: t, containerClassName: r, containerRef: i, containerStyle: a, ...o }) {
+	return /* @__PURE__ */ n("div", {
+		ref: i,
+		"data-slot": "table-container",
+		className: e("relative w-full overflow-x-auto rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-table-container-surface,var(--card))] shadow-[var(--aui-card-shadow,0_12px_30px_rgba(15,23,42,0.08))]", r),
+		style: a,
+		children: /* @__PURE__ */ n("table", {
+			"data-slot": "table",
+			className: e("w-full caption-bottom text-sm", t),
+			...o
+		})
+	});
+}
+function i({ className: t, ...r }) {
+	return /* @__PURE__ */ n("thead", {
+		"data-slot": "table-header",
+		className: e("bg-[color:color-mix(in_oklch,var(--muted),var(--background)_30%)] [&_tr]:border-b [&_tr]:border-[color:var(--aui-card-border,var(--border))]", t),
+		...r
+	});
+}
+function a({ className: t, ...r }) {
+	return /* @__PURE__ */ n("tbody", {
+		"data-slot": "table-body",
+		className: e("[&_tr:last-child]:border-0", t),
+		...r
+	});
+}
+function o({ className: t, ...r }) {
+	return /* @__PURE__ */ n("tfoot", {
+		"data-slot": "table-footer",
+		className: e("border-t border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_46%)] font-medium [&>tr]:last:border-b-0", t),
+		...r
+	});
+}
+var s = t.forwardRef(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("tr", {
+		ref: i,
+		"data-slot": "table-row",
+		className: e("border-b border-[color:var(--aui-card-border,var(--border))] transition-colors hover:bg-[color:color-mix(in_oklch,var(--muted),var(--background)_14%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)] data-[striped=true]:bg-[color:color-mix(in_oklch,var(--muted),transparent_68%)]", t),
+		...r
+	});
+});
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ n("th", {
+		"data-slot": "table-head",
+		className: e("h-11 px-4 text-left align-middle text-[0.72rem] font-semibold whitespace-nowrap uppercase tracking-[0.14em] text-muted-foreground [&:has([role=checkbox])]:pr-0", t),
+		...r
+	});
+}
+function l({ className: t, ...r }) {
+	return /* @__PURE__ */ n("td", {
+		"data-slot": "table-cell",
+		className: e("px-4 py-3.5 align-middle whitespace-nowrap text-foreground/92 [&:has([role=checkbox])]:pr-0", t),
+		...r
+	});
+}
+function u({ className: t, ...r }) {
+	return /* @__PURE__ */ n("caption", {
+		"data-slot": "table-caption",
+		className: e("mt-4 text-sm text-muted-foreground", t),
+		...r
+	});
+}
+//#endregion
+export { r as Table, a as TableBody, u as TableCaption, l as TableCell, o as TableFooter, c as TableHead, i as TableHeader, s as TableRow };

package/dist/src/components/ui/tabs/index.cjs

@@ -0,0 +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"),i=require("@base-ui/react/tabs");var a=i.Tabs.Root,o=n.forwardRef(({className:e,variant:n=`default`,overflow:a=`scroll`,...o},s)=>(0,r.jsx)(i.Tabs.List,{ref:s,"data-slot":`tabs-list`,"data-variant":n,"data-overflow":a,className:t.cn(`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`,n===`underline`&&`min-h-10 rounded-none border-x-0 border-t-0 bg-transparent p-0 shadow-none`,n===`compact`&&`min-h-9 rounded-[var(--radius-lg)] p-0.5`,n===`pills`&&`rounded-full`,e),...o}));o.displayName=`TabsList`;var s=n.forwardRef(({className:e,variant:n=`default`,...a},o)=>(0,r.jsx)(i.Tabs.Tab,{ref:o,"data-slot":`tabs-trigger`,"data-variant":n,className:t.cn(`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`,n===`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`,n===`pills`&&`rounded-full`,n===`compact`&&`min-h-8 px-2.5 text-xs`,e),...a}));s.displayName=`TabsTrigger`;var c=n.forwardRef(({className:e,...n},a)=>(0,r.jsx)(i.Tabs.Panel,{ref:a,"data-slot":`tabs-content`,className:t.cn(`mt-3 ring-offset-background focus-visible:outline-none focus-visible:ring-0 focus-visible:shadow-[0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)]`,e),...n}));c.displayName=`TabsContent`,exports.Tabs=a,exports.TabsContent=c,exports.TabsList=o,exports.TabsTrigger=s;

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

@@ -0,0 +1,31 @@
+import { cn as e } from "../../../lib/utils.js";
+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, variant: i = "default", overflow: a = "scroll", ...o }, s) => /* @__PURE__ */ n(r.List, {
+	ref: s,
+	"data-slot": "tabs-list",
+	"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, variant: i = "default", ...a }, o) => /* @__PURE__ */ n(r.Tab, {
+	ref: o,
+	"data-slot": "tabs-trigger",
+	"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, {
+	ref: a,
+	"data-slot": "tabs-content",
+	className: e("mt-3 ring-offset-background focus-visible:outline-none focus-visible:ring-0 focus-visible:shadow-[0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)]", t),
+	...i
+}));
+s.displayName = "TabsContent";
+//#endregion
+export { i as Tabs, s as TabsContent, a as TabsList, o as TabsTrigger };

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

@@ -0,0 +1 @@
+"use client";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/src/components/ui/textarea/index.js

@@ -0,0 +1,43 @@
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/ui/textarea/index.tsx
+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",
+		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 { a as Textarea };

package/dist/src/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/src/components/ui/textarea.js

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

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

@@ -0,0 +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"),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/src/components/ui/tooltip/index.js

@@ -0,0 +1,46 @@
+import { cn as e } from "../../../lib/utils.js";
+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
+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 { o as Tooltip };

package/dist/src/components/upload/demo.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`file-upload`,`FileUpload`,`upload`,`Full file upload surface with dropzone, action button and helper text.`),e.component(`image-upload`,`ImageUpload`,`upload`,`Image upload pattern with preview-oriented copy.`,`ImageUpload`),e.component(`file-dropzone`,`FileDropzone`,`upload`,`Lightweight file dropzone primitive for custom upload flows.`)]);exports.uploadShowcaseDemoRegistry=t;

package/dist/src/components/upload/demo.js

@@ -0,0 +1,9 @@
+import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
+//#region src/components/upload/demo.tsx
+var n = t([
+	e("file-upload", "FileUpload", "upload", "Full file upload surface with dropzone, action button and helper text."),
+	e("image-upload", "ImageUpload", "upload", "Image upload pattern with preview-oriented copy.", "ImageUpload"),
+	e("file-dropzone", "FileDropzone", "upload", "Lightweight file dropzone primitive for custom upload flows.")
+]);
+//#endregion
+export { n as uploadShowcaseDemoRegistry };

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

@@ -0,0 +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({label:e=`Drop files here`,description:i,value:a,onFilesChange:o,containerClassName:s,className:c,multiple:l=!0,...u}){let d=n.useId(),f=a??[];return(0,r.jsxs)(`label`,{htmlFor:d,"data-slot":`file-dropzone`,className:t.cn(`flex cursor-pointer flex-col items-center justify-center rounded-[var(--radius-2xl)] border border-dashed border-border/80 bg-muted/35 p-6 text-center transition hover:border-ring/45 hover:bg-muted/55`,s),children:[(0,r.jsx)(`span`,{className:`font-medium text-foreground`,children:e}),i?(0,r.jsx)(`span`,{className:`mt-1 text-sm text-muted-foreground`,children:i}):null,f.length?(0,r.jsxs)(`span`,{className:`mt-3 text-xs text-muted-foreground`,children:[f.length,` file selected`]}):null,(0,r.jsx)(`input`,{id:d,type:`file`,multiple:l,className:t.cn(`sr-only`,c),onChange:e=>o?.(Array.from(e.currentTarget.files??[])),...u})]})}exports.FileDropzone=i;

package/dist/src/components/upload/file-dropzone.js

@@ -0,0 +1,36 @@
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/upload/file-dropzone.tsx
+function i({ label: i = "Drop files here", description: a, value: o, onFilesChange: s, containerClassName: c, className: l, multiple: u = !0, ...d }) {
+	let f = t.useId(), p = o ?? [];
+	return /* @__PURE__ */ r("label", {
+		htmlFor: f,
+		"data-slot": "file-dropzone",
+		className: e("flex cursor-pointer flex-col items-center justify-center rounded-[var(--radius-2xl)] border border-dashed border-border/80 bg-muted/35 p-6 text-center transition hover:border-ring/45 hover:bg-muted/55", c),
+		children: [
+			/* @__PURE__ */ n("span", {
+				className: "font-medium text-foreground",
+				children: i
+			}),
+			a ? /* @__PURE__ */ n("span", {
+				className: "mt-1 text-sm text-muted-foreground",
+				children: a
+			}) : null,
+			p.length ? /* @__PURE__ */ r("span", {
+				className: "mt-3 text-xs text-muted-foreground",
+				children: [p.length, " file selected"]
+			}) : null,
+			/* @__PURE__ */ n("input", {
+				id: f,
+				type: "file",
+				multiple: u,
+				className: e("sr-only", l),
+				onChange: (e) => s?.(Array.from(e.currentTarget.files ?? [])),
+				...d
+			})
+		]
+	});
+}
+//#endregion
+export { i as FileDropzone };

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

@@ -0,0 +1 @@
+"use client";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;