tembro 3.0.0 → 3.1.5

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.d.ts

@@ -1,8 +1,20 @@
 import * as React from "react";
-import { DialogActionButton } from "@/components/overlay/dialog-actions";
-import { type ModalShellProps } from "@/components/overlay/modal-shell";
-type ConfirmVariant = React.ComponentProps<typeof DialogActionButton>["variant"];
-type ConfirmDialogProps = Omit<ModalShellProps, "footer"> & {
+import { Button } from "@/components/ui/button";
+type ConfirmVariant = React.ComponentProps<typeof Button>["variant"];
+type ConfirmDialogSize = "sm" | "md" | "lg" | "xl" | "full";
+type ConfirmDialogProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: React.ReactNode;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+    size?: ConfirmDialogSize;
+    showCloseButton?: boolean;
+    contentClassName?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
     cancelText?: React.ReactNode;
     confirmText?: React.ReactNode;
     confirmVariant?: ConfirmVariant;
@@ -14,6 +26,6 @@ type ConfirmDialogProps = Omit<ModalShellProps, "footer"> & {
     onCancel?: () => void;
     onConfirm?: () => void | Promise<void>;
 };
-declare function ConfirmDialog({ cancelText, confirmText, confirmVariant, confirmDisabled, cancelDisabled, isLoading, closeOnConfirm, onConfirmError, onCancel, onConfirm, onOpenChange, ...props }: ConfirmDialogProps): React.JSX.Element;
+declare function ConfirmDialog({ open, defaultOpen, trigger, title, description, children, size, showCloseButton, contentClassName, headerClassName, bodyClassName, cancelText, confirmText, confirmVariant, confirmDisabled, cancelDisabled, isLoading, closeOnConfirm, onConfirmError, onCancel, onConfirm, onOpenChange, }: ConfirmDialogProps): React.JSX.Element;
 export { ConfirmDialog };
 export type { ConfirmDialogProps };

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/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.d.ts

@@ -1,6 +1,3 @@
 export * from "./alert-dialog";
 export * from "./confirm-dialog";
-export * from "./dialog-actions";
 export * from "./drawer";
-export * from "./modal-shell";
-export * from "./sheet-shell";

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/patterns/bulk-action-bar.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/patterns/bulk-action-bar.cjs")

package/dist/components/patterns/bulk-action-bar.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export type BulkActionBarProps = React.ComponentProps<"div"> & {
+    selectedCount: number;
+    selectedLabel?: (count: number) => React.ReactNode;
+    actions?: React.ReactNode;
+    clearLabel?: React.ReactNode;
+    onClear?: () => void;
+};
+declare function BulkActionBar({ className, selectedCount, selectedLabel, actions, clearLabel, onClear, children, ...props }: BulkActionBarProps): React.JSX.Element | null;
+export { BulkActionBar };

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

@@ -0,0 +1 @@
+export * from "../../src/components/patterns/bulk-action-bar.js"

package/dist/components/patterns/data-view.cjs

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

package/dist/components/patterns/data-view.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { type DataTableProps } from "@/components/data-table/data-table";
+import { PageToolbar } from "@/components/patterns/page-toolbar";
+export type DataViewProps<TData, TValue = unknown> = Omit<React.ComponentProps<"div">, "children"> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    toolbar?: React.ComponentProps<typeof PageToolbar>;
+    table?: DataTableProps<TData, TValue>;
+    count?: number;
+    loading?: boolean;
+    error?: React.ReactNode;
+    emptyTitle?: React.ReactNode;
+    emptyDescription?: React.ReactNode;
+    children?: React.ReactNode;
+};
+declare function DataView<TData, TValue = unknown>({ className, title, description, toolbar, table, count, loading, error, emptyTitle, emptyDescription, children, ...props }: DataViewProps<TData, TValue>): React.JSX.Element;
+export { DataView };

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

@@ -0,0 +1 @@
+export * from "../../src/components/patterns/data-view.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/detail-layout.cjs

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

package/dist/components/patterns/detail-layout.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+export type DetailLayoutProps = React.ComponentProps<"div"> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    eyebrow?: React.ReactNode;
+    actions?: React.ReactNode;
+    breadcrumbs?: React.ReactNode;
+    summary?: React.ReactNode;
+    aside?: React.ReactNode;
+    footer?: React.ReactNode;
+    headerClassName?: string;
+    contentClassName?: string;
+    asideClassName?: string;
+};
+declare function DetailLayout({ className, title, description, eyebrow, actions, breadcrumbs, summary, aside, footer, headerClassName, contentClassName, asideClassName, children, ...props }: DetailLayoutProps): React.JSX.Element;
+export { DetailLayout };

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

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

package/dist/components/patterns/empty-state.cjs

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

package/dist/components/patterns/empty-state.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { Button } from "@/components/ui/button";
+export type EmptyStateTone = "empty" | "error" | "info";
+export type EmptyStateAction = {
+    label: React.ReactNode;
+    onClick?: () => void;
+    href?: string;
+    variant?: React.ComponentProps<typeof Button>["variant"];
+};
+export type EmptyStateProps = Omit<React.ComponentProps<"div">, "title"> & {
+    tone?: EmptyStateTone;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    primaryAction?: EmptyStateAction;
+    secondaryAction?: EmptyStateAction;
+    compact?: boolean;
+};
+declare function EmptyState({ className, tone, title, description, icon, primaryAction, secondaryAction, compact, ...props }: EmptyStateProps): React.JSX.Element;
+export type ErrorStateProps = Omit<EmptyStateProps, "tone">;
+declare function ErrorState(props: ErrorStateProps): React.JSX.Element;
+export { EmptyState, ErrorState };

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

@@ -0,0 +1 @@
+export * from "../../src/components/patterns/empty-state.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.d.ts

@@ -1,2 +1,9 @@
+export * from './form-builder';
 export * from './resource-page';
 export * from './resource-detail-page';
+export * from "./empty-state";
+export * from "./page-toolbar";
+export * from "./bulk-action-bar";
+export * from "./detail-layout";
+export * from "./settings-page";
+export * from "./data-view";

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/page-toolbar.cjs

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

package/dist/components/patterns/page-toolbar.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export type PageToolbarProps = React.ComponentProps<"div"> & {
+    search?: React.ReactNode;
+    filters?: React.ReactNode;
+    viewOptions?: React.ReactNode;
+    actions?: React.ReactNode;
+    summary?: React.ReactNode;
+    sticky?: boolean;
+};
+declare function PageToolbar({ className, search, filters, viewOptions, actions, summary, sticky, children, ...props }: PageToolbarProps): React.JSX.Element | null;
+export { PageToolbar };

package/dist/components/patterns/page-toolbar.js

@@ -0,0 +1 @@
+export * from "../../src/components/patterns/page-toolbar.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.d.ts

@@ -1,2 +1,9 @@
+export * from "./form-builder";
 export * from "./resource-page";
 export * from "./resource-detail-page";
+export * from "./empty-state";
+export * from "./page-toolbar";
+export * from "./bulk-action-bar";
+export * from "./detail-layout";
+export * from "./settings-page";
+export * from "./data-view";

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"

package/dist/components/patterns/resource-detail-page.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("../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;
+module.exports = require("../../src/components/patterns/resource-detail-page.cjs")