tembro 3.1.1 → 3.1.6

package/dist/src/components/modern/rich-text-editor.js

@@ -1,25 +1,172 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { BoldIcon as n, CodeIcon as r, Heading2Icon as i, ItalicIcon as a, LinkIcon as o, ListIcon as s, ListOrderedIcon as c, QuoteIcon as l, Redo2Icon as u, StrikethroughIcon as d, Undo2Icon as f, UnlinkIcon as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { EditorContent as g, useEditor as _ } from "@tiptap/react";
+import v from "@tiptap/starter-kit";
+import y from "@tiptap/extension-link";
+import b from "@tiptap/extension-placeholder";
 //#region src/components/modern/rich-text-editor.tsx
-function i({ value: i, defaultValue: a, onValueChange: o, output: s, placeholder: c = "Start typing...", className: l, children: u, ...d }) {
-	let [f, p] = t.useState(a ?? ""), m = i !== void 0, h = m ? i ?? "" : f;
-	return /* @__PURE__ */ r("div", {
-		...d,
+function x(e) {
+	return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+}
+function S(e, t) {
+	return t === "html" ? e : `<p>${x(e)}</p>`;
+}
+function C({ editor: e, onLinkRequest: t, label: h }) {
+	let g = e.getAttributes("link").href, _ = [
+		{
+			label: "Undo",
+			icon: f,
+			disabled: !e.can().undo(),
+			run: () => e.chain().focus().undo().run()
+		},
+		{
+			label: "Redo",
+			icon: u,
+			disabled: !e.can().redo(),
+			run: () => e.chain().focus().redo().run()
+		},
+		{
+			label: "Bold",
+			icon: n,
+			active: e.isActive("bold"),
+			run: () => e.chain().focus().toggleBold().run()
+		},
+		{
+			label: "Italic",
+			icon: a,
+			active: e.isActive("italic"),
+			run: () => e.chain().focus().toggleItalic().run()
+		},
+		{
+			label: "Strike",
+			icon: d,
+			active: e.isActive("strike"),
+			run: () => e.chain().focus().toggleStrike().run()
+		},
+		{
+			label: "Inline code",
+			icon: r,
+			active: e.isActive("code"),
+			run: () => e.chain().focus().toggleCode().run()
+		},
+		{
+			label: "Heading",
+			icon: i,
+			active: e.isActive("heading", { level: 2 }),
+			run: () => e.chain().focus().toggleHeading({ level: 2 }).run()
+		},
+		{
+			label: "Bullet list",
+			icon: s,
+			active: e.isActive("bulletList"),
+			run: () => e.chain().focus().toggleBulletList().run()
+		},
+		{
+			label: "Ordered list",
+			icon: c,
+			active: e.isActive("orderedList"),
+			run: () => e.chain().focus().toggleOrderedList().run()
+		},
+		{
+			label: "Blockquote",
+			icon: l,
+			active: e.isActive("blockquote"),
+			run: () => e.chain().focus().toggleBlockquote().run()
+		}
+	];
+	return t && _.push({
+		label: "Set link",
+		icon: o,
+		active: e.isActive("link"),
+		run: () => {
+			let n = t(g);
+			n != null && (n.trim() ? e.chain().focus().extendMarkRange("link").setLink({ href: n.trim() }).run() : e.chain().focus().unsetLink().run());
+		}
+	}), e.isActive("link") && _.push({
+		label: "Remove link",
+		icon: p,
+		run: () => e.chain().focus().unsetLink().run()
+	}), /* @__PURE__ */ m("div", {
+		role: "toolbar",
+		"aria-label": h,
+		className: "flex flex-wrap gap-1 border-b p-1.5",
+		children: _.map((e) => {
+			let t = e.icon;
+			return /* @__PURE__ */ m("button", {
+				type: "button",
+				title: e.label,
+				"aria-label": e.label,
+				"aria-pressed": e.active || void 0,
+				disabled: e.disabled,
+				className: "inline-flex size-8 items-center justify-center rounded-md text-muted-foreground outline-none hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring aria-pressed:bg-accent aria-pressed:text-foreground disabled:pointer-events-none disabled:opacity-40",
+				onClick: e.run,
+				children: /* @__PURE__ */ m(t, { className: "size-4" })
+			}, e.label);
+		})
+	});
+}
+function w({ value: n, defaultValue: r = "", onValueChange: i, output: a = "html", placeholder: o = "Start typing...", editable: s = !0, autoFocus: c = !1, minHeight: l = 144, onLinkRequest: u, labels: d, className: f, ...p }) {
+	let x = n ?? r, w = _({
+		immediatelyRender: !0,
+		autofocus: c,
+		editable: s,
+		editorProps: { attributes: {
+			"aria-label": d?.editor ?? "Rich text editor",
+			role: "textbox"
+		} },
+		content: S(x, a),
+		extensions: [
+			v.configure({ link: !1 }),
+			y.configure({
+				openOnClick: !1,
+				autolink: !0,
+				defaultProtocol: "https"
+			}),
+			b.configure({ placeholder: o })
+		],
+		onUpdate: ({ editor: e }) => {
+			i?.(a === "html" ? e.getHTML() : e.getText());
+		}
+	});
+	return t.useEffect(() => {
+		!w || n === void 0 || (a === "html" ? w.getHTML() : w.getText()) !== n && w.commands.setContent(S(n, a), { emitUpdate: !1 });
+	}, [
+		w,
+		a,
+		n
+	]), t.useEffect(() => {
+		w?.setEditable(s);
+	}, [s, w]), /* @__PURE__ */ h("div", {
+		"data-slot": "rich-text-editor",
+		"data-disabled": !s || void 0,
+		className: e("overflow-hidden rounded-md border bg-background shadow-sm focus-within:ring-2 focus-within:ring-ring data-[disabled]:opacity-60", f),
+		...p,
+		children: [w && s ? /* @__PURE__ */ m(C, {
+			editor: w,
+			onLinkRequest: u,
+			label: d?.toolbar ?? "Text formatting"
+		}) : null, /* @__PURE__ */ m(g, {
+			editor: w,
+			"aria-label": d?.editor ?? "Rich text editor",
+			className: "[&_.tiptap]:px-3 [&_.tiptap]:py-2.5 [&_.tiptap]:outline-none [&_.tiptap_a]:text-primary [&_.tiptap_a]:underline [&_.tiptap_blockquote]:border-l-2 [&_.tiptap_blockquote]:pl-3 [&_.tiptap_h2]:text-lg [&_.tiptap_h2]:font-semibold [&_.tiptap_ol]:list-decimal [&_.tiptap_ol]:pl-6 [&_.tiptap_p.is-editor-empty:first-child:before]:pointer-events-none [&_.tiptap_p.is-editor-empty:first-child:before]:float-left [&_.tiptap_p.is-editor-empty:first-child:before]:h-0 [&_.tiptap_p.is-editor-empty:first-child:before]:text-muted-foreground [&_.tiptap_p.is-editor-empty:first-child:before]:content-[attr(data-placeholder)] [&_.tiptap_ul]:list-disc [&_.tiptap_ul]:pl-6",
+			style: { minHeight: l }
+		})]
+	});
+}
+function T(n) {
+	let [r, i] = t.useState(!1);
+	return t.useEffect(() => {
+		i(!0);
+	}, []), r ? /* @__PURE__ */ m(w, { ...n }) : /* @__PURE__ */ m("div", {
 		"data-slot": "rich-text-editor",
-		className: e("min-h-28 rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] px-3 py-2 text-sm leading-6 text-foreground shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))] outline-none transition-[background-color,border-color,box-shadow] focus-within:border-[color:var(--ring)] focus-within:shadow-[0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)]", l),
-		children: [/* @__PURE__ */ n("textarea", {
-			value: h,
-			placeholder: c,
-			"aria-multiline": "true",
-			className: e("min-h-20 w-full resize-none border-0 bg-transparent p-0 outline-none placeholder:text-muted-foreground/65"),
-			onChange: (e) => {
-				let t = e.currentTarget.value;
-				m || p(t), o?.(t);
-			}
-		}), u]
+		"data-state": "loading",
+		className: e("overflow-hidden rounded-md border bg-background shadow-sm", n.className),
+		style: { minHeight: n.minHeight ?? 144 },
+		"aria-busy": "true"
 	});
 }
 //#endregion
-export { i as RichTextEditor };
+export { C as EditorToolbar, T as RichTextEditor };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`pagination`,`Pagination`,`navigation`,`Controlled page navigation with edge buttons and active state.`),e.component(`nav-tabs`,`NavTabs`,`navigation`,`Navigation tabs for switching related document sections.`),e.component(`page-tabs`,`PageTabs`,`navigation`,`Top-level page tab strip for route-sized sections.`),e.component(`stepper-tabs`,`StepperTabs`,`navigation`,`Step-like tabs for setup and onboarding progress.`)]);exports.navigationShowcaseDemoRegistry=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`pagination`,`Pagination`,`navigation`,`Controlled page navigation with edge buttons and active state.`)]);exports.navigationShowcaseDemoRegistry=t;

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

@@ -1,10 +1,5 @@
 import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
 //#region src/components/navigation/demo.tsx
-var n = t([
-	e("pagination", "Pagination", "navigation", "Controlled page navigation with edge buttons and active state."),
-	e("nav-tabs", "NavTabs", "navigation", "Navigation tabs for switching related document sections."),
-	e("page-tabs", "PageTabs", "navigation", "Top-level page tab strip for route-sized sections."),
-	e("stepper-tabs", "StepperTabs", "navigation", "Step-like tabs for setup and onboarding progress.")
-]);
+var n = t([e("pagination", "Pagination", "navigation", "Controlled page navigation with edge buttons and active state.")]);
 //#endregion
 export { n as navigationShowcaseDemoRegistry };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./anchor-nav.cjs"),t=require("./nav-tabs.cjs"),n=require("./page-tabs.cjs"),r=require("./pagination.cjs"),i=require("./stepper-tabs.cjs"),a=require("./command-bar.cjs");exports.AnchorNav=e.AnchorNav,exports.CommandBar=a.CommandBar,exports.NavTabs=t.NavTabs,exports.PageTabs=n.PageTabs,exports.Pagination=r.Pagination,exports.StepperTabs=i.StepperTabs,exports.getPaginationItems=r.getPaginationItems;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./pagination.cjs");exports.Pagination=e.Pagination,exports.getPaginationItems=e.getPaginationItems;

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

@@ -1,7 +1,2 @@
-import { AnchorNav as e } from "./anchor-nav.js";
-import { NavTabs as t } from "./nav-tabs.js";
-import { PageTabs as n } from "./page-tabs.js";
-import { Pagination as r, getPaginationItems as i } from "./pagination.js";
-import { StepperTabs as a } from "./stepper-tabs.js";
-import { CommandBar as o } from "./command-bar.js";
-export { e as AnchorNav, o as CommandBar, t as NavTabs, n as PageTabs, r as Pagination, a as StepperTabs, i as getPaginationItems };
+import { Pagination as e, getPaginationItems as t } from "./pagination.js";
+export { e as Pagination, t as getPaginationItems };

package/dist/src/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;
+"use client";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");function o(e){return e?i.isValidElement(e)?(0,a.jsx)(r.DialogTrigger,{render:e}):(0,a.jsx)(r.DialogTrigger,{children:e}):null}function s({open:e,defaultOpen:s,trigger:c,title:l,description:u,children:d,size:f=`md`,showCloseButton:p=!0,contentClassName:m,headerClassName:h,bodyClassName:g,cancelText:_=`Cancel`,confirmText:v=`Confirm`,confirmVariant:y=`default`,confirmDisabled:b=!1,cancelDisabled:x=!1,isLoading:S=!1,closeOnConfirm:C=!0,onConfirmError:w,onCancel:T,onConfirm:E,onOpenChange:D}){let[O,k]=i.useState(!1),A=S||O,j=e=>{A&&e===!1||D?.(e)},M=()=>{T?.(),A||D?.(!1)},N=async()=>{if(!(b||A))try{k(!0),await E?.(),C&&D?.(!1)}catch(e){w?.(e)}finally{k(!1)}};return(0,a.jsxs)(r.Dialog,{open:e,defaultOpen:s,onOpenChange:j,children:[o(c),(0,a.jsxs)(r.DialogContent,{size:f,showCloseButton:p&&!A,className:m,children:[(l||u)&&(0,a.jsxs)(r.DialogHeader,{className:h,children:[l&&(0,a.jsx)(r.DialogTitle,{children:l}),u&&(0,a.jsx)(r.DialogDescription,{children:u})]}),d&&(0,a.jsx)(`div`,{"data-slot":`confirm-dialog-body`,className:t.cn(`min-w-0`,g),children:d}),(0,a.jsxs)(r.DialogFooter,{children:[(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:x||A,onClick:M,children:_}),(0,a.jsx)(n.Button,{type:`button`,variant:y,disabled:b||A,loading:A,loadingLabel:typeof v==`string`?v:`Loading`,onClick:()=>void N(),children:v})]})]})]})}exports.ConfirmDialog=s;

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

@@ -1,42 +1,63 @@
 "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";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import { Dialog as n, DialogContent as r, DialogDescription as i, DialogFooter as a, DialogHeader as o, DialogTitle as s, DialogTrigger as c } from "../ui/dialog/index.js";
+import * as l from "react";
+import { jsx as u, jsxs as d } 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);
+function f(e) {
+	return e ? l.isValidElement(e) ? /* @__PURE__ */ u(c, { render: e }) : /* @__PURE__ */ u(c, { children: e }) : null;
+}
+function p({ open: c, defaultOpen: p, trigger: m, title: h, description: g, children: _, size: v = "md", showCloseButton: y = !0, contentClassName: b, headerClassName: x, bodyClassName: S, cancelText: C = "Cancel", confirmText: w = "Confirm", confirmVariant: T = "default", confirmDisabled: E = !1, cancelDisabled: D = !1, isLoading: O = !1, closeOnConfirm: k = !0, onConfirmError: A, onCancel: j, onConfirm: M, onOpenChange: N }) {
+	let [P, F] = l.useState(!1), I = O || P, L = (e) => {
+		I && e === !1 || N?.(e);
+	}, R = () => {
+		j?.(), I || N?.(!1);
+	}, z = async () => {
+		if (!(E || I)) try {
+			F(!0), await M?.(), k && N?.(!1);
 		} catch (e) {
-			p?.(e);
+			A?.(e);
 		} finally {
-			y(!1);
+			F(!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
-		})] }),
-		..._
+	return /* @__PURE__ */ d(n, {
+		open: c,
+		defaultOpen: p,
+		onOpenChange: L,
+		children: [f(m), /* @__PURE__ */ d(r, {
+			size: v,
+			showCloseButton: y && !I,
+			className: b,
+			children: [
+				(h || g) && /* @__PURE__ */ d(o, {
+					className: x,
+					children: [h && /* @__PURE__ */ u(s, { children: h }), g && /* @__PURE__ */ u(i, { children: g })]
+				}),
+				_ && /* @__PURE__ */ u("div", {
+					"data-slot": "confirm-dialog-body",
+					className: e("min-w-0", S),
+					children: _
+				}),
+				/* @__PURE__ */ d(a, { children: [/* @__PURE__ */ u(t, {
+					type: "button",
+					variant: "outline",
+					disabled: D || I,
+					onClick: R,
+					children: C
+				}), /* @__PURE__ */ u(t, {
+					type: "button",
+					variant: T,
+					disabled: E || I,
+					loading: I,
+					loadingLabel: typeof w == "string" ? w : "Loading",
+					onClick: () => void z(),
+					children: w
+				})] })
+			]
+		})]
 	});
 }
 //#endregion
-export { o as ConfirmDialog };
+export { p as ConfirmDialog };

package/dist/src/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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./alert-dialog.cjs"),t=require("./confirm-dialog.cjs"),n=require("./drawer.cjs");exports.AlertDialog=e.AlertDialog,exports.ConfirmDialog=t.ConfirmDialog,exports.Drawer=n.Drawer,exports.DrawerCloseButton=n.DrawerCloseButton;

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

@@ -1,7 +1,4 @@
 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 };
+import { ConfirmDialog as t } from "./confirm-dialog.js";
+import { Drawer as n, DrawerCloseButton as r } from "./drawer.js";
+export { e as AlertDialog, t as ConfirmDialog, n as Drawer, r as DrawerCloseButton };

package/dist/src/components/patterns/bulk-action-bar.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");function o({className:e,selectedCount:r,selectedLabel:o=e=>`${e} selected`,actions:s,clearLabel:c=`Clear`,onClear:l,children:u,...d}){return r<=0?null:(0,a.jsxs)(`div`,{"data-slot":`bulk-action-bar`,className:t.cn(`flex flex-col gap-3 rounded-xl border bg-card p-3 shadow-sm sm:flex-row sm:items-center sm:justify-between`,e),...d,children:[(0,a.jsx)(`div`,{"data-slot":`bulk-action-bar-count`,className:`text-sm font-medium`,children:o(r)}),(0,a.jsxs)(`div`,{"data-slot":`bulk-action-bar-actions`,className:`flex flex-wrap items-center gap-2`,children:[u,s,l&&(0,a.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:l,children:[(0,a.jsx)(i.XIcon,{"data-icon":`inline-start`}),c]})]})]})}exports.BulkActionBar=o;

package/dist/src/components/patterns/bulk-action-bar.js

@@ -0,0 +1,34 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import "react";
+import { XIcon as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/patterns/bulk-action-bar.tsx
+function a({ className: a, selectedCount: o, selectedLabel: s = (e) => `${e} selected`, actions: c, clearLabel: l = "Clear", onClear: u, children: d, ...f }) {
+	return o <= 0 ? null : /* @__PURE__ */ i("div", {
+		"data-slot": "bulk-action-bar",
+		className: e("flex flex-col gap-3 rounded-xl border bg-card p-3 shadow-sm sm:flex-row sm:items-center sm:justify-between", a),
+		...f,
+		children: [/* @__PURE__ */ r("div", {
+			"data-slot": "bulk-action-bar-count",
+			className: "text-sm font-medium",
+			children: s(o)
+		}), /* @__PURE__ */ i("div", {
+			"data-slot": "bulk-action-bar-actions",
+			className: "flex flex-wrap items-center gap-2",
+			children: [
+				d,
+				c,
+				u && /* @__PURE__ */ i(t, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					onClick: u,
+					children: [/* @__PURE__ */ r(n, { "data-icon": "inline-start" }), l]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { a as BulkActionBar };

package/dist/src/components/patterns/data-view.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("../data-table/data-table.cjs"),r=require("./empty-state.cjs"),i=require("./page-toolbar.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({className:e,title:a,description:s,toolbar:c,table:l,count:u,loading:d=!1,error:f,emptyTitle:p=`No results`,emptyDescription:m=`Try adjusting filters or create a new item.`,children:h,...g}){let _=!!(a||s),v=!!c,y=u===void 0?!!(h||l):u>0;return(0,o.jsxs)(`div`,{"data-slot":`data-view`,className:t.cn(`grid min-w-0 gap-4`,e),...g,children:[_&&(0,o.jsxs)(`div`,{"data-slot":`data-view-header`,className:`grid gap-1`,children:[a&&(0,o.jsx)(`h2`,{className:`text-xl font-semibold tracking-tight`,children:a}),s&&(0,o.jsx)(`p`,{className:`text-sm leading-6 text-muted-foreground`,children:s})]}),v&&(0,o.jsx)(i.PageToolbar,{...c}),f?(0,o.jsx)(r.EmptyState,{tone:`error`,title:`Something went wrong`,description:f}):d?(0,o.jsx)(r.EmptyState,{tone:`info`,title:`Loading data`,description:`Please wait while the latest data is prepared.`}):y?(0,o.jsxs)(`div`,{"data-slot":`data-view-content`,className:`min-w-0`,children:[h,l&&(0,o.jsx)(n.DataTable,{...l})]}):(0,o.jsx)(r.EmptyState,{title:p,description:m})]})}exports.DataView=s;

package/dist/src/components/patterns/data-view.js

@@ -0,0 +1,47 @@
+import { cn as e } from "../../lib/utils.js";
+import { DataTable as t } from "../data-table/data-table.js";
+import { EmptyState as n } from "./empty-state.js";
+import { PageToolbar as r } from "./page-toolbar.js";
+import "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/patterns/data-view.tsx
+function o({ className: o, title: s, description: c, toolbar: l, table: u, count: d, loading: f = !1, error: p, emptyTitle: m = "No results", emptyDescription: h = "Try adjusting filters or create a new item.", children: g, ..._ }) {
+	let v = !!(s || c), y = !!l, b = d === void 0 ? !!(g || u) : d > 0;
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "data-view",
+		className: e("grid min-w-0 gap-4", o),
+		..._,
+		children: [
+			v && /* @__PURE__ */ a("div", {
+				"data-slot": "data-view-header",
+				className: "grid gap-1",
+				children: [s && /* @__PURE__ */ i("h2", {
+					className: "text-xl font-semibold tracking-tight",
+					children: s
+				}), c && /* @__PURE__ */ i("p", {
+					className: "text-sm leading-6 text-muted-foreground",
+					children: c
+				})]
+			}),
+			y && /* @__PURE__ */ i(r, { ...l }),
+			p ? /* @__PURE__ */ i(n, {
+				tone: "error",
+				title: "Something went wrong",
+				description: p
+			}) : f ? /* @__PURE__ */ i(n, {
+				tone: "info",
+				title: "Loading data",
+				description: "Please wait while the latest data is prepared."
+			}) : b ? /* @__PURE__ */ a("div", {
+				"data-slot": "data-view-content",
+				className: "min-w-0",
+				children: [g, u && /* @__PURE__ */ i(t, { ...u })]
+			}) : /* @__PURE__ */ i(n, {
+				title: m,
+				description: h
+			})
+		]
+	});
+}
+//#endregion
+export { o as DataView };

package/dist/src/components/patterns/detail-layout.cjs

@@ -0,0 +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");function i({className:e,title:n,description:i,eyebrow:a,actions:o,breadcrumbs:s,summary:c,aside:l,footer:u,headerClassName:d,contentClassName:f,asideClassName:p,children:m,...h}){let g=!!(n||i||a||o),_=!!(m||l);return(0,r.jsxs)(`div`,{"data-slot":`detail-layout`,className:t.cn(`grid min-w-0 gap-4`,e),...h,children:[s&&(0,r.jsx)(`div`,{"data-slot":`detail-layout-breadcrumbs`,children:s}),g&&(0,r.jsxs)(`div`,{"data-slot":`detail-layout-header`,className:t.cn(`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,d),children:[(0,r.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[a&&(0,r.jsx)(`div`,{className:`text-xs font-medium uppercase tracking-wide text-muted-foreground`,children:a}),n&&(0,r.jsx)(`h1`,{className:`text-2xl font-semibold tracking-tight`,children:n}),i&&(0,r.jsx)(`p`,{className:`max-w-3xl text-sm leading-6 text-muted-foreground`,children:i})]}),o&&(0,r.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:o})]}),c&&(0,r.jsx)(`div`,{"data-slot":`detail-layout-summary`,children:c}),_&&(0,r.jsxs)(`div`,{"data-slot":`detail-layout-content`,className:t.cn(`grid min-w-0 gap-4 xl:grid-cols-[minmax(0,1fr)_20rem]`,f),children:[(0,r.jsx)(`main`,{"data-slot":`detail-layout-main`,className:`min-w-0`,children:m}),l&&(0,r.jsx)(`aside`,{"data-slot":`detail-layout-aside`,className:t.cn(`min-w-0`,p),children:l})]}),u&&(0,r.jsx)(`div`,{"data-slot":`detail-layout-footer`,children:u})]})}exports.DetailLayout=i;

package/dist/src/components/patterns/detail-layout.js

@@ -0,0 +1,65 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/patterns/detail-layout.tsx
+function r({ className: r, title: i, description: a, eyebrow: o, actions: s, breadcrumbs: c, summary: l, aside: u, footer: d, headerClassName: f, contentClassName: p, asideClassName: m, children: h, ...g }) {
+	let _ = !!(i || a || o || s), v = !!(h || u);
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "detail-layout",
+		className: e("grid min-w-0 gap-4", r),
+		...g,
+		children: [
+			c && /* @__PURE__ */ t("div", {
+				"data-slot": "detail-layout-breadcrumbs",
+				children: c
+			}),
+			_ && /* @__PURE__ */ n("div", {
+				"data-slot": "detail-layout-header",
+				className: e("flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", f),
+				children: [/* @__PURE__ */ n("div", {
+					className: "grid min-w-0 gap-1",
+					children: [
+						o && /* @__PURE__ */ t("div", {
+							className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
+							children: o
+						}),
+						i && /* @__PURE__ */ t("h1", {
+							className: "text-2xl font-semibold tracking-tight",
+							children: i
+						}),
+						a && /* @__PURE__ */ t("p", {
+							className: "max-w-3xl text-sm leading-6 text-muted-foreground",
+							children: a
+						})
+					]
+				}), s && /* @__PURE__ */ t("div", {
+					className: "flex shrink-0 flex-wrap items-center gap-2",
+					children: s
+				})]
+			}),
+			l && /* @__PURE__ */ t("div", {
+				"data-slot": "detail-layout-summary",
+				children: l
+			}),
+			v && /* @__PURE__ */ n("div", {
+				"data-slot": "detail-layout-content",
+				className: e("grid min-w-0 gap-4 xl:grid-cols-[minmax(0,1fr)_20rem]", p),
+				children: [/* @__PURE__ */ t("main", {
+					"data-slot": "detail-layout-main",
+					className: "min-w-0",
+					children: h
+				}), u && /* @__PURE__ */ t("aside", {
+					"data-slot": "detail-layout-aside",
+					className: e("min-w-0", m),
+					children: u
+				})]
+			}),
+			d && /* @__PURE__ */ t("div", {
+				"data-slot": "detail-layout-footer",
+				children: d
+			})
+		]
+	});
+}
+//#endregion
+export { r as DetailLayout };

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

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

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

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

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

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

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

@@ -0,0 +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");function i({className:e,search:n,filters:i,viewOptions:a,actions:o,summary:s,sticky:c=!1,children:l,...u}){let d=!!(n||i||l),f=!!(s||a||o);return!d&&!f?null:(0,r.jsx)(`div`,{"data-slot":`page-toolbar`,"data-sticky":c||void 0,className:t.cn(`flex flex-col gap-3 rounded-xl border bg-card p-3 shadow-sm`,c&&`sticky top-0 z-10`,e),...u,children:(0,r.jsxs)(`div`,{className:`flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between`,children:[d&&(0,r.jsxs)(`div`,{"data-slot":`page-toolbar-primary`,className:`flex min-w-0 flex-1 flex-col gap-2 sm:flex-row sm:items-center`,children:[n&&(0,r.jsx)(`div`,{className:`min-w-0 flex-1`,children:n}),i,l]}),f&&(0,r.jsxs)(`div`,{"data-slot":`page-toolbar-secondary`,className:`flex shrink-0 flex-wrap items-center gap-2`,children:[s&&(0,r.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:s}),a,o]})]})})}exports.PageToolbar=i;