tembro 2.1.13 → 3.1.1

package/dist/src/components/overlay/demo.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`dialog-actions`,`DialogActions`,`overlay`,`Modal footer action row with cancel, secondary and primary actions.`),e.component(`alert-dialog`,`AlertDialog`,`overlay`,`Destructive confirmation dialog with loading-ready action states.`),e.component(`drawer`,`Drawer`,`overlay`,`Side panel for contextual details without leaving the page.`)]);exports.overlayShowcaseDemoRegistry=t;

package/dist/src/components/overlay/demo.js

@@ -0,0 +1,9 @@
+import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
+//#region src/components/overlay/demo.tsx
+var n = t([
+	e("dialog-actions", "DialogActions", "overlay", "Modal footer action row with cancel, secondary and primary actions."),
+	e("alert-dialog", "AlertDialog", "overlay", "Destructive confirmation dialog with loading-ready action states."),
+	e("drawer", "Drawer", "overlay", "Side panel for contextual details without leaving the page.")
+]);
+//#endregion
+export { n as overlayShowcaseDemoRegistry };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");var o={start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`};function s({children:e,disabled:t,isLoading:r=!1,loadingLabel:o,className:s,...c}){return(0,a.jsxs)(n.Button,{className:s,disabled:t||r,"aria-busy":r||void 0,...c,children:[r&&(0,a.jsx)(i.Loader2Icon,{"data-icon":`inline-start`,className:`animate-spin`}),r&&o?o:e]})}function c({className:e,align:n=`end`,stackOnMobile:r=!0,...i}){return(0,a.jsx)(`div`,{"data-slot":`dialog-actions`,className:t.cn(`flex items-center gap-2`,r&&`flex-col-reverse sm:flex-row`,!r&&`flex-row`,o[n],e),...i})}exports.DialogActionButton=s,exports.DialogActions=c;

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

@@ -0,0 +1,33 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import "react";
+import { Loader2Icon as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/overlay/dialog-actions.tsx
+var a = {
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end",
+	between: "justify-between"
+};
+function o({ children: e, disabled: a, isLoading: o = !1, loadingLabel: s, className: c, ...l }) {
+	return /* @__PURE__ */ i(t, {
+		className: c,
+		disabled: a || o,
+		"aria-busy": o || void 0,
+		...l,
+		children: [o && /* @__PURE__ */ r(n, {
+			"data-icon": "inline-start",
+			className: "animate-spin"
+		}), o && s ? s : e]
+	});
+}
+function s({ className: t, align: n = "end", stackOnMobile: i = !0, ...o }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "dialog-actions",
+		className: e("flex items-center gap-2", i && "flex-col-reverse sm:flex-row", !i && "flex-row", a[n], t),
+		...o
+	});
+}
+//#endregion
+export { o as DialogActionButton, s as DialogActions };

package/dist/src/components/overlay/drawer.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),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 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`,left:`left-0 top-0 h-dvh max-h-dvh w-full 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`,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`},s={sm:`sm:max-w-sm`,md:`sm:max-w-md`,lg:`sm:max-w-lg`,xl:`sm:max-w-2xl`,full:`max-w-none sm:max-w-[min(100vw,72rem)]`};function c({trigger:e,title:n,description:i,side:c=`right`,width:l=`lg`,footer:u,headerClassName:d,bodyClassName:f,footerClassName:p,contentClassName:m,showCloseButton:h=!0,children:g,..._}){return(0,a.jsxs)(r.Dialog,{..._,children:[e?(0,a.jsx)(r.DialogTrigger,{render:e}):null,(0,a.jsxs)(r.DialogContent,{size:`full`,showCloseButton:h,"data-side":c,"data-width":l,className:t.cn(`fixed grid grid-rows-[auto_minmax(0,1fr)_auto] gap-0 overscroll-contain p-0`,o[c],(c===`left`||c===`right`)&&s[l],m),children:[(n||i)&&(0,a.jsxs)(r.DialogHeader,{className:t.cn(`border-b border-border/70 p-6`,d),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`,f),children:g}),u?(0,a.jsx)(`div`,{"data-slot":`drawer-footer`,className:t.cn(`border-t border-border/70 p-5`,p),children:u}):null]})]})}function l({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=c,exports.DrawerCloseButton=l;

package/dist/src/components/overlay/drawer.js

@@ -0,0 +1,58 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import { Dialog as n, DialogClose as r, DialogContent as i, DialogDescription as a, DialogHeader as o, DialogTitle as s, DialogTrigger as c } from "../ui/dialog/index.js";
+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 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",
+	left: "left-0 top-0 h-dvh max-h-dvh w-full 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",
+	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"
+}, f = {
+	sm: "sm:max-w-sm",
+	md: "sm:max-w-md",
+	lg: "sm:max-w-lg",
+	xl: "sm:max-w-2xl",
+	full: "max-w-none sm:max-w-[min(100vw,72rem)]"
+};
+function p({ trigger: t, title: r, description: p, side: m = "right", width: h = "lg", footer: g, headerClassName: _, bodyClassName: v, footerClassName: y, contentClassName: b, showCloseButton: x = !0, children: S, ...C }) {
+	return /* @__PURE__ */ u(n, {
+		...C,
+		children: [t ? /* @__PURE__ */ l(c, { render: t }) : null, /* @__PURE__ */ u(i, {
+			size: "full",
+			showCloseButton: x,
+			"data-side": m,
+			"data-width": h,
+			className: e("fixed grid grid-rows-[auto_minmax(0,1fr)_auto] gap-0 overscroll-contain p-0", d[m], (m === "left" || m === "right") && f[h], b),
+			children: [
+				(r || p) && /* @__PURE__ */ u(o, {
+					className: e("border-b border-border/70 p-6", _),
+					children: [r ? /* @__PURE__ */ l(s, { children: r }) : null, p ? /* @__PURE__ */ l(a, { children: p }) : null]
+				}),
+				/* @__PURE__ */ l("div", {
+					"data-slot": "drawer-body",
+					className: e("min-h-0 flex-1 overflow-y-auto p-6", v),
+					children: S
+				}),
+				g ? /* @__PURE__ */ l("div", {
+					"data-slot": "drawer-footer",
+					className: e("border-t border-border/70 p-5", y),
+					children: g
+				}) : null
+			]
+		})]
+	});
+}
+function m({ children: e = "Close", ...n }) {
+	return /* @__PURE__ */ l(r, {
+		render: /* @__PURE__ */ l(t, {
+			type: "button",
+			variant: "outline",
+			...n
+		}),
+		children: e
+	});
+}
+//#endregion
+export { p as Drawer, m as DrawerCloseButton };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./alert-dialog.cjs"),t=require("./dialog-actions.cjs"),n=require("./modal-shell.cjs"),r=require("./confirm-dialog.cjs"),i=require("./drawer.cjs"),a=require("./sheet-shell.cjs");exports.AlertDialog=e.AlertDialog,exports.ConfirmDialog=r.ConfirmDialog,exports.DialogActionButton=t.DialogActionButton,exports.DialogActions=t.DialogActions,exports.Drawer=i.Drawer,exports.DrawerCloseButton=i.DrawerCloseButton,exports.ModalShell=n.ModalShell,exports.Sheet=a.Sheet,exports.SheetClose=a.SheetClose,exports.SheetContent=a.SheetContent,exports.SheetDescription=a.SheetDescription,exports.SheetFooter=a.SheetFooter,exports.SheetHeader=a.SheetHeader,exports.SheetOverlay=a.SheetOverlay,exports.SheetPortal=a.SheetPortal,exports.SheetShell=a.SheetShell,exports.SheetTitle=a.SheetTitle,exports.SheetTrigger=a.SheetTrigger;

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

@@ -0,0 +1,7 @@
+import { AlertDialog as e } from "./alert-dialog.js";
+import { DialogActionButton as t, DialogActions as n } from "./dialog-actions.js";
+import { ModalShell as r } from "./modal-shell.js";
+import { ConfirmDialog as i } from "./confirm-dialog.js";
+import { Drawer as a, DrawerCloseButton as o } from "./drawer.js";
+import { Sheet as s, SheetClose as c, SheetContent as l, SheetDescription as u, SheetFooter as d, SheetHeader as f, SheetOverlay as p, SheetPortal as m, SheetShell as h, SheetTitle as g, SheetTrigger as _ } from "./sheet-shell.js";
+export { e as AlertDialog, i as ConfirmDialog, t as DialogActionButton, n as DialogActions, a as Drawer, o as DrawerCloseButton, r as ModalShell, s as Sheet, c as SheetClose, l as SheetContent, u as SheetDescription, d as SheetFooter, f as SheetHeader, p as SheetOverlay, m as SheetPortal, h as SheetShell, g as SheetTitle, _ as SheetTrigger };

package/dist/src/components/overlay/modal-shell.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/dialog/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={sm:`sm:max-w-sm`,md:`sm:max-w-lg`,lg:`sm:max-w-2xl`,xl:`sm:max-w-4xl`,full:`sm:max-w-[calc(100vw-2rem)] sm:h-[calc(100vh-2rem)]`};function o(e){return e?r.isValidElement(e)?(0,i.jsx)(n.DialogTrigger,{render:e}):(0,i.jsx)(n.DialogTrigger,{children:e}):null}function s({open:e,defaultOpen:r,onOpenChange:s,trigger:c,title:l,description:u,children:d,footer:f,size:p=`md`,showCloseButton:m=!0,contentClassName:h,headerClassName:g,bodyClassName:_}){let v=!!(l||u);return(0,i.jsxs)(n.Dialog,{open:e,defaultOpen:r,onOpenChange:s,children:[o(c),(0,i.jsxs)(n.DialogContent,{showCloseButton:m,className:t.cn(a[p],h),children:[v&&(0,i.jsxs)(n.DialogHeader,{className:g,children:[l&&(0,i.jsx)(n.DialogTitle,{children:l}),u&&(0,i.jsx)(n.DialogDescription,{children:u})]}),d&&(0,i.jsx)(`div`,{"data-slot":`modal-shell-body`,className:t.cn(`min-w-0`,_),children:d}),f&&(0,i.jsx)(`div`,{"data-slot":`modal-shell-footer`,children:f})]})]})}exports.ModalShell=s;

package/dist/src/components/overlay/modal-shell.js

@@ -0,0 +1,44 @@
+import { cn as e } from "../../lib/utils.js";
+import { Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a, DialogTrigger as o } from "../ui/dialog/index.js";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/overlay/modal-shell.tsx
+var u = {
+	sm: "sm:max-w-sm",
+	md: "sm:max-w-lg",
+	lg: "sm:max-w-2xl",
+	xl: "sm:max-w-4xl",
+	full: "sm:max-w-[calc(100vw-2rem)] sm:h-[calc(100vh-2rem)]"
+};
+function d(e) {
+	return e ? s.isValidElement(e) ? /* @__PURE__ */ c(o, { render: e }) : /* @__PURE__ */ c(o, { children: e }) : null;
+}
+function f({ open: o, defaultOpen: s, onOpenChange: f, trigger: p, title: m, description: h, children: g, footer: _, size: v = "md", showCloseButton: y = !0, contentClassName: b, headerClassName: x, bodyClassName: S }) {
+	let C = !!(m || h);
+	return /* @__PURE__ */ l(t, {
+		open: o,
+		defaultOpen: s,
+		onOpenChange: f,
+		children: [d(p), /* @__PURE__ */ l(n, {
+			showCloseButton: y,
+			className: e(u[v], b),
+			children: [
+				C && /* @__PURE__ */ l(i, {
+					className: x,
+					children: [m && /* @__PURE__ */ c(a, { children: m }), h && /* @__PURE__ */ c(r, { children: h })]
+				}),
+				g && /* @__PURE__ */ c("div", {
+					"data-slot": "modal-shell-body",
+					className: e("min-w-0", S),
+					children: g
+				}),
+				_ && /* @__PURE__ */ c("div", {
+					"data-slot": "modal-shell-footer",
+					children: _
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { f as ModalShell };

package/dist/src/components/overlay/sheet-shell.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("@base-ui/react/dialog");var s=o.Dialog.Root;function c({...e}){return(0,a.jsx)(o.Dialog.Trigger,{"data-slot":`sheet-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.Dialog.Portal,{"data-slot":`sheet-portal`,...e})}function u({...e}){return(0,a.jsx)(o.Dialog.Close,{"data-slot":`sheet-close`,...e})}function d({className:e,...n}){return(0,a.jsx)(o.Dialog.Backdrop,{"data-slot":`sheet-overlay`,className:t.cn(`fixed inset-0 z-50 bg-foreground/12 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...n})}var f={top:`inset-x-0 top-0 max-h-[85vh] rounded-b-xl border-b data-open:slide-in-from-top data-closed:slide-out-to-top`,right:`inset-y-0 right-0 h-full w-3/4 max-w-sm border-l data-open:slide-in-from-right data-closed:slide-out-to-right sm:max-w-md`,bottom:`inset-x-0 bottom-0 max-h-[85vh] rounded-t-xl border-t data-open:slide-in-from-bottom data-closed:slide-out-to-bottom`,left:`inset-y-0 left-0 h-full w-3/4 max-w-sm border-r data-open:slide-in-from-left data-closed:slide-out-to-left sm:max-w-md`};function p({className:e,children:r,side:s=`right`,showCloseButton:c=!0,...p}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(d,{}),(0,a.jsxs)(o.Dialog.Popup,{"data-slot":`sheet-content`,className:t.cn(`fixed z-50 flex flex-col gap-4 bg-background p-4 text-foreground shadow-xl outline-none duration-200 data-open:animate-in data-closed:animate-out`,f[s],e),...p,children:[r,c&&(0,a.jsxs)(u,{render:(0,a.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,className:`absolute right-3 top-3`}),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function m({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`sheet-header`,className:t.cn(`flex flex-col gap-2 pr-8`,e),...n})}function h({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`sheet-footer`,className:t.cn(`mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...n})}function g({className:e,...n}){return(0,a.jsx)(o.Dialog.Title,{"data-slot":`sheet-title`,className:t.cn(`font-heading text-base font-medium leading-none`,e),...n})}function _({className:e,...n}){return(0,a.jsx)(o.Dialog.Description,{"data-slot":`sheet-description`,className:t.cn(`text-sm text-muted-foreground`,e),...n})}function v(e){return e?r.isValidElement(e)?(0,a.jsx)(c,{render:e}):(0,a.jsx)(c,{children:e}):null}function y({open:e,defaultOpen:n,onOpenChange:r,trigger:i,title:o,description:c,children:l,footer:u,side:d=`right`,showCloseButton:f=!0,contentClassName:y,headerClassName:b,bodyClassName:x}){let S=!!(o||c);return(0,a.jsxs)(s,{open:e,defaultOpen:n,onOpenChange:r,children:[v(i),(0,a.jsxs)(p,{side:d,showCloseButton:f,className:y,children:[S&&(0,a.jsxs)(m,{className:b,children:[o&&(0,a.jsx)(g,{children:o}),c&&(0,a.jsx)(_,{children:c})]}),l&&(0,a.jsx)(`div`,{"data-slot":`sheet-shell-body`,className:t.cn(`min-w-0 flex-1`,x),children:l}),u&&(0,a.jsx)(h,{children:u})]})]})}exports.Sheet=s,exports.SheetClose=u,exports.SheetContent=p,exports.SheetDescription=_,exports.SheetFooter=h,exports.SheetHeader=m,exports.SheetOverlay=d,exports.SheetPortal=l,exports.SheetShell=y,exports.SheetTitle=g,exports.SheetTrigger=c;

package/dist/src/components/overlay/sheet-shell.js

@@ -0,0 +1,116 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import * as n from "react";
+import { XIcon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Dialog as o } from "@base-ui/react/dialog";
+//#region src/components/overlay/sheet-shell.tsx
+var s = o.Root;
+function c({ ...e }) {
+	return /* @__PURE__ */ i(o.Trigger, {
+		"data-slot": "sheet-trigger",
+		...e
+	});
+}
+function l({ ...e }) {
+	return /* @__PURE__ */ i(o.Portal, {
+		"data-slot": "sheet-portal",
+		...e
+	});
+}
+function u({ ...e }) {
+	return /* @__PURE__ */ i(o.Close, {
+		"data-slot": "sheet-close",
+		...e
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Backdrop, {
+		"data-slot": "sheet-overlay",
+		className: e("fixed inset-0 z-50 bg-foreground/12 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", t),
+		...n
+	});
+}
+var f = {
+	top: "inset-x-0 top-0 max-h-[85vh] rounded-b-xl border-b data-open:slide-in-from-top data-closed:slide-out-to-top",
+	right: "inset-y-0 right-0 h-full w-3/4 max-w-sm border-l data-open:slide-in-from-right data-closed:slide-out-to-right sm:max-w-md",
+	bottom: "inset-x-0 bottom-0 max-h-[85vh] rounded-t-xl border-t data-open:slide-in-from-bottom data-closed:slide-out-to-bottom",
+	left: "inset-y-0 left-0 h-full w-3/4 max-w-sm border-r data-open:slide-in-from-left data-closed:slide-out-to-left sm:max-w-md"
+};
+function p({ className: n, children: s, side: c = "right", showCloseButton: p = !0, ...m }) {
+	return /* @__PURE__ */ a(l, { children: [/* @__PURE__ */ i(d, {}), /* @__PURE__ */ a(o.Popup, {
+		"data-slot": "sheet-content",
+		className: e("fixed z-50 flex flex-col gap-4 bg-background p-4 text-foreground shadow-xl outline-none duration-200 data-open:animate-in data-closed:animate-out", f[c], n),
+		...m,
+		children: [s, p && /* @__PURE__ */ a(u, {
+			render: /* @__PURE__ */ i(t, {
+				type: "button",
+				variant: "ghost",
+				size: "icon-sm",
+				className: "absolute right-3 top-3"
+			}),
+			children: [/* @__PURE__ */ i(r, {}), /* @__PURE__ */ i("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "sheet-header",
+		className: e("flex flex-col gap-2 pr-8", t),
+		...n
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "sheet-footer",
+		className: e("mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t),
+		...n
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Title, {
+		"data-slot": "sheet-title",
+		className: e("font-heading text-base font-medium leading-none", t),
+		...n
+	});
+}
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Description, {
+		"data-slot": "sheet-description",
+		className: e("text-sm text-muted-foreground", t),
+		...n
+	});
+}
+function v(e) {
+	return e ? n.isValidElement(e) ? /* @__PURE__ */ i(c, { render: e }) : /* @__PURE__ */ i(c, { children: e }) : null;
+}
+function y({ open: t, defaultOpen: n, onOpenChange: r, trigger: o, title: c, description: l, children: u, footer: d, side: f = "right", showCloseButton: y = !0, contentClassName: b, headerClassName: x, bodyClassName: S }) {
+	let C = !!(c || l);
+	return /* @__PURE__ */ a(s, {
+		open: t,
+		defaultOpen: n,
+		onOpenChange: r,
+		children: [v(o), /* @__PURE__ */ a(p, {
+			side: f,
+			showCloseButton: y,
+			className: b,
+			children: [
+				C && /* @__PURE__ */ a(m, {
+					className: x,
+					children: [c && /* @__PURE__ */ i(g, { children: c }), l && /* @__PURE__ */ i(_, { children: l })]
+				}),
+				u && /* @__PURE__ */ i("div", {
+					"data-slot": "sheet-shell-body",
+					className: e("min-w-0 flex-1", S),
+					children: u
+				}),
+				d && /* @__PURE__ */ i(h, { children: d })
+			]
+		})]
+	});
+}
+//#endregion
+export { s as Sheet, u as SheetClose, p as SheetContent, _ as SheetDescription, h as SheetFooter, m as SheetHeader, d as SheetOverlay, l as SheetPortal, y as SheetShell, g as SheetTitle, c as SheetTrigger };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`resource-page`,`ResourcePage`,`patterns`,`Full resource index page shell for admin dashboards.`),e.component(`resource-detail-page`,`ResourceDetailPage`,`patterns`,`Detail page shell with title, metadata and sections.`)]);exports.patternsShowcaseDemoRegistry=t;

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

@@ -0,0 +1,5 @@
+import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
+//#region src/components/patterns/demo.tsx
+var n = t([e("resource-page", "ResourcePage", "patterns", "Full resource index page shell for admin dashboards."), e("resource-detail-page", "ResourceDetailPage", "patterns", "Detail page shell with title, metadata and sections.")]);
+//#endregion
+export { n as patternsShowcaseDemoRegistry };

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

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

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

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

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

@@ -0,0 +1 @@
+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/src/components/patterns/index.js

@@ -0,0 +1,3 @@
+import { ResourceDetailPage as e } from "./resource-detail-page.js";
+import { ResourcePage as t, ResourcePageSection as n } from "./resource-page.js";
+export { e as ResourceDetailPage, t as ResourcePage, n as ResourcePageSection };

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

@@ -0,0 +1 @@
+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/src/components/patterns/public.js

@@ -0,0 +1,3 @@
+import { ResourceDetailPage as e } from "./resource-detail-page.js";
+import { ResourcePage as t, ResourcePageSection as n } from "./resource-page.js";
+export { e as ResourceDetailPage, t as ResourcePage, n as ResourcePageSection };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../display/description-list.cjs"),i=require("../layout/page-header.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s={compact:`gap-3`,default:`gap-4`,comfortable:`gap-6`};function c({className:e,title:a,description:c,eyebrow:l,actions:u,breadcrumbs:d,status:f,summary:p,meta:m,sections:h,children:g,aside:_,footer:v,backLabel:y=`Back`,onBack:b,headerProps:x,density:S=`default`,pageHeaderClassName:C,contentClassName:w,asideClassName:T,sectionClassName:E,...D}){let O=h?.filter(e=>!e.hidden)??[],k=!!(a||c||l||u||b);return(0,o.jsxs)(`div`,{"data-slot":`resource-detail-page`,"data-density":S,className:t.cn(`grid min-w-0`,s[S],e),...D,children:[d&&(0,o.jsx)(`div`,{"data-slot":`resource-detail-page-breadcrumbs`,children:d}),k&&(0,o.jsx)(i.PageHeader,{"data-slot":`resource-detail-page-header`,eyebrow:l,title:a,description:c,actions:(0,o.jsxs)(o.Fragment,{children:[b&&(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,onClick:b,children:y}),u]}),className:C,...x}),(f||p||m)&&(0,o.jsxs)(`div`,{"data-slot":`resource-detail-page-summary`,className:`grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto]`,children:[(0,o.jsxs)(`div`,{className:`grid min-w-0 gap-3`,children:[f&&(0,o.jsx)(`div`,{"data-slot":`resource-detail-page-status`,children:f}),p&&(0,o.jsx)(`div`,{"data-slot":`resource-detail-page-summary-content`,children:p})]}),m&&(0,o.jsx)(`div`,{"data-slot":`resource-detail-page-meta`,className:`min-w-0 lg:w-80`,children:m})]}),(0,o.jsxs)(`div`,{"data-slot":`resource-detail-page-content`,className:t.cn(`grid min-w-0 gap-4 xl:grid-cols-[minmax(0,1fr)_20rem]`,w),children:[(0,o.jsxs)(`div`,{"data-slot":`resource-detail-page-main`,className:`grid min-w-0 gap-4`,children:[g,O.map(e=>(0,o.jsxs)(`section`,{"data-slot":`resource-detail-page-section`,className:t.cn(`rounded-xl border bg-card text-card-foreground shadow-sm`,e.className,E),children:[(e.title||e.description||e.actions)&&(0,o.jsxs)(`div`,{className:`flex flex-col gap-3 border-b p-4 sm:flex-row sm:items-start sm:justify-between`,children:[(0,o.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e.title&&(0,o.jsx)(`h2`,{className:`text-base font-semibold leading-none tracking-tight`,children:e.title}),e.description&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.description})]}),e.actions&&(0,o.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:e.actions})]}),(0,o.jsx)(`div`,{className:t.cn(`p-4`,e.bodyClassName),children:e.children??(e.items?(0,o.jsx)(r.DescriptionList,{items:e.items}):null)})]},e.id))]}),_&&(0,o.jsx)(`aside`,{"data-slot":`resource-detail-page-aside`,className:t.cn(`min-w-0`,T),children:_})]}),v&&(0,o.jsx)(`div`,{"data-slot":`resource-detail-page-footer`,children:v})]})}exports.ResourceDetailPage=c;