tembro 3.0.0 → 3.1.1

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

@@ -0,0 +1,122 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import "react";
+import { ChevronFirstIcon as n, ChevronLastIcon as r, ChevronLeftIcon as i, ChevronRightIcon as a, MoreHorizontalIcon as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/navigation/pagination.tsx
+function l(e, t) {
+	let n = Math.max(t - e + 1, 0);
+	return Array.from({ length: n }, (t, n) => n + e);
+}
+function u(e, t, n = 1) {
+	if (t <= n * 2 + 5) return l(1, t);
+	let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
+	return !a && o ? [
+		...l(1, n * 2 + 3),
+		"ellipsis",
+		t
+	] : a && !o ? [
+		1,
+		"ellipsis",
+		...l(t - (n * 2 + 3) + 1, t)
+	] : [
+		1,
+		"ellipsis",
+		...l(r, i),
+		"ellipsis",
+		t
+	];
+}
+function d({ className: l, page: d, pageCount: f, onPageChange: p, siblingCount: m = 1, showEdges: h = !0, disabled: g = !1, labels: _, compact: v = !1, totalCount: y, pageSize: b, pageSizeOptions: x, onPageSizeChange: S, showSummary: C = !1, ...w }) {
+	let T = Math.max(f, 1), E = Math.min(Math.max(d, 1), T), D = u(E, T, m), O = (e) => {
+		let t = Math.min(Math.max(e, 1), T);
+		t !== E && p(t);
+	};
+	return /* @__PURE__ */ c("nav", {
+		"data-slot": "pagination",
+		"aria-label": "Pagination",
+		className: e("flex flex-wrap items-center justify-center gap-1 rounded-full border border-border/70 bg-background/76 p-1 shadow-none backdrop-blur", l),
+		...w,
+		children: [
+			C && y !== void 0 && b ? /* @__PURE__ */ c("div", {
+				className: "px-2 text-xs text-muted-foreground",
+				children: [
+					Math.min((E - 1) * b + 1, y),
+					"-",
+					Math.min(E * b, y),
+					" of ",
+					y
+				]
+			}) : null,
+			h && /* @__PURE__ */ s(t, {
+				type: "button",
+				variant: "outline",
+				size: v ? "icon-xs" : "icon-sm",
+				disabled: g || E <= 1,
+				"aria-label": _?.first ?? "First page",
+				onClick: () => O(1),
+				children: /* @__PURE__ */ s(n, {})
+			}),
+			/* @__PURE__ */ s(t, {
+				type: "button",
+				variant: "outline",
+				size: v ? "icon-xs" : "icon-sm",
+				disabled: g || E <= 1,
+				"aria-label": _?.previous ?? "Previous page",
+				onClick: () => O(E - 1),
+				children: /* @__PURE__ */ s(i, {})
+			}),
+			D.map((n, r) => n === "ellipsis" ? /* @__PURE__ */ c("span", {
+				"data-slot": "pagination-ellipsis",
+				className: "flex size-8 items-center justify-center text-muted-foreground",
+				children: [/* @__PURE__ */ s(o, { className: "size-4" }), /* @__PURE__ */ s("span", {
+					className: "sr-only",
+					children: "More pages"
+				})]
+			}, `ellipsis-${r}`) : /* @__PURE__ */ s(t, {
+				type: "button",
+				variant: n === E ? "default" : "outline",
+				size: v ? "icon-xs" : "icon-sm",
+				disabled: g,
+				"aria-current": n === E ? "page" : void 0,
+				"aria-label": _?.page?.(n) ?? `Page ${n}`,
+				onClick: () => O(n),
+				className: e(n !== E && "border-border/70 bg-background/80 shadow-none"),
+				children: n
+			}, n)),
+			/* @__PURE__ */ s(t, {
+				type: "button",
+				variant: "outline",
+				size: v ? "icon-xs" : "icon-sm",
+				disabled: g || E >= T,
+				"aria-label": _?.next ?? "Next page",
+				onClick: () => O(E + 1),
+				children: /* @__PURE__ */ s(a, {})
+			}),
+			h && /* @__PURE__ */ s(t, {
+				type: "button",
+				variant: "outline",
+				size: v ? "icon-xs" : "icon-sm",
+				disabled: g || E >= T,
+				"aria-label": _?.last ?? "Last page",
+				onClick: () => O(T),
+				children: /* @__PURE__ */ s(r, {})
+			}),
+			x && b && S ? /* @__PURE__ */ c("label", {
+				className: "ml-1 inline-flex items-center gap-2 rounded-full border border-border/70 bg-background/90 px-3 py-1 text-xs text-muted-foreground",
+				children: [/* @__PURE__ */ s("span", { children: "Rows" }), /* @__PURE__ */ s("select", {
+					className: "bg-transparent text-foreground outline-none",
+					value: b,
+					onChange: (e) => S(Number(e.target.value)),
+					disabled: g,
+					children: x.map((e) => /* @__PURE__ */ s("option", {
+						value: e,
+						children: e
+					}, e))
+				})]
+			}) : null
+		]
+	});
+}
+//#endregion
+export { d as Pagination, u as getPaginationItems };

package/dist/src/components/navigation/stepper-tabs.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("lucide-react"),i=require("react/jsx-runtime");function a({value:e,items:n,onValueChange:a,orientation:o=`horizontal`,compact:s=!1,className:c,...l}){let u=n.filter(e=>!e.hidden);return(0,i.jsx)(`div`,{"data-slot":`stepper-tabs`,"data-orientation":o,className:t.cn(o===`vertical`?`grid gap-2`:`flex flex-wrap gap-2`,c),...l,children:u.map((n,o)=>{let c=n.value===e,l=n.completed;return(0,i.jsxs)(`button`,{type:`button`,disabled:n.disabled,"data-slot":`stepper-tab`,"data-active":c||void 0,"data-completed":l||void 0,className:t.cn(`group flex min-w-0 items-start gap-3 rounded-xl border bg-card text-left shadow-sm transition-colors hover:border-primary/40 disabled:pointer-events-none disabled:opacity-55`,s?`p-3`:`p-4`,c&&`border-primary/60 bg-primary/5`),onClick:()=>a?.(n.value,n),children:[(0,i.jsx)(`span`,{className:t.cn(`flex shrink-0 items-center justify-center rounded-full border bg-background text-xs font-semibold`,s?`size-7`:`size-8`,l&&`border-primary bg-primary text-primary-foreground`,c&&!l&&`border-primary text-primary`),children:l?(0,i.jsx)(r.CheckIcon,{className:`size-4`}):n.icon??o+1}),(0,i.jsxs)(`span`,{className:`min-w-0 space-y-0.5`,children:[(0,i.jsx)(`span`,{className:`block truncate text-sm font-medium text-foreground`,children:n.label}),n.description&&(0,i.jsx)(`span`,{className:`block text-xs leading-5 text-muted-foreground`,children:n.description})]})]},n.value)})})}exports.StepperTabs=a;

package/dist/src/components/navigation/stepper-tabs.js

@@ -0,0 +1,41 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { CheckIcon as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/navigation/stepper-tabs.tsx
+function i({ value: i, items: a, onValueChange: o, orientation: s = "horizontal", compact: c = !1, className: l, ...u }) {
+	let d = a.filter((e) => !e.hidden);
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "stepper-tabs",
+		"data-orientation": s,
+		className: e(s === "vertical" ? "grid gap-2" : "flex flex-wrap gap-2", l),
+		...u,
+		children: d.map((a, s) => {
+			let l = a.value === i, u = a.completed;
+			return /* @__PURE__ */ r("button", {
+				type: "button",
+				disabled: a.disabled,
+				"data-slot": "stepper-tab",
+				"data-active": l || void 0,
+				"data-completed": u || void 0,
+				className: e("group flex min-w-0 items-start gap-3 rounded-xl border bg-card text-left shadow-sm transition-colors hover:border-primary/40 disabled:pointer-events-none disabled:opacity-55", c ? "p-3" : "p-4", l && "border-primary/60 bg-primary/5"),
+				onClick: () => o?.(a.value, a),
+				children: [/* @__PURE__ */ n("span", {
+					className: e("flex shrink-0 items-center justify-center rounded-full border bg-background text-xs font-semibold", c ? "size-7" : "size-8", u && "border-primary bg-primary text-primary-foreground", l && !u && "border-primary text-primary"),
+					children: u ? /* @__PURE__ */ n(t, { className: "size-4" }) : a.icon ?? s + 1
+				}), /* @__PURE__ */ r("span", {
+					className: "min-w-0 space-y-0.5",
+					children: [/* @__PURE__ */ n("span", {
+						className: "block truncate text-sm font-medium text-foreground",
+						children: a.label
+					}), a.description && /* @__PURE__ */ n("span", {
+						className: "block text-xs leading-5 text-muted-foreground",
+						children: a.description
+					})]
+				})]
+			}, a.value);
+		})
+	});
+}
+//#endregion
+export { i as StepperTabs };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./toast.cjs"),t=require("./notification-center.cjs");exports.NotificationCenter=t.NotificationCenter,exports.ToastProvider=e.ToastProvider,exports.useToast=e.useToast;

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

