tembro 3.1.16 → 4.0.0

package/dist/src/components/modern/calendar-scheduler.js

@@ -1,91 +1,157 @@
 import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as t from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/modern/calendar-scheduler.tsx
-var r = {
+var a = {
 	default: "border-border bg-muted",
 	success: "border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-300",
 	warning: "border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-300",
 	danger: "border-red-200 bg-red-50 text-red-700 dark:border-red-900 dark:bg-red-950 dark:text-red-300"
 };
-function i({ events: i, days: a, view: o = "week", empty: s = "No events scheduled.", onCreateEvent: c, onEventClick: l, className: u, ...d }) {
-	let f = a ?? Array.from(new Set(i.map((e) => e.date)));
-	return f.length === 0 ? /* @__PURE__ */ t("div", {
+function o({ events: o, days: s, view: c = "week", variant: l = "board", density: u = "default", title: d, description: f, actions: p, empty: m = "No events scheduled.", selectedEventId: h, defaultSelectedEventId: g, onSelectedEventChange: _, onCreateEvent: v, onEventClick: y, renderEvent: b, createLabel: x = "Create event", showCount: S = !0, dayClassName: C, eventClassName: w, formatDay: T, className: E, ...D }) {
+	let [O, k] = t.useState(g), A = h ?? O, j = o.filter((e) => !e.hidden), M = s ?? Array.from(new Set(j.map((e) => e.date))), N = (e) => {
+		e.disabled || (h === void 0 && k(e.id), _?.(e.id, e), y?.(e));
+	};
+	return M.length === 0 ? /* @__PURE__ */ r("div", {
 		"data-slot": "calendar-scheduler",
-		"data-view": o,
-		className: e("rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-5 text-sm text-muted-foreground shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]", u),
-		...d,
-		children: /* @__PURE__ */ t("div", {
+		"data-view": c,
+		"data-variant": l,
+		"data-density": u,
+		className: e("rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-5 text-sm text-muted-foreground shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]", E),
+		...D,
+		children: /* @__PURE__ */ r("div", {
 			className: "flex min-h-32 items-center justify-center rounded-[var(--radius-lg)] border border-dashed border-[color:var(--aui-card-border,var(--border))] bg-muted/20 px-4 py-6 text-center",
-			children: /* @__PURE__ */ n("div", {
+			children: /* @__PURE__ */ i("div", {
 				className: "space-y-1.5",
-				children: [/* @__PURE__ */ t("p", {
+				children: [/* @__PURE__ */ r("p", {
 					"data-empty": "true",
 					className: "text-sm font-medium text-foreground",
-					children: s
-				}), c ? /* @__PURE__ */ t("button", {
+					children: m
+				}), v ? /* @__PURE__ */ r("button", {
 					type: "button",
 					className: "rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground hover:bg-muted/50",
-					onClick: () => c("today"),
-					children: "Create event"
+					onClick: () => v("today"),
+					children: x
 				}) : null]
 			})
 		})
-	}) : /* @__PURE__ */ t("div", {
+	}) : /* @__PURE__ */ i("div", {
 		"data-slot": "calendar-scheduler",
-		"data-view": o,
-		className: e("grid gap-3", o === "month" && "md:grid-cols-2 xl:grid-cols-3", u),
-		...d,
-		children: f.map((a) => {
-			let o = i.filter((e) => e.date === a);
-			return /* @__PURE__ */ n("section", {
-				className: "rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-4 shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]",
+		"data-view": c,
+		"data-variant": l,
+		"data-density": u,
+		className: e("grid", u === "compact" ? "gap-2" : u === "comfortable" ? "gap-5" : "gap-3", c === "month" && l === "board" && "md:grid-cols-2 xl:grid-cols-3", l === "agenda" && "rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-4 shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]", E),
+		...D,
+		children: [d || f || p ? /* @__PURE__ */ i("div", {
+			"data-slot": "calendar-scheduler-header",
+			className: "flex flex-wrap items-start justify-between gap-3",
+			children: [/* @__PURE__ */ i("div", {
+				className: "min-w-[min(100%,16rem)] flex-1 space-y-1",
+				children: [d ? /* @__PURE__ */ r("h2", {
+					className: "text-base font-semibold text-foreground",
+					children: d
+				}) : null, f ? /* @__PURE__ */ r("p", {
+					className: "text-sm text-muted-foreground",
+					children: f
+				}) : null]
+			}), p ? /* @__PURE__ */ r("div", {
+				className: "flex shrink-0 flex-wrap items-center gap-2",
+				children: p
+			}) : null]
+		}) : null, M.map((t) => {
+			let o = j.filter((e) => e.date === t);
+			return /* @__PURE__ */ i("section", {
+				"data-slot": "calendar-scheduler-day",
+				className: e(l === "board" && "rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-4 shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]", C),
 				children: [
-					/* @__PURE__ */ n("div", {
+					/* @__PURE__ */ i("div", {
 						className: "mb-3 flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ t("div", {
+						children: [/* @__PURE__ */ r("div", {
 							className: "text-sm font-semibold text-foreground",
-							children: a
-						}), /* @__PURE__ */ n("div", {
+							children: T?.(t) ?? t
+						}), S ? /* @__PURE__ */ i("div", {
 							className: "text-xs text-muted-foreground",
 							children: [o.length, " items"]
-						})]
+						}) : null]
 					}),
-					/* @__PURE__ */ t("div", {
-						className: "grid gap-2",
-						children: o.length === 0 ? /* @__PURE__ */ t("div", {
+					/* @__PURE__ */ r("div", {
+						className: e("grid", u === "compact" ? "gap-1.5" : "gap-2"),
+						children: o.length === 0 ? /* @__PURE__ */ r("div", {
 							className: "rounded-[var(--radius-md)] border border-dashed border-[color:var(--aui-card-border,var(--border))] px-3 py-4 text-sm text-muted-foreground",
-							children: s
-						}) : o.map((i) => /* @__PURE__ */ n("button", {
-							type: "button",
-							className: e("rounded-[var(--radius-md)] border px-3 py-2.5 text-left text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", r[i.tone ?? "default"]),
-							onClick: () => l?.(i),
-							children: [
-								/* @__PURE__ */ t("div", {
-									className: "font-medium",
-									children: i.title
-								}),
-								i.time && /* @__PURE__ */ t("div", {
-									className: "mt-1 text-xs opacity-70",
-									children: i.time
-								}),
-								i.durationMinutes && /* @__PURE__ */ n("div", {
-									className: "mt-1 text-xs opacity-70",
-									children: [i.durationMinutes, " min"]
-								})
-							]
-						}, i.id))
+							children: m
+						}) : o.map((t) => {
+							let o = A === t.id;
+							return /* @__PURE__ */ r("button", {
+								type: "button",
+								disabled: t.disabled,
+								"data-slot": "calendar-scheduler-event",
+								"data-selected": o || void 0,
+								className: e("border text-left text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:cursor-not-allowed disabled:opacity-50", l === "board" ? "rounded-[var(--radius-md)] px-3 py-2.5 shadow-sm" : "grid w-full grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-3 rounded-[var(--radius-md)] bg-background px-3 py-3 hover:bg-muted/35 data-[selected=true]:border-primary/40 data-[selected=true]:bg-primary/5", l === "board" && a[t.tone ?? "default"], w, t.className),
+								onClick: () => N(t),
+								children: b ? b(t, { selected: o }) : l === "agenda" ? /* @__PURE__ */ i(n, { children: [
+									/* @__PURE__ */ i("span", {
+										className: "inline-flex min-w-14 items-center gap-1.5 font-medium",
+										children: [t.icon, t.time ?? "—"]
+									}),
+									/* @__PURE__ */ i("span", {
+										className: "min-w-0",
+										children: [
+											/* @__PURE__ */ r("span", {
+												className: "block truncate font-medium text-foreground",
+												children: t.title
+											}),
+											t.description ? /* @__PURE__ */ r("span", {
+												className: "mt-0.5 block text-xs text-muted-foreground",
+												children: t.description
+											}) : null,
+											t.meta ? /* @__PURE__ */ r("span", {
+												className: "mt-1 block text-xs text-muted-foreground",
+												children: t.meta
+											}) : null
+										]
+									}),
+									t.badge ? /* @__PURE__ */ r("span", {
+										className: "shrink-0",
+										children: t.badge
+									}) : t.durationMinutes ? /* @__PURE__ */ i("span", {
+										className: "shrink-0 text-xs opacity-70",
+										children: [t.durationMinutes, " min"]
+									}) : null
+								] }) : /* @__PURE__ */ i(n, { children: [
+									/* @__PURE__ */ r("div", {
+										className: "font-medium",
+										children: t.title
+									}),
+									t.description ? /* @__PURE__ */ r("div", {
+										className: "mt-1 text-xs opacity-80",
+										children: t.description
+									}) : null,
+									t.time ? /* @__PURE__ */ r("div", {
+										className: "mt-1 text-xs opacity-70",
+										children: t.time
+									}) : null,
+									t.durationMinutes ? /* @__PURE__ */ i("div", {
+										className: "mt-1 text-xs opacity-70",
+										children: [t.durationMinutes, " min"]
+									}) : null,
+									t.meta ? /* @__PURE__ */ r("div", {
+										className: "mt-1 text-xs opacity-70",
+										children: t.meta
+									}) : null
+								] })
+							}, t.id);
+						})
 					}),
-					c && /* @__PURE__ */ t("button", {
+					v ? /* @__PURE__ */ r("button", {
 						type: "button",
 						className: "mt-3 w-full rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground hover:bg-muted/50",
-						onClick: () => c(a),
-						children: "Create event"
-					})
+						onClick: () => v(t),
+						children: x
+					}) : null
 				]
-			}, a);
-		})
+			}, t);
+		})]
 	});
 }
 //#endregion
-export { i as CalendarScheduler };
+export { o as CalendarScheduler };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./calendar-scheduler.cjs"),t=require("./dual-list-picker.cjs"),n=require("./resizable-panel.cjs"),r=require("./rich-text-editor.cjs"),i=require("./image-cropper.cjs");exports.CalendarScheduler=e.CalendarScheduler,exports.DualListPicker=t.DualListPicker,exports.EditorToolbar=r.EditorToolbar,exports.ImageCropper=i.ImageCropper,exports.ResizableHandle=n.ResizableHandle,exports.ResizablePanel=n.ResizablePanel,exports.ResizablePanelGroup=n.ResizablePanelGroup,exports.RichTextEditor=r.RichTextEditor,exports.createCroppedImageBlob=i.createCroppedImageBlob;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./calendar-scheduler.cjs"),t=require("./dual-list-picker.cjs"),n=require("./image-cropper.cjs"),r=require("./resizable-panel.cjs"),i=require("./rich-text-editor.cjs");exports.CalendarScheduler=e.CalendarScheduler,exports.DualListPicker=t.DualListPicker,exports.EditorToolbar=i.EditorToolbar,exports.ImageCropper=n.ImageCropper,exports.ResizableHandle=r.ResizableHandle,exports.ResizablePanel=r.ResizablePanel,exports.ResizablePanelGroup=r.ResizablePanelGroup,exports.RichTextEditor=i.RichTextEditor,exports.createCroppedImageBlob=n.createCroppedImageBlob;

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

@@ -1,6 +1,6 @@
 import { CalendarScheduler as e } from "./calendar-scheduler.js";
 import { DualListPicker as t } from "./dual-list-picker.js";
-import { ResizableHandle as n, ResizablePanel as r, ResizablePanelGroup as i } from "./resizable-panel.js";
-import { EditorToolbar as a, RichTextEditor as o } from "./rich-text-editor.js";
-import { ImageCropper as s, createCroppedImageBlob as c } from "./image-cropper.js";
-export { e as CalendarScheduler, t as DualListPicker, a as EditorToolbar, s as ImageCropper, n as ResizableHandle, r as ResizablePanel, i as ResizablePanelGroup, o as RichTextEditor, c as createCroppedImageBlob };
+import { ImageCropper as n, createCroppedImageBlob as r } from "./image-cropper.js";
+import { ResizableHandle as i, ResizablePanel as a, ResizablePanelGroup as o } from "./resizable-panel.js";
+import { EditorToolbar as s, RichTextEditor as c } from "./rich-text-editor.js";
+export { e as CalendarScheduler, t as DualListPicker, s as EditorToolbar, n as ImageCropper, i as ResizableHandle, a as ResizablePanel, o as ResizablePanelGroup, c as RichTextEditor, r as createCroppedImageBlob };

package/dist/src/components/overlay/alert-dialog.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs"),n=require("../ui/input/index.cjs"),r=require("../ui/dialog/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({title:e=`Are you sure?`,description:s,icon:c=(0,o.jsx)(a.AlertTriangleIcon,{}),cancelLabel:l=`Cancel`,actionLabel:u=`Continue`,actionTone:d=`destructive`,cancelVariant:f=`outline`,loading:p=!1,closeOnAction:m=!0,confirmValue:h,confirmLabel:g=`Type to confirm`,confirmPlaceholder:_,confirmDescription:v,confirmCaseSensitive:y=!0,severityNote:b,errorMessage:x=`Action could not be completed. Try again.`,onActionError:S,onAction:C,children:w,preventCloseWhileLoading:T=!0,actionButtonProps:E,cancelButtonProps:D,onOpenChange:O,...k}){let[A,j]=i.useState(!1),[M,N]=i.useState(``),[P,F]=i.useState(null),I=p||A,L=!!h?.trim(),R=y?h?.trim():h?.trim().toLowerCase(),z=y?M.trim():M.trim().toLowerCase(),B=!L||z===R;i.useEffect(()=>{k.open||(N(``),F(null))},[k.open]);let V=i.useCallback((e,t)=>{!e&&T&&I||O?.(e,t)},[O,T,I]),H=()=>{V(!1,void 0)},U=async()=>{if(!(!B||I)){if(F(null),!C){m&&H();return}try{j(!0),await C(),m&&H()}catch(e){F(x),S?.(e)}finally{j(!1)}}};return(0,o.jsxs)(r.Dialog,{onOpenChange:V,...k,children:[w,(0,o.jsxs)(r.DialogContent,{children:[(0,o.jsxs)(r.DialogHeader,{children:[(0,o.jsx)(`div`,{className:`mb-3 inline-flex size-11 items-center justify-center rounded-2xl border border-destructive/20 bg-destructive/10 text-destructive [&_svg]:size-5`,children:c}),(0,o.jsx)(r.DialogTitle,{children:e}),s?(0,o.jsx)(r.DialogDescription,{children:s}):null]}),L?(0,o.jsxs)(`div`,{className:`grid gap-2.5`,children:[(0,o.jsxs)(`div`,{className:`space-y-1`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium text-foreground`,children:g}),(0,o.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:v??(0,o.jsxs)(o.Fragment,{children:[`Type `,(0,o.jsx)(`span`,{className:`font-semibold text-foreground`,children:h}),` to continue.`]})})]}),(0,o.jsx)(n.Input,{value:M,onValueChange:N,placeholder:_??h,autoComplete:`off`,autoCapitalize:`off`,spellCheck:!1,"aria-invalid":P?!0:void 0,"aria-describedby":P?`alert-dialog-error`:void 0})]}):null,b?(0,o.jsx)(`div`,{className:`rounded-2xl border border-border/70 bg-muted/35 px-3.5 py-3 text-sm leading-6 text-muted-foreground`,children:b}):null,P?(0,o.jsx)(`div`,{id:`alert-dialog-error`,role:`alert`,"aria-live":`polite`,className:`rounded-2xl border border-destructive/20 bg-destructive/8 px-3.5 py-3 text-sm leading-6 text-destructive`,children:P}):null,(0,o.jsxs)(r.DialogFooter,{children:[(0,o.jsx)(r.DialogClose,{render:()=>(0,o.jsx)(t.Button,{type:`button`,variant:f,disabled:I,...D,children:l})}),(0,o.jsx)(t.Button,{type:`button`,variant:d===`destructive`?`destructive`:`default`,loading:I,disabled:!B||I,onClick:()=>void U(),...E,children:u})]})]})]})}exports.AlertDialog=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs"),n=require("../ui/dialog/index.cjs"),r=require("../ui/input/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({title:e=`Are you sure?`,description:s,icon:c=(0,o.jsx)(a.AlertTriangleIcon,{}),cancelLabel:l=`Cancel`,actionLabel:u=`Continue`,actionTone:d=`destructive`,cancelVariant:f=`outline`,loading:p=!1,closeOnAction:m=!0,confirmValue:h,confirmLabel:g=`Type to confirm`,confirmPlaceholder:_,confirmDescription:v,confirmCaseSensitive:y=!0,severityNote:b,errorMessage:x=`Action could not be completed. Try again.`,onActionError:S,onAction:C,children:w,preventCloseWhileLoading:T=!0,actionButtonProps:E,cancelButtonProps:D,onOpenChange:O,...k}){let[A,j]=i.useState(!1),[M,N]=i.useState(``),[P,F]=i.useState(null),I=p||A,L=!!h?.trim(),R=y?h?.trim():h?.trim().toLowerCase(),z=y?M.trim():M.trim().toLowerCase(),B=!L||z===R;i.useEffect(()=>{k.open||(N(``),F(null))},[k.open]);let V=i.useCallback((e,t)=>{!e&&T&&I||O?.(e,t)},[O,T,I]),H=()=>{V(!1,void 0)},U=async()=>{if(!(!B||I)){if(F(null),!C){m&&H();return}try{j(!0),await C(),m&&H()}catch(e){F(x),S?.(e)}finally{j(!1)}}};return(0,o.jsxs)(n.Dialog,{onOpenChange:V,...k,children:[w,(0,o.jsxs)(n.DialogContent,{children:[(0,o.jsxs)(n.DialogHeader,{children:[(0,o.jsx)(`div`,{className:`mb-3 inline-flex size-11 items-center justify-center rounded-2xl border border-destructive/20 bg-destructive/10 text-destructive [&_svg]:size-5`,children:c}),(0,o.jsx)(n.DialogTitle,{children:e}),s?(0,o.jsx)(n.DialogDescription,{children:s}):null]}),L?(0,o.jsxs)(`div`,{className:`grid gap-2.5`,children:[(0,o.jsxs)(`div`,{className:`space-y-1`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium text-foreground`,children:g}),(0,o.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:v??(0,o.jsxs)(o.Fragment,{children:[`Type `,(0,o.jsx)(`span`,{className:`font-semibold text-foreground`,children:h}),` to continue.`]})})]}),(0,o.jsx)(r.Input,{value:M,onValueChange:N,placeholder:_??h,autoComplete:`off`,autoCapitalize:`off`,spellCheck:!1,"aria-invalid":P?!0:void 0,"aria-describedby":P?`alert-dialog-error`:void 0})]}):null,b?(0,o.jsx)(`div`,{className:`rounded-2xl border border-border/70 bg-muted/35 px-3.5 py-3 text-sm leading-6 text-muted-foreground`,children:b}):null,P?(0,o.jsx)(`div`,{id:`alert-dialog-error`,role:`alert`,"aria-live":`polite`,className:`rounded-2xl border border-destructive/20 bg-destructive/8 px-3.5 py-3 text-sm leading-6 text-destructive`,children:P}):null,(0,o.jsxs)(n.DialogFooter,{children:[(0,o.jsx)(n.DialogClose,{render:()=>(0,o.jsx)(t.Button,{type:`button`,variant:f,disabled:I,...D,children:l})}),(0,o.jsx)(t.Button,{type:`button`,variant:d===`destructive`?`destructive`:`default`,loading:I,disabled:!B||I,onClick:()=>void U(),...E,children:u})]})]})]})}exports.AlertDialog=s;

package/dist/src/components/overlay/alert-dialog.js

@@ -1,7 +1,7 @@
 "use client";
 import { Button as e } from "../ui/button/index.js";
-import { Input as t } from "../ui/input/index.js";
-import { Dialog as n, DialogClose as r, DialogContent as i, DialogDescription as a, DialogFooter as o, DialogHeader as s, DialogTitle as c } from "../ui/dialog/index.js";
+import { Dialog as t, DialogClose as n, DialogContent as r, DialogDescription as i, DialogFooter as a, DialogHeader as o, DialogTitle as s } from "../ui/dialog/index.js";
+import { Input as c } from "../ui/input/index.js";
 import * as l from "react";
 import { AlertTriangleIcon as u } from "lucide-react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -34,17 +34,17 @@ function m({ title: m = "Are you sure?", description: h, icon: g = /* @__PURE__
 			}
 		}
 	};
-	return /* @__PURE__ */ p(n, {
+	return /* @__PURE__ */ p(t, {
 		onOpenChange: Y,
 		...L,
-		children: [M, /* @__PURE__ */ p(i, { children: [
-			/* @__PURE__ */ p(s, { children: [
+		children: [M, /* @__PURE__ */ p(r, { children: [
+			/* @__PURE__ */ p(o, { children: [
 				/* @__PURE__ */ f("div", {
 					className: "mb-3 inline-flex size-11 items-center justify-center rounded-2xl border border-destructive/20 bg-destructive/10 text-destructive [&_svg]:size-5",
 					children: g
 				}),
-				/* @__PURE__ */ f(c, { children: m }),
-				h ? /* @__PURE__ */ f(a, { children: h }) : null
+				/* @__PURE__ */ f(s, { children: m }),
+				h ? /* @__PURE__ */ f(i, { children: h }) : null
 			] }),
 			G ? /* @__PURE__ */ p("div", {
 				className: "grid gap-2.5",
@@ -64,7 +64,7 @@ function m({ title: m = "Are you sure?", description: h, icon: g = /* @__PURE__
 							" to continue."
 						] })
 					})]
-				}), /* @__PURE__ */ f(t, {
+				}), /* @__PURE__ */ f(c, {
 					value: B,
 					onValueChange: V,
 					placeholder: T ?? C,
@@ -86,7 +86,7 @@ function m({ title: m = "Are you sure?", description: h, icon: g = /* @__PURE__
 				className: "rounded-2xl border border-destructive/20 bg-destructive/8 px-3.5 py-3 text-sm leading-6 text-destructive",
 				children: H
 			}) : null,
-			/* @__PURE__ */ p(o, { children: [/* @__PURE__ */ f(r, { render: () => /* @__PURE__ */ f(e, {
+			/* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(n, { render: () => /* @__PURE__ */ f(e, {
 				type: "button",
 				variant: b,
 				disabled: W,

package/dist/src/components/patterns/empty-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,t){return e.href?(0,a.jsx)(`a`,{className:n.buttonVariants({variant:e.variant??t}),href:e.href,children:e.label}):(0,a.jsx)(n.Button,{type:`button`,variant:e.variant??t,onClick:e.onClick,children:e.label})}function s(e){return e===`error`?(0,a.jsx)(i.AlertCircleIcon,{"data-icon":`inline-start`}):(0,a.jsx)(i.SearchXIcon,{"data-icon":`inline-start`})}function c({className:e,tone:n=`empty`,title:r,description:i,icon:c,primaryAction:l,secondaryAction:u,compact:d=!1,...f}){return(0,a.jsxs)(`div`,{"data-slot":`empty-state`,"data-tone":n,"data-compact":d||void 0,role:n===`error`?`alert`:`status`,className:t.cn(`flex flex-col items-center justify-center rounded-xl border bg-card text-center text-card-foreground shadow-sm`,d?`gap-3 p-5`:`min-h-64 gap-4 p-8`,e),...f,children:[(0,a.jsx)(`div`,{"data-slot":`empty-state-icon`,className:`flex size-12 items-center justify-center rounded-full border bg-muted text-muted-foreground`,children:c??s(n)}),(r||i)&&(0,a.jsxs)(`div`,{"data-slot":`empty-state-content`,className:`grid max-w-md gap-1`,children:[r&&(0,a.jsx)(`h2`,{className:`text-base font-semibold tracking-tight`,children:r}),i&&(0,a.jsx)(`p`,{className:`text-sm leading-6 text-muted-foreground`,children:i})]}),(l||u)&&(0,a.jsxs)(`div`,{"data-slot":`empty-state-actions`,className:`flex flex-wrap items-center justify-center gap-2`,children:[u?o(u,`outline`):null,l?o(l,`default`):null]})]})}function l(e){return(0,a.jsx)(c,{tone:`error`,...e})}exports.EmptyState=c,exports.ErrorState=l;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs"),n=require("../feedback/state-view.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(e,n){return e.href?(0,i.jsx)(`a`,{className:t.buttonVariants({variant:e.variant??n}),href:e.href,children:e.label}):(0,i.jsx)(t.Button,{type:`button`,variant:e.variant??n,onClick:e.onClick,children:e.label})}function o({tone:e=`empty`,primaryAction:t,secondaryAction:r,compact:o=!1,...s}){let c=t||r?(0,i.jsxs)(i.Fragment,{children:[r?a(r,`outline`):null,t?a(t,`default`):null]}):void 0;return(0,i.jsx)(n.StateView,{status:e,size:o?`compact`:`default`,actions:c,slot:`empty-state`,...s})}function s(e){return(0,i.jsx)(o,{tone:`error`,...e})}exports.EmptyState=o,exports.ErrorState=s;

package/dist/src/components/patterns/empty-state.js

@@ -1,62 +1,35 @@
-import { cn as e } from "../../lib/utils.js";
-import { Button as t, buttonVariants as n } from "../ui/button/index.js";
+import { Button as e, buttonVariants as t } from "../ui/button/index.js";
+import { StateView as n } from "../feedback/state-view.js";
 import "react";
-import { AlertCircleIcon as r, SearchXIcon as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/patterns/empty-state.tsx
-function s(e, r) {
-	return e.href ? /* @__PURE__ */ a("a", {
-		className: n({ variant: e.variant ?? r }),
-		href: e.href,
-		children: e.label
-	}) : /* @__PURE__ */ a(t, {
+function o(n, r) {
+	return n.href ? /* @__PURE__ */ i("a", {
+		className: t({ variant: n.variant ?? r }),
+		href: n.href,
+		children: n.label
+	}) : /* @__PURE__ */ i(e, {
 		type: "button",
-		variant: e.variant ?? r,
-		onClick: e.onClick,
-		children: e.label
+		variant: n.variant ?? r,
+		onClick: n.onClick,
+		children: n.label
 	});
 }
-function c(e) {
-	return a(e === "error" ? r : i, { "data-icon": "inline-start" });
-}
-function l({ className: t, tone: n = "empty", title: r, description: i, icon: l, primaryAction: u, secondaryAction: d, compact: f = !1, ...p }) {
-	return /* @__PURE__ */ o("div", {
-		"data-slot": "empty-state",
-		"data-tone": n,
-		"data-compact": f || void 0,
-		role: n === "error" ? "alert" : "status",
-		className: e("flex flex-col items-center justify-center rounded-xl border bg-card text-center text-card-foreground shadow-sm", f ? "gap-3 p-5" : "min-h-64 gap-4 p-8", t),
-		...p,
-		children: [
-			/* @__PURE__ */ a("div", {
-				"data-slot": "empty-state-icon",
-				className: "flex size-12 items-center justify-center rounded-full border bg-muted text-muted-foreground",
-				children: l ?? c(n)
-			}),
-			(r || i) && /* @__PURE__ */ o("div", {
-				"data-slot": "empty-state-content",
-				className: "grid max-w-md gap-1",
-				children: [r && /* @__PURE__ */ a("h2", {
-					className: "text-base font-semibold tracking-tight",
-					children: r
-				}), i && /* @__PURE__ */ a("p", {
-					className: "text-sm leading-6 text-muted-foreground",
-					children: i
-				})]
-			}),
-			(u || d) && /* @__PURE__ */ o("div", {
-				"data-slot": "empty-state-actions",
-				className: "flex flex-wrap items-center justify-center gap-2",
-				children: [d ? s(d, "outline") : null, u ? s(u, "default") : null]
-			})
-		]
+function s({ tone: e = "empty", primaryAction: t, secondaryAction: s, compact: c = !1, ...l }) {
+	let u = t || s ? /* @__PURE__ */ a(r, { children: [s ? o(s, "outline") : null, t ? o(t, "default") : null] }) : void 0;
+	return /* @__PURE__ */ i(n, {
+		status: e,
+		size: c ? "compact" : "default",
+		actions: u,
+		slot: "empty-state",
+		...l
 	});
 }
-function u(e) {
-	return /* @__PURE__ */ a(l, {
+function c(e) {
+	return /* @__PURE__ */ i(s, {
 		tone: "error",
 		...e
 	});
 }
 //#endregion
-export { l as EmptyState, u as ErrorState };
+export { s as EmptyState, c as ErrorState };

package/dist/src/components/patterns/form-builder.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"),r=require("../form/form-input.cjs"),i=require("../form/form-select.cjs"),a=require("../form/form-switch.cjs"),o=require("../form/form-textarea.cjs"),s=require("../form/form-date-range-input.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u={compact:`gap-3`,default:`gap-4`,comfortable:`gap-6`},d={1:`grid-cols-1`,2:`grid-cols-1 md:grid-cols-2`,3:`grid-cols-1 md:grid-cols-2 xl:grid-cols-3`,4:`grid-cols-1 md:grid-cols-2 xl:grid-cols-4`},f={1:`col-span-1`,2:`md:col-span-2`,3:`xl:col-span-3`,4:`xl:col-span-4`,full:`col-span-full`};function p(e){let{id:t,hidden:n,className:r,colSpan:i,props:a}=e;return{base:{id:t,hidden:n,className:r,colSpan:i},props:a}}function m(e){let{base:t,props:n}=p(e);return{...t,type:`input`,props:n}}function h(e){let{base:t,props:n}=p(e);return{...t,type:`textarea`,props:n}}function g(e){let{base:t,props:n}=p(e);return{...t,type:`select`,props:n}}function _(e){let{base:t,props:n}=p(e);return{...t,type:`async-select`,props:n}}function v(e){let{base:t,props:n}=p(e);return{...t,type:`switch`,props:n}}function y(e){let{base:t,props:n}=p(e);return{...t,type:`number`,props:n}}function b(e){let{base:t,props:n}=p(e);return{...t,type:`phone`,props:n}}function x(e){let{base:t,props:n}=p(e);return{...t,type:`date`,props:n}}function S(e){let{base:t,props:n}=p(e);return{...t,type:`date-range`,props:n}}function C(e){let{id:t,hidden:n,className:r,colSpan:i,render:a}=e;return{id:t,hidden:n,className:r,colSpan:i,type:`custom`,render:a}}function w(e){return e}function T(e,t){let n=r.FormInput,l=i.FormSelect,u=o.FormTextarea,d=a.FormSwitch,f=s.FormDateRangeInput;switch(e.type){case`custom`:return e.render(t);case`input`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,...e.props});case`textarea`:return c.createElement(u,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,...e.props});case`select`:return c.createElement(l,{control:t.control,disabled:t.disabled,...e.props});case`async-select`:return c.createElement(l,{control:t.control,disabled:t.disabled,kind:`async`,...e.props});case`switch`:return c.createElement(d,{control:t.control,disabled:t.disabled,...e.props});case`number`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`number`,...e.props});case`phone`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`phone`,...e.props});case`date`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`date`,...e.props});case`date-range`:return c.createElement(f,{control:t.control,fromInputProps:{disabled:t.disabled,readOnly:t.readOnly},toInputProps:{disabled:t.disabled,readOnly:t.readOnly},...e.props});default:return null}}function E({fields:e,sections:t}){return t?.length?t:[{id:`default`,fields:e??[]}]}function D({className:e,control:r,fields:i,sections:a,layout:o=`grid`,density:s=`default`,columns:p=2,disabled:m,readOnly:h,footer:g,submitLabel:_,resetLabel:v,onResetClick:y,isSubmitting:b,sectionClassName:x,fieldClassName:S,footerClassName:C,...w}){let D=E({fields:i,sections:a}),O=c.useMemo(()=>({control:r,disabled:m,readOnly:h}),[r,m,h]);return(0,l.jsxs)(`form`,{"data-slot":`form-builder`,className:t.cn(`grid`,u[s],e),...w,children:[D.filter(e=>!e.hidden).map(e=>(0,l.jsxs)(`section`,{"data-slot":`form-builder-section`,className:t.cn(`grid gap-4`,e.className,x),children:[(e.title||e.description||e.actions)&&(0,l.jsxs)(`div`,{"data-slot":`form-builder-section-header`,className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,l.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e.title&&(0,l.jsx)(`h2`,{className:`text-base font-semibold leading-none tracking-tight`,children:e.title}),e.description&&(0,l.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.description})]}),e.actions&&(0,l.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:e.actions})]}),(0,l.jsx)(`div`,{"data-slot":`form-builder-fields`,"data-layout":o,className:t.cn(`grid`,u[s],o===`grid`?d[p]:`grid-cols-1`),children:e.fields.filter(e=>!e.hidden).map(e=>(0,l.jsx)(`div`,{"data-slot":`form-builder-field`,className:t.cn(e.colSpan&&f[e.colSpan],e.className,S),children:T(e,O)},e.id))})]},e.id)),(g||_||v)&&(0,l.jsx)(`div`,{"data-slot":`form-builder-footer`,className:t.cn(`flex flex-wrap items-center justify-end gap-2`,C),children:g??(0,l.jsxs)(l.Fragment,{children:[v&&(0,l.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:m||b,onClick:y,children:v}),_&&(0,l.jsx)(n.Button,{type:`submit`,disabled:m||b,children:_})]})})]})}exports.FormBuilder=D,exports.asyncSelectField=_,exports.customField=C,exports.dateField=x,exports.dateRangeField=S,exports.formSection=w,exports.inputField=m,exports.numberField=y,exports.phoneField=b,exports.renderFormBuilderField=T,exports.selectField=g,exports.switchField=v,exports.textareaField=h;
+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("../form/form-date-range-input.cjs"),i=require("../form/form-input.cjs"),a=require("../form/form-select.cjs"),o=require("../form/form-switch.cjs"),s=require("../form/form-textarea.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u={compact:`gap-3`,default:`gap-4`,comfortable:`gap-6`},d={1:`grid-cols-1`,2:`grid-cols-1 md:grid-cols-2`,3:`grid-cols-1 md:grid-cols-2 xl:grid-cols-3`,4:`grid-cols-1 md:grid-cols-2 xl:grid-cols-4`},f={1:`col-span-1`,2:`md:col-span-2`,3:`xl:col-span-3`,4:`xl:col-span-4`,full:`col-span-full`};function p(e){let{id:t,hidden:n,className:r,colSpan:i,props:a}=e;return{base:{id:t,hidden:n,className:r,colSpan:i},props:a}}function m(e){let{base:t,props:n}=p(e);return{...t,type:`input`,props:n}}function h(e){let{base:t,props:n}=p(e);return{...t,type:`textarea`,props:n}}function g(e){let{base:t,props:n}=p(e);return{...t,type:`select`,props:n}}function _(e){let{base:t,props:n}=p(e);return{...t,type:`async-select`,props:n}}function v(e){let{base:t,props:n}=p(e);return{...t,type:`switch`,props:n}}function y(e){let{base:t,props:n}=p(e);return{...t,type:`number`,props:n}}function b(e){let{base:t,props:n}=p(e);return{...t,type:`phone`,props:n}}function x(e){let{base:t,props:n}=p(e);return{...t,type:`date`,props:n}}function S(e){let{base:t,props:n}=p(e);return{...t,type:`date-range`,props:n}}function C(e){let{id:t,hidden:n,className:r,colSpan:i,render:a}=e;return{id:t,hidden:n,className:r,colSpan:i,type:`custom`,render:a}}function w(e){return e}function T(e,t){let n=i.FormInput,l=a.FormSelect,u=s.FormTextarea,d=o.FormSwitch,f=r.FormDateRangeInput;switch(e.type){case`custom`:return e.render(t);case`input`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,...e.props});case`textarea`:return c.createElement(u,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,...e.props});case`select`:return c.createElement(l,{control:t.control,disabled:t.disabled,...e.props});case`async-select`:return c.createElement(l,{control:t.control,disabled:t.disabled,kind:`async`,...e.props});case`switch`:return c.createElement(d,{control:t.control,disabled:t.disabled,...e.props});case`number`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`number`,...e.props});case`phone`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`phone`,...e.props});case`date`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`date`,...e.props});case`date-range`:return c.createElement(f,{control:t.control,fromInputProps:{disabled:t.disabled,readOnly:t.readOnly},toInputProps:{disabled:t.disabled,readOnly:t.readOnly},...e.props});default:return null}}function E({fields:e,sections:t}){return t?.length?t:[{id:`default`,fields:e??[]}]}function D({className:e,control:r,fields:i,sections:a,layout:o=`grid`,density:s=`default`,columns:p=2,disabled:m,readOnly:h,footer:g,submitLabel:_,resetLabel:v,onResetClick:y,isSubmitting:b,sectionClassName:x,fieldClassName:S,footerClassName:C,...w}){let D=E({fields:i,sections:a}),O=c.useMemo(()=>({control:r,disabled:m,readOnly:h}),[r,m,h]);return(0,l.jsxs)(`form`,{"data-slot":`form-builder`,className:t.cn(`grid`,u[s],e),...w,children:[D.filter(e=>!e.hidden).map(e=>(0,l.jsxs)(`section`,{"data-slot":`form-builder-section`,className:t.cn(`grid gap-4`,e.className,x),children:[(e.title||e.description||e.actions)&&(0,l.jsxs)(`div`,{"data-slot":`form-builder-section-header`,className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,l.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e.title&&(0,l.jsx)(`h2`,{className:`text-base font-semibold leading-none tracking-tight`,children:e.title}),e.description&&(0,l.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.description})]}),e.actions&&(0,l.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:e.actions})]}),(0,l.jsx)(`div`,{"data-slot":`form-builder-fields`,"data-layout":o,className:t.cn(`grid`,u[s],o===`grid`?d[p]:`grid-cols-1`),children:e.fields.filter(e=>!e.hidden).map(e=>(0,l.jsx)(`div`,{"data-slot":`form-builder-field`,className:t.cn(e.colSpan&&f[e.colSpan],e.className,S),children:T(e,O)},e.id))})]},e.id)),(g||_||v)&&(0,l.jsx)(`div`,{"data-slot":`form-builder-footer`,className:t.cn(`flex flex-wrap items-center justify-end gap-2`,C),children:g??(0,l.jsxs)(l.Fragment,{children:[v&&(0,l.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:m||b,onClick:y,children:v}),_&&(0,l.jsx)(n.Button,{type:`submit`,disabled:m||b,children:_})]})})]})}exports.FormBuilder=D,exports.asyncSelectField=_,exports.customField=C,exports.dateField=x,exports.dateRangeField=S,exports.formSection=w,exports.inputField=m,exports.numberField=y,exports.phoneField=b,exports.renderFormBuilderField=T,exports.selectField=g,exports.switchField=v,exports.textareaField=h;

package/dist/src/components/patterns/form-builder.js

@@ -1,10 +1,10 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
-import { FormInput as n } from "../form/form-input.js";
-import { FormSelect as r } from "../form/form-select.js";
-import { FormSwitch as i } from "../form/form-switch.js";
-import { FormTextarea as a } from "../form/form-textarea.js";
-import { FormDateRangeInput as o } from "../form/form-date-range-input.js";
+import { FormDateRangeInput as n } from "../form/form-date-range-input.js";
+import { FormInput as r } from "../form/form-input.js";
+import { FormSelect as i } from "../form/form-select.js";
+import { FormSwitch as a } from "../form/form-switch.js";
+import { FormTextarea as o } from "../form/form-textarea.js";
 import * as s from "react";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/patterns/form-builder.tsx
@@ -123,7 +123,7 @@ function T(e) {
 	return e;
 }
 function E(e, t) {
-	let c = n, l = r, u = a, d = i, f = o;
+	let c = r, l = i, u = o, d = a, f = n;
 	switch (e.type) {
 		case "custom": return e.render(t);
 		case "input": return s.createElement(c, {

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-builder.cjs"),t=require("./resource-page.cjs"),n=require("./resource-detail-page.cjs"),r=require("./empty-state.cjs"),i=require("./page-toolbar.cjs"),a=require("./bulk-action-bar.cjs"),o=require("./detail-layout.cjs"),s=require("./settings-page.cjs"),c=require("./data-view.cjs");exports.BulkActionBar=a.BulkActionBar,exports.DataView=c.DataView,exports.DetailLayout=o.DetailLayout,exports.EmptyState=r.EmptyState,exports.ErrorState=r.ErrorState,exports.FormBuilder=e.FormBuilder,exports.PageToolbar=i.PageToolbar,exports.ResourceDetailPage=n.ResourceDetailPage,exports.ResourcePage=t.ResourcePage,exports.ResourcePageSection=t.ResourcePageSection,exports.SettingsPage=s.SettingsPage,exports.asyncSelectField=e.asyncSelectField,exports.customField=e.customField,exports.dateField=e.dateField,exports.dateRangeField=e.dateRangeField,exports.formSection=e.formSection,exports.inputField=e.inputField,exports.numberField=e.numberField,exports.phoneField=e.phoneField,exports.renderFormBuilderField=e.renderFormBuilderField,exports.selectField=e.selectField,exports.switchField=e.switchField,exports.textareaField=e.textareaField;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./bulk-action-bar.cjs"),t=require("./empty-state.cjs"),n=require("./page-toolbar.cjs"),r=require("./data-view.cjs"),i=require("./detail-layout.cjs"),a=require("./form-builder.cjs"),o=require("./resource-page.cjs"),s=require("./resource-detail-page.cjs"),c=require("./settings-page.cjs");exports.BulkActionBar=e.BulkActionBar,exports.DataView=r.DataView,exports.DetailLayout=i.DetailLayout,exports.EmptyState=t.EmptyState,exports.ErrorState=t.ErrorState,exports.FormBuilder=a.FormBuilder,exports.PageToolbar=n.PageToolbar,exports.ResourceDetailPage=s.ResourceDetailPage,exports.ResourcePage=o.ResourcePage,exports.ResourcePageSection=o.ResourcePageSection,exports.SettingsPage=c.SettingsPage,exports.asyncSelectField=a.asyncSelectField,exports.customField=a.customField,exports.dateField=a.dateField,exports.dateRangeField=a.dateRangeField,exports.formSection=a.formSection,exports.inputField=a.inputField,exports.numberField=a.numberField,exports.phoneField=a.phoneField,exports.renderFormBuilderField=a.renderFormBuilderField,exports.selectField=a.selectField,exports.switchField=a.switchField,exports.textareaField=a.textareaField;

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

@@ -1,10 +1,10 @@
-import { FormBuilder as e, asyncSelectField as t, customField as n, dateField as r, dateRangeField as i, formSection as a, inputField as o, numberField as s, phoneField as c, renderFormBuilderField as l, selectField as u, switchField as d, textareaField as f } from "./form-builder.js";
-import { ResourcePage as p, ResourcePageSection as m } from "./resource-page.js";
-import { ResourceDetailPage as h } from "./resource-detail-page.js";
-import { EmptyState as g, ErrorState as _ } from "./empty-state.js";
-import { PageToolbar as v } from "./page-toolbar.js";
-import { BulkActionBar as y } from "./bulk-action-bar.js";
-import { DetailLayout as b } from "./detail-layout.js";
-import { SettingsPage as x } from "./settings-page.js";
-import { DataView as S } from "./data-view.js";
-export { y as BulkActionBar, S as DataView, b as DetailLayout, g as EmptyState, _ as ErrorState, e as FormBuilder, v as PageToolbar, h as ResourceDetailPage, p as ResourcePage, m as ResourcePageSection, x as SettingsPage, t as asyncSelectField, n as customField, r as dateField, i as dateRangeField, a as formSection, o as inputField, s as numberField, c as phoneField, l as renderFormBuilderField, u as selectField, d as switchField, f as textareaField };
+import { BulkActionBar as e } from "./bulk-action-bar.js";
+import { EmptyState as t, ErrorState as n } from "./empty-state.js";
+import { PageToolbar as r } from "./page-toolbar.js";
+import { DataView as i } from "./data-view.js";
+import { DetailLayout as a } from "./detail-layout.js";
+import { FormBuilder as o, asyncSelectField as s, customField as c, dateField as l, dateRangeField as u, formSection as d, inputField as f, numberField as p, phoneField as m, renderFormBuilderField as h, selectField as g, switchField as _, textareaField as v } from "./form-builder.js";
+import { ResourcePage as y, ResourcePageSection as b } from "./resource-page.js";
+import { ResourceDetailPage as x } from "./resource-detail-page.js";
+import { SettingsPage as S } from "./settings-page.js";
+export { e as BulkActionBar, i as DataView, a as DetailLayout, t as EmptyState, n as ErrorState, o as FormBuilder, r as PageToolbar, x as ResourceDetailPage, y as ResourcePage, b as ResourcePageSection, S as SettingsPage, s as asyncSelectField, c as customField, l as dateField, u as dateRangeField, d as formSection, f as inputField, p as numberField, m as phoneField, h as renderFormBuilderField, g as selectField, _ as switchField, v as textareaField };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-builder.cjs"),t=require("./resource-page.cjs"),n=require("./resource-detail-page.cjs"),r=require("./empty-state.cjs"),i=require("./page-toolbar.cjs"),a=require("./bulk-action-bar.cjs"),o=require("./detail-layout.cjs"),s=require("./settings-page.cjs"),c=require("./data-view.cjs");exports.BulkActionBar=a.BulkActionBar,exports.DataView=c.DataView,exports.DetailLayout=o.DetailLayout,exports.EmptyState=r.EmptyState,exports.ErrorState=r.ErrorState,exports.FormBuilder=e.FormBuilder,exports.PageToolbar=i.PageToolbar,exports.ResourceDetailPage=n.ResourceDetailPage,exports.ResourcePage=t.ResourcePage,exports.ResourcePageSection=t.ResourcePageSection,exports.SettingsPage=s.SettingsPage,exports.asyncSelectField=e.asyncSelectField,exports.customField=e.customField,exports.dateField=e.dateField,exports.dateRangeField=e.dateRangeField,exports.formSection=e.formSection,exports.inputField=e.inputField,exports.numberField=e.numberField,exports.phoneField=e.phoneField,exports.renderFormBuilderField=e.renderFormBuilderField,exports.selectField=e.selectField,exports.switchField=e.switchField,exports.textareaField=e.textareaField;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./bulk-action-bar.cjs"),t=require("./empty-state.cjs"),n=require("./page-toolbar.cjs"),r=require("./data-view.cjs"),i=require("./detail-layout.cjs"),a=require("./form-builder.cjs"),o=require("./resource-page.cjs"),s=require("./resource-detail-page.cjs"),c=require("./settings-page.cjs");exports.BulkActionBar=e.BulkActionBar,exports.DataView=r.DataView,exports.DetailLayout=i.DetailLayout,exports.EmptyState=t.EmptyState,exports.ErrorState=t.ErrorState,exports.FormBuilder=a.FormBuilder,exports.PageToolbar=n.PageToolbar,exports.ResourceDetailPage=s.ResourceDetailPage,exports.ResourcePage=o.ResourcePage,exports.ResourcePageSection=o.ResourcePageSection,exports.SettingsPage=c.SettingsPage,exports.asyncSelectField=a.asyncSelectField,exports.customField=a.customField,exports.dateField=a.dateField,exports.dateRangeField=a.dateRangeField,exports.formSection=a.formSection,exports.inputField=a.inputField,exports.numberField=a.numberField,exports.phoneField=a.phoneField,exports.renderFormBuilderField=a.renderFormBuilderField,exports.selectField=a.selectField,exports.switchField=a.switchField,exports.textareaField=a.textareaField;

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

@@ -1,10 +1,10 @@
-import { FormBuilder as e, asyncSelectField as t, customField as n, dateField as r, dateRangeField as i, formSection as a, inputField as o, numberField as s, phoneField as c, renderFormBuilderField as l, selectField as u, switchField as d, textareaField as f } from "./form-builder.js";
-import { ResourcePage as p, ResourcePageSection as m } from "./resource-page.js";
-import { ResourceDetailPage as h } from "./resource-detail-page.js";
-import { EmptyState as g, ErrorState as _ } from "./empty-state.js";
-import { PageToolbar as v } from "./page-toolbar.js";
-import { BulkActionBar as y } from "./bulk-action-bar.js";
-import { DetailLayout as b } from "./detail-layout.js";
-import { SettingsPage as x } from "./settings-page.js";
-import { DataView as S } from "./data-view.js";
-export { y as BulkActionBar, S as DataView, b as DetailLayout, g as EmptyState, _ as ErrorState, e as FormBuilder, v as PageToolbar, h as ResourceDetailPage, p as ResourcePage, m as ResourcePageSection, x as SettingsPage, t as asyncSelectField, n as customField, r as dateField, i as dateRangeField, a as formSection, o as inputField, s as numberField, c as phoneField, l as renderFormBuilderField, u as selectField, d as switchField, f as textareaField };
+import { BulkActionBar as e } from "./bulk-action-bar.js";
+import { EmptyState as t, ErrorState as n } from "./empty-state.js";
+import { PageToolbar as r } from "./page-toolbar.js";
+import { DataView as i } from "./data-view.js";
+import { DetailLayout as a } from "./detail-layout.js";
+import { FormBuilder as o, asyncSelectField as s, customField as c, dateField as l, dateRangeField as u, formSection as d, inputField as f, numberField as p, phoneField as m, renderFormBuilderField as h, selectField as g, switchField as _, textareaField as v } from "./form-builder.js";
+import { ResourcePage as y, ResourcePageSection as b } from "./resource-page.js";
+import { ResourceDetailPage as x } from "./resource-detail-page.js";
+import { SettingsPage as S } from "./settings-page.js";
+export { e as BulkActionBar, i as DataView, a as DetailLayout, t as EmptyState, n as ErrorState, o as FormBuilder, r as PageToolbar, x as ResourceDetailPage, y as ResourcePage, b as ResourcePageSection, S as SettingsPage, s as asyncSelectField, c as customField, l as dateField, u as dateRangeField, d as formSection, f as inputField, p as numberField, m as phoneField, h as renderFormBuilderField, g as selectField, _ as switchField, v as textareaField };

package/dist/src/components/patterns/resource-page.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../data-table/data-table.cjs"),r=require("../layout/page-header.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({className:e,title:n,description:r,actions:i,headerClassName:o,bodyClassName:s,children:c,...l}){return(0,a.jsxs)(`section`,{"data-slot":`resource-page-section`,className:t.cn(`rounded-xl border bg-card text-card-foreground shadow-sm`,e),...l,children:[(n||r||i)&&(0,a.jsxs)(`div`,{"data-slot":`resource-page-section-header`,className:t.cn(`flex flex-col gap-3 border-b p-4 sm:flex-row sm:items-start sm:justify-between`,o),children:[(0,a.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[n&&(0,a.jsx)(`h2`,{className:`text-base font-semibold leading-none tracking-tight`,children:n}),r&&(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:r})]}),i&&(0,a.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:i})]}),(0,a.jsx)(`div`,{"data-slot":`resource-page-section-body`,className:t.cn(`p-4`,s),children:c})]})}var s={compact:`gap-3`,default:`gap-4`,comfortable:`gap-6`};function c({className:e,title:i,description:o,eyebrow:c,actions:l,breadcrumbs:u,stats:d,filters:f,tabs:p,table:m,children:h,aside:g,footer:_,headerProps:v,density:y=`default`,pageHeaderClassName:b,toolbarClassName:x,contentClassName:S,asideClassName:C,...w}){let T=!!(i||o||c||l),E=!!(f||p),D=!!(h||m);return(0,a.jsxs)(`div`,{"data-slot":`resource-page`,"data-density":y,className:t.cn(`grid min-w-0`,s[y],e),...w,children:[u&&(0,a.jsx)(`div`,{"data-slot":`resource-page-breadcrumbs`,children:u}),T&&(0,a.jsx)(r.PageHeader,{"data-slot":`resource-page-header`,eyebrow:c,title:i,description:o,actions:l,className:b,...v}),d&&(0,a.jsx)(`div`,{"data-slot":`resource-page-stats`,children:d}),E&&(0,a.jsxs)(`div`,{"data-slot":`resource-page-toolbar`,className:t.cn(`grid gap-3`,x),children:[p&&(0,a.jsx)(`div`,{"data-slot":`resource-page-tabs`,children:p}),f&&(0,a.jsx)(`div`,{"data-slot":`resource-page-filters`,children:f})]}),(D||g)&&(0,a.jsxs)(`div`,{"data-slot":`resource-page-content`,className:t.cn(`grid min-w-0 gap-4`,g&&`xl:grid-cols-[minmax(0,1fr)_20rem]`,S),children:[(0,a.jsxs)(`div`,{"data-slot":`resource-page-main`,className:`grid min-w-0 gap-4`,children:[h,m&&(0,a.jsx)(n.DataTable,{...m})]}),g&&(0,a.jsx)(`aside`,{"data-slot":`resource-page-aside`,className:t.cn(`min-w-0`,C),children:g})]}),_&&(0,a.jsx)(`div`,{"data-slot":`resource-page-footer`,children:_})]})}exports.ResourcePage=c,exports.ResourcePageSection=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../data-table/data-table.cjs"),r=require("../layout/section.cjs"),i=require("../layout/page-header.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({className:e,title:t,description:n,actions:i,headerClassName:a,bodyClassName:s,children:c,...l}){return(0,o.jsx)(r.Section,{"data-slot":`resource-page-section`,variant:`panel`,title:t,description:n,actions:i,headerClassName:a,bodyClassName:s,className:e,...l,children:c})}var c={compact:`gap-3`,default:`gap-4`,comfortable:`gap-6`};function l({className:e,title:r,description:a,eyebrow:s,actions:l,breadcrumbs:u,stats:d,filters:f,tabs:p,table:m,children:h,aside:g,footer:_,headerProps:v,density:y=`default`,pageHeaderClassName:b,toolbarClassName:x,contentClassName:S,asideClassName:C,asideWidth:w=`20rem`,style:T,...E}){let D=!!(r||a||s||l),O=!!(f||p),k=!!(h||m);return(0,o.jsxs)(`div`,{"data-slot":`resource-page`,"data-density":y,className:t.cn(`grid min-w-0`,c[y],e),style:{"--resource-aside-width":w,...T},...E,children:[u&&(0,o.jsx)(`div`,{"data-slot":`resource-page-breadcrumbs`,children:u}),D&&(0,o.jsx)(i.PageHeader,{"data-slot":`resource-page-header`,eyebrow:s,title:r,description:a,actions:l,className:b,...v}),d&&(0,o.jsx)(`div`,{"data-slot":`resource-page-stats`,children:d}),O&&(0,o.jsxs)(`div`,{"data-slot":`resource-page-toolbar`,className:t.cn(`grid gap-3`,x),children:[p&&(0,o.jsx)(`div`,{"data-slot":`resource-page-tabs`,children:p}),f&&(0,o.jsx)(`div`,{"data-slot":`resource-page-filters`,children:f})]}),(k||g)&&(0,o.jsxs)(`div`,{"data-slot":`resource-page-content`,className:t.cn(`grid min-w-0 gap-4`,g&&`xl:grid-cols-[minmax(0,1fr)_var(--resource-aside-width)]`,S),children:[(0,o.jsxs)(`div`,{"data-slot":`resource-page-main`,className:`grid min-w-0 gap-4`,children:[h,m&&(0,o.jsx)(n.DataTable,{...m})]}),g&&(0,o.jsx)(`aside`,{"data-slot":`resource-page-aside`,className:t.cn(`min-w-0`,C),children:g})]}),_&&(0,o.jsx)(`div`,{"data-slot":`resource-page-footer`,children:_})]})}exports.ResourcePage=l,exports.ResourcePageSection=s;