tembro 3.0.0 → 3.1.1

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

@@ -1,108 +1 @@
-"use client";
-import { Button as e } from "../ui/button/index.js";
-import { Input as t } from "../ui/input/index.js";
-import { Dialog as n, DialogClose as r, DialogContent as i, DialogDescription as a, DialogFooter as o, DialogHeader as s, DialogTitle as c } from "../ui/dialog/index.js";
-import * 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 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 { m as AlertDialog };
+export * from "../../src/components/overlay/alert-dialog.js"

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

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./dialog-actions.cjs"),n=require("./modal-shell.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({cancelText:e=`Cancel`,confirmText:a=`Confirm`,confirmVariant:o=`default`,confirmDisabled:s=!1,cancelDisabled:c=!1,isLoading:l=!1,closeOnConfirm:u=!0,onConfirmError:d,onCancel:f,onConfirm:p,onOpenChange:m,...h}){let[g,_]=r.useState(!1),v=l||g,y=e=>{v&&e===!1||m?.(e)},b=()=>{f?.(),v||m?.(!1)},x=async()=>{if(!(s||v))try{_(!0),await p?.(),u&&m?.(!1)}catch(e){d?.(e)}finally{_(!1)}};return(0,i.jsx)(n.ModalShell,{showCloseButton:!v,onOpenChange:y,footer:(0,i.jsxs)(t.DialogActions,{children:[(0,i.jsx)(t.DialogActionButton,{type:`button`,variant:`outline`,disabled:c||v,onClick:b,children:e}),(0,i.jsx)(t.DialogActionButton,{type:`button`,variant:o,disabled:s||v,isLoading:v,onClick:()=>void x(),children:a})]}),...h})}exports.ConfirmDialog=a;
+module.exports = require("../../src/components/overlay/confirm-dialog.cjs")

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

@@ -1,42 +1 @@
-"use client";
-import { DialogActionButton as e, DialogActions as t } from "./dialog-actions.js";
-import { ModalShell as n } from "./modal-shell.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/overlay/confirm-dialog.tsx
-function o({ cancelText: o = "Cancel", confirmText: s = "Confirm", confirmVariant: c = "default", confirmDisabled: l = !1, cancelDisabled: u = !1, isLoading: d = !1, closeOnConfirm: f = !0, onConfirmError: p, onCancel: m, onConfirm: h, onOpenChange: g, ..._ }) {
-	let [v, y] = r.useState(!1), b = d || v, x = (e) => {
-		b && e === !1 || g?.(e);
-	}, S = () => {
-		m?.(), b || g?.(!1);
-	}, C = async () => {
-		if (!(l || b)) try {
-			y(!0), await h?.(), f && g?.(!1);
-		} catch (e) {
-			p?.(e);
-		} finally {
-			y(!1);
-		}
-	};
-	return /* @__PURE__ */ i(n, {
-		showCloseButton: !b,
-		onOpenChange: x,
-		footer: /* @__PURE__ */ a(t, { children: [/* @__PURE__ */ i(e, {
-			type: "button",
-			variant: "outline",
-			disabled: u || b,
-			onClick: S,
-			children: o
-		}), /* @__PURE__ */ i(e, {
-			type: "button",
-			variant: c,
-			disabled: l || b,
-			isLoading: b,
-			onClick: () => void C(),
-			children: s
-		})] }),
-		..._
-	});
-}
-//#endregion
-export { o as ConfirmDialog };
+export * from "../../src/components/overlay/confirm-dialog.js"

package/dist/components/overlay/demo.cjs

@@ -1 +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;
+module.exports = require("../../src/components/overlay/demo.cjs")

package/dist/components/overlay/demo.js

@@ -1,9 +1 @@
-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 };
+export * from "../../src/components/overlay/demo.js"

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");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;
+module.exports = require("../../src/components/overlay/dialog-actions.cjs")

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

@@ -1,33 +1 @@
-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 };
+export * from "../../src/components/overlay/dialog-actions.js"

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 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;
+module.exports = require("../../src/components/overlay/drawer.cjs")

package/dist/components/overlay/drawer.js

@@ -1,58 +1 @@
-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 };
+export * from "../../src/components/overlay/drawer.js"

package/dist/components/overlay/index.cjs

@@ -1 +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;
+module.exports = require("../../src/components/overlay/index.cjs")

package/dist/components/overlay/index.js

@@ -1,7 +1 @@
-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 };
+export * from "../../src/components/overlay/index.js"

package/dist/components/overlay/modal-shell.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/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;
+module.exports = require("../../src/components/overlay/modal-shell.cjs")

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

@@ -1,44 +1 @@
-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 };
+export * from "../../src/components/overlay/modal-shell.js"

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime"),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;
+module.exports = require("../../src/components/overlay/sheet-shell.cjs")

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

@@ -1,116 +1 @@
-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 };
+export * from "../../src/components/overlay/sheet-shell.js"

package/dist/components/patterns/demo.cjs

@@ -1 +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;
+module.exports = require("../../src/components/patterns/demo.cjs")

package/dist/components/patterns/demo.js

@@ -1,5 +1 @@
-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 };
+export * from "../../src/components/patterns/demo.js"

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

@@ -0,0 +1 @@
+module.exports = require("../../src/components/patterns/form-builder.cjs")

package/dist/components/patterns/form-builder.d.ts

@@ -0,0 +1,105 @@
+import * as React from "react";
+import type { Control, FieldPath, FieldValues } from "react-hook-form";
+import { type FormInputDateVariantProps, type FormInputNumberVariantProps, type FormInputPhoneVariantProps, type FormInputProps } from "@/components/form/form-input";
+import { type FormTextareaProps } from "@/components/form/form-textarea";
+import { type FormSelectAsyncVariantProps, type FormSelectProps } from "@/components/form/form-select";
+import { type FormSwitchProps } from "@/components/form/form-switch";
+import { type FormDateRangeInputProps } from "@/components/form/form-date-range-input";
+export type FormBuilderLayout = "grid" | "stack";
+export type FormBuilderDensity = "compact" | "default" | "comfortable";
+export type FormBuilderFieldRenderContext<TFieldValues extends FieldValues> = {
+    control: Control<TFieldValues>;
+    disabled?: boolean;
+    readOnly?: boolean;
+};
+type BaseFormBuilderField = {
+    id: string;
+    hidden?: boolean;
+    className?: string;
+    colSpan?: 1 | 2 | 3 | 4 | "full";
+};
+export type FormBuilderCustomField<TFieldValues extends FieldValues> = BaseFormBuilderField & {
+    type: "custom";
+    render: (context: FormBuilderFieldRenderContext<TFieldValues>) => React.ReactNode;
+};
+export type FormBuilderInputField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
+    type: "input";
+    props: Omit<FormInputProps<TFieldValues, TName>, "control">;
+};
+export type FormBuilderTextareaField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
+    type: "textarea";
+    props: Omit<FormTextareaProps<TFieldValues, TName>, "control">;
+};
+export type FormBuilderSelectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
+    type: "select";
+    props: Omit<FormSelectProps<TFieldValues, TName>, "control">;
+};
+export type FormBuilderAsyncSelectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
+    type: "async-select";
+    props: Omit<FormSelectAsyncVariantProps<TFieldValues, TName>, "control" | "kind">;
+};
+export type FormBuilderSwitchField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
+    type: "switch";
+    props: Omit<FormSwitchProps<TFieldValues, TName>, "control">;
+};
+export type FormBuilderNumberField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
+    type: "number";
+    props: Omit<FormInputNumberVariantProps<TFieldValues, TName>, "control" | "kind">;
+};
+export type FormBuilderPhoneField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
+    type: "phone";
+    props: Omit<FormInputPhoneVariantProps<TFieldValues, TName>, "control" | "kind">;
+};
+export type FormBuilderDateField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
+    type: "date";
+    props: Omit<FormInputDateVariantProps<TFieldValues, TName>, "control" | "kind">;
+};
+export type FormBuilderDateRangeField<TFieldValues extends FieldValues, TFromName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TToName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
+    type: "date-range";
+    props: Omit<FormDateRangeInputProps<TFieldValues, TFromName, TToName>, "control">;
+};
+export type FormBuilderField<TFieldValues extends FieldValues> = FormBuilderCustomField<TFieldValues> | FormBuilderInputField<TFieldValues> | FormBuilderTextareaField<TFieldValues> | FormBuilderSelectField<TFieldValues> | FormBuilderAsyncSelectField<TFieldValues> | FormBuilderSwitchField<TFieldValues> | FormBuilderNumberField<TFieldValues> | FormBuilderPhoneField<TFieldValues> | FormBuilderDateField<TFieldValues> | FormBuilderDateRangeField<TFieldValues>;
+export type FormBuilderSection<TFieldValues extends FieldValues> = {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    hidden?: boolean;
+    className?: string;
+    fields: FormBuilderField<TFieldValues>[];
+};
+export type FormBuilderProps<TFieldValues extends FieldValues> = Omit<React.ComponentProps<"form">, "children"> & {
+    control: Control<TFieldValues>;
+    fields?: FormBuilderField<TFieldValues>[];
+    sections?: FormBuilderSection<TFieldValues>[];
+    layout?: FormBuilderLayout;
+    density?: FormBuilderDensity;
+    columns?: 1 | 2 | 3 | 4;
+    disabled?: boolean;
+    readOnly?: boolean;
+    footer?: React.ReactNode;
+    submitLabel?: React.ReactNode;
+    resetLabel?: React.ReactNode;
+    onResetClick?: () => void;
+    isSubmitting?: boolean;
+    sectionClassName?: string;
+    fieldClassName?: string;
+    footerClassName?: string;
+};
+type FieldPresetOptions<TProps> = BaseFormBuilderField & {
+    props: TProps;
+};
+declare function inputField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderInputField<TFieldValues, TName>["props"]>): FormBuilderInputField<TFieldValues, TName>;
+declare function textareaField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderTextareaField<TFieldValues, TName>["props"]>): FormBuilderTextareaField<TFieldValues, TName>;
+declare function selectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderSelectField<TFieldValues, TName>["props"]>): FormBuilderSelectField<TFieldValues, TName>;
+declare function asyncSelectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderAsyncSelectField<TFieldValues, TName>["props"]>): FormBuilderAsyncSelectField<TFieldValues, TName>;
+declare function switchField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderSwitchField<TFieldValues, TName>["props"]>): FormBuilderSwitchField<TFieldValues, TName>;
+declare function numberField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderNumberField<TFieldValues, TName>["props"]>): FormBuilderNumberField<TFieldValues, TName>;
+declare function phoneField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderPhoneField<TFieldValues, TName>["props"]>): FormBuilderPhoneField<TFieldValues, TName>;
+declare function dateField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderDateField<TFieldValues, TName>["props"]>): FormBuilderDateField<TFieldValues, TName>;
+declare function dateRangeField<TFieldValues extends FieldValues, TFromName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TToName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderDateRangeField<TFieldValues, TFromName, TToName>["props"]>): FormBuilderDateRangeField<TFieldValues, TFromName, TToName>;
+declare function customField<TFieldValues extends FieldValues>(options: BaseFormBuilderField & Pick<FormBuilderCustomField<TFieldValues>, "render">): FormBuilderCustomField<TFieldValues>;
+declare function formSection<TFieldValues extends FieldValues>(section: FormBuilderSection<TFieldValues>): FormBuilderSection<TFieldValues>;
+declare function renderFormBuilderField<TFieldValues extends FieldValues>(field: FormBuilderField<TFieldValues>, context: FormBuilderFieldRenderContext<TFieldValues>): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+declare function FormBuilder<TFieldValues extends FieldValues>({ className, control, fields, sections, layout, density, columns, disabled, readOnly, footer, submitLabel, resetLabel, onResetClick, isSubmitting, sectionClassName, fieldClassName, footerClassName, ...props }: FormBuilderProps<TFieldValues>): React.JSX.Element;
+export { FormBuilder, asyncSelectField, customField, dateField, dateRangeField, formSection, inputField, numberField, phoneField, renderFormBuilderField, selectField, switchField, textareaField, };

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

@@ -0,0 +1 @@
+export * from "../../src/components/patterns/form-builder.js"

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");exports.ResourceDetailPage=e.ResourceDetailPage,exports.ResourcePage=t.ResourcePage,exports.ResourcePageSection=t.ResourcePageSection;
+module.exports = require("../../src/components/patterns/index.cjs")

package/dist/components/patterns/index.js

@@ -1,3 +1 @@
-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 };
+export * from "../../src/components/patterns/index.js"

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");exports.ResourceDetailPage=e.ResourceDetailPage,exports.ResourcePage=t.ResourcePage,exports.ResourcePageSection=t.ResourcePageSection;
+module.exports = require("../../src/components/patterns/public.cjs")

package/dist/components/patterns/public.js

@@ -1,3 +1 @@
-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 };
+export * from "../../src/components/patterns/public.js"