tembro 2.0.4 → 2.0.6

package/dist/components/layout/stat-card.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/card/index.cjs"),r=require("../ui/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={default:`text-foreground`,success:`text-emerald-600 dark:text-emerald-400`,warning:`text-amber-600 dark:text-amber-400`,danger:`text-destructive`,info:`text-blue-600 dark:text-blue-400`,muted:`text-muted-foreground`};function s(){return(0,a.jsxs)(`div`,{className:`space-y-3`,children:[(0,a.jsx)(`div`,{className:`h-4 w-28 animate-pulse rounded-md bg-muted`}),(0,a.jsx)(`div`,{className:`h-8 w-36 animate-pulse rounded-md bg-muted`}),(0,a.jsx)(`div`,{className:`h-4 w-44 animate-pulse rounded-md bg-muted`})]})}function c({className:e,title:i,value:c,description:l,icon:u,action:d,trend:f,footer:p,helperText:m,loading:h=!1,valuePrefix:g,valueSuffix:_,contentClassName:v,iconClassName:y,valueClassName:b,...x}){return(0,a.jsx)(n.Card,{"data-slot":`stat-card`,className:t.cn(`min-w-0`,e),...x,children:h?(0,a.jsx)(n.CardContent,{children:(0,a.jsx)(s,{})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.CardHeader,{children:(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,a.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[i&&(0,a.jsx)(n.CardDescription,{className:`truncate`,children:i}),c==null?null:(0,a.jsxs)(n.CardTitle,{className:t.cn(`flex items-baseline gap-1 truncate text-2xl`,b),children:[g?(0,a.jsx)(`span`,{className:`text-base text-muted-foreground`,children:g}):null,(0,a.jsx)(`span`,{className:`truncate`,children:c}),_?(0,a.jsx)(`span`,{className:`text-base text-muted-foreground`,children:_}):null]})]}),(u||d)&&(0,a.jsx)(n.CardAction,{children:d??(0,a.jsx)(`div`,{className:t.cn(`flex size-9 items-center justify-center rounded-lg bg-muted text-muted-foreground`,y),children:u})})]})}),(l||f||m||p)&&(0,a.jsxs)(n.CardContent,{className:t.cn(`space-y-2`,v),children:[(l||f)&&(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 text-sm`,children:[f&&(0,a.jsx)(r.Badge,{variant:`ghost`,tone:f.tone===`muted`||f.tone==="default"?`neutral`:f.tone,size:`sm`,className:t.cn(`font-medium`,o[f.tone??`default`]),children:f.value}),f?.label?(0,a.jsx)(`span`,{className:`text-muted-foreground`,children:f.label}):null,l&&(0,a.jsx)(`span`,{className:`text-muted-foreground`,children:l})]}),m?(0,a.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:m}):null,p]})]})})}exports.StatCard=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs"),r=require("../ui/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={default:`text-foreground`,success:`text-emerald-600 dark:text-emerald-400`,warning:`text-amber-600 dark:text-amber-400`,danger:`text-destructive`,info:`text-blue-600 dark:text-blue-400`,muted:`text-muted-foreground`};function s(){return(0,a.jsxs)(`div`,{className:`space-y-3`,children:[(0,a.jsx)(`div`,{className:`h-4 w-28 animate-pulse rounded-md bg-muted`}),(0,a.jsx)(`div`,{className:`h-8 w-36 animate-pulse rounded-md bg-muted`}),(0,a.jsx)(`div`,{className:`h-4 w-44 animate-pulse rounded-md bg-muted`})]})}function c({className:e,title:i,value:c,description:l,icon:u,action:d,trend:f,footer:p,helperText:m,comparisonItems:h,comparisonColumns:g=2,loading:_=!1,valuePrefix:v,valueSuffix:y,contentClassName:b,iconClassName:x,valueClassName:S,...C}){return(0,a.jsx)(n.Card,{"data-slot":`stat-card`,className:t.cn(`min-w-0`,e),...C,children:_?(0,a.jsx)(n.CardContent,{children:(0,a.jsx)(s,{})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.CardHeader,{children:(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,a.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[i&&(0,a.jsx)(n.CardDescription,{className:`truncate`,children:i}),c==null?null:(0,a.jsxs)(n.CardTitle,{className:t.cn(`flex items-baseline gap-1 truncate text-2xl`,S),children:[v?(0,a.jsx)(`span`,{className:`text-base text-muted-foreground`,children:v}):null,(0,a.jsx)(`span`,{className:`truncate`,children:c}),y?(0,a.jsx)(`span`,{className:`text-base text-muted-foreground`,children:y}):null]})]}),(u||d)&&(0,a.jsx)(n.CardAction,{children:d??(0,a.jsx)(`div`,{className:t.cn(`flex size-9 items-center justify-center rounded-lg bg-muted text-muted-foreground`,x),children:u})})]})}),(l||f||m||p||h?.length)&&(0,a.jsxs)(n.CardContent,{className:t.cn(`space-y-2`,b),children:[(l||f)&&(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 text-sm`,children:[f&&(0,a.jsx)(r.Badge,{variant:`ghost`,tone:f.tone===`muted`||f.tone==="default"?`neutral`:f.tone,size:`sm`,className:t.cn(`font-medium`,o[f.tone??`default`]),children:f.value}),f?.label?(0,a.jsx)(`span`,{className:`text-muted-foreground`,children:f.label}):null,l&&(0,a.jsx)(`span`,{className:`text-muted-foreground`,children:l})]}),h?.length?(0,a.jsx)(`div`,{"data-slot":`stat-card-comparison`,className:t.cn(`grid gap-3 pt-1`,g===2&&`grid-cols-2`,g===3&&`grid-cols-3`,g===4&&`grid-cols-2 sm:grid-cols-4`),children:h.map((e,t)=>(0,a.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[(0,a.jsx)(`p`,{className:`truncate text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground`,children:e.label}),(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,a.jsx)(`span`,{className:`text-base font-semibold text-foreground`,children:e.value}),e.change?(0,a.jsx)(r.Badge,{variant:`ghost`,tone:e.trend===`neutral`||e.trend==="default"?`neutral`:e.trend,size:`sm`,children:e.change}):null]})]},t))}):null,m?(0,a.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:m}):null,p]})]})})}exports.StatCard=c;