@@ -0,0 +1,3 @@
+import { ToastProvider as e, useToast as t } from "./toast.js";
+import { NotificationCenter as n } from "./notification-center.js";
+export { n as NotificationCenter, e as ToastProvider, t as useToast };

package/dist/src/components/notifications/notification-center.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({notifications:e,onMarkAllRead:i,onClearAll:s,onNotificationClick:c,emptyLabel:l=`No new notifications`,title:u=`Notifications`,className:d,...f}){let p=e.filter(e=>!e.read).length,m=e.reduce((e,t)=>{let n=String(t.group??`Recent`);return e[n]=[...e[n]??[],t],e},{});return(0,o.jsx)(`div`,{"data-slot":`notification-center`,className:d,...f,children:(0,o.jsxs)(r.Popover,{children:[(0,o.jsxs)(n.Button,{render:(0,o.jsx)(r.PopoverTrigger,{}),variant:`ghost`,size:`icon`,className:`relative rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] text-foreground shadow-sm hover:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_82%,white_18%)]`,children:[(0,o.jsx)(a.BellIcon,{className:`size-5`}),p>0&&(0,o.jsxs)(`span`,{className:`absolute -right-1 -top-1 inline-flex min-w-5 items-center justify-center rounded-full bg-[color:var(--aui-brand-strong)] px-1.5 py-0.5 text-[10px] font-bold leading-none text-white shadow-[0_8px_20px_rgba(16,185,129,0.35)]`,children:[p,(0,o.jsxs)(`span`,{className:`sr-only`,children:[p,` unread notifications`]})]})]}),(0,o.jsxs)(r.PopoverContent,{className:`w-[24rem] overflow-hidden rounded-3xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg)] p-0 shadow-[0_24px_60px_rgba(15,23,42,0.18)]`,align:`end`,children:[(0,o.jsxs)(`div`,{className:`flex items-center justify-between border-b border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] px-5 py-4`,children:[(0,o.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,o.jsx)(`h4`,{className:`font-semibold tracking-tight text-foreground`,children:u}),(0,o.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:p>0?`${p} unread update${p>1?`s`:``}`:`You're all caught up`})]}),(0,o.jsxs)(`div`,{className:`flex items-center gap-2`,children:[p>0&&i?(0,o.jsx)(n.Button,{variant:`ghost`,size:`sm`,className:`h-8 rounded-full border border-[color:var(--aui-surface-border)] px-3 text-xs font-semibold text-muted-foreground hover:bg-[color:var(--aui-page-bg)] hover:text-foreground`,onClick:i,children:`Mark all read`}):null,e.length>0&&s?(0,o.jsx)(n.Button,{variant:`ghost`,size:`sm`,className:`h-8 rounded-full border border-[color:var(--aui-surface-border)] px-3 text-xs font-semibold text-muted-foreground hover:bg-[color:var(--aui-page-bg)] hover:text-foreground`,onClick:s,children:`Clear all`}):null]})]}),(0,o.jsx)(`div`,{className:`max-h-[400px] overflow-y-auto bg-[color:var(--aui-page-bg)] p-2`,children:e.length===0?(0,o.jsx)(`div`,{className:`rounded-2xl border border-dashed border-[color:var(--aui-surface-border)] px-6 py-10 text-center text-sm text-muted-foreground`,children:l}):(0,o.jsx)(`div`,{className:`flex flex-col gap-3`,children:Object.entries(m).map(([e,n])=>(0,o.jsxs)(`div`,{className:`grid gap-2`,children:[(0,o.jsx)(`div`,{className:`px-2 pt-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:e}),n.map(e=>(0,o.jsxs)(`button`,{className:t.cn(`flex flex-col gap-1 rounded-2xl border border-transparent px-4 py-3 text-left transition hover:border-[color:var(--aui-surface-border)] hover:bg-[color:var(--aui-control-bg)]`,!e.read&&`border-[color:color-mix(in_srgb,var(--aui-brand-strong)_16%,var(--aui-surface-border))] bg-[color:color-mix(in_srgb,var(--aui-brand-strong)_8%,var(--aui-control-bg))]`),onClick:()=>c?.(e),children:[(0,o.jsxs)(`div`,{className:`flex w-full items-start justify-between gap-2`,children:[(0,o.jsx)(`span`,{className:`text-sm font-semibold leading-tight text-foreground`,children:e.title}),!e.read&&(0,o.jsx)(`span`,{className:`mt-1 flex size-2 shrink-0 rounded-full bg-[color:var(--aui-brand-strong)] shadow-[0_0_0_4px_color-mix(in_srgb,var(--aui-brand-strong)_14%,transparent)]`})]}),e.description&&(0,o.jsx)(`span`,{className:`line-clamp-2 text-xs leading-5 text-muted-foreground`,children:e.description}),e.time&&(0,o.jsx)(`span`,{className:`mt-1 text-[10px] font-semibold uppercase tracking-[0.16em] text-muted-foreground/80`,children:e.time})]},e.id))]},e))})})]})]})})}exports.NotificationCenter=s;

package/dist/src/components/notifications/notification-center.js

@@ -0,0 +1,99 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import { Popover as n, PopoverContent as r, PopoverTrigger as i } from "../ui/popover/index.js";
+import "react";
+import { BellIcon as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/notifications/notification-center.tsx
+function c({ notifications: c, onMarkAllRead: l, onClearAll: u, onNotificationClick: d, emptyLabel: f = "No new notifications", title: p = "Notifications", className: m, ...h }) {
+	let g = c.filter((e) => !e.read).length, _ = c.reduce((e, t) => {
+		let n = String(t.group ?? "Recent");
+		return e[n] = [...e[n] ?? [], t], e;
+	}, {});
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "notification-center",
+		className: m,
+		...h,
+		children: /* @__PURE__ */ s(n, { children: [/* @__PURE__ */ s(t, {
+			render: /* @__PURE__ */ o(i, {}),
+			variant: "ghost",
+			size: "icon",
+			className: "relative rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] text-foreground shadow-sm hover:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_82%,white_18%)]",
+			children: [/* @__PURE__ */ o(a, { className: "size-5" }), g > 0 && /* @__PURE__ */ s("span", {
+				className: "absolute -right-1 -top-1 inline-flex min-w-5 items-center justify-center rounded-full bg-[color:var(--aui-brand-strong)] px-1.5 py-0.5 text-[10px] font-bold leading-none text-white shadow-[0_8px_20px_rgba(16,185,129,0.35)]",
+				children: [g, /* @__PURE__ */ s("span", {
+					className: "sr-only",
+					children: [g, " unread notifications"]
+				})]
+			})]
+		}), /* @__PURE__ */ s(r, {
+			className: "w-[24rem] overflow-hidden rounded-3xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg)] p-0 shadow-[0_24px_60px_rgba(15,23,42,0.18)]",
+			align: "end",
+			children: [/* @__PURE__ */ s("div", {
+				className: "flex items-center justify-between border-b border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] px-5 py-4",
+				children: [/* @__PURE__ */ s("div", {
+					className: "grid gap-0.5",
+					children: [/* @__PURE__ */ o("h4", {
+						className: "font-semibold tracking-tight text-foreground",
+						children: p
+					}), /* @__PURE__ */ o("span", {
+						className: "text-xs text-muted-foreground",
+						children: g > 0 ? `${g} unread update${g > 1 ? "s" : ""}` : "You're all caught up"
+					})]
+				}), /* @__PURE__ */ s("div", {
+					className: "flex items-center gap-2",
+					children: [g > 0 && l ? /* @__PURE__ */ o(t, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-8 rounded-full border border-[color:var(--aui-surface-border)] px-3 text-xs font-semibold text-muted-foreground hover:bg-[color:var(--aui-page-bg)] hover:text-foreground",
+						onClick: l,
+						children: "Mark all read"
+					}) : null, c.length > 0 && u ? /* @__PURE__ */ o(t, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-8 rounded-full border border-[color:var(--aui-surface-border)] px-3 text-xs font-semibold text-muted-foreground hover:bg-[color:var(--aui-page-bg)] hover:text-foreground",
+						onClick: u,
+						children: "Clear all"
+					}) : null]
+				})]
+			}), /* @__PURE__ */ o("div", {
+				className: "max-h-[400px] overflow-y-auto bg-[color:var(--aui-page-bg)] p-2",
+				children: c.length === 0 ? /* @__PURE__ */ o("div", {
+					className: "rounded-2xl border border-dashed border-[color:var(--aui-surface-border)] px-6 py-10 text-center text-sm text-muted-foreground",
+					children: f
+				}) : /* @__PURE__ */ o("div", {
+					className: "flex flex-col gap-3",
+					children: Object.entries(_).map(([t, n]) => /* @__PURE__ */ s("div", {
+						className: "grid gap-2",
+						children: [/* @__PURE__ */ o("div", {
+							className: "px-2 pt-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground",
+							children: t
+						}), n.map((t) => /* @__PURE__ */ s("button", {
+							className: e("flex flex-col gap-1 rounded-2xl border border-transparent px-4 py-3 text-left transition hover:border-[color:var(--aui-surface-border)] hover:bg-[color:var(--aui-control-bg)]", !t.read && "border-[color:color-mix(in_srgb,var(--aui-brand-strong)_16%,var(--aui-surface-border))] bg-[color:color-mix(in_srgb,var(--aui-brand-strong)_8%,var(--aui-control-bg))]"),
+							onClick: () => d?.(t),
+							children: [
+								/* @__PURE__ */ s("div", {
+									className: "flex w-full items-start justify-between gap-2",
+									children: [/* @__PURE__ */ o("span", {
+										className: "text-sm font-semibold leading-tight text-foreground",
+										children: t.title
+									}), !t.read && /* @__PURE__ */ o("span", { className: "mt-1 flex size-2 shrink-0 rounded-full bg-[color:var(--aui-brand-strong)] shadow-[0_0_0_4px_color-mix(in_srgb,var(--aui-brand-strong)_14%,transparent)]" })]
+								}),
+								t.description && /* @__PURE__ */ o("span", {
+									className: "line-clamp-2 text-xs leading-5 text-muted-foreground",
+									children: t.description
+								}),
+								t.time && /* @__PURE__ */ o("span", {
+									className: "mt-1 text-[10px] font-semibold uppercase tracking-[0.16em] text-muted-foreground/80",
+									children: t.time
+								})
+							]
+						}, t.id))]
+					}, t))
+				})
+			})]
+		})] })
+	});
+}
+//#endregion
+export { c as NotificationCenter };

package/dist/src/components/notifications/toast.cjs

@@ -0,0 +1 @@
+"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");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");var o=r.createContext(null),s={default:`border-border bg-popover text-popover-foreground`,success:`border-emerald-500/20 bg-emerald-500/10 text-emerald-950 dark:text-emerald-100`,info:`border-blue-500/20 bg-blue-500/10 text-blue-950 dark:text-blue-100`,warning:`border-amber-500/20 bg-amber-500/10 text-amber-950 dark:text-amber-100`,danger:`border-destructive/20 bg-destructive/10 text-destructive`,loading:`border-border bg-popover text-popover-foreground`},c={default:(0,a.jsx)(i.InfoIcon,{className:`size-4`}),success:(0,a.jsx)(i.CheckCircle2Icon,{className:`size-4`}),info:(0,a.jsx)(i.InfoIcon,{className:`size-4`}),warning:(0,a.jsx)(i.TriangleAlertIcon,{className:`size-4`}),danger:(0,a.jsx)(i.AlertCircleIcon,{className:`size-4`}),loading:(0,a.jsx)(i.Loader2Icon,{className:`size-4 animate-spin`})};function l(){return`toast-${Date.now()}-${Math.random().toString(16).slice(2)}`}function u(e){return typeof e==`object`&&!!e&&!r.isValidElement(e)&&!Array.isArray(e)}function d(e,t){return u(e)?{...e,tone:e.tone??t}:{title:e,tone:t}}function f(e,t){return typeof e==`function`?e(t):e}var p={"top-right":`right-4 top-4`,"top-left":`left-4 top-4`,"bottom-right":`bottom-4 right-4`,"bottom-left":`bottom-4 left-4`,"top-center":`left-1/2 top-4 -translate-x-1/2`,"bottom-center":`bottom-4 left-1/2 -translate-x-1/2`};function m({children:e,defaultDuration:n=4e3,maxToasts:i=5,pauseOnHover:s=!0,position:c=`top-right`}){let[u,m]=r.useState([]),g=r.useCallback(e=>{m(t=>t.filter(t=>t.id!==e))},[]),_=r.useCallback(e=>{let t=e.id??l(),r={tone:`default`,duration:n,dismissible:!0,...e,id:t};return m(e=>[r,...e.filter(e=>e.id!==t)].slice(0,i)),t},[n,i]),v=r.useCallback((e,t)=>{m(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),y=r.useCallback(()=>{m([])},[]),b=r.useCallback(e=>_(d(e,`success`)),[_]),x=r.useCallback(e=>_(d(e,`info`)),[_]),S=r.useCallback(e=>_(d(e,`warning`)),[_]),C=r.useCallback(e=>_(d(e,`danger`)),[_]),w=r.useCallback(e=>_({duration:0,...d(e,`loading`)}),[_]),T=r.useCallback(async(e,t)=>{let r=_({duration:0,dismissible:!1,...d(t.loading,`loading`)});try{let i=await e;return v(r,{duration:n,dismissible:!0,...d(f(t.success,i),`success`)}),i}catch(e){throw v(r,{duration:n,dismissible:!0,...d(f(t.error,e),`danger`)}),e}},[_,n,v]),E=r.useMemo(()=>({toasts:u,addToast:_,updateToast:v,dismissToast:g,clearToasts:y,success:b,info:x,warning:S,error:C,loading:w,promise:T}),[_,y,g,C,x,w,T,b,u,v,S]);return(0,a.jsxs)(o.Provider,{value:E,children:[e,(0,a.jsx)(`div`,{"data-slot":`toast-viewport`,className:t.cn(`fixed z-[100] flex w-[min(100%-2rem,24rem)] flex-col gap-2`,p[c]),children:u.map(e=>(0,a.jsx)(h,{toast:e,pauseOnHover:s,onDismiss:g},e.id))})]})}function h({toast:e,pauseOnHover:o,onDismiss:l}){let u=e.tone??`default`,[d,f]=r.useState(!1);return r.useEffect(()=>{if(e.duration===1/0||e.duration===0||o&&d)return;let t=window.setTimeout(()=>l(e.id),e.duration??4e3);return()=>window.clearTimeout(t)},[d,l,o,e.duration,e.id]),(0,a.jsxs)(`div`,{"data-slot":`toast`,"data-tone":u,className:t.cn(`flex gap-3 rounded-lg border p-3 shadow-lg backdrop-blur`,s[u]),role:`status`,"aria-live":`polite`,onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),children:[(0,a.jsx)(`div`,{className:`mt-0.5 shrink-0`,children:c[u]}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1`,children:[e.group?(0,a.jsx)(`div`,{className:`text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:e.group}):null,e.title&&(0,a.jsx)(`div`,{className:`text-sm font-medium leading-none`,children:e.title}),e.description&&(0,a.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e.description}),e.action&&(0,a.jsx)(`div`,{className:`pt-1`,children:e.action})]}),e.dismissible!==!1&&(0,a.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`icon-xs`,onClick:()=>l(e.id),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Dismiss`})]})]})}function g(){let e=r.useContext(o);if(!e)throw Error(`useToast must be used inside ToastProvider`);return e}exports.ToastProvider=m,exports.useToast=g;

package/dist/src/components/notifications/toast.js

@@ -0,0 +1,198 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import * as n from "react";
+import { AlertCircleIcon as r, CheckCircle2Icon as i, InfoIcon as a, Loader2Icon as o, TriangleAlertIcon as s, XIcon as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/notifications/toast.tsx
+var d = n.createContext(null), f = {
+	default: "border-border bg-popover text-popover-foreground",
+	success: "border-emerald-500/20 bg-emerald-500/10 text-emerald-950 dark:text-emerald-100",
+	info: "border-blue-500/20 bg-blue-500/10 text-blue-950 dark:text-blue-100",
+	warning: "border-amber-500/20 bg-amber-500/10 text-amber-950 dark:text-amber-100",
+	danger: "border-destructive/20 bg-destructive/10 text-destructive",
+	loading: "border-border bg-popover text-popover-foreground"
+}, p = {
+	default: /* @__PURE__ */ l(a, { className: "size-4" }),
+	success: /* @__PURE__ */ l(i, { className: "size-4" }),
+	info: /* @__PURE__ */ l(a, { className: "size-4" }),
+	warning: /* @__PURE__ */ l(s, { className: "size-4" }),
+	danger: /* @__PURE__ */ l(r, { className: "size-4" }),
+	loading: /* @__PURE__ */ l(o, { className: "size-4 animate-spin" })
+};
+function m() {
+	return `toast-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+}
+function h(e) {
+	return typeof e == "object" && !!e && !n.isValidElement(e) && !Array.isArray(e);
+}
+function g(e, t) {
+	return h(e) ? {
+		...e,
+		tone: e.tone ?? t
+	} : {
+		title: e,
+		tone: t
+	};
+}
+function _(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var v = {
+	"top-right": "right-4 top-4",
+	"top-left": "left-4 top-4",
+	"bottom-right": "bottom-4 right-4",
+	"bottom-left": "bottom-4 left-4",
+	"top-center": "left-1/2 top-4 -translate-x-1/2",
+	"bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
+};
+function y({ children: t, defaultDuration: r = 4e3, maxToasts: i = 5, pauseOnHover: a = !0, position: o = "top-right" }) {
+	let [s, c] = n.useState([]), f = n.useCallback((e) => {
+		c((t) => t.filter((t) => t.id !== e));
+	}, []), p = n.useCallback((e) => {
+		let t = e.id ?? m(), n = {
+			tone: "default",
+			duration: r,
+			dismissible: !0,
+			...e,
+			id: t
+		};
+		return c((e) => [n, ...e.filter((e) => e.id !== t)].slice(0, i)), t;
+	}, [r, i]), h = n.useCallback((e, t) => {
+		c((n) => n.map((n) => n.id === e ? {
+			...n,
+			...t
+		} : n));
+	}, []), y = n.useCallback(() => {
+		c([]);
+	}, []), x = n.useCallback((e) => p(g(e, "success")), [p]), S = n.useCallback((e) => p(g(e, "info")), [p]), C = n.useCallback((e) => p(g(e, "warning")), [p]), w = n.useCallback((e) => p(g(e, "danger")), [p]), T = n.useCallback((e) => p({
+		duration: 0,
+		...g(e, "loading")
+	}), [p]), E = n.useCallback(async (e, t) => {
+		let n = p({
+			duration: 0,
+			dismissible: !1,
+			...g(t.loading, "loading")
+		});
+		try {
+			let i = await e;
+			return h(n, {
+				duration: r,
+				dismissible: !0,
+				...g(_(t.success, i), "success")
+			}), i;
+		} catch (e) {
+			throw h(n, {
+				duration: r,
+				dismissible: !0,
+				...g(_(t.error, e), "danger")
+			}), e;
+		}
+	}, [
+		p,
+		r,
+		h
+	]), D = n.useMemo(() => ({
+		toasts: s,
+		addToast: p,
+		updateToast: h,
+		dismissToast: f,
+		clearToasts: y,
+		success: x,
+		info: S,
+		warning: C,
+		error: w,
+		loading: T,
+		promise: E
+	}), [
+		p,
+		y,
+		f,
+		w,
+		S,
+		T,
+		E,
+		x,
+		s,
+		h,
+		C
+	]);
+	return /* @__PURE__ */ u(d.Provider, {
+		value: D,
+		children: [t, /* @__PURE__ */ l("div", {
+			"data-slot": "toast-viewport",
+			className: e("fixed z-[100] flex w-[min(100%-2rem,24rem)] flex-col gap-2", v[o]),
+			children: s.map((e) => /* @__PURE__ */ l(b, {
+				toast: e,
+				pauseOnHover: a,
+				onDismiss: f
+			}, e.id))
+		})]
+	});
+}
+function b({ toast: r, pauseOnHover: i, onDismiss: a }) {
+	let o = r.tone ?? "default", [s, d] = n.useState(!1);
+	return n.useEffect(() => {
+		if (r.duration === Infinity || r.duration === 0 || i && s) return;
+		let e = window.setTimeout(() => a(r.id), r.duration ?? 4e3);
+		return () => window.clearTimeout(e);
+	}, [
+		s,
+		a,
+		i,
+		r.duration,
+		r.id
+	]), /* @__PURE__ */ u("div", {
+		"data-slot": "toast",
+		"data-tone": o,
+		className: e("flex gap-3 rounded-lg border p-3 shadow-lg backdrop-blur", f[o]),
+		role: "status",
+		"aria-live": "polite",
+		onMouseEnter: () => d(!0),
+		onMouseLeave: () => d(!1),
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "mt-0.5 shrink-0",
+				children: p[o]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "min-w-0 flex-1 space-y-1",
+				children: [
+					r.group ? /* @__PURE__ */ l("div", {
+						className: "text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground",
+						children: r.group
+					}) : null,
+					r.title && /* @__PURE__ */ l("div", {
+						className: "text-sm font-medium leading-none",
+						children: r.title
+					}),
+					r.description && /* @__PURE__ */ l("div", {
+						className: "text-sm text-muted-foreground",
+						children: r.description
+					}),
+					r.action && /* @__PURE__ */ l("div", {
+						className: "pt-1",
+						children: r.action
+					})
+				]
+			}),
+			r.dismissible !== !1 && /* @__PURE__ */ u(t, {
+				type: "button",
+				variant: "ghost",
+				size: "icon-xs",
+				onClick: () => a(r.id),
+				children: [/* @__PURE__ */ l(c, {}), /* @__PURE__ */ l("span", {
+					className: "sr-only",
+					children: "Dismiss"
+				})]
+			})
+		]
+	});
+}
+function x() {
+	let e = n.useContext(d);
+	if (!e) throw Error("useToast must be used inside ToastProvider");
+	return e;
+}
+//#endregion
+export { y as ToastProvider, x as useToast };

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

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs"),n=require("../ui/input/index.cjs"),r=require("../ui/dialog/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({title:e=`Are you sure?`,description:s,icon:c=(0,o.jsx)(a.AlertTriangleIcon,{}),cancelLabel:l=`Cancel`,actionLabel:u=`Continue`,actionTone:d=`destructive`,cancelVariant:f=`outline`,loading:p=!1,closeOnAction:m=!0,confirmValue:h,confirmLabel:g=`Type to confirm`,confirmPlaceholder:_,confirmDescription:v,confirmCaseSensitive:y=!0,severityNote:b,errorMessage:x=`Action could not be completed. Try again.`,onActionError:S,onAction:C,children:w,preventCloseWhileLoading:T=!0,actionButtonProps:E,cancelButtonProps:D,onOpenChange:O,...k}){let[A,j]=i.useState(!1),[M,N]=i.useState(``),[P,F]=i.useState(null),I=p||A,L=!!h?.trim(),R=y?h?.trim():h?.trim().toLowerCase(),z=y?M.trim():M.trim().toLowerCase(),B=!L||z===R;i.useEffect(()=>{k.open||(N(``),F(null))},[k.open]);let V=i.useCallback((e,t)=>{!e&&T&&I||O?.(e,t)},[O,T,I]),H=()=>{V(!1,void 0)},U=async()=>{if(!(!B||I)){if(F(null),!C){m&&H();return}try{j(!0),await C(),m&&H()}catch(e){F(x),S?.(e)}finally{j(!1)}}};return(0,o.jsxs)(r.Dialog,{onOpenChange:V,...k,children:[w,(0,o.jsxs)(r.DialogContent,{children:[(0,o.jsxs)(r.DialogHeader,{children:[(0,o.jsx)(`div`,{className:`mb-3 inline-flex size-11 items-center justify-center rounded-2xl border border-destructive/20 bg-destructive/10 text-destructive [&_svg]:size-5`,children:c}),(0,o.jsx)(r.DialogTitle,{children:e}),s?(0,o.jsx)(r.DialogDescription,{children:s}):null]}),L?(0,o.jsxs)(`div`,{className:`grid gap-2.5`,children:[(0,o.jsxs)(`div`,{className:`space-y-1`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium text-foreground`,children:g}),(0,o.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:v??(0,o.jsxs)(o.Fragment,{children:[`Type `,(0,o.jsx)(`span`,{className:`font-semibold text-foreground`,children:h}),` to continue.`]})})]}),(0,o.jsx)(n.Input,{value:M,onValueChange:N,placeholder:_??h,autoComplete:`off`,autoCapitalize:`off`,spellCheck:!1,"aria-invalid":P?!0:void 0,"aria-describedby":P?`alert-dialog-error`:void 0})]}):null,b?(0,o.jsx)(`div`,{className:`rounded-2xl border border-border/70 bg-muted/35 px-3.5 py-3 text-sm leading-6 text-muted-foreground`,children:b}):null,P?(0,o.jsx)(`div`,{id:`alert-dialog-error`,role:`alert`,"aria-live":`polite`,className:`rounded-2xl border border-destructive/20 bg-destructive/8 px-3.5 py-3 text-sm leading-6 text-destructive`,children:P}):null,(0,o.jsxs)(r.DialogFooter,{children:[(0,o.jsx)(r.DialogClose,{render:()=>(0,o.jsx)(t.Button,{type:`button`,variant:f,disabled:I,...D,children:l})}),(0,o.jsx)(t.Button,{type:`button`,variant:d===`destructive`?`destructive`:`default`,loading:I,disabled:!B||I,onClick:()=>void U(),...E,children:u})]})]})]})}exports.AlertDialog=s;

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

@@ -0,0 +1,108 @@
+"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 };

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

@@ -0,0 +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;

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

@@ -0,0 +1,42 @@
+"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 };