tembro 1.0.0

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+export type SpinnerProps = React.ComponentProps<"span"> & {
+    size?: "xs" | "sm" | "md" | "lg";
+    label?: string;
+};
+declare function Spinner({ size, label, className, ...props }: SpinnerProps): React.JSX.Element;
+export type LoadingOverlayProps = React.ComponentProps<"div"> & {
+    loading?: boolean;
+    label?: string;
+};
+declare function LoadingOverlay({ loading, label, className, children, ...props }: LoadingOverlayProps): React.JSX.Element;
+export { LoadingOverlay, Spinner };

package/dist/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/components/ui/switch/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");var i=n.forwardRef(({className:e,checked:i,defaultChecked:a=!1,onCheckedChange:o,disabled:s,onClick:c,...l},u)=>{let d=i!==void 0,[f,p]=n.useState(a),m=d?i:f;return(0,r.jsx)(`button`,{ref:u,type:`button`,role:`switch`,"aria-checked":m,"data-state":m?`checked`:`unchecked`,"data-slot":`switch`,disabled:s,className:t.cn(`peer inline-flex h-6.5 w-11.5 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 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]`,e),onClick:e=>{let t=!m;d||p(t),o?.(t),c?.(e)},...l,children:(0,r.jsx)(`span`,{"data-slot":`switch-thumb`,"data-state":m?`checked`:`unchecked`,className:t.cn(`pointer-events-none block size-5 rounded-full bg-white shadow-[0_2px_10px_color-mix(in_oklch,var(--foreground),transparent_88%)] ring-1 ring-foreground/6 transition-transform data-[state=checked]:translate-x-5.5 data-[state=unchecked]:translate-x-0.5 dark:bg-[rgba(255,255,255,0.96)]`)})})});i.displayName=`Switch`,exports.Switch=i;

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+export type SwitchProps = Omit<React.ComponentPropsWithoutRef<"button">, "onChange" | "value"> & {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+};
+declare const Switch: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "value" | "onChange"> & {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };

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

@@ -0,0 +1,30 @@
+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/switch/index.tsx
+var r = t.forwardRef(({ className: r, checked: i, defaultChecked: a = !1, onCheckedChange: o, disabled: s, onClick: c, ...l }, u) => {
+	let d = i !== void 0, [f, p] = t.useState(a), m = d ? i : f;
+	return /* @__PURE__ */ n("button", {
+		ref: u,
+		type: "button",
+		role: "switch",
+		"aria-checked": m,
+		"data-state": m ? "checked" : "unchecked",
+		"data-slot": "switch",
+		disabled: s,
+		className: e("peer inline-flex h-6.5 w-11.5 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 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]", r),
+		onClick: (e) => {
+			let t = !m;
+			d || p(t), o?.(t), c?.(e);
+		},
+		...l,
+		children: /* @__PURE__ */ n("span", {
+			"data-slot": "switch-thumb",
+			"data-state": m ? "checked" : "unchecked",
+			className: e("pointer-events-none block size-5 rounded-full bg-white shadow-[0_2px_10px_color-mix(in_oklch,var(--foreground),transparent_88%)] ring-1 ring-foreground/6 transition-transform data-[state=checked]:translate-x-5.5 data-[state=unchecked]:translate-x-0.5 dark:bg-[rgba(255,255,255,0.96)]")
+		})
+	});
+});
+r.displayName = "Switch";
+//#endregion
+export { r as Switch };

package/dist/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,...i}){return(0,r.jsx)(`div`,{"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),children:(0,r.jsx)(`table`,{"data-slot":`table`,className:t.cn(`w-full caption-bottom text-sm`,e),...i})})}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})}function c({className:e,...n}){return(0,r.jsx)(`tr`,{"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/components/ui/table/index.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+type TableProps = React.ComponentProps<"table"> & {
+    containerClassName?: string;
+};
+declare function Table({ className, containerClassName, ...props }: TableProps): React.JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): React.JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): React.JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): React.JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): React.JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

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

@@ -0,0 +1,66 @@
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/table/index.tsx
+function n({ className: n, containerClassName: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		"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),
+		children: /* @__PURE__ */ t("table", {
+			"data-slot": "table",
+			className: e("w-full caption-bottom text-sm", n),
+			...i
+		})
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("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))]", n),
+		...r
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tbody", {
+		"data-slot": "table-body",
+		className: e("[&_tr:last-child]:border-0", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("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", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tr", {
+		"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%)]", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("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", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("td", {
+		"data-slot": "table-cell",
+		className: e("px-4 py-3.5 align-middle whitespace-nowrap text-foreground/92 [&:has([role=checkbox])]:pr-0", n),
+		...r
+	});
+}
+function l({ className: n, ...r }) {
+	return /* @__PURE__ */ t("caption", {
+		"data-slot": "table-caption",
+		className: e("mt-4 text-sm text-muted-foreground", n),
+		...r
+	});
+}
+//#endregion
+export { n as Table, i as TableBody, l as TableCaption, c as TableCell, a as TableFooter, s as TableHead, r as TableHeader, o as TableRow };

package/dist/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,...n},a)=>(0,r.jsx)(i.Tabs.List,{ref:a,"data-slot":`tabs-list`,className:t.cn(`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`,e),...n}));o.displayName=`TabsList`;var s=n.forwardRef(({className:e,...n},a)=>(0,r.jsx)(i.Tabs.Tab,{ref:a,"data-slot":`tabs-trigger`,className:t.cn(`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`,e),...n}));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/components/ui/tabs/index.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { Tabs as BaseTabs } from "@base-ui/react/tabs";
+export type TabsRootProps = React.ComponentPropsWithoutRef<typeof BaseTabs.Root>;
+export type TabsListProps = React.ComponentPropsWithoutRef<typeof BaseTabs.List>;
+export type TabsTriggerProps = React.ComponentPropsWithoutRef<typeof BaseTabs.Tab>;
+export type TabsContentProps = React.ComponentPropsWithoutRef<typeof BaseTabs.Panel>;
+declare const Tabs: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsTabProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

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

@@ -0,0 +1,28 @@
+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, ...i }, a) => /* @__PURE__ */ n(r.List, {
+	ref: a,
+	"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
+}));
+a.displayName = "TabsList";
+var o = t.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.Tab, {
+	ref: a,
+	"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
+}));
+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/components/ui/textarea/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,...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;

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+export type TextareaProps = React.ComponentProps<"textarea">;
+declare function Textarea({ className, ...props }: TextareaProps): React.JSX.Element;
+export { Textarea };

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