package/dist/components/layout/stat-card.d.ts

@@ -14,6 +14,13 @@ export type StatCardProps = React.ComponentProps<typeof Card> & {
     trend?: StatCardTrend;
     footer?: React.ReactNode;
     helperText?: React.ReactNode;
+    comparisonItems?: Array<{
+        label: React.ReactNode;
+        value: React.ReactNode;
+        change?: React.ReactNode;
+        trend?: StatCardTrend["tone"] | "neutral";
+    }>;
+    comparisonColumns?: 2 | 3 | 4;
     loading?: boolean;
     valuePrefix?: React.ReactNode;
     valueSuffix?: React.ReactNode;
@@ -21,5 +28,5 @@ export type StatCardProps = React.ComponentProps<typeof Card> & {
     iconClassName?: string;
     valueClassName?: string;
 };
-declare function StatCard({ className, title, value, description, icon, action, trend, footer, helperText, loading, valuePrefix, valueSuffix, contentClassName, iconClassName, valueClassName, ...props }: StatCardProps): React.JSX.Element;
+declare function StatCard({ className, title, value, description, icon, action, trend, footer, helperText, comparisonItems, comparisonColumns, loading, valuePrefix, valueSuffix, contentClassName, iconClassName, valueClassName, ...props }: StatCardProps): React.JSX.Element;
 export { StatCard };

package/dist/components/layout/stat-card.js

@@ -22,12 +22,12 @@ function f() {
 		]
 	});
 }
-function p({ className: p, title: m, value: h, description: g, icon: _, action: v, trend: y, footer: b, helperText: x, loading: S = !1, valuePrefix: C, valueSuffix: w, contentClassName: T, iconClassName: E, valueClassName: D, ...O }) {
+function p({ className: p, title: m, value: h, description: g, icon: _, action: v, trend: y, footer: b, helperText: x, comparisonItems: S, comparisonColumns: C = 2, loading: w = !1, valuePrefix: T, valueSuffix: E, contentClassName: D, iconClassName: O, valueClassName: k, ...A }) {
 	return /* @__PURE__ */ l(t, {
 		"data-slot": "stat-card",
 		className: e("min-w-0", p),
-		...O,
-		children: S ? /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(f, {}) }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ u("div", {
+		...A,
+		children: w ? /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(f, {}) }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ u("div", {
 			className: "flex min-w-0 items-start justify-between gap-3",
 			children: [/* @__PURE__ */ u("div", {
 				className: "min-w-0 space-y-1",
@@ -35,28 +35,28 @@ function p({ className: p, title: m, value: h, description: g, icon: _, action:
 					className: "truncate",
 					children: m
 				}), h == null ? null : /* @__PURE__ */ u(o, {
-					className: e("flex items-baseline gap-1 truncate text-2xl", D),
+					className: e("flex items-baseline gap-1 truncate text-2xl", k),
 					children: [
-						C ? /* @__PURE__ */ l("span", {
+						T ? /* @__PURE__ */ l("span", {
 							className: "text-base text-muted-foreground",
-							children: C
+							children: T
 						}) : null,
 						/* @__PURE__ */ l("span", {
 							className: "truncate",
 							children: h
 						}),
-						w ? /* @__PURE__ */ l("span", {
+						E ? /* @__PURE__ */ l("span", {
 							className: "text-base text-muted-foreground",
-							children: w
+							children: E
 						}) : null
 					]
 				})]
 			}), (_ || v) && /* @__PURE__ */ l(n, { children: v ?? /* @__PURE__ */ l("div", {
-				className: e("flex size-9 items-center justify-center rounded-lg bg-muted text-muted-foreground", E),
+				className: e("flex size-9 items-center justify-center rounded-lg bg-muted text-muted-foreground", O),
 				children: _
 			}) })]
-		}) }), (g || y || x || b) && /* @__PURE__ */ u(r, {
-			className: e("space-y-2", T),
+		}) }), (g || y || x || b || S?.length) && /* @__PURE__ */ u(r, {
+			className: e("space-y-2", D),
 			children: [
 				(g || y) && /* @__PURE__ */ u("div", {
 					className: "flex flex-wrap items-center gap-2 text-sm",
@@ -78,6 +78,28 @@ function p({ className: p, title: m, value: h, description: g, icon: _, action:
 						})
 					]
 				}),
+				S?.length ? /* @__PURE__ */ l("div", {
+					"data-slot": "stat-card-comparison",
+					className: e("grid gap-3 pt-1", C === 2 && "grid-cols-2", C === 3 && "grid-cols-3", C === 4 && "grid-cols-2 sm:grid-cols-4"),
+					children: S.map((e, t) => /* @__PURE__ */ u("div", {
+						className: "min-w-0 space-y-1",
+						children: [/* @__PURE__ */ l("p", {
+							className: "truncate text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground",
+							children: e.label
+						}), /* @__PURE__ */ u("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "text-base font-semibold text-foreground",
+								children: e.value
+							}), e.change ? /* @__PURE__ */ l(s, {
+								variant: "ghost",
+								tone: e.trend === "neutral" || e.trend === "default" ? "neutral" : e.trend,
+								size: "sm",
+								children: e.change
+							}) : null]
+						})]
+					}, t))
+				}) : null,
 				x ? /* @__PURE__ */ l("p", {
 					className: "text-xs leading-5 text-muted-foreground",
 					children: x

package/dist/components/modern/calendar-scheduler.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={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 a({events:e,days:n,className:a,...o}){let s=n??Array.from(new Set(e.map(e=>e.date)));return(0,r.jsx)(`div`,{"data-slot":`calendar-scheduler`,className:t.cn(`grid gap-3`,a),...o,children:s.map(n=>(0,r.jsxs)(`section`,{className:`rounded-xl border bg-card p-3`,children:[(0,r.jsx)(`div`,{className:`mb-2 text-sm font-semibold`,children:n}),(0,r.jsx)(`div`,{className:`grid gap-2`,children:e.filter(e=>e.date===n).map(e=>(0,r.jsxs)(`div`,{className:t.cn(`rounded-md border px-3 py-2 text-sm`,i[e.tone??`default`]),children:[(0,r.jsx)(`div`,{className:`font-medium`,children:e.title}),e.time&&(0,r.jsx)(`div`,{className:`text-xs opacity-70`,children:e.time})]},e.id))})]},n))})}exports.CalendarScheduler=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={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 a({events:e,days:n,empty:a=`No events scheduled.`,className:o,...s}){let c=n??Array.from(new Set(e.map(e=>e.date)));return(0,r.jsx)(`div`,{"data-slot":`calendar-scheduler`,className:t.cn(`grid gap-3`,o),...s,children:c.map(n=>(0,r.jsxs)(`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))]`,children:[(0,r.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,r.jsx)(`div`,{className:`text-sm font-semibold text-foreground`,children:n}),(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[e.filter(e=>e.date===n).length,` items`]})]}),(0,r.jsx)(`div`,{className:`grid gap-2`,children:e.filter(e=>e.date===n).length===0?(0,r.jsx)(`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:a}):e.filter(e=>e.date===n).map(e=>(0,r.jsxs)(`div`,{className:t.cn(`rounded-[var(--radius-md)] border px-3 py-2.5 text-sm shadow-sm`,i[e.tone??`default`]),children:[(0,r.jsx)(`div`,{className:`font-medium`,children:e.title}),e.time&&(0,r.jsx)(`div`,{className:`mt-1 text-xs opacity-70`,children:e.time})]},e.id))})]},n))})}exports.CalendarScheduler=a;

package/dist/components/modern/calendar-scheduler.d.ts

@@ -9,6 +9,7 @@ export type CalendarSchedulerEvent = {
 export type CalendarSchedulerProps = React.ComponentProps<"div"> & {
     events: CalendarSchedulerEvent[];
     days?: string[];
+    empty?: React.ReactNode;
 };
-declare function CalendarScheduler({ events, days, className, ...props }: CalendarSchedulerProps): React.JSX.Element;
+declare function CalendarScheduler({ events, days, empty, className, ...props }: CalendarSchedulerProps): React.JSX.Element;
 export { CalendarScheduler };

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

@@ -8,26 +8,35 @@ var r = {
 	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, className: o, ...s }) {
-	let c = a ?? Array.from(new Set(i.map((e) => e.date)));
+function i({ events: i, days: a, empty: o = "No events scheduled.", className: s, ...c }) {
+	let l = a ?? Array.from(new Set(i.map((e) => e.date)));
 	return /* @__PURE__ */ t("div", {
 		"data-slot": "calendar-scheduler",
-		className: e("grid gap-3", o),
-		...s,
-		children: c.map((a) => /* @__PURE__ */ n("section", {
-			className: "rounded-xl border bg-card p-3",
-			children: [/* @__PURE__ */ t("div", {
-				className: "mb-2 text-sm font-semibold",
-				children: a
+		className: e("grid gap-3", s),
+		...c,
+		children: l.map((a) => /* @__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))]",
+			children: [/* @__PURE__ */ n("div", {
+				className: "mb-3 flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ t("div", {
+					className: "text-sm font-semibold text-foreground",
+					children: a
+				}), /* @__PURE__ */ n("div", {
+					className: "text-xs text-muted-foreground",
+					children: [i.filter((e) => e.date === a).length, " items"]
+				})]
 			}), /* @__PURE__ */ t("div", {
 				className: "grid gap-2",
-				children: i.filter((e) => e.date === a).map((i) => /* @__PURE__ */ n("div", {
-					className: e("rounded-md border px-3 py-2 text-sm", r[i.tone ?? "default"]),
+				children: i.filter((e) => e.date === a).length === 0 ? /* @__PURE__ */ t("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: o
+				}) : i.filter((e) => e.date === a).map((i) => /* @__PURE__ */ n("div", {
+					className: e("rounded-[var(--radius-md)] border px-3 py-2.5 text-sm shadow-sm", r[i.tone ?? "default"]),
 					children: [/* @__PURE__ */ t("div", {
 						className: "font-medium",
 						children: i.title
 					}), i.time && /* @__PURE__ */ t("div", {
-						className: "text-xs opacity-70",
+						className: "mt-1 text-xs opacity-70",
 						children: i.time
 					})]
 				}, i.id))

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

@@ -1 +1 @@
-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");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o({title:e=`Are you sure?`,description:r,icon:o=(0,a.jsx)(i.AlertTriangleIcon,{}),cancelLabel:s=`Cancel`,actionLabel:c=`Continue`,actionTone:l=`destructive`,loading:u=!1,onAction:d,children:f,...p}){return(0,a.jsxs)(n.Dialog,{...p,children:[f,(0,a.jsxs)(n.DialogContent,{children:[(0,a.jsxs)(n.DialogHeader,{children:[(0,a.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:o}),(0,a.jsx)(n.DialogTitle,{children:e}),r?(0,a.jsx)(n.DialogDescription,{children:r}):null]}),(0,a.jsxs)(n.DialogFooter,{children:[(0,a.jsx)(n.DialogClose,{render:()=>(0,a.jsx)(t.Button,{type:`button`,variant:`outline`,disabled:u,children:s})}),(0,a.jsx)(t.Button,{type:`button`,variant:l===`destructive`?`destructive`:`default`,loading:u,onClick:()=>void d?.(),children:c})]})]})]})}exports.AlertDialog=o;
+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;

package/dist/components/overlay/alert-dialog.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { Button } from "@/components/ui/button";
 import { Dialog } from "@/components/ui/dialog";
 export type AlertDialogProps = Omit<React.ComponentProps<typeof Dialog>, "children"> & {
     title?: React.ReactNode;
@@ -7,9 +8,22 @@ export type AlertDialogProps = Omit<React.ComponentProps<typeof Dialog>, "childr
     cancelLabel?: React.ReactNode;
     actionLabel?: React.ReactNode;
     actionTone?: "default" | "destructive";
+    cancelVariant?: React.ComponentProps<typeof Button>["variant"];
     loading?: boolean;
+    closeOnAction?: boolean;
+    confirmValue?: string;
+    confirmLabel?: React.ReactNode;
+    confirmPlaceholder?: string;
+    confirmDescription?: React.ReactNode;
+    confirmCaseSensitive?: boolean;
+    severityNote?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    onActionError?: (error: unknown) => void;
     onAction?: () => void | Promise<void>;
     children?: React.ReactNode;
+    preventCloseWhileLoading?: boolean;
+    actionButtonProps?: Omit<React.ComponentProps<typeof Button>, "type" | "variant" | "loading" | "disabled" | "onClick" | "children">;
+    cancelButtonProps?: Omit<React.ComponentProps<typeof Button>, "type" | "variant" | "disabled" | "children">;
 };
-declare function AlertDialog({ title, description, icon, cancelLabel, actionLabel, actionTone, loading, onAction, children, ...props }: AlertDialogProps): React.JSX.Element;
+declare function AlertDialog({ title, description, icon, cancelLabel, actionLabel, actionTone, cancelVariant, loading, closeOnAction, confirmValue, confirmLabel, confirmPlaceholder, confirmDescription, confirmCaseSensitive, severityNote, errorMessage, onActionError, onAction, children, preventCloseWhileLoading, actionButtonProps, cancelButtonProps, onOpenChange, ...props }: AlertDialogProps): React.JSX.Element;
 export { AlertDialog };

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

@@ -1,32 +1,107 @@
 import { Button as e } from "../ui/button/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 "react";
-import { AlertTriangleIcon as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+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 * 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";
 //#region src/components/overlay/alert-dialog.tsx
-function d({ title: d = "Are you sure?", description: f, icon: p = /* @__PURE__ */ l(c, {}), cancelLabel: m = "Cancel", actionLabel: h = "Continue", actionTone: g = "destructive", loading: _ = !1, onAction: v, children: y, ...b }) {
-	return /* @__PURE__ */ u(t, {
-		...b,
-		children: [y, /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ u(o, { children: [
-			/* @__PURE__ */ l("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: p
-			}),
-			/* @__PURE__ */ l(s, { children: d }),
-			f ? /* @__PURE__ */ l(i, { children: f }) : null
-		] }), /* @__PURE__ */ u(a, { children: [/* @__PURE__ */ l(n, { render: () => /* @__PURE__ */ l(e, {
-			type: "button",
-			variant: "outline",
-			disabled: _,
-			children: m
-		}) }), /* @__PURE__ */ l(e, {
-			type: "button",
-			variant: g === "destructive" ? "destructive" : "default",
-			loading: _,
-			onClick: () => void v?.(),
-			children: h
-		})] })] })]
+function m({ title: m = "Are you sure?", description: h, icon: g = /* @__PURE__ */ f(u, {}), cancelLabel: _ = "Cancel", actionLabel: v = "Continue", actionTone: y = "destructive", cancelVariant: b = "outline", loading: x = !1, closeOnAction: S = !0, confirmValue: C, confirmLabel: w = "Type to confirm", confirmPlaceholder: T, confirmDescription: E, confirmCaseSensitive: D = !0, severityNote: O, errorMessage: k = "Action could not be completed. Try again.", onActionError: A, onAction: j, children: M, preventCloseWhileLoading: N = !0, actionButtonProps: P, cancelButtonProps: F, onOpenChange: I, ...L }) {
+	let [R, z] = l.useState(!1), [B, V] = l.useState(""), [H, U] = l.useState(null), W = x || R, G = !!C?.trim(), K = D ? C?.trim() : C?.trim().toLowerCase(), q = D ? B.trim() : B.trim().toLowerCase(), J = !G || q === K;
+	l.useEffect(() => {
+		L.open || (V(""), U(null));
+	}, [L.open]);
+	let Y = l.useCallback((e, t) => {
+		!e && N && W || I?.(e, t);
+	}, [
+		I,
+		N,
+		W
+	]), X = () => {
+		Y(!1, void 0);
+	}, Z = async () => {
+		if (!(!J || W)) {
+			if (U(null), !j) {
+				S && X();
+				return;
+			}
+			try {
+				z(!0), await j(), S && X();
+			} catch (e) {
+				U(k), A?.(e);
+			} finally {
+				z(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ p(n, {
+		onOpenChange: Y,
+		...L,
+		children: [M, /* @__PURE__ */ p(i, { children: [
+			/* @__PURE__ */ p(s, { 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
+			] }),
+			G ? /* @__PURE__ */ p("div", {
+				className: "grid gap-2.5",
+				children: [/* @__PURE__ */ p("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ f("p", {
+						className: "text-sm font-medium text-foreground",
+						children: w
+					}), /* @__PURE__ */ f("p", {
+						className: "text-xs leading-5 text-muted-foreground",
+						children: E ?? /* @__PURE__ */ p(d, { children: [
+							"Type ",
+							/* @__PURE__ */ f("span", {
+								className: "font-semibold text-foreground",
+								children: C
+							}),
+							" to continue."
+						] })
+					})]
+				}), /* @__PURE__ */ f(t, {
+					value: B,
+					onValueChange: V,
+					placeholder: T ?? C,
+					autoComplete: "off",
+					autoCapitalize: "off",
+					spellCheck: !1,
+					"aria-invalid": H ? !0 : void 0,
+					"aria-describedby": H ? "alert-dialog-error" : void 0
+				})]
+			}) : null,
+			O ? /* @__PURE__ */ f("div", {
+				className: "rounded-2xl border border-border/70 bg-muted/35 px-3.5 py-3 text-sm leading-6 text-muted-foreground",
+				children: O
+			}) : null,
+			H ? /* @__PURE__ */ f("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: H
+			}) : null,
+			/* @__PURE__ */ p(o, { children: [/* @__PURE__ */ f(r, { render: () => /* @__PURE__ */ f(e, {
+				type: "button",
+				variant: b,
+				disabled: W,
+				...F,
+				children: _
+			}) }), /* @__PURE__ */ f(e, {
+				type: "button",
+				variant: y === "destructive" ? "destructive" : "default",
+				loading: W,
+				disabled: !J && !W,
+				onClick: () => void Z(),
+				...P,
+				children: v
+			})] })
+		] })]
 	});
 }
 //#endregion
-export { d as AlertDialog };
+export { m as AlertDialog };

package/dist/components/overlay/drawer.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("../ui/dialog/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={right:`left-auto right-0 top-0 h-dvh max-h-dvh w-full max-w-md translate-x-0 translate-y-0 rounded-none rounded-l-[var(--radius-3xl)] sm:max-w-lg`,left:`left-0 top-0 h-dvh max-h-dvh w-full max-w-md translate-x-0 translate-y-0 rounded-none rounded-r-[var(--radius-3xl)] sm:max-w-lg`,top:`left-0 top-0 h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-b-[var(--radius-3xl)]`,bottom:`bottom-0 left-0 top-auto h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-t-[var(--radius-3xl)]`};function s({trigger:e,title:n,description:i,side:s=`right`,footer:c,contentClassName:l,showCloseButton:u=!0,children:d,...f}){return(0,a.jsxs)(r.Dialog,{...f,children:[e?(0,a.jsx)(r.DialogTrigger,{render:e}):null,(0,a.jsxs)(r.DialogContent,{showCloseButton:u,className:t.cn(`fixed p-0`,o[s],l),children:[(n||i)&&(0,a.jsxs)(r.DialogHeader,{className:`border-b border-border/70 p-6`,children:[n?(0,a.jsx)(r.DialogTitle,{children:n}):null,i?(0,a.jsx)(r.DialogDescription,{children:i}):null]}),(0,a.jsx)(`div`,{"data-slot":`drawer-body`,className:`min-h-0 flex-1 overflow-y-auto p-6`,children:d}),c?(0,a.jsx)(`div`,{"data-slot":`drawer-footer`,className:`border-t border-border/70 p-5`,children:c}):null]})]})}function c({children:e=`Close`,...t}){return(0,a.jsx)(r.DialogClose,{render:()=>(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,...t,children:e})})}exports.Drawer=s,exports.DrawerCloseButton=c;
+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/dialog/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={right:`left-auto right-0 top-0 h-dvh max-h-dvh w-full max-w-md translate-x-0 translate-y-0 rounded-none rounded-l-[var(--radius-3xl)] data-open:slide-in-from-right data-closed:slide-out-to-right sm:max-w-lg`,left:`left-0 top-0 h-dvh max-h-dvh w-full max-w-md translate-x-0 translate-y-0 rounded-none rounded-r-[var(--radius-3xl)] data-open:slide-in-from-left data-closed:slide-out-to-left sm:max-w-lg`,top:`left-0 top-0 h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-b-[var(--radius-3xl)] data-open:slide-in-from-top data-closed:slide-out-to-top`,bottom:`bottom-0 left-0 top-auto h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-t-[var(--radius-3xl)] data-open:slide-in-from-bottom data-closed:slide-out-to-bottom`};function s({trigger:e,title:n,description:i,side:s=`right`,footer:c,headerClassName:l,bodyClassName:u,footerClassName:d,contentClassName:f,showCloseButton:p=!0,children:m,...h}){return(0,a.jsxs)(r.Dialog,{...h,children:[e?(0,a.jsx)(r.DialogTrigger,{render:e}):null,(0,a.jsxs)(r.DialogContent,{size:`full`,showCloseButton:p,className:t.cn(`fixed grid grid-rows-[auto_minmax(0,1fr)_auto] gap-0 p-0`,o[s],f),children:[(n||i)&&(0,a.jsxs)(r.DialogHeader,{className:t.cn(`border-b border-border/70 p-6`,l),children:[n?(0,a.jsx)(r.DialogTitle,{children:n}):null,i?(0,a.jsx)(r.DialogDescription,{children:i}):null]}),(0,a.jsx)(`div`,{"data-slot":`drawer-body`,className:t.cn(`min-h-0 flex-1 overflow-y-auto p-6`,u),children:m}),c?(0,a.jsx)(`div`,{"data-slot":`drawer-footer`,className:t.cn(`border-t border-border/70 p-5`,d),children:c}):null]})]})}function c({children:e=`Close`,...t}){return(0,a.jsx)(r.DialogClose,{render:(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,...t}),children:e})}exports.Drawer=s,exports.DrawerCloseButton=c;

package/dist/components/overlay/drawer.d.ts

@@ -8,10 +8,13 @@ export type DrawerProps = Omit<React.ComponentProps<typeof Dialog>, "children">
     description?: React.ReactNode;
     side?: DrawerSide;
     footer?: React.ReactNode;
+    headerClassName?: string;
+    bodyClassName?: string;
+    footerClassName?: string;
     contentClassName?: string;
     showCloseButton?: boolean;
     children?: React.ReactNode;
 };
-declare function Drawer({ trigger, title, description, side, footer, contentClassName, showCloseButton, children, ...props }: DrawerProps): React.JSX.Element;
+declare function Drawer({ trigger, title, description, side, footer, headerClassName, bodyClassName, footerClassName, contentClassName, showCloseButton, children, ...props }: DrawerProps): React.JSX.Element;
 declare function DrawerCloseButton({ children, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
 export { Drawer, DrawerCloseButton };

package/dist/components/overlay/drawer.js

@@ -5,30 +5,31 @@ import "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/overlay/drawer.tsx
 var d = {
-	right: "left-auto right-0 top-0 h-dvh max-h-dvh w-full max-w-md translate-x-0 translate-y-0 rounded-none rounded-l-[var(--radius-3xl)] sm:max-w-lg",
-	left: "left-0 top-0 h-dvh max-h-dvh w-full max-w-md translate-x-0 translate-y-0 rounded-none rounded-r-[var(--radius-3xl)] sm:max-w-lg",
-	top: "left-0 top-0 h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-b-[var(--radius-3xl)]",
-	bottom: "bottom-0 left-0 top-auto h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-t-[var(--radius-3xl)]"
+	right: "left-auto right-0 top-0 h-dvh max-h-dvh w-full max-w-md translate-x-0 translate-y-0 rounded-none rounded-l-[var(--radius-3xl)] data-open:slide-in-from-right data-closed:slide-out-to-right sm:max-w-lg",
+	left: "left-0 top-0 h-dvh max-h-dvh w-full max-w-md translate-x-0 translate-y-0 rounded-none rounded-r-[var(--radius-3xl)] data-open:slide-in-from-left data-closed:slide-out-to-left sm:max-w-lg",
+	top: "left-0 top-0 h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-b-[var(--radius-3xl)] data-open:slide-in-from-top data-closed:slide-out-to-top",
+	bottom: "bottom-0 left-0 top-auto h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-t-[var(--radius-3xl)] data-open:slide-in-from-bottom data-closed:slide-out-to-bottom"
 };
-function f({ trigger: t, title: r, description: f, side: p = "right", footer: m, contentClassName: h, showCloseButton: g = !0, children: _, ...v }) {
+function f({ trigger: t, title: r, description: f, side: p = "right", footer: m, headerClassName: h, bodyClassName: g, footerClassName: _, contentClassName: v, showCloseButton: y = !0, children: b, ...x }) {
 	return /* @__PURE__ */ u(n, {
-		...v,
+		...x,
 		children: [t ? /* @__PURE__ */ l(c, { render: t }) : null, /* @__PURE__ */ u(i, {
-			showCloseButton: g,
-			className: e("fixed p-0", d[p], h),
+			size: "full",
+			showCloseButton: y,
+			className: e("fixed grid grid-rows-[auto_minmax(0,1fr)_auto] gap-0 p-0", d[p], v),
 			children: [
 				(r || f) && /* @__PURE__ */ u(o, {
-					className: "border-b border-border/70 p-6",
+					className: e("border-b border-border/70 p-6", h),
 					children: [r ? /* @__PURE__ */ l(s, { children: r }) : null, f ? /* @__PURE__ */ l(a, { children: f }) : null]
 				}),
 				/* @__PURE__ */ l("div", {
 					"data-slot": "drawer-body",
-					className: "min-h-0 flex-1 overflow-y-auto p-6",
-					children: _
+					className: e("min-h-0 flex-1 overflow-y-auto p-6", g),
+					children: b
 				}),
 				m ? /* @__PURE__ */ l("div", {
 					"data-slot": "drawer-footer",
-					className: "border-t border-border/70 p-5",
+					className: e("border-t border-border/70 p-5", _),
 					children: m
 				}) : null
 			]
@@ -36,12 +37,14 @@ function f({ trigger: t, title: r, description: f, side: p = "right", footer: m,
 	});
 }
 function p({ children: e = "Close", ...n }) {
-	return /* @__PURE__ */ l(r, { render: () => /* @__PURE__ */ l(t, {
-		type: "button",
-		variant: "outline",
-		...n,
+	return /* @__PURE__ */ l(r, {
+		render: /* @__PURE__ */ l(t, {
+			type: "button",
+			variant: "outline",
+			...n
+		}),
 		children: e
-	}) });
+	});
 }
 //#endregion
 export { f as Drawer, p as DrawerCloseButton };

package/dist/components/patterns/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./resource-detail-page.cjs"),t=require("./resource-page.cjs"),n=require("./form-builder.cjs");exports.FormBuilder=n.FormBuilder,exports.ResourceDetailPage=e.ResourceDetailPage,exports.ResourcePage=t.ResourcePage,exports.ResourcePageSection=t.ResourcePageSection,exports.asyncSelectField=n.asyncSelectField,exports.customField=n.customField,exports.dateField=n.dateField,exports.dateRangeField=n.dateRangeField,exports.formSection=n.formSection,exports.inputField=n.inputField,exports.numberField=n.numberField,exports.phoneField=n.phoneField,exports.renderFormBuilderField=n.renderFormBuilderField,exports.selectField=n.selectField,exports.switchField=n.switchField,exports.textareaField=n.textareaField;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./resource-detail-page.cjs"),t=require("./resource-page.cjs");exports.ResourceDetailPage=e.ResourceDetailPage,exports.ResourcePage=t.ResourcePage,exports.ResourcePageSection=t.ResourcePageSection;

package/dist/components/patterns/index.d.ts

@@ -1,3 +1,2 @@
 export * from './resource-page';
 export * from './resource-detail-page';
-export * from './form-builder';

package/dist/components/patterns/index.js

@@ -1,4 +1,3 @@
 import { ResourceDetailPage as e } from "./resource-detail-page.js";
 import { ResourcePage as t, ResourcePageSection as n } from "./resource-page.js";
-import { FormBuilder as r, asyncSelectField as i, customField as a, dateField as o, dateRangeField as s, formSection as c, inputField as l, numberField as u, phoneField as d, renderFormBuilderField as f, selectField as p, switchField as m, textareaField as h } from "./form-builder.js";
-export { r as FormBuilder, e as ResourceDetailPage, t as ResourcePage, n as ResourcePageSection, i as asyncSelectField, a as customField, o as dateField, s as dateRangeField, c as formSection, l as inputField, u as numberField, d as phoneField, f as renderFormBuilderField, p as selectField, m as switchField, h as textareaField };
+export { e as ResourceDetailPage, t as ResourcePage, n as ResourcePageSection };

package/dist/components/patterns/public.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./resource-detail-page.cjs"),t=require("./resource-page.cjs"),n=require("./form-builder.cjs");exports.FormBuilder=n.FormBuilder,exports.ResourceDetailPage=e.ResourceDetailPage,exports.ResourcePage=t.ResourcePage,exports.ResourcePageSection=t.ResourcePageSection,exports.asyncSelectField=n.asyncSelectField,exports.customField=n.customField,exports.dateField=n.dateField,exports.dateRangeField=n.dateRangeField,exports.formSection=n.formSection,exports.inputField=n.inputField,exports.numberField=n.numberField,exports.phoneField=n.phoneField,exports.renderFormBuilderField=n.renderFormBuilderField,exports.selectField=n.selectField,exports.switchField=n.switchField,exports.textareaField=n.textareaField;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./resource-detail-page.cjs"),t=require("./resource-page.cjs");exports.ResourceDetailPage=e.ResourceDetailPage,exports.ResourcePage=t.ResourcePage,exports.ResourcePageSection=t.ResourcePageSection;

package/dist/components/patterns/public.d.ts

@@ -1,3 +1,2 @@
 export * from "./resource-page";
 export * from "./resource-detail-page";
-export * from "./form-builder";

package/dist/components/patterns/public.js

@@ -1,4 +1,3 @@
 import { ResourceDetailPage as e } from "./resource-detail-page.js";
 import { ResourcePage as t, ResourcePageSection as n } from "./resource-page.js";
-import { FormBuilder as r, asyncSelectField as i, customField as a, dateField as o, dateRangeField as s, formSection as c, inputField as l, numberField as u, phoneField as d, renderFormBuilderField as f, selectField as p, switchField as m, textareaField as h } from "./form-builder.js";
-export { r as FormBuilder, e as ResourceDetailPage, t as ResourcePage, n as ResourcePageSection, i as asyncSelectField, a as customField, o as dateField, s as dateRangeField, c as formSection, l as inputField, u as numberField, d as phoneField, f as renderFormBuilderField, p as selectField, m as switchField, h as textareaField };
+export { e as ResourceDetailPage, t as ResourcePage, n as ResourcePageSection };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@base-ui/react/button"),i=require("class-variance-authority"),a=require("react/jsx-runtime");var o=(0,i.cva)(`group/button inline-flex shrink-0 items-center justify-center rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] bg-clip-padding text-sm font-semibold text-foreground whitespace-nowrap shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))] transition-[transform,background-color,border-color,color,box-shadow,opacity] outline-none select-none hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--muted))] focus-visible:ring-0 focus-visible:shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)] active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:cursor-not-allowed disabled:translate-y-0 disabled:border-[color:color-mix(in_oklch,var(--border),transparent_24%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:shadow-none disabled:opacity-100 aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:translate-y-0 aria-disabled:opacity-100 aria-invalid:border-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,{variants:{variant:{default:`border-[color:color-mix(in_oklch,var(--primary),black_10%)] bg-primary text-primary-foreground shadow-[var(--aui-button-primary-shadow,0_10px_24px_rgba(16,185,129,0.18))] hover:border-[color:color-mix(in_oklch,var(--primary),black_18%)] hover:bg-[color:color-mix(in_oklch,var(--primary),white_8%)] hover:text-primary-foreground`,outline:`bg-[color:var(--aui-control-surface,var(--background))] text-foreground shadow-none`,secondary:`border-[color:color-mix(in_oklch,var(--border),var(--foreground)_6%)] bg-secondary text-secondary-foreground shadow-none`,ghost:`border-transparent bg-transparent shadow-none`,destructive:`border-[color:color-mix(in_oklch,var(--destructive),black_8%)] bg-destructive text-[color:var(--aui-danger-foreground,var(--primary-foreground))] shadow-[var(--aui-button-danger-shadow,0_10px_24px_rgba(239,68,68,0.16))] hover:border-[color:color-mix(in_oklch,var(--destructive),black_16%)] hover:bg-[color:color-mix(in_oklch,var(--destructive),white_6%)]`,warning:`border-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_52%)] bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_78%)] text-[color:var(--aui-warning-foreground,var(--foreground))] shadow-none hover:bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_70%)]`,link:`rounded-none border-transparent bg-transparent p-0 text-primary shadow-none underline-offset-4 hover:bg-transparent hover:text-[color:color-mix(in_oklch,var(--primary),black_10%)]`},size:{default:`h-9 gap-1.5 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,xs:`h-7 gap-1 rounded-[var(--radius-sm)] px-2.5 text-xs in-data-[slot=button-group]:rounded-[var(--radius-sm)] has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3`,sm:`h-8 gap-1 rounded-[var(--radius-md)] px-3.5 text-[0.82rem] in-data-[slot=button-group]:rounded-[var(--radius-md)] has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 [&_svg:not([class*='size-'])]:size-3.5`,md:`h-9 gap-1.5 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,lg:`h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,xl:`h-11 gap-2 px-5 text-base has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4`,icon:`size-9`,"icon-xs":`size-7 rounded-[var(--radius-sm)] in-data-[slot=button-group]:rounded-[var(--radius-sm)] [&_svg:not([class*='size-'])]:size-3`,"icon-sm":`size-8 rounded-[var(--radius-md)] in-data-[slot=button-group]:rounded-[var(--radius-md)]`,"icon-lg":`size-10`}},defaultVariants:{variant:`default`,size:`default`}});function s({className:e,variant:n=`default`,size:i=`default`,disabled:s,loading:c=!1,loadingLabel:l=`Loading`,leftIcon:u,rightIcon:d,children:f,...p}){return(0,a.jsxs)(r.Button,{"data-slot":`button`,"data-variant":n??`default`,"data-size":i??`default`,"data-loading":c||void 0,disabled:s||c,"aria-busy":c||void 0,className:t.cn(o({variant:n,size:i,className:e})),...p,children:[c?(0,a.jsx)(`span`,{"data-slot":`button-spinner`,"aria-hidden":`true`,className:`size-4 animate-spin rounded-full border-2 border-current border-t-transparent opacity-80`}):u?(0,a.jsx)(`span`,{"data-icon":`inline-start`,"data-slot":`button-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:u}):null,f?(0,a.jsx)(`span`,{"data-slot":`button-label`,children:c?l:f}):null,!c&&d?(0,a.jsx)(`span`,{"data-icon":`inline-end`,"data-slot":`button-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:d}):null]})}exports.Button=s,exports.buttonVariants=o;
+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("@base-ui/react/button"),i=require("class-variance-authority"),a=require("react/jsx-runtime");var o=(0,i.cva)(`group/button inline-flex shrink-0 items-center justify-center rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] bg-clip-padding text-sm font-semibold text-foreground whitespace-nowrap shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))] transition-[transform,background-color,border-color,color,box-shadow,opacity] outline-none select-none hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--muted))] focus-visible:ring-0 focus-visible:shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)] active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:cursor-not-allowed disabled:translate-y-0 disabled:border-[color:color-mix(in_oklch,var(--border),transparent_24%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:shadow-none disabled:opacity-100 aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:translate-y-0 aria-disabled:opacity-100 aria-invalid:border-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,{variants:{variant:{default:`border-[color:color-mix(in_oklch,var(--primary),black_10%)] bg-primary text-primary-foreground shadow-[var(--aui-button-primary-shadow,0_10px_24px_rgba(16,185,129,0.18))] hover:border-[color:color-mix(in_oklch,var(--primary),black_18%)] hover:bg-[color:color-mix(in_oklch,var(--primary),white_8%)] hover:text-primary-foreground`,outline:`bg-[color:var(--aui-control-surface,var(--background))] text-foreground shadow-none`,secondary:`border-[color:color-mix(in_oklch,var(--border),var(--foreground)_6%)] bg-secondary text-secondary-foreground shadow-none`,ghost:`border-transparent bg-transparent shadow-none`,destructive:`border-[color:color-mix(in_oklch,var(--destructive),black_8%)] bg-destructive text-[color:var(--aui-danger-foreground,var(--primary-foreground))] shadow-[var(--aui-button-danger-shadow,0_10px_24px_rgba(239,68,68,0.16))] hover:border-[color:color-mix(in_oklch,var(--destructive),black_16%)] hover:bg-[color:color-mix(in_oklch,var(--destructive),white_6%)]`,warning:`border-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_52%)] bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_78%)] text-[color:var(--aui-warning-foreground,var(--foreground))] shadow-none hover:bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_70%)]`,link:`rounded-none border-transparent bg-transparent p-0 text-primary shadow-none underline-offset-4 hover:bg-transparent hover:text-[color:color-mix(in_oklch,var(--primary),black_10%)]`},size:{default:`h-9 gap-1.5 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,xs:`h-7 gap-1 rounded-[var(--radius-sm)] px-2.5 text-xs in-data-[slot=button-group]:rounded-[var(--radius-sm)] has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3`,sm:`h-8 gap-1 rounded-[var(--radius-md)] px-3.5 text-[0.82rem] in-data-[slot=button-group]:rounded-[var(--radius-md)] has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 [&_svg:not([class*='size-'])]:size-3.5`,md:`h-9 gap-1.5 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,lg:`h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,xl:`h-11 gap-2 px-5 text-base has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4`,icon:`size-9`,"icon-xs":`size-7 rounded-[var(--radius-sm)] in-data-[slot=button-group]:rounded-[var(--radius-sm)] [&_svg:not([class*='size-'])]:size-3`,"icon-sm":`size-8 rounded-[var(--radius-md)] in-data-[slot=button-group]:rounded-[var(--radius-md)]`,"icon-lg":`size-10`}},defaultVariants:{variant:`default`,size:`default`}});function s({className:e,variant:n=`default`,size:i=`default`,disabled:s,loading:c=!1,loadingLabel:l=`Loading`,leftIcon:u,rightIcon:d,fullWidth:f=!1,pressed:p=!1,children:m,...h}){return(0,a.jsxs)(r.Button,{"data-slot":`button`,"data-variant":n??`default`,"data-size":i??`default`,"data-loading":c||void 0,"data-pressed":p||void 0,disabled:s||c,"aria-busy":c||void 0,"aria-pressed":p||void 0,className:t.cn(o({variant:n,size:i,className:e}),f&&`w-full`,p&&`shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring))]`),...h,children:[c?(0,a.jsx)(`span`,{"data-slot":`button-spinner`,"aria-hidden":`true`,className:`size-4 animate-spin rounded-full border-2 border-current border-t-transparent opacity-80`}):u?(0,a.jsx)(`span`,{"data-icon":`inline-start`,"data-slot":`button-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:u}):null,m?(0,a.jsx)(`span`,{"data-slot":`button-label`,children:c?l:m}):null,!c&&d?(0,a.jsx)(`span`,{"data-icon":`inline-end`,"data-slot":`button-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:d}):null]})}exports.Button=s,exports.buttonVariants=o;

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

@@ -10,6 +10,8 @@ export type ButtonProps = ButtonPrimitive.Props & VariantProps<typeof buttonVari
     loadingLabel?: string;
     leftIcon?: React.ReactNode;
     rightIcon?: React.ReactNode;
+    fullWidth?: boolean;
+    pressed?: boolean;
 };
-declare function Button({ className, variant, size, disabled, loading, loadingLabel, leftIcon, rightIcon, children, ...props }: ButtonProps): React.JSX.Element;
+declare function Button({ className, variant, size, disabled, loading, loadingLabel, leftIcon, rightIcon, fullWidth, pressed, children, ...props }: ButtonProps): React.JSX.Element;
 export { Button, buttonVariants };

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

@@ -33,20 +33,22 @@ var a = n("group/button inline-flex shrink-0 items-center justify-center rounded
 		size: "default"
 	}
 });
-function o({ className: n, variant: o = "default", size: s = "default", disabled: c, loading: l = !1, loadingLabel: u = "Loading", leftIcon: d, rightIcon: f, children: p, ...m }) {
+function o({ className: n, variant: o = "default", size: s = "default", disabled: c, loading: l = !1, loadingLabel: u = "Loading", leftIcon: d, rightIcon: f, fullWidth: p = !1, pressed: m = !1, children: h, ...g }) {
 	return /* @__PURE__ */ i(t, {
 		"data-slot": "button",
 		"data-variant": o ?? "default",
 		"data-size": s ?? "default",
 		"data-loading": l || void 0,
+		"data-pressed": m || void 0,
 		disabled: c || l,
 		"aria-busy": l || void 0,
+		"aria-pressed": m || void 0,
 		className: e(a({
 			variant: o,
 			size: s,
 			className: n
-		})),
-		...m,
+		}), p && "w-full", m && "shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring))]"),
+		...g,
 		children: [
 			l ? /* @__PURE__ */ r("span", {
 				"data-slot": "button-spinner",
@@ -58,9 +60,9 @@ function o({ className: n, variant: o = "default", size: s = "default", disabled
 				className: "inline-flex shrink-0 items-center justify-center",
 				children: d
 			}) : null,
-			p ? /* @__PURE__ */ r("span", {
+			h ? /* @__PURE__ */ r("span", {
 				"data-slot": "button-label",
-				children: l ? u : p
+				children: l ? u : h
 			}) : null,
 			!l && f ? /* @__PURE__ */ r("span", {
 				"data-icon": "inline-end",