tembro 3.1.16 → 4.0.0

package/dist/src/components/feedback/loading-state.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("lucide-react"),i=require("react/jsx-runtime");function a({className:e,label:n=`Loading...`,description:a,icon:o,variant:s=`spinner`,progress:c,...l}){return(0,i.jsxs)(`div`,{"data-slot":`loading-state`,className:t.cn(`flex min-h-52 flex-col items-center justify-center gap-4 rounded-[var(--radius-3xl)] border border-border/75 bg-muted/25 p-10 text-center text-muted-foreground shadow-sm ring-1 ring-foreground/4`,e),...l,children:[s===`skeleton`?(0,i.jsxs)(`div`,{className:`grid gap-3`,children:[(0,i.jsx)(`div`,{className:`h-4 w-32 animate-pulse rounded bg-muted`}),(0,i.jsx)(`div`,{className:`h-24 w-64 animate-pulse rounded-[min(var(--radius-xl),16px)] bg-muted/70`})]}):(0,i.jsx)(`div`,{className:`flex size-12 items-center justify-center rounded-full border border-border/70 bg-background/92 shadow-[0_1px_0_rgba(255,255,255,0.08)]`,children:o??(0,i.jsx)(r.Loader2Icon,{className:`size-5 animate-spin`})}),(0,i.jsxs)(`div`,{className:`grid gap-1.5`,children:[n&&(0,i.jsx)(`div`,{className:`text-base font-semibold tracking-tight text-foreground`,children:n}),a&&(0,i.jsx)(`p`,{className:`max-w-sm text-sm leading-6`,children:a}),s===`progress`&&typeof c==`number`?(0,i.jsx)(`div`,{className:`mx-auto mt-2 h-2 w-full max-w-xs overflow-hidden rounded-full bg-muted/80`,children:(0,i.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${Math.min(Math.max(c,0),100)}%`}})}):null]})]})}exports.LoadingState=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./state-view.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({label:e=`Loading...`,variant:n=`spinner`,...i}){return(0,r.jsx)(t.StateView,{status:`loading`,title:e,loadingVariant:n,slot:`loading-state`,...i})}exports.LoadingState=i;

package/dist/src/components/feedback/loading-state.js

@@ -1,40 +1,15 @@
-import { cn as e } from "../../lib/utils.js";
+import { StateView as e } from "./state-view.js";
 import "react";
-import { Loader2Icon as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/feedback/loading-state.tsx
-function i({ className: i, label: a = "Loading...", description: o, icon: s, variant: c = "spinner", progress: l, ...u }) {
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "loading-state",
-		className: e("flex min-h-52 flex-col items-center justify-center gap-4 rounded-[var(--radius-3xl)] border border-border/75 bg-muted/25 p-10 text-center text-muted-foreground shadow-sm ring-1 ring-foreground/4", i),
-		...u,
-		children: [c === "skeleton" ? /* @__PURE__ */ r("div", {
-			className: "grid gap-3",
-			children: [/* @__PURE__ */ n("div", { className: "h-4 w-32 animate-pulse rounded bg-muted" }), /* @__PURE__ */ n("div", { className: "h-24 w-64 animate-pulse rounded-[min(var(--radius-xl),16px)] bg-muted/70" })]
-		}) : /* @__PURE__ */ n("div", {
-			className: "flex size-12 items-center justify-center rounded-full border border-border/70 bg-background/92 shadow-[0_1px_0_rgba(255,255,255,0.08)]",
-			children: s ?? /* @__PURE__ */ n(t, { className: "size-5 animate-spin" })
-		}), /* @__PURE__ */ r("div", {
-			className: "grid gap-1.5",
-			children: [
-				a && /* @__PURE__ */ n("div", {
-					className: "text-base font-semibold tracking-tight text-foreground",
-					children: a
-				}),
-				o && /* @__PURE__ */ n("p", {
-					className: "max-w-sm text-sm leading-6",
-					children: o
-				}),
-				c === "progress" && typeof l == "number" ? /* @__PURE__ */ n("div", {
-					className: "mx-auto mt-2 h-2 w-full max-w-xs overflow-hidden rounded-full bg-muted/80",
-					children: /* @__PURE__ */ n("div", {
-						className: "h-full rounded-full bg-primary",
-						style: { width: `${Math.min(Math.max(l, 0), 100)}%` }
-					})
-				}) : null
-			]
-		})]
+function n({ label: n = "Loading...", variant: r = "spinner", ...i }) {
+	return /* @__PURE__ */ t(e, {
+		status: "loading",
+		title: n,
+		loadingVariant: r,
+		slot: "loading-state",
+		...i
 	});
 }
 //#endregion
-export { i as LoadingState };
+export { n as LoadingState };

package/dist/src/components/feedback/page-state.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){switch(e){case`loading`:return(0,a.jsx)(i.Loader2Icon,{className:`size-8 animate-spin`});case`error`:return(0,a.jsx)(i.AlertCircleIcon,{className:`size-8`});case`success`:return(0,a.jsx)(i.CheckCircle2Icon,{className:`size-8`});case`info`:return(0,a.jsx)(i.InfoIcon,{className:`size-8`});default:return(0,a.jsx)(i.SearchXIcon,{className:`size-8`})}}function s({tone:e=`empty`,title:n,description:r,icon:i,action:s,extra:c,compact:l=!1,className:u,...d}){return(0,a.jsxs)(`div`,{"data-slot":`page-state`,"data-tone":e,"data-compact":l||void 0,role:e===`error`?`alert`:`status`,"aria-live":e===`error`?`assertive`:`polite`,"aria-busy":e===`loading`||void 0,className:t.cn(`flex flex-col items-center justify-center rounded-[var(--radius-3xl)] border border-border/75 bg-card/96 text-center shadow-sm ring-1 ring-foreground/4`,l?`gap-2 p-6`:`min-h-72 gap-4 p-10`,u),...d,children:[(0,a.jsx)(`div`,{"data-slot":`page-state-icon`,className:`flex size-14 items-center justify-center rounded-full border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]`,children:i??o(e)}),(0,a.jsxs)(`div`,{"data-slot":`page-state-content`,className:`grid gap-1`,children:[n&&(0,a.jsx)(`div`,{"data-slot":`page-state-title`,className:`text-base font-semibold tracking-tight text-foreground`,children:n}),r&&(0,a.jsx)(`div`,{"data-slot":`page-state-description`,className:`max-w-md text-sm leading-6 text-muted-foreground`,children:r})]}),s||c?(0,a.jsxs)(`div`,{"data-slot":`page-state-actions`,className:`flex flex-wrap items-center justify-center gap-2`,children:[s,c]}):null]})}function c({retryLabel:e=`Retry`,onRetry:r,action:i,className:o,...c}){return(0,a.jsx)(s,{compact:!0,className:t.cn(`min-h-0`,o),action:i??(r?(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:r,children:e}):void 0),...c})}exports.InlineState=c,exports.PageState=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./state-view.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({tone:e=`empty`,action:t,extra:r,compact:a=!1,className:o,...s}){return(0,i.jsx)(n.StateView,{status:e,size:a?`compact`:`page`,actions:(0,i.jsxs)(i.Fragment,{children:[t,r]}),slot:`page-state`,className:o,...s})}function o({tone:e=`empty`,action:r,className:a,...o}){return(0,i.jsx)(n.StateView,{variant:`inline`,size:`compact`,actions:r,slot:`inline-state`,className:t.cn(`min-h-0`,a),...o,status:e})}exports.InlineState=o,exports.PageState=a;

package/dist/src/components/feedback/page-state.js

@@ -1,68 +1,28 @@
 import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../ui/button/index.js";
+import { StateView as t } from "./state-view.js";
 import "react";
-import { AlertCircleIcon as n, CheckCircle2Icon as r, InfoIcon as i, Loader2Icon as a, SearchXIcon as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/feedback/page-state.tsx
-function l(e) {
-	switch (e) {
-		case "loading": return /* @__PURE__ */ s(a, { className: "size-8 animate-spin" });
-		case "error": return /* @__PURE__ */ s(n, { className: "size-8" });
-		case "success": return /* @__PURE__ */ s(r, { className: "size-8" });
-		case "info": return /* @__PURE__ */ s(i, { className: "size-8" });
-		default: return /* @__PURE__ */ s(o, { className: "size-8" });
-	}
-}
-function u({ tone: t = "empty", title: n, description: r, icon: i, action: a, extra: o, compact: u = !1, className: d, ...f }) {
-	return /* @__PURE__ */ c("div", {
-		"data-slot": "page-state",
-		"data-tone": t,
-		"data-compact": u || void 0,
-		role: t === "error" ? "alert" : "status",
-		"aria-live": t === "error" ? "assertive" : "polite",
-		"aria-busy": t === "loading" || void 0,
-		className: e("flex flex-col items-center justify-center rounded-[var(--radius-3xl)] border border-border/75 bg-card/96 text-center shadow-sm ring-1 ring-foreground/4", u ? "gap-2 p-6" : "min-h-72 gap-4 p-10", d),
-		...f,
-		children: [
-			/* @__PURE__ */ s("div", {
-				"data-slot": "page-state-icon",
-				className: "flex size-14 items-center justify-center rounded-full border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]",
-				children: i ?? l(t)
-			}),
-			/* @__PURE__ */ c("div", {
-				"data-slot": "page-state-content",
-				className: "grid gap-1",
-				children: [n && /* @__PURE__ */ s("div", {
-					"data-slot": "page-state-title",
-					className: "text-base font-semibold tracking-tight text-foreground",
-					children: n
-				}), r && /* @__PURE__ */ s("div", {
-					"data-slot": "page-state-description",
-					className: "max-w-md text-sm leading-6 text-muted-foreground",
-					children: r
-				})]
-			}),
-			a || o ? /* @__PURE__ */ c("div", {
-				"data-slot": "page-state-actions",
-				className: "flex flex-wrap items-center justify-center gap-2",
-				children: [a, o]
-			}) : null
-		]
+function a({ tone: e = "empty", action: a, extra: o, compact: s = !1, className: c, ...l }) {
+	return /* @__PURE__ */ r(t, {
+		status: e,
+		size: s ? "compact" : "page",
+		actions: /* @__PURE__ */ i(n, { children: [a, o] }),
+		slot: "page-state",
+		className: c,
+		...l
 	});
 }
-function d({ retryLabel: n = "Retry", onRetry: r, action: i, className: a, ...o }) {
-	return /* @__PURE__ */ s(u, {
-		compact: !0,
+function o({ tone: n = "empty", action: i, className: a, ...o }) {
+	return /* @__PURE__ */ r(t, {
+		variant: "inline",
+		size: "compact",
+		actions: i,
+		slot: "inline-state",
 		className: e("min-h-0", a),
-		action: i ?? (r ? /* @__PURE__ */ s(t, {
-			type: "button",
-			variant: "outline",
-			size: "sm",
-			onClick: r,
-			children: n
-		}) : void 0),
-		...o
+		...o,
+		status: n
 	});
 }
 //#endregion
-export { d as InlineState, u as PageState };
+export { o as InlineState, a as PageState };

package/dist/src/components/feedback/state-view.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");var o={idle:{title:`Ready`,description:`No action has started yet.`,icon:(0,a.jsx)(i.CheckCircle2Icon,{})},loading:{title:`Loading`,description:`Please wait while data is being prepared.`,icon:(0,a.jsx)(i.Loader2Icon,{className:`animate-spin`})},empty:{title:`No data`,description:`There is nothing to show yet.`,icon:(0,a.jsx)(i.SearchXIcon,{})},error:{title:`Something went wrong`,description:`Try again or check the request.`,icon:(0,a.jsx)(i.AlertTriangleIcon,{})},success:{title:`Ready`,description:`Data loaded successfully.`,icon:(0,a.jsx)(i.CheckCircle2Icon,{})},info:{title:`Information`,description:`Review the information below.`,icon:(0,a.jsx)(i.InfoIcon,{})}},s={default:`text-muted-foreground`,muted:`text-muted-foreground`,success:`text-[color:var(--aui-success,var(--primary))]`,warning:`text-[color:var(--aui-warning,var(--primary))]`,danger:`text-destructive`,info:`text-[color:var(--aui-info,var(--primary))]`};function c({status:e=`empty`,tone:r,variant:c=`card`,size:l=`default`,align:u=`center`,title:d,description:f,icon:p,badge:m,actions:h,footer:g,query:_,retryLabel:v=`Retry`,onRetry:y,clearLabel:b=`Clear`,onClear:x,loadingVariant:S=`spinner`,progress:C,slot:w=`state-view`,className:T,children:E,...D}){let O=o[e],k=r??(e===`error`?`danger`:e===`success`?`success`:e===`info`?`info`:`default`),A=l===`compact`||c===`inline`,j=l===`page`,M=e===`loading`&&S===`skeleton`,N=typeof C==`number`?Math.min(Math.max(C,0),100):void 0;return(0,a.jsxs)(`div`,{"data-slot":w,"data-status":e,"data-tone":k,"data-variant":c,"data-size":l,role:e===`error`?`alert`:`status`,"aria-live":e===`error`?`assertive`:`polite`,"aria-busy":e===`loading`||void 0,className:t.cn(`flex min-w-0 flex-col justify-center`,u===`center`?`items-center text-center`:`items-start text-left`,c===`card`&&`rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card text-card-foreground shadow-[var(--aui-card-shadow,var(--aui-shadow-xs))]`,c===`inline`&&`rounded-[var(--radius-md)] border border-border/70 bg-muted/20`,A?`gap-2 p-4`:j?`min-h-72 gap-4 p-10`:`min-h-52 gap-3 p-8`,T),...D,children:[M?(0,a.jsxs)(`div`,{"data-slot":`state-view-skeleton`,className:`grid w-full max-w-sm gap-3`,"aria-hidden":`true`,children:[(0,a.jsx)(`div`,{className:`h-4 w-2/5 animate-pulse rounded bg-muted`}),(0,a.jsx)(`div`,{className:`h-20 w-full animate-pulse rounded-[var(--radius-lg)] bg-muted/70`})]}):(0,a.jsx)(`div`,{"data-slot":`state-view-icon`,className:t.cn(`flex shrink-0 items-center justify-center rounded-full border border-border/70 bg-muted/45 [&_svg]:size-5`,s[k],A?`size-9`:`size-12`),children:p??O.icon}),(0,a.jsxs)(`div`,{"data-slot":`state-view-content`,className:`grid max-w-md gap-1`,children:[(0,a.jsxs)(`div`,{className:t.cn(`flex flex-wrap items-center gap-2`,u===`center`&&`justify-center`),children:[d??O.title?(0,a.jsx)(`div`,{"data-slot":`state-view-title`,className:t.cn(`font-semibold tracking-tight text-foreground`,A?`text-sm`:`text-base`),children:d??O.title}):null,m]}),f??O.description?(0,a.jsx)(`p`,{"data-slot":`state-view-description`,className:`text-sm leading-6 text-muted-foreground`,children:f??O.description}):null]}),_?(0,a.jsx)(`div`,{"data-slot":`state-view-query`,className:`max-w-full rounded-md border border-border/70 bg-muted/45 px-2.5 py-1 text-sm text-muted-foreground`,children:_}):null,E?(0,a.jsx)(`div`,{"data-slot":`state-view-body`,className:`w-full`,children:E}):null,e===`loading`&&S===`progress`&&N!==void 0?(0,a.jsx)(`div`,{"data-slot":`state-view-progress`,className:`h-2 w-full max-w-xs overflow-hidden rounded-full bg-muted/80`,role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":N,children:(0,a.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-[width]`,style:{width:`${N}%`}})}):null,h||y||x?(0,a.jsxs)(`div`,{"data-slot":`state-view-actions`,className:t.cn(`flex flex-wrap gap-2`,u===`center`&&`justify-center`),children:[y?(0,a.jsx)(n.Button,{type:`button`,size:`sm`,variant:e===`error`?`default`:`outline`,onClick:y,children:v}):null,x?(0,a.jsxs)(n.Button,{type:`button`,size:`sm`,variant:`ghost`,onClick:x,children:[(0,a.jsx)(i.XIcon,{"data-icon":`inline-start`}),b]}):null,h]}):null,g?(0,a.jsx)(`div`,{"data-slot":`state-view-footer`,className:`w-full`,children:g}):null]})}exports.StateView=c;

package/dist/src/components/feedback/state-view.js

@@ -0,0 +1,138 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import "react";
+import { AlertTriangleIcon as n, CheckCircle2Icon as r, InfoIcon as i, Loader2Icon as a, SearchXIcon as o, XIcon as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/feedback/state-view.tsx
+var u = {
+	idle: {
+		title: "Ready",
+		description: "No action has started yet.",
+		icon: /* @__PURE__ */ c(r, {})
+	},
+	loading: {
+		title: "Loading",
+		description: "Please wait while data is being prepared.",
+		icon: /* @__PURE__ */ c(a, { className: "animate-spin" })
+	},
+	empty: {
+		title: "No data",
+		description: "There is nothing to show yet.",
+		icon: /* @__PURE__ */ c(o, {})
+	},
+	error: {
+		title: "Something went wrong",
+		description: "Try again or check the request.",
+		icon: /* @__PURE__ */ c(n, {})
+	},
+	success: {
+		title: "Ready",
+		description: "Data loaded successfully.",
+		icon: /* @__PURE__ */ c(r, {})
+	},
+	info: {
+		title: "Information",
+		description: "Review the information below.",
+		icon: /* @__PURE__ */ c(i, {})
+	}
+}, d = {
+	default: "text-muted-foreground",
+	muted: "text-muted-foreground",
+	success: "text-[color:var(--aui-success,var(--primary))]",
+	warning: "text-[color:var(--aui-warning,var(--primary))]",
+	danger: "text-destructive",
+	info: "text-[color:var(--aui-info,var(--primary))]"
+};
+function f({ status: n = "empty", tone: r, variant: i = "card", size: a = "default", align: o = "center", title: f, description: p, icon: m, badge: h, actions: g, footer: _, query: v, retryLabel: y = "Retry", onRetry: b, clearLabel: x = "Clear", onClear: S, loadingVariant: C = "spinner", progress: w, slot: T = "state-view", className: E, children: D, ...O }) {
+	let k = u[n], A = r ?? (n === "error" ? "danger" : n === "success" ? "success" : n === "info" ? "info" : "default"), j = a === "compact" || i === "inline", M = a === "page", N = n === "loading" && C === "skeleton", P = typeof w == "number" ? Math.min(Math.max(w, 0), 100) : void 0;
+	return /* @__PURE__ */ l("div", {
+		"data-slot": T,
+		"data-status": n,
+		"data-tone": A,
+		"data-variant": i,
+		"data-size": a,
+		role: n === "error" ? "alert" : "status",
+		"aria-live": n === "error" ? "assertive" : "polite",
+		"aria-busy": n === "loading" || void 0,
+		className: e("flex min-w-0 flex-col justify-center", o === "center" ? "items-center text-center" : "items-start text-left", i === "card" && "rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card text-card-foreground shadow-[var(--aui-card-shadow,var(--aui-shadow-xs))]", i === "inline" && "rounded-[var(--radius-md)] border border-border/70 bg-muted/20", j ? "gap-2 p-4" : M ? "min-h-72 gap-4 p-10" : "min-h-52 gap-3 p-8", E),
+		...O,
+		children: [
+			N ? /* @__PURE__ */ l("div", {
+				"data-slot": "state-view-skeleton",
+				className: "grid w-full max-w-sm gap-3",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ c("div", { className: "h-4 w-2/5 animate-pulse rounded bg-muted" }), /* @__PURE__ */ c("div", { className: "h-20 w-full animate-pulse rounded-[var(--radius-lg)] bg-muted/70" })]
+			}) : /* @__PURE__ */ c("div", {
+				"data-slot": "state-view-icon",
+				className: e("flex shrink-0 items-center justify-center rounded-full border border-border/70 bg-muted/45 [&_svg]:size-5", d[A], j ? "size-9" : "size-12"),
+				children: m ?? k.icon
+			}),
+			/* @__PURE__ */ l("div", {
+				"data-slot": "state-view-content",
+				className: "grid max-w-md gap-1",
+				children: [/* @__PURE__ */ l("div", {
+					className: e("flex flex-wrap items-center gap-2", o === "center" && "justify-center"),
+					children: [f ?? k.title ? /* @__PURE__ */ c("div", {
+						"data-slot": "state-view-title",
+						className: e("font-semibold tracking-tight text-foreground", j ? "text-sm" : "text-base"),
+						children: f ?? k.title
+					}) : null, h]
+				}), p ?? k.description ? /* @__PURE__ */ c("p", {
+					"data-slot": "state-view-description",
+					className: "text-sm leading-6 text-muted-foreground",
+					children: p ?? k.description
+				}) : null]
+			}),
+			v ? /* @__PURE__ */ c("div", {
+				"data-slot": "state-view-query",
+				className: "max-w-full rounded-md border border-border/70 bg-muted/45 px-2.5 py-1 text-sm text-muted-foreground",
+				children: v
+			}) : null,
+			D ? /* @__PURE__ */ c("div", {
+				"data-slot": "state-view-body",
+				className: "w-full",
+				children: D
+			}) : null,
+			n === "loading" && C === "progress" && P !== void 0 ? /* @__PURE__ */ c("div", {
+				"data-slot": "state-view-progress",
+				className: "h-2 w-full max-w-xs overflow-hidden rounded-full bg-muted/80",
+				role: "progressbar",
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": P,
+				children: /* @__PURE__ */ c("div", {
+					className: "h-full rounded-full bg-primary transition-[width]",
+					style: { width: `${P}%` }
+				})
+			}) : null,
+			g || b || S ? /* @__PURE__ */ l("div", {
+				"data-slot": "state-view-actions",
+				className: e("flex flex-wrap gap-2", o === "center" && "justify-center"),
+				children: [
+					b ? /* @__PURE__ */ c(t, {
+						type: "button",
+						size: "sm",
+						variant: n === "error" ? "default" : "outline",
+						onClick: b,
+						children: y
+					}) : null,
+					S ? /* @__PURE__ */ l(t, {
+						type: "button",
+						size: "sm",
+						variant: "ghost",
+						onClick: S,
+						children: [/* @__PURE__ */ c(s, { "data-icon": "inline-start" }), x]
+					}) : null,
+					g
+				]
+			}) : null,
+			_ ? /* @__PURE__ */ c("div", {
+				"data-slot": "state-view-footer",
+				className: "w-full",
+				children: _
+			}) : null
+		]
+	});
+}
+//#endregion
+export { f as StateView };

package/dist/src/components/filters/saved-filter-select.cjs

@@ -1 +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"),r=require("../ui/input/index.cjs"),i=require("../ui/popover/index.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function c({value:e,onValueChange:c,filters:l,onSave:u,onDelete:d,placeholder:f=`Views`,saveLabel:p=`Save current view`,savePlaceholder:m=`Name this view`,emptyMessage:h=`No saved views`,saveValue:g,onSaveValueChange:_,className:v,...y}){let[b,x]=a.useState(!1),[S,C]=a.useState(``),w=l.find(t=>t.value===e),T=g??S;function E(e){g===void 0&&C(e),_?.(e)}function D(){let e=T.trim();!e||!u||(u(e),E(``),x(!1))}return(0,s.jsx)(`div`,{"data-slot":`saved-filter-select`,className:v,...y,children:(0,s.jsxs)(i.Popover,{open:b,onOpenChange:x,children:[(0,s.jsxs)(n.Button,{render:(0,s.jsx)(i.PopoverTrigger,{}),variant:`outline`,role:`combobox`,"aria-expanded":b,className:`w-[200px] justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2 truncate`,children:[(0,s.jsx)(o.BookmarkIcon,{className:`size-4 shrink-0 opacity-50`}),(0,s.jsx)(`span`,{className:`truncate`,children:w?w.label:f})]}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 shrink-0 opacity-50`})]}),(0,s.jsxs)(i.PopoverContent,{className:`w-[250px] p-0`,align:`start`,children:[(0,s.jsx)(`div`,{className:`max-h-[300px] overflow-y-auto p-1`,children:l.length===0?(0,s.jsx)(`div`,{className:`py-6 text-center text-sm text-muted-foreground`,children:h}):(0,s.jsx)(`div`,{className:`grid gap-1`,children:l.map(r=>{let i=e===r.value;return(0,s.jsxs)(`div`,{className:t.cn(`group relative flex items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground`,i&&`bg-accent text-accent-foreground`),children:[(0,s.jsxs)(`button`,{className:`flex min-w-0 flex-1 items-center gap-2 text-left`,onClick:()=>{c?.(i?void 0:r.value),x(!1)},children:[(0,s.jsx)(`span`,{className:`flex size-4 shrink-0 items-center justify-center`,children:i&&(0,s.jsx)(o.CheckIcon,{className:`size-4`})}),(0,s.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:r.label}),r.description&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:r.description})]})]}),d&&(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`size-6 shrink-0 opacity-0 group-hover:opacity-100 hover:text-destructive`,onClick:e=>{t.stopInteractivePropagation(e),d(r.value)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,s.jsx)(o.Trash2Icon,{className:`size-3`})})]},r.value)})})}),u&&(0,s.jsxs)(`div`,{className:`grid gap-2 border-t p-2`,children:[(0,s.jsx)(r.Input,{value:T,placeholder:m,onChange:e=>E(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),D())}}),(0,s.jsxs)(n.Button,{variant:`outline`,className:`w-full justify-center text-sm font-medium`,disabled:!T.trim(),onClick:D,children:[(0,s.jsx)(o.SaveIcon,{className:`mr-2 size-4`}),p]})]})]})]})})}exports.SavedFilterSelect=c;
+"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"),r=require("../ui/popover/index.cjs"),i=require("../ui/input/index.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function c({value:e,onValueChange:c,filters:l,onSave:u,onDelete:d,placeholder:f=`Views`,saveLabel:p=`Save current view`,savePlaceholder:m=`Name this view`,emptyMessage:h=`No saved views`,saveValue:g,onSaveValueChange:_,className:v,...y}){let[b,x]=a.useState(!1),[S,C]=a.useState(``),w=l.find(t=>t.value===e),T=g??S;function E(e){g===void 0&&C(e),_?.(e)}function D(){let e=T.trim();!e||!u||(u(e),E(``),x(!1))}return(0,s.jsx)(`div`,{"data-slot":`saved-filter-select`,className:v,...y,children:(0,s.jsxs)(r.Popover,{open:b,onOpenChange:x,children:[(0,s.jsxs)(n.Button,{render:(0,s.jsx)(r.PopoverTrigger,{}),variant:`outline`,role:`combobox`,"aria-expanded":b,className:`w-[200px] justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2 truncate`,children:[(0,s.jsx)(o.BookmarkIcon,{className:`size-4 shrink-0 opacity-50`}),(0,s.jsx)(`span`,{className:`truncate`,children:w?w.label:f})]}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 shrink-0 opacity-50`})]}),(0,s.jsxs)(r.PopoverContent,{className:`w-[250px] p-0`,align:`start`,children:[(0,s.jsx)(`div`,{className:`max-h-[300px] overflow-y-auto p-1`,children:l.length===0?(0,s.jsx)(`div`,{className:`py-6 text-center text-sm text-muted-foreground`,children:h}):(0,s.jsx)(`div`,{className:`grid gap-1`,children:l.map(r=>{let i=e===r.value;return(0,s.jsxs)(`div`,{className:t.cn(`group relative flex items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground`,i&&`bg-accent text-accent-foreground`),children:[(0,s.jsxs)(`button`,{className:`flex min-w-0 flex-1 items-center gap-2 text-left`,onClick:()=>{c?.(i?void 0:r.value),x(!1)},children:[(0,s.jsx)(`span`,{className:`flex size-4 shrink-0 items-center justify-center`,children:i&&(0,s.jsx)(o.CheckIcon,{className:`size-4`})}),(0,s.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:r.label}),r.description&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:r.description})]})]}),d&&(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`size-6 shrink-0 opacity-0 group-hover:opacity-100 hover:text-destructive`,onClick:e=>{t.stopInteractivePropagation(e),d(r.value)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,s.jsx)(o.Trash2Icon,{className:`size-3`})})]},r.value)})})}),u&&(0,s.jsxs)(`div`,{className:`grid gap-2 border-t p-2`,children:[(0,s.jsx)(i.Input,{value:T,placeholder:m,onChange:e=>E(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),D())}}),(0,s.jsxs)(n.Button,{variant:`outline`,className:`w-full justify-center text-sm font-medium`,disabled:!T.trim(),onClick:D,children:[(0,s.jsx)(o.SaveIcon,{className:`mr-2 size-4`}),p]})]})]})]})})}exports.SavedFilterSelect=c;

package/dist/src/components/filters/saved-filter-select.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
 import { Button as n } from "../ui/button/index.js";
-import { Input as r } from "../ui/input/index.js";
-import { Popover as i, PopoverContent as a, PopoverTrigger as o } from "../ui/popover/index.js";
+import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "../ui/popover/index.js";
+import { Input as o } from "../ui/input/index.js";
 import * as s from "react";
 import { BookmarkIcon as c, CheckIcon as l, ChevronsUpDownIcon as u, SaveIcon as d, Trash2Icon as f } from "lucide-react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
@@ -20,11 +20,11 @@ function h({ value: h, onValueChange: g, filters: _, onSave: v, onDelete: y, pla
 		"data-slot": "saved-filter-select",
 		className: E,
 		...D,
-		children: /* @__PURE__ */ m(i, {
+		children: /* @__PURE__ */ m(r, {
 			open: O,
 			onOpenChange: k,
 			children: [/* @__PURE__ */ m(n, {
-				render: /* @__PURE__ */ p(o, {}),
+				render: /* @__PURE__ */ p(a, {}),
 				variant: "outline",
 				role: "combobox",
 				"aria-expanded": O,
@@ -36,7 +36,7 @@ function h({ value: h, onValueChange: g, filters: _, onSave: v, onDelete: y, pla
 						children: M ? M.label : b
 					})]
 				}), /* @__PURE__ */ p(u, { className: "size-4 shrink-0 opacity-50" })]
-			}), /* @__PURE__ */ m(a, {
+			}), /* @__PURE__ */ m(i, {
 				className: "w-[250px] p-0",
 				align: "start",
 				children: [/* @__PURE__ */ p("div", {
@@ -84,7 +84,7 @@ function h({ value: h, onValueChange: g, filters: _, onSave: v, onDelete: y, pla
 					})
 				}), v && /* @__PURE__ */ m("div", {
 					className: "grid gap-2 border-t p-2",
-					children: [/* @__PURE__ */ p(r, {
+					children: [/* @__PURE__ */ p(o, {
 						value: N,
 						placeholder: S,
 						onChange: (e) => P(e.target.value),

package/dist/src/components/form/form-date-picker.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("../calendar/date-picker.cjs");let n=require("react/jsx-runtime"),r=require("react-hook-form");function i({control:i,name:a,label:o,description:s,required:c,className:l,fieldClassName:u,emptyValue:d=``,onValueChange:f,...p}){return(0,n.jsx)(r.Controller,{control:i,name:a,render:({field:r,fieldState:i})=>(0,n.jsx)(e.FormFieldShell,{label:o,description:s,required:c,error:i.error?.message,className:l,children:(0,n.jsx)(t.DatePicker,{value:r.value??``,triggerClassName:u,onValueChange:e=>{r.onChange(e||d),f?.(e)},...p})})})}exports.FormDatePicker=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../calendar/date-picker.cjs"),t=require("./form-field-shell.cjs");let n=require("react/jsx-runtime"),r=require("react-hook-form");function i({control:i,name:a,label:o,description:s,required:c,className:l,fieldClassName:u,emptyValue:d=``,onValueChange:f,...p}){return(0,n.jsx)(r.Controller,{control:i,name:a,render:({field:r,fieldState:i})=>(0,n.jsx)(t.FormFieldShell,{label:o,description:s,required:c,error:i.error?.message,className:l,children:(0,n.jsx)(e.DatePicker,{value:r.value??``,triggerClassName:u,onValueChange:e=>{r.onChange(e||d),f?.(e)},...p})})})}exports.FormDatePicker=i;

package/dist/src/components/form/form-date-picker.js

@@ -1,5 +1,5 @@
-import { FormFieldShell as e } from "./form-field-shell.js";
-import { DatePicker as t } from "../calendar/date-picker.js";
+import { DatePicker as e } from "../calendar/date-picker.js";
+import { FormFieldShell as t } from "./form-field-shell.js";
 import { jsx as n } from "react/jsx-runtime";
 import { Controller as r } from "react-hook-form";
 //#region src/components/form/form-date-picker.tsx
@@ -7,13 +7,13 @@ function i({ control: i, name: a, label: o, description: s, required: c, classNa
 	return /* @__PURE__ */ n(r, {
 		control: i,
 		name: a,
-		render: ({ field: r, fieldState: i }) => /* @__PURE__ */ n(e, {
+		render: ({ field: r, fieldState: i }) => /* @__PURE__ */ n(t, {
 			label: o,
 			description: s,
 			required: c,
 			error: i.error?.message,
 			className: l,
-			children: /* @__PURE__ */ n(t, {
+			children: /* @__PURE__ */ n(e, {
 				value: r.value ?? "",
 				triggerClassName: u,
 				onValueChange: (e) => {

package/dist/src/components/form/form-date-range-picker.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("../calendar/date-range-picker.cjs");let n=require("react/jsx-runtime"),r=require("react-hook-form");function i({control:i,fromName:a,toName:o,label:s,description:c,required:l,className:u,emptyValue:d=``,onValueChange:f,...p}){return(0,n.jsx)(r.Controller,{control:i,name:a,render:({field:a,fieldState:m})=>(0,n.jsx)(r.Controller,{control:i,name:o,render:({field:r,fieldState:i})=>(0,n.jsx)(e.FormFieldShell,{label:s,description:c,required:l,error:m.error?.message??i.error?.message,className:u,children:(0,n.jsx)(t.DateRangePicker,{value:{from:a.value??``,to:r.value??``},onValueChange:e=>{a.onChange(e.from||d),r.onChange(e.to||d),f?.({from:e.from||void 0,to:e.to||void 0})},...p})})})})}exports.FormDateRangePicker=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../calendar/date-range-picker.cjs"),t=require("./form-field-shell.cjs");let n=require("react/jsx-runtime"),r=require("react-hook-form");function i({control:i,fromName:a,toName:o,label:s,description:c,required:l,className:u,emptyValue:d=``,onValueChange:f,...p}){return(0,n.jsx)(r.Controller,{control:i,name:a,render:({field:a,fieldState:m})=>(0,n.jsx)(r.Controller,{control:i,name:o,render:({field:r,fieldState:i})=>(0,n.jsx)(t.FormFieldShell,{label:s,description:c,required:l,error:m.error?.message??i.error?.message,className:u,children:(0,n.jsx)(e.DateRangePicker,{value:{from:a.value??``,to:r.value??``},onValueChange:e=>{a.onChange(e.from||d),r.onChange(e.to||d),f?.({from:e.from||void 0,to:e.to||void 0})},...p})})})})}exports.FormDateRangePicker=i;

package/dist/src/components/form/form-date-range-picker.js

@@ -1,5 +1,5 @@
-import { FormFieldShell as e } from "./form-field-shell.js";
-import { DateRangePicker as t } from "../calendar/date-range-picker.js";
+import { DateRangePicker as e } from "../calendar/date-range-picker.js";
+import { FormFieldShell as t } from "./form-field-shell.js";
 import { jsx as n } from "react/jsx-runtime";
 import { Controller as r } from "react-hook-form";
 //#region src/components/form/form-date-range-picker.tsx
@@ -10,13 +10,13 @@ function i({ control: i, fromName: a, toName: o, label: s, description: c, requi
 		render: ({ field: a, fieldState: m }) => /* @__PURE__ */ n(r, {
 			control: i,
 			name: o,
-			render: ({ field: r, fieldState: i }) => /* @__PURE__ */ n(e, {
+			render: ({ field: r, fieldState: i }) => /* @__PURE__ */ n(t, {
 				label: s,
 				description: c,
 				required: l,
 				error: m.error?.message ?? i.error?.message,
 				className: u,
-				children: /* @__PURE__ */ n(t, {
+				children: /* @__PURE__ */ n(e, {
 					value: {
 						from: a.value ?? "",
 						to: r.value ?? ""

package/dist/src/components/form/form-select.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../ui/select/index.cjs"),t=require("../inputs/async-select.cjs"),n=require("./form-field-shell.cjs");let r=require("react/jsx-runtime"),i=require("react-hook-form");function a(e){return{label:e.label,description:e.description,success:e.success,loading:e.loading,required:e.required,className:e.className,htmlFor:e.name,layout:e.layout,descriptionPosition:e.descriptionPosition,labelAction:e.labelAction,requiredIndicator:e.requiredIndicator,errorIcon:e.errorIcon,showErrorIcon:e.showErrorIcon,disabled:e.disabled,readOnly:e.readOnly,labelClassName:e.labelClassName,labelRowClassName:e.labelRowClassName,descriptionClassName:e.descriptionClassName,errorClassName:e.errorClassName,contentClassName:e.contentClassName}}function o(o){let s=a(o),c=o.kind??`simple`,l=o.fieldClassName??`w-full`;return(0,r.jsx)(i.Controller,{control:o.control,name:o.name,render:({field:i,fieldState:a})=>{let u=a.error?.message,d=n.resolveFormFieldIds(`${o.name}`,{description:o.description,error:u});if(c===`async`){let{control:e,name:a,label:c,description:f,required:p,className:m,layout:h,descriptionPosition:g,labelAction:_,requiredIndicator:v,errorIcon:y,showErrorIcon:b,disabled:x,readOnly:S,labelClassName:C,labelRowClassName:w,descriptionClassName:T,errorClassName:E,contentClassName:D,fieldClassName:O,emptyValue:k,kind:A,onValueChange:j,...M}=o;return(0,r.jsx)(n.FormFieldShell,{...s,labelId:d.labelId,descriptionId:d.descriptionId,errorId:d.errorId,error:u,children:(0,r.jsx)(t.AsyncSelect,{...M,value:i.value==null||i.value===``?void 0:String(i.value),disabled:x||S,"aria-describedby":d.describedBy,"aria-errormessage":u?d.errorId:void 0,onValueChange:(e,t)=>{i.onChange(e??k),j?.(e,t)},triggerClassName:O??l})})}let{control:f,name:p,label:m,description:h,required:g,className:_,layout:v,descriptionPosition:y,labelAction:b,requiredIndicator:x,errorIcon:S,showErrorIcon:C,disabled:w,readOnly:T,labelClassName:E,labelRowClassName:D,descriptionClassName:O,errorClassName:k,contentClassName:A,fieldClassName:j,emptyValue:M,kind:N,onValueChange:P,...F}=o;return(0,r.jsx)(n.FormFieldShell,{...s,labelId:d.labelId,descriptionId:d.descriptionId,errorId:d.errorId,error:u,children:(0,r.jsx)(e.Select,{...F,value:i.value==null?void 0:String(i.value),disabled:w||T,"aria-describedby":d.describedBy,"aria-errormessage":u?d.errorId:void 0,onValueChange:e=>{i.onChange(e||M),P?.(e)},triggerClassName:j??l})})}})}exports.FormSelect=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../ui/select/index.cjs"),t=require("./form-field-shell.cjs"),n=require("../inputs/async-select.cjs");let r=require("react/jsx-runtime"),i=require("react-hook-form");function a(e){return{label:e.label,description:e.description,success:e.success,loading:e.loading,required:e.required,className:e.className,htmlFor:e.name,layout:e.layout,descriptionPosition:e.descriptionPosition,labelAction:e.labelAction,requiredIndicator:e.requiredIndicator,errorIcon:e.errorIcon,showErrorIcon:e.showErrorIcon,disabled:e.disabled,readOnly:e.readOnly,labelClassName:e.labelClassName,labelRowClassName:e.labelRowClassName,descriptionClassName:e.descriptionClassName,errorClassName:e.errorClassName,contentClassName:e.contentClassName}}function o(o){let s=a(o),c=o.kind??`simple`,l=o.fieldClassName??`w-full`;return(0,r.jsx)(i.Controller,{control:o.control,name:o.name,render:({field:i,fieldState:a})=>{let u=a.error?.message,d=t.resolveFormFieldIds(`${o.name}`,{description:o.description,error:u});if(c===`async`){let{control:e,name:a,label:c,description:f,required:p,className:m,layout:h,descriptionPosition:g,labelAction:_,requiredIndicator:v,errorIcon:y,showErrorIcon:b,disabled:x,readOnly:S,labelClassName:C,labelRowClassName:w,descriptionClassName:T,errorClassName:E,contentClassName:D,fieldClassName:O,emptyValue:k,kind:A,onValueChange:j,...M}=o;return(0,r.jsx)(t.FormFieldShell,{...s,labelId:d.labelId,descriptionId:d.descriptionId,errorId:d.errorId,error:u,children:(0,r.jsx)(n.AsyncSelect,{...M,value:i.value==null||i.value===``?void 0:String(i.value),disabled:x||S,"aria-describedby":d.describedBy,"aria-errormessage":u?d.errorId:void 0,onValueChange:(e,t)=>{i.onChange(e??k),j?.(e,t)},triggerClassName:O??l})})}let{control:f,name:p,label:m,description:h,required:g,className:_,layout:v,descriptionPosition:y,labelAction:b,requiredIndicator:x,errorIcon:S,showErrorIcon:C,disabled:w,readOnly:T,labelClassName:E,labelRowClassName:D,descriptionClassName:O,errorClassName:k,contentClassName:A,fieldClassName:j,emptyValue:M,kind:N,onValueChange:P,...F}=o;return(0,r.jsx)(t.FormFieldShell,{...s,labelId:d.labelId,descriptionId:d.descriptionId,errorId:d.errorId,error:u,children:(0,r.jsx)(e.Select,{...F,value:i.value==null?void 0:String(i.value),disabled:w||T,"aria-describedby":d.describedBy,"aria-errormessage":u?d.errorId:void 0,onValueChange:e=>{i.onChange(e||M),P?.(e)},triggerClassName:j??l})})}})}exports.FormSelect=o;

package/dist/src/components/form/form-select.js

@@ -1,6 +1,6 @@
 import { Select as e } from "../ui/select/index.js";
-import { AsyncSelect as t } from "../inputs/async-select.js";
-import { FormFieldShell as n, resolveFormFieldIds as r } from "./form-field-shell.js";
+import { FormFieldShell as t, resolveFormFieldIds as n } from "./form-field-shell.js";
+import { AsyncSelect as r } from "../inputs/async-select.js";
 import { jsx as i } from "react/jsx-runtime";
 import { Controller as a } from "react-hook-form";
 //#region src/components/form/form-select.tsx
@@ -34,19 +34,19 @@ function s(s) {
 		control: s.control,
 		name: s.name,
 		render: ({ field: a, fieldState: o }) => {
-			let d = o.error?.message, f = r(`${s.name}`, {
+			let d = o.error?.message, f = n(`${s.name}`, {
 				description: s.description,
 				error: d
 			});
 			if (l === "async") {
-				let { control: e, name: r, label: o, description: l, required: p, className: m, layout: h, descriptionPosition: g, labelAction: _, requiredIndicator: v, errorIcon: y, showErrorIcon: b, disabled: x, readOnly: S, labelClassName: C, labelRowClassName: w, descriptionClassName: T, errorClassName: E, contentClassName: D, fieldClassName: O, emptyValue: k, kind: A, onValueChange: j, ...M } = s;
-				return /* @__PURE__ */ i(n, {
+				let { control: e, name: n, label: o, description: l, required: p, className: m, layout: h, descriptionPosition: g, labelAction: _, requiredIndicator: v, errorIcon: y, showErrorIcon: b, disabled: x, readOnly: S, labelClassName: C, labelRowClassName: w, descriptionClassName: T, errorClassName: E, contentClassName: D, fieldClassName: O, emptyValue: k, kind: A, onValueChange: j, ...M } = s;
+				return /* @__PURE__ */ i(t, {
 					...c,
 					labelId: f.labelId,
 					descriptionId: f.descriptionId,
 					errorId: f.errorId,
 					error: d,
-					children: /* @__PURE__ */ i(t, {
+					children: /* @__PURE__ */ i(r, {
 						...M,
 						value: a.value == null || a.value === "" ? void 0 : String(a.value),
 						disabled: x || S,
@@ -60,7 +60,7 @@ function s(s) {
 				});
 			}
 			let { control: p, name: m, label: h, description: g, required: _, className: v, layout: y, descriptionPosition: b, labelAction: x, requiredIndicator: S, errorIcon: C, showErrorIcon: w, disabled: T, readOnly: E, labelClassName: D, labelRowClassName: O, descriptionClassName: k, errorClassName: A, contentClassName: j, fieldClassName: M, emptyValue: N, kind: P, onValueChange: F, ...I } = s;
-			return /* @__PURE__ */ i(n, {
+			return /* @__PURE__ */ i(t, {
 				...c,
 				labelId: f.labelId,
 				descriptionId: f.descriptionId,

package/dist/src/components/form/form-switch.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/switch/index.cjs"),r=require("./form-field-shell.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("react-hook-form");function s({control:e,name:i,label:s,description:c,success:l,loading:u,required:d,className:f,layout:p,descriptionPosition:m,labelAction:h,requiredIndicator:g,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,labelClassName:x,labelRowClassName:S,descriptionClassName:C,errorClassName:w,contentClassName:T,fieldClassName:E,labelPlacement:D=`end`,id:O,onCheckedChange:k,...A}){let j=O??i;return(0,a.jsx)(o.Controller,{control:e,name:i,render:({field:e,fieldState:i})=>{let o=i.error?.message,O=r.resolveFormFieldIds(j,{description:c,error:o}),M=s?(0,a.jsxs)(`label`,{id:O.labelId,htmlFor:j,className:t.cn(`text-sm font-medium leading-none`,y&&`opacity-60`,x),children:[s,d&&(g??(0,a.jsx)(`span`,{className:`ml-1 text-destructive`,children:`*`}))]}):null,N=(0,a.jsx)(n.Switch,{id:j,ref:e.ref,checked:!!e.value,disabled:y||b,"aria-invalid":i.invalid||void 0,"aria-labelledby":s?O.labelId:void 0,"aria-describedby":O.describedBy,"aria-errormessage":o?O.errorId:void 0,className:E,onBlur:e.onBlur,onCheckedChange:t=>{e.onChange(t),k?.(t)},...A});return D===`start`?(0,a.jsx)(r.FormFieldShell,{label:s,description:c,success:l,loading:u,required:d,error:o,htmlFor:j,labelId:O.labelId,descriptionId:O.descriptionId,errorId:O.errorId,className:f,layout:p,descriptionPosition:m,labelAction:h,requiredIndicator:g,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,labelClassName:x,labelRowClassName:S,descriptionClassName:C,errorClassName:w,contentClassName:T,children:N}):(0,a.jsx)(r.FormFieldShell,{error:o,success:l,loading:u,className:f,descriptionId:O.descriptionId,errorId:O.errorId,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,errorClassName:w,contentClassName:T,children:(0,a.jsxs)(`div`,{className:`flex items-start gap-3`,children:[N,(s||c||h)&&(0,a.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(s||h)&&(0,a.jsxs)(`div`,{className:t.cn(`flex items-center justify-between gap-2`,S),children:[M,h&&(0,a.jsx)(`div`,{className:`shrink-0 text-sm`,children:h})]}),c&&(0,a.jsx)(`p`,{id:O.descriptionId,className:t.cn(`text-xs text-muted-foreground`,C),children:c})]})]})})}})}exports.FormSwitch=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./form-field-shell.cjs"),r=require("../ui/switch/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("react-hook-form");function s({control:e,name:i,label:s,description:c,success:l,loading:u,required:d,className:f,layout:p,descriptionPosition:m,labelAction:h,requiredIndicator:g,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,labelClassName:x,labelRowClassName:S,descriptionClassName:C,errorClassName:w,contentClassName:T,fieldClassName:E,labelPlacement:D=`end`,id:O,onCheckedChange:k,...A}){let j=O??i;return(0,a.jsx)(o.Controller,{control:e,name:i,render:({field:e,fieldState:i})=>{let o=i.error?.message,O=n.resolveFormFieldIds(j,{description:c,error:o}),M=s?(0,a.jsxs)(`label`,{id:O.labelId,htmlFor:j,className:t.cn(`text-sm font-medium leading-none`,y&&`opacity-60`,x),children:[s,d&&(g??(0,a.jsx)(`span`,{className:`ml-1 text-destructive`,children:`*`}))]}):null,N=(0,a.jsx)(r.Switch,{id:j,ref:e.ref,checked:!!e.value,disabled:y||b,"aria-invalid":i.invalid||void 0,"aria-labelledby":s?O.labelId:void 0,"aria-describedby":O.describedBy,"aria-errormessage":o?O.errorId:void 0,className:E,onBlur:e.onBlur,onCheckedChange:t=>{e.onChange(t),k?.(t)},...A});return D===`start`?(0,a.jsx)(n.FormFieldShell,{label:s,description:c,success:l,loading:u,required:d,error:o,htmlFor:j,labelId:O.labelId,descriptionId:O.descriptionId,errorId:O.errorId,className:f,layout:p,descriptionPosition:m,labelAction:h,requiredIndicator:g,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,labelClassName:x,labelRowClassName:S,descriptionClassName:C,errorClassName:w,contentClassName:T,children:N}):(0,a.jsx)(n.FormFieldShell,{error:o,success:l,loading:u,className:f,descriptionId:O.descriptionId,errorId:O.errorId,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,errorClassName:w,contentClassName:T,children:(0,a.jsxs)(`div`,{className:`flex items-start gap-3`,children:[N,(s||c||h)&&(0,a.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(s||h)&&(0,a.jsxs)(`div`,{className:t.cn(`flex items-center justify-between gap-2`,S),children:[M,h&&(0,a.jsx)(`div`,{className:`shrink-0 text-sm`,children:h})]}),c&&(0,a.jsx)(`p`,{id:O.descriptionId,className:t.cn(`text-xs text-muted-foreground`,C),children:c})]})]})})}})}exports.FormSwitch=s;

package/dist/src/components/form/form-switch.js

@@ -1,6 +1,6 @@
 import { cn as e } from "../../lib/utils.js";
-import { Switch as t } from "../ui/switch/index.js";
-import { FormFieldShell as n, resolveFormFieldIds as r } from "./form-field-shell.js";
+import { FormFieldShell as t, resolveFormFieldIds as n } from "./form-field-shell.js";
+import { Switch as r } from "../ui/switch/index.js";
 import "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Controller as o } from "react-hook-form";
@@ -11,7 +11,7 @@ function s({ control: s, name: c, label: l, description: u, success: d, loading:
 		control: s,
 		name: c,
 		render: ({ field: o, fieldState: s }) => {
-			let c = s.error?.message, A = r(N, {
+			let c = s.error?.message, A = n(N, {
 				description: u,
 				error: c
 			}), P = l ? /* @__PURE__ */ a("label", {
@@ -22,7 +22,7 @@ function s({ control: s, name: c, label: l, description: u, success: d, loading:
 					className: "ml-1 text-destructive",
 					children: "*"
 				}))]
-			}) : null, F = /* @__PURE__ */ i(t, {
+			}) : null, F = /* @__PURE__ */ i(r, {
 				id: N,
 				ref: o.ref,
 				checked: !!o.value,
@@ -38,7 +38,7 @@ function s({ control: s, name: c, label: l, description: u, success: d, loading:
 				},
 				...M
 			});
-			return k === "start" ? /* @__PURE__ */ i(n, {
+			return k === "start" ? /* @__PURE__ */ i(t, {
 				label: l,
 				description: u,
 				success: d,
@@ -64,7 +64,7 @@ function s({ control: s, name: c, label: l, description: u, success: d, loading:
 				errorClassName: E,
 				contentClassName: D,
 				children: F
-			}) : /* @__PURE__ */ i(n, {
+			}) : /* @__PURE__ */ i(t, {
 				error: c,
 				success: d,
 				loading: f,

package/dist/src/components/form/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("./form-input.cjs"),n=require("./form-select.cjs"),r=require("./form-switch.cjs"),i=require("./form-textarea.cjs"),a=require("./form-date-picker.cjs"),o=require("./form-date-range-picker.cjs"),s=require("./form-date-range-input.cjs");exports.FormDatePicker=a.FormDatePicker,exports.FormDateRangeInput=s.FormDateRangeInput,exports.FormDateRangePicker=o.FormDateRangePicker,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=t.FormInput,exports.FormSelect=n.FormSelect,exports.FormSwitch=r.FormSwitch,exports.FormTextarea=i.FormTextarea,exports.resolveFormFieldIds=e.resolveFormFieldIds;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("./form-date-picker.cjs"),n=require("./form-date-range-input.cjs"),r=require("./form-date-range-picker.cjs"),i=require("./form-input.cjs"),a=require("./form-select.cjs"),o=require("./form-switch.cjs"),s=require("./form-textarea.cjs");exports.FormDatePicker=t.FormDatePicker,exports.FormDateRangeInput=n.FormDateRangeInput,exports.FormDateRangePicker=r.FormDateRangePicker,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=i.FormInput,exports.FormSelect=a.FormSelect,exports.FormSwitch=o.FormSwitch,exports.FormTextarea=s.FormTextarea,exports.resolveFormFieldIds=e.resolveFormFieldIds;

package/dist/src/components/form/index.js

@@ -1,9 +1,9 @@
 import { FormFieldShell as e, resolveFormFieldIds as t } from "./form-field-shell.js";
-import { FormInput as n } from "./form-input.js";
-import { FormSelect as r } from "./form-select.js";
-import { FormSwitch as i } from "./form-switch.js";
-import { FormTextarea as a } from "./form-textarea.js";
-import { FormDatePicker as o } from "./form-date-picker.js";
-import { FormDateRangePicker as s } from "./form-date-range-picker.js";
-import { FormDateRangeInput as c } from "./form-date-range-input.js";
-export { o as FormDatePicker, c as FormDateRangeInput, s as FormDateRangePicker, e as FormFieldShell, n as FormInput, r as FormSelect, i as FormSwitch, a as FormTextarea, t as resolveFormFieldIds };
+import { FormDatePicker as n } from "./form-date-picker.js";
+import { FormDateRangeInput as r } from "./form-date-range-input.js";
+import { FormDateRangePicker as i } from "./form-date-range-picker.js";
+import { FormInput as a } from "./form-input.js";
+import { FormSelect as o } from "./form-select.js";
+import { FormSwitch as s } from "./form-switch.js";
+import { FormTextarea as c } from "./form-textarea.js";
+export { n as FormDatePicker, r as FormDateRangeInput, i as FormDateRangePicker, e as FormFieldShell, a as FormInput, o as FormSelect, s as FormSwitch, c as FormTextarea, t as resolveFormFieldIds };

package/dist/src/components/form/public.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("./form-input.cjs"),n=require("./form-select.cjs"),r=require("./form-switch.cjs"),i=require("./form-textarea.cjs"),a=require("./form-date-picker.cjs"),o=require("./form-date-range-picker.cjs"),s=require("./form-date-range-input.cjs");exports.FormDatePicker=a.FormDatePicker,exports.FormDateRangeInput=s.FormDateRangeInput,exports.FormDateRangePicker=o.FormDateRangePicker,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=t.FormInput,exports.FormSelect=n.FormSelect,exports.FormSwitch=r.FormSwitch,exports.FormTextarea=i.FormTextarea,exports.resolveFormFieldIds=e.resolveFormFieldIds;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("./form-date-picker.cjs"),n=require("./form-date-range-input.cjs"),r=require("./form-date-range-picker.cjs"),i=require("./form-input.cjs"),a=require("./form-select.cjs"),o=require("./form-switch.cjs"),s=require("./form-textarea.cjs");exports.FormDatePicker=t.FormDatePicker,exports.FormDateRangeInput=n.FormDateRangeInput,exports.FormDateRangePicker=r.FormDateRangePicker,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=i.FormInput,exports.FormSelect=a.FormSelect,exports.FormSwitch=o.FormSwitch,exports.FormTextarea=s.FormTextarea,exports.resolveFormFieldIds=e.resolveFormFieldIds;

package/dist/src/components/form/public.js

@@ -1,9 +1,9 @@
 import { FormFieldShell as e, resolveFormFieldIds as t } from "./form-field-shell.js";
-import { FormInput as n } from "./form-input.js";
-import { FormSelect as r } from "./form-select.js";
-import { FormSwitch as i } from "./form-switch.js";
-import { FormTextarea as a } from "./form-textarea.js";
-import { FormDatePicker as o } from "./form-date-picker.js";
-import { FormDateRangePicker as s } from "./form-date-range-picker.js";
-import { FormDateRangeInput as c } from "./form-date-range-input.js";
-export { o as FormDatePicker, c as FormDateRangeInput, s as FormDateRangePicker, e as FormFieldShell, n as FormInput, r as FormSelect, i as FormSwitch, a as FormTextarea, t as resolveFormFieldIds };
+import { FormDatePicker as n } from "./form-date-picker.js";
+import { FormDateRangeInput as r } from "./form-date-range-input.js";
+import { FormDateRangePicker as i } from "./form-date-range-picker.js";
+import { FormInput as a } from "./form-input.js";
+import { FormSelect as o } from "./form-select.js";
+import { FormSwitch as s } from "./form-switch.js";
+import { FormTextarea as c } from "./form-textarea.js";
+export { n as FormDatePicker, r as FormDateRangeInput, i as FormDateRangePicker, e as FormFieldShell, a as FormInput, o as FormSelect, s as FormSwitch, c as FormTextarea, t as resolveFormFieldIds };