@@ -0,0 +1,13 @@
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/textarea/index.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("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
+	});
+}
+//#endregion
+export { n as Textarea };

package/dist/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");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;

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+export type TooltipProps = Omit<React.ComponentProps<"span">, "content"> & {
+    content: React.ReactNode;
+    side?: "top" | "bottom" | "left" | "right";
+    disabled?: boolean;
+};
+declare function Tooltip({ content, side, disabled, className, children, ...props }: TooltipProps): React.JSX.Element;
+export { Tooltip };

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

@@ -0,0 +1,25 @@
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#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
+		})]
+	});
+}
+//#endregion
+export { i as Tooltip };

package/dist/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/components/upload/demo.d.ts

@@ -0,0 +1,6 @@
+export declare const uploadShowcaseDemoRegistry: {
+    [k: string]: {
+        mock: import("../../showcase").ShowcaseDemoMock;
+        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
+    };
+};

package/dist/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/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/components/upload/file-dropzone.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export type FileDropzoneProps = Omit<React.ComponentProps<"input">, "type" | "onChange"> & {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    value?: File[];
+    onFilesChange?: (files: File[]) => void;
+    containerClassName?: string;
+};
+declare function FileDropzone({ label, description, value, onFilesChange, containerClassName, className, multiple, ...props }: FileDropzoneProps): React.JSX.Element;
+export { FileDropzone };

package/dist/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/components/upload/file-upload.cjs

@@ -0,0 +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;

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

@@ -0,0 +1,71 @@
+import * as React from "react";
+export type FileUploadRejectReason = "max-files" | "max-size" | "type";
+export type FileUploadRejectedFile = {
+    file: File;
+    reason: FileUploadRejectReason;
+    message: string;
+};
+export type FileUploadRejectionMessageContext = {
+    file: File;
+    reason: FileUploadRejectReason;
+    maxFiles?: number;
+    maxSize?: number;
+    accept?: string;
+};
+export type FileUploadRejectionMessages = Partial<Record<FileUploadRejectReason, string | ((context: FileUploadRejectionMessageContext) => string)>>;
+export type FileUploadRenderFileState = {
+    file: File;
+    index: number;
+    progress?: number;
+    remove: () => void;
+    removeLabel?: string;
+};
+export type FileUploadRenderRejectedFileState = {
+    rejectedFile: FileUploadRejectedFile;
+    index: number;
+};
+type NativeFileInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange" | "className" | "children" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop">;
+export type FileUploadProps = NativeFileInputProps & {
+    files?: File[];
+    onFilesChange?: (files: File[]) => void;
+    rejectedFiles?: FileUploadRejectedFile[];
+    onRejectedFilesChange?: (files: FileUploadRejectedFile[]) => void;
+    onDragEnter?: React.DragEventHandler<HTMLDivElement>;
+    onDragLeave?: React.DragEventHandler<HTMLDivElement>;
+    onDragOver?: React.DragEventHandler<HTMLDivElement>;
+    onDrop?: React.DragEventHandler<HTMLDivElement>;
+    buttonLabel?: React.ReactNode;
+    dropzoneLabel?: React.ReactNode;
+    dropzoneDescription?: React.ReactNode;
+    dragActiveLabel?: React.ReactNode;
+    helperText?: React.ReactNode;
+    clearLabel?: React.ReactNode;
+    removeLabel?: string;
+    dropzoneAriaLabel?: string;
+    rejectionMessages?: FileUploadRejectionMessages;
+    maxFiles?: number;
+    maxSize?: number;
+    appendFiles?: boolean;
+    showFileList?: boolean;
+    showClearButton?: boolean;
+    loading?: boolean;
+    progress?: number | Record<string, number>;
+    renderFile?: (state: FileUploadRenderFileState) => React.ReactNode;
+    renderRejectedFile?: (state: FileUploadRenderRejectedFileState) => React.ReactNode;
+    renderActions?: (state: {
+        openFileDialog: () => void;
+        clearFiles: () => void;
+        files: File[];
+    }) => React.ReactNode;
+    className?: string;
+    inputClassName?: string;
+    dropzoneClassName?: string;
+    fileListClassName?: string;
+    fileItemClassName?: string;
+    rejectedListClassName?: string;
+};
+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;
+export { FileUpload, fileMatchesAccept, formatBytes, getFileKey };