tembro 2.0.3 → 2.0.5

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

@@ -4,5 +4,4 @@ export * from "./page-container";
 export * from "./section";
 export * from "./section-header";
 export * from "./sidebar-nav";
-export * from "./stack";
 export * from "./sticky-footer-bar";

package/dist/components/layout/public.js

@@ -4,6 +4,5 @@ import { PageContainer as r } from "./page-container.js";
 import { Section as i, SplitLayout as a, Toolbar as o } from "./section.js";
 import { SectionHeader as s } from "./section-header.js";
 import { SidebarNav as c } from "./sidebar-nav.js";
-import { Grid as l, Inline as u, Stack as d } from "./stack.js";
-import { StickyFooterBar as f } from "./sticky-footer-bar.js";
-export { e as AppSidebar, n as Breadcrumbs, l as Grid, u as Inline, r as PageContainer, i as Section, s as SectionHeader, t as Sidebar, c as SidebarNav, a as SplitLayout, d as Stack, f as StickyFooterBar, o as Toolbar };
+import { StickyFooterBar as l } from "./sticky-footer-bar.js";
+export { e as AppSidebar, n as Breadcrumbs, r as PageContainer, i as Section, s as SectionHeader, t as Sidebar, c as SidebarNav, a as SplitLayout, l as StickyFooterBar, o as Toolbar };

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/modern/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../display/aspect-ratio.cjs"),t=require("../display/carousel.cjs"),n=require("../display/float-button.cjs"),r=require("../display/qr-code.cjs"),i=require("../display/tag.cjs"),a=require("../display/typography.cjs"),o=require("../display/watermark.cjs"),s=require("./affix.cjs"),c=require("./calendar-scheduler.cjs"),l=require("./dual-list-picker.cjs"),u=require("./menubar.cjs"),d=require("./navigation-menu.cjs"),f=require("./resizable-panel.cjs"),p=require("./rich-text-editor.cjs"),m=require("./tour.cjs");exports.Affix=s.Affix,exports.AspectRatio=e.AspectRatio,exports.Blockquote=a.Blockquote,exports.CalendarScheduler=c.CalendarScheduler,exports.Carousel=t.Carousel,exports.CarouselItem=t.CarouselItem,exports.Chip=i.Chip,exports.DualListPicker=l.DualListPicker,exports.FloatButton=n.FloatButton,exports.Heading=a.Heading,exports.Mark=a.Mark,exports.Menubar=u.Menubar,exports.MenubarContent=u.MenubarContent,exports.MenubarItem=u.MenubarItem,exports.MenubarMenu=u.MenubarMenu,exports.MenubarTrigger=u.MenubarTrigger,exports.NavigationMenu=d.NavigationMenu,exports.NavigationMenuItem=d.NavigationMenuItem,exports.NavigationMenuLink=d.NavigationMenuLink,exports.NavigationMenuList=d.NavigationMenuList,exports.QRCode=r.QRCode,exports.QRCodeSvg=r.QRCodeSvg,exports.ResizableHandle=f.ResizableHandle,exports.ResizablePanel=f.ResizablePanel,exports.ResizablePanelGroup=f.ResizablePanelGroup,exports.RichTextEditor=p.RichTextEditor,exports.Spoiler=a.Spoiler,exports.SpoilerSummary=a.SpoilerSummary,exports.Tag=i.Tag,exports.TagGroup=i.TagGroup,exports.Text=a.Text,exports.Tour=m.Tour,exports.Watermark=o.Watermark;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../display/carousel.cjs"),t=require("../display/qr-code.cjs"),n=require("../display/tag.cjs"),r=require("../display/typography.cjs"),i=require("./calendar-scheduler.cjs"),a=require("./dual-list-picker.cjs"),o=require("./menubar.cjs"),s=require("./navigation-menu.cjs"),c=require("./resizable-panel.cjs"),l=require("./rich-text-editor.cjs"),u=require("./tour.cjs");exports.Blockquote=r.Blockquote,exports.CalendarScheduler=i.CalendarScheduler,exports.Carousel=e.Carousel,exports.CarouselItem=e.CarouselItem,exports.Chip=n.Chip,exports.DualListPicker=a.DualListPicker,exports.Heading=r.Heading,exports.Mark=r.Mark,exports.Menubar=o.Menubar,exports.MenubarContent=o.MenubarContent,exports.MenubarItem=o.MenubarItem,exports.MenubarMenu=o.MenubarMenu,exports.MenubarTrigger=o.MenubarTrigger,exports.NavigationMenu=s.NavigationMenu,exports.NavigationMenuItem=s.NavigationMenuItem,exports.NavigationMenuLink=s.NavigationMenuLink,exports.NavigationMenuList=s.NavigationMenuList,exports.QRCode=t.QRCode,exports.QRCodeSvg=t.QRCodeSvg,exports.ResizableHandle=c.ResizableHandle,exports.ResizablePanel=c.ResizablePanel,exports.ResizablePanelGroup=c.ResizablePanelGroup,exports.RichTextEditor=l.RichTextEditor,exports.Spoiler=r.Spoiler,exports.SpoilerSummary=r.SpoilerSummary,exports.Tag=n.Tag,exports.TagGroup=n.TagGroup,exports.Text=r.Text,exports.Tour=u.Tour;

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

@@ -1,11 +1,7 @@
-export * from "../display/aspect-ratio";
 export * from "../display/carousel";
-export * from "../display/float-button";
 export * from "../display/qr-code";
 export * from "../display/tag";
 export * from "../display/typography";
-export * from "../display/watermark";
-export * from "./affix";
 export * from "./calendar-scheduler";
 export * from "./dual-list-picker";
 export * from "./menubar";

package/dist/components/modern/index.js

@@ -1,16 +1,12 @@
-import { AspectRatio as e } from "../display/aspect-ratio.js";
-import { Carousel as t, CarouselItem as n } from "../display/carousel.js";
-import { FloatButton as r } from "../display/float-button.js";
-import { QRCode as i, QRCodeSvg as a } from "../display/qr-code.js";
-import { Chip as o, Tag as s, TagGroup as c } from "../display/tag.js";
-import { Blockquote as l, Heading as u, Mark as d, Spoiler as f, SpoilerSummary as p, Text as m } from "../display/typography.js";
-import { Watermark as h } from "../display/watermark.js";
-import { Affix as g } from "./affix.js";
-import { CalendarScheduler as _ } from "./calendar-scheduler.js";
-import { DualListPicker as v } from "./dual-list-picker.js";
-import { Menubar as y, MenubarContent as b, MenubarItem as x, MenubarMenu as S, MenubarTrigger as C } from "./menubar.js";
-import { NavigationMenu as w, NavigationMenuItem as T, NavigationMenuLink as E, NavigationMenuList as D } from "./navigation-menu.js";
-import { ResizableHandle as O, ResizablePanel as k, ResizablePanelGroup as A } from "./resizable-panel.js";
-import { RichTextEditor as j } from "./rich-text-editor.js";
-import { Tour as M } from "./tour.js";
-export { g as Affix, e as AspectRatio, l as Blockquote, _ as CalendarScheduler, t as Carousel, n as CarouselItem, o as Chip, v as DualListPicker, r as FloatButton, u as Heading, d as Mark, y as Menubar, b as MenubarContent, x as MenubarItem, S as MenubarMenu, C as MenubarTrigger, w as NavigationMenu, T as NavigationMenuItem, E as NavigationMenuLink, D as NavigationMenuList, i as QRCode, a as QRCodeSvg, O as ResizableHandle, k as ResizablePanel, A as ResizablePanelGroup, j as RichTextEditor, f as Spoiler, p as SpoilerSummary, s as Tag, c as TagGroup, m as Text, M as Tour, h as Watermark };
+import { Carousel as e, CarouselItem as t } from "../display/carousel.js";
+import { QRCode as n, QRCodeSvg as r } from "../display/qr-code.js";
+import { Chip as i, Tag as a, TagGroup as o } from "../display/tag.js";
+import { Blockquote as s, Heading as c, Mark as l, Spoiler as u, SpoilerSummary as d, Text as f } from "../display/typography.js";
+import { CalendarScheduler as p } from "./calendar-scheduler.js";
+import { DualListPicker as m } from "./dual-list-picker.js";
+import { Menubar as h, MenubarContent as g, MenubarItem as _, MenubarMenu as v, MenubarTrigger as y } from "./menubar.js";
+import { NavigationMenu as b, NavigationMenuItem as x, NavigationMenuLink as S, NavigationMenuList as C } from "./navigation-menu.js";
+import { ResizableHandle as w, ResizablePanel as T, ResizablePanelGroup as E } from "./resizable-panel.js";
+import { RichTextEditor as D } from "./rich-text-editor.js";
+import { Tour as O } from "./tour.js";
+export { s as Blockquote, p as CalendarScheduler, e as Carousel, t as CarouselItem, i as Chip, m as DualListPicker, c as Heading, l as Mark, h as Menubar, g as MenubarContent, _ as MenubarItem, v as MenubarMenu, y as MenubarTrigger, b as NavigationMenu, x as NavigationMenuItem, S as NavigationMenuLink, C as NavigationMenuList, n as QRCode, r as QRCodeSvg, w as ResizableHandle, T as ResizablePanel, E as ResizablePanelGroup, D as RichTextEditor, u as Spoiler, d as SpoilerSummary, a as Tag, o as TagGroup, f as Text, O as Tour };

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 };