tembro 6.0.3 → 6.1.1

package/dist/src/components/modern/resizable-panel.js

@@ -2,19 +2,19 @@
 import { cn as e } from "../../lib/utils.js";
 import * as t from "react";
 import { GripVerticalIcon as n } from "lucide-react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/modern/resizable-panel.tsx
-var i = t.createContext(null);
-function a(e) {
+var a = t.createContext(null);
+function o(e) {
 	if (typeof e == "number") return e;
 	if (typeof e == "string") {
 		let t = Number.parseFloat(e.replace("%", ""));
 		return Number.isFinite(t) ? t : void 0;
 	}
 }
-function o({ direction: n = "horizontal", className: o, children: l, ...u }) {
-	let d = t.useRef(null), f = t.Children.toArray(l).filter((e) => t.isValidElement(e) && e.type === s), p = f.length, m = t.useMemo(() => {
-		let e = f.map((e) => a(e.props.defaultSize)), t = e.reduce((e, t) => e + (t ?? 0), 0), n = e.filter((e) => e === void 0).length, r = Math.max(100 - t, 0), i = n > 0 ? r / n : p > 0 ? 100 / p : 100;
+function s({ direction: n = "horizontal", className: i, children: s, ...u }) {
+	let d = t.useRef(null), f = t.Children.toArray(s).filter((e) => t.isValidElement(e) && e.type === c), p = f.length, m = t.useMemo(() => {
+		let e = f.map((e) => o(e.props.defaultSize)), t = e.reduce((e, t) => e + (t ?? 0), 0), n = e.filter((e) => e === void 0).length, r = Math.max(100 - t, 0), i = n > 0 ? r / n : p > 0 ? 100 / p : 100;
 		return e.map((e) => e ?? i);
 	}, [p, f]), h = t.useMemo(() => f.map((e) => e.props.minSize ?? 15), [f]), [g, _] = t.useState(m);
 	t.useEffect(() => {
@@ -34,19 +34,19 @@ function o({ direction: n = "horizontal", className: o, children: l, ...u }) {
 		n,
 		h,
 		p
-	]), y = t.Children.map(l, (e) => {
+	]), y = t.Children.map(s, (e) => {
 		if (!t.isValidElement(e)) return e;
-		if (e.type === s) {
+		if (e.type === c) {
 			let n = f.findIndex((t) => t === e);
 			return t.cloneElement(e, { "data-panel-index": n });
 		}
-		if (e.type === c) {
-			let n = t.Children.toArray(l).slice(0, t.Children.toArray(l).indexOf(e)).filter((e) => t.isValidElement(e) && e.type === s).length - 1;
+		if (e.type === l) {
+			let n = t.Children.toArray(s).slice(0, t.Children.toArray(s).indexOf(e)).filter((e) => t.isValidElement(e) && e.type === c).length - 1;
 			return t.cloneElement(e, { "data-handle-index": n });
 		}
 		return e;
 	});
-	return /* @__PURE__ */ r(i.Provider, {
+	return /* @__PURE__ */ r(a.Provider, {
 		value: {
 			direction: n,
 			getSize: (e) => g[e] ?? 100 / Math.max(p, 1),
@@ -56,58 +56,65 @@ function o({ direction: n = "horizontal", className: o, children: l, ...u }) {
 			ref: d,
 			"data-slot": "resizable-panel-group",
 			"data-direction": n,
-			className: e("flex gap-2", n === "horizontal" ? "flex-row items-stretch" : "flex-col", o),
+			className: e("flex", n === "horizontal" ? "flex-row items-stretch" : "flex-col", i),
 			...u,
 			children: y
 		})
 	});
 }
-function s({ className: n, style: o, defaultSize: s, minSize: c, ...l }) {
-	let u = t.useContext(i), d = Number(l["data-panel-index"] ?? 0), f = u ? u.getSize(d) : a(s) ?? 100;
+function c({ className: n, style: i, defaultSize: s, minSize: c, ...l }) {
+	let u = t.useContext(a), d = Number(l["data-panel-index"] ?? 0), f = u ? u.getSize(d) : o(s) ?? 100;
 	return /* @__PURE__ */ r("div", {
 		"data-slot": "resizable-panel",
-		className: e("min-h-24 overflow-auto rounded-lg border bg-card p-3", n),
+		className: e("min-h-24 min-w-0 overflow-auto rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-3 shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))]", n),
 		style: {
 			flexBasis: `${f}%`,
 			flexGrow: 0,
 			flexShrink: 0,
-			...o
+			...i
 		},
 		...l
 	});
 }
-function c({ className: a, ...o }) {
-	let s = t.useContext(i), c = Number(o["data-handle-index"] ?? 0), l = t.useRef(null);
-	return /* @__PURE__ */ r("button", {
+function l({ className: o, ...s }) {
+	let c = t.useContext(a), l = Number(s["data-handle-index"] ?? 0), u = t.useRef(null);
+	return /* @__PURE__ */ i("button", {
 		type: "button",
 		"data-slot": "resizable-handle",
 		"aria-label": "Resize panels",
-		className: e("relative flex shrink-0 items-center justify-center rounded-full border border-border/70 bg-background/85 text-muted-foreground shadow-sm transition-colors hover:border-ring/45 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", s?.direction === "horizontal" ? "w-3 cursor-col-resize" : "h-3 cursor-row-resize", a),
+		"aria-orientation": c?.direction ?? "horizontal",
+		className: e("group relative flex shrink-0 items-center justify-center text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring", c?.direction === "horizontal" ? "w-4 cursor-col-resize px-1" : "h-4 cursor-row-resize py-1", o),
 		onPointerDown: (e) => {
-			s && (l.current = {
+			c && (u.current = {
 				pointerId: e.pointerId,
-				axis: s.direction === "horizontal" ? e.clientX : e.clientY
+				axis: c.direction === "horizontal" ? e.clientX : e.clientY
 			}, e.currentTarget.setPointerCapture(e.pointerId));
 		},
 		onPointerMove: (e) => {
-			if (!s || !l.current || l.current.pointerId !== e.pointerId) return;
-			let t = s.direction === "horizontal" ? e.clientX : e.clientY, n = t - l.current.axis;
-			n !== 0 && (l.current.axis = t, s.resizePanels(c, n));
+			if (!c || !u.current || u.current.pointerId !== e.pointerId) return;
+			let t = c.direction === "horizontal" ? e.clientX : e.clientY, n = t - u.current.axis;
+			n !== 0 && (u.current.axis = t, c.resizePanels(l, n));
 		},
 		onPointerUp: (e) => {
-			l.current?.pointerId === e.pointerId && (l.current = null);
+			u.current?.pointerId === e.pointerId && (u.current = null);
 		},
 		onPointerCancel: () => {
-			l.current = null;
+			u.current = null;
 		},
 		onKeyDown: (e) => {
-			if (!s) return;
+			if (!c) return;
 			let t = e.shiftKey ? 24 : 12;
-			s.direction === "horizontal" && e.key === "ArrowLeft" && (e.preventDefault(), s.resizePanels(c, -t)), s.direction === "horizontal" && e.key === "ArrowRight" && (e.preventDefault(), s.resizePanels(c, t)), s.direction === "vertical" && e.key === "ArrowUp" && (e.preventDefault(), s.resizePanels(c, -t)), s.direction === "vertical" && e.key === "ArrowDown" && (e.preventDefault(), s.resizePanels(c, t));
+			c.direction === "horizontal" && e.key === "ArrowLeft" && (e.preventDefault(), c.resizePanels(l, -t)), c.direction === "horizontal" && e.key === "ArrowRight" && (e.preventDefault(), c.resizePanels(l, t)), c.direction === "vertical" && e.key === "ArrowUp" && (e.preventDefault(), c.resizePanels(l, -t)), c.direction === "vertical" && e.key === "ArrowDown" && (e.preventDefault(), c.resizePanels(l, t));
 		},
-		...o,
-		children: /* @__PURE__ */ r(n, { className: e("size-3", s?.direction === "vertical" && "rotate-90") })
+		...s,
+		children: [/* @__PURE__ */ r("span", {
+			"aria-hidden": "true",
+			className: e("absolute rounded-full bg-border transition-colors group-hover:bg-ring/55", c?.direction === "horizontal" ? "inset-y-2 left-1/2 w-px -translate-x-1/2" : "inset-x-2 top-1/2 h-px -translate-y-1/2")
+		}), /* @__PURE__ */ r("span", {
+			className: "relative grid size-5 place-items-center rounded-full border border-border/75 bg-background shadow-sm transition-colors group-hover:border-ring/45",
+			children: /* @__PURE__ */ r(n, { className: e("size-3", c?.direction === "vertical" && "rotate-90") })
+		})]
 	});
 }
 //#endregion
-export { c as ResizableHandle, s as ResizablePanel, o as ResizablePanelGroup };
+export { l as ResizableHandle, c as ResizablePanel, s as ResizablePanelGroup };

package/dist/src/components/modern/spreadsheet.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");function o(e){return e===`center`?`text-center`:e===`right`?`text-right`:`text-left`}function s(e,t){return{key:`row-${Date.now()}-${t}`,cells:Object.fromEntries(e.map(e=>[e.key,``]))}}function c({columns:e,rows:c,defaultRows:l=[],onRowsChange:u,onCellChange:d,selectedCell:f,defaultSelectedCell:p,onSelectedCellChange:m,readOnly:h=!1,showRowNumbers:g=!0,showAddRow:_=!0,addRowLabel:v=`Add row`,empty:y=`No rows yet.`,className:b,...x}){let[S,C]=r.useState(l),[w,T]=r.useState(p),E=c??S,D=f??w,O=(e,t)=>{c===void 0&&C(e),u?.(e,t)},k=e=>{f===void 0&&T(e),m?.(e)},A=(e,t)=>{let n=E.map(n=>n.key===e.rowKey?{...n,cells:{...n.cells,[e.columnKey]:t}}:n);O(n,e),d?.(t,e,n)},j=()=>{O([...E,s(e,E.length+1)])};return(0,a.jsxs)(`div`,{"data-slot":`spreadsheet`,className:t.cn(`grid min-w-0 gap-3 rounded-lg border bg-card p-3 shadow-sm`,b),...x,children:[(0,a.jsx)(`div`,{className:`overflow-auto rounded-lg border`,children:(0,a.jsxs)(`table`,{className:`w-full min-w-[48rem] border-collapse text-sm`,children:[(0,a.jsx)(`thead`,{className:`sticky top-0 z-10 bg-muted/80 backdrop-blur`,children:(0,a.jsxs)(`tr`,{children:[g?(0,a.jsx)(`th`,{className:`w-12 border-b border-r px-3 py-2 text-left text-xs font-medium text-muted-foreground`,children:`#`}):null,e.map(e=>(0,a.jsx)(`th`,{className:t.cn(`border-b border-r px-3 py-2 text-xs font-medium uppercase tracking-wide text-muted-foreground last:border-r-0`,o(e.align)),style:{width:e.width},children:e.label},e.key))]})}),(0,a.jsx)(`tbody`,{children:E.length?E.map((n,r)=>(0,a.jsxs)(`tr`,{"data-readonly":n.readOnly||void 0,className:`odd:bg-background even:bg-muted/18`,children:[g?(0,a.jsx)(`th`,{className:`border-r px-3 py-1.5 text-left text-xs font-medium text-muted-foreground`,children:r+1}):null,e.map(e=>{let i={rowKey:n.key,columnKey:e.key},s=D?.rowKey===n.key&&D.columnKey===e.key,c=n.cells[e.key]??``,l=h||n.readOnly||e.readOnly;return(0,a.jsx)(`td`,{"data-selected":s||void 0,className:`border-r border-t p-0 last:border-r-0 data-[selected=true]:ring-2 data-[selected=true]:ring-inset data-[selected=true]:ring-primary/55`,children:l&&e.formatter?(0,a.jsx)(`div`,{className:t.cn(`min-h-10 px-3 py-2`,o(e.align)),children:e.formatter(c,n)}):(0,a.jsx)(`input`,{"aria-label":`${String(e.label)} row ${r+1}`,value:c,readOnly:l,className:t.cn(`h-10 w-full bg-transparent px-3 outline-none transition focus:bg-background read-only:cursor-default`,o(e.align)),onFocus:()=>k(i),onChange:e=>A(i,e.target.value)})},e.key)})]},n.key)):(0,a.jsx)(`tr`,{children:(0,a.jsx)(`td`,{colSpan:e.length+ +!!g,className:`h-32 text-center text-sm text-muted-foreground`,children:y})})})]})}),_&&!h?(0,a.jsx)(n.Button,{type:`button`,className:`w-fit`,variant:`outline`,size:`sm`,leftIcon:(0,a.jsx)(i.PlusIcon,{}),onClick:j,children:v}):null]})}exports.Spreadsheet=c;

package/dist/src/components/modern/spreadsheet.js

@@ -0,0 +1,97 @@
+"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 { PlusIcon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/modern/spreadsheet.tsx
+function o(e) {
+	return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
+}
+function s(e, t) {
+	return {
+		key: `row-${Date.now()}-${t}`,
+		cells: Object.fromEntries(e.map((e) => [e.key, ""]))
+	};
+}
+function c({ columns: c, rows: l, defaultRows: u = [], onRowsChange: d, onCellChange: f, selectedCell: p, defaultSelectedCell: m, onSelectedCellChange: h, readOnly: g = !1, showRowNumbers: _ = !0, showAddRow: v = !0, addRowLabel: y = "Add row", empty: b = "No rows yet.", className: x, ...S }) {
+	let [C, w] = n.useState(u), [T, E] = n.useState(m), D = l ?? C, O = p ?? T, k = (e, t) => {
+		l === void 0 && w(e), d?.(e, t);
+	}, A = (e) => {
+		p === void 0 && E(e), h?.(e);
+	}, j = (e, t) => {
+		let n = D.map((n) => n.key === e.rowKey ? {
+			...n,
+			cells: {
+				...n.cells,
+				[e.columnKey]: t
+			}
+		} : n);
+		k(n, e), f?.(t, e, n);
+	}, M = () => {
+		k([...D, s(c, D.length + 1)]);
+	};
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "spreadsheet",
+		className: e("grid min-w-0 gap-3 rounded-lg border bg-card p-3 shadow-sm", x),
+		...S,
+		children: [/* @__PURE__ */ i("div", {
+			className: "overflow-auto rounded-lg border",
+			children: /* @__PURE__ */ a("table", {
+				className: "w-full min-w-[48rem] border-collapse text-sm",
+				children: [/* @__PURE__ */ i("thead", {
+					className: "sticky top-0 z-10 bg-muted/80 backdrop-blur",
+					children: /* @__PURE__ */ a("tr", { children: [_ ? /* @__PURE__ */ i("th", {
+						className: "w-12 border-b border-r px-3 py-2 text-left text-xs font-medium text-muted-foreground",
+						children: "#"
+					}) : null, c.map((t) => /* @__PURE__ */ i("th", {
+						className: e("border-b border-r px-3 py-2 text-xs font-medium uppercase tracking-wide text-muted-foreground last:border-r-0", o(t.align)),
+						style: { width: t.width },
+						children: t.label
+					}, t.key))] })
+				}), /* @__PURE__ */ i("tbody", { children: D.length ? D.map((t, n) => /* @__PURE__ */ a("tr", {
+					"data-readonly": t.readOnly || void 0,
+					className: "odd:bg-background even:bg-muted/18",
+					children: [_ ? /* @__PURE__ */ i("th", {
+						className: "border-r px-3 py-1.5 text-left text-xs font-medium text-muted-foreground",
+						children: n + 1
+					}) : null, c.map((r) => {
+						let a = {
+							rowKey: t.key,
+							columnKey: r.key
+						}, s = O?.rowKey === t.key && O.columnKey === r.key, c = t.cells[r.key] ?? "", l = g || t.readOnly || r.readOnly;
+						return /* @__PURE__ */ i("td", {
+							"data-selected": s || void 0,
+							className: "border-r border-t p-0 last:border-r-0 data-[selected=true]:ring-2 data-[selected=true]:ring-inset data-[selected=true]:ring-primary/55",
+							children: l && r.formatter ? /* @__PURE__ */ i("div", {
+								className: e("min-h-10 px-3 py-2", o(r.align)),
+								children: r.formatter(c, t)
+							}) : /* @__PURE__ */ i("input", {
+								"aria-label": `${String(r.label)} row ${n + 1}`,
+								value: c,
+								readOnly: l,
+								className: e("h-10 w-full bg-transparent px-3 outline-none transition focus:bg-background read-only:cursor-default", o(r.align)),
+								onFocus: () => A(a),
+								onChange: (e) => j(a, e.target.value)
+							})
+						}, r.key);
+					})]
+				}, t.key)) : /* @__PURE__ */ i("tr", { children: /* @__PURE__ */ i("td", {
+					colSpan: c.length + +!!_,
+					className: "h-32 text-center text-sm text-muted-foreground",
+					children: b
+				}) }) })]
+			})
+		}), v && !g ? /* @__PURE__ */ i(t, {
+			type: "button",
+			className: "w-fit",
+			variant: "outline",
+			size: "sm",
+			leftIcon: /* @__PURE__ */ i(r, {}),
+			onClick: M,
+			children: y
+		}) : null]
+	});
+}
+//#endregion
+export { c as Spreadsheet };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o(e,t){let n=Math.max(t-e+1,0);return Array.from({length:n},(t,n)=>n+e)}function s(e,t,n=1){if(t<=n*2+5)return o(1,t);let r=Math.max(e-n,1),i=Math.min(e+n,t),a=r>2,s=i<t-1;return!a&&s?[...o(1,n*2+3),`ellipsis`,t]:a&&!s?[1,`ellipsis`,...o(t-(n*2+3)+1,t)]:[1,`ellipsis`,...o(r,i),`ellipsis`,t]}function c({className:e,page:r,pageCount:o,onPageChange:c,siblingCount:l=1,showEdges:u=!0,disabled:d=!1,labels:f,compact:p=!1,totalCount:m,pageSize:h,pageSizeOptions:g,onPageSizeChange:_,showSummary:v=!1,...y}){let b=Math.max(o,1),x=Math.min(Math.max(r,1),b),S=s(x,b,l),C=e=>{let t=Math.min(Math.max(e,1),b);t!==x&&c(t)};return(0,a.jsxs)(`nav`,{"data-slot":`pagination`,"aria-label":`Pagination`,className:t.cn(`flex flex-wrap items-center justify-center gap-1 rounded-full border border-border/70 bg-background/76 p-1 shadow-none backdrop-blur`,e),...y,children:[v&&m!==void 0&&h?(0,a.jsxs)(`div`,{className:`px-2 text-xs text-muted-foreground`,children:[Math.min((x-1)*h+1,m),`-`,Math.min(x*h,m),` of `,m]}):null,u&&(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d||x<=1,"aria-label":f?.first??`First page`,onClick:()=>C(1),children:(0,a.jsx)(i.ChevronFirstIcon,{})}),(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d||x<=1,"aria-label":f?.previous??`Previous page`,onClick:()=>C(x-1),children:(0,a.jsx)(i.ChevronLeftIcon,{})}),S.map((e,r)=>e===`ellipsis`?(0,a.jsxs)(`span`,{"data-slot":`pagination-ellipsis`,className:`flex size-8 items-center justify-center text-muted-foreground`,children:[(0,a.jsx)(i.MoreHorizontalIcon,{className:`size-4`}),(0,a.jsx)(`span`,{className:`sr-only`,children:`More pages`})]},`ellipsis-${r}`):(0,a.jsx)(n.Button,{type:`button`,variant:e===x?`default`:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d,"aria-current":e===x?`page`:void 0,"aria-label":f?.page?.(e)??`Page ${e}`,onClick:()=>C(e),className:t.cn(e!==x&&`border-border/70 bg-background/80 shadow-none`),children:e},e)),(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d||x>=b,"aria-label":f?.next??`Next page`,onClick:()=>C(x+1),children:(0,a.jsx)(i.ChevronRightIcon,{})}),u&&(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d||x>=b,"aria-label":f?.last??`Last page`,onClick:()=>C(b),children:(0,a.jsx)(i.ChevronLastIcon,{})}),g&&h&&_?(0,a.jsxs)(`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:[(0,a.jsx)(`span`,{children:`Rows`}),(0,a.jsx)(`select`,{className:`bg-transparent text-foreground outline-none`,value:h,onChange:e=>_(Number(e.target.value)),disabled:d,children:g.map(e=>(0,a.jsx)(`option`,{value:e,children:e},e))})]}):null]})}exports.Pagination=c,exports.getPaginationItems=s;
+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){let n=Math.max(t-e+1,0);return Array.from({length:n},(t,n)=>n+e)}function s(e,t,n=1){if(t<=n*2+5)return o(1,t);let r=Math.max(e-n,1),i=Math.min(e+n,t),a=r>2,s=i<t-1;return!a&&s?[...o(1,n*2+3),`ellipsis`,t]:a&&!s?[1,`ellipsis`,...o(t-(n*2+3)+1,t)]:[1,`ellipsis`,...o(r,i),`ellipsis`,t]}function c({className:e,page:r,pageCount:o,onPageChange:c,siblingCount:l=1,showEdges:u=!0,disabled:d=!1,labels:f,compact:p=!1,totalCount:m,pageSize:h,pageSizeOptions:g,onPageSizeChange:_,showSummary:v=!1,...y}){let b=Math.max(o,1),x=Math.min(Math.max(r,1),b),S=s(x,b,l),C=e=>{let t=Math.min(Math.max(e,1),b);t!==x&&c(t)};return(0,a.jsxs)(`nav`,{"data-slot":`pagination`,"aria-label":`Pagination`,className:t.cn(`flex flex-wrap items-center justify-center gap-1.5 rounded-[var(--radius-lg)] border border-border/72 bg-background/84 p-1.5 shadow-[0_1px_2px_rgba(15,23,42,0.04)] backdrop-blur`,e),...y,children:[v&&m!==void 0&&h?(0,a.jsxs)(`div`,{className:`mr-1 rounded-[var(--radius-md)] bg-muted/55 px-2.5 py-1.5 text-xs font-medium text-muted-foreground`,children:[Math.min((x-1)*h+1,m),`-`,Math.min(x*h,m),` of `,m]}):null,u&&(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d||x<=1,"aria-label":f?.first??`First page`,onClick:()=>C(1),children:(0,a.jsx)(i.ChevronFirstIcon,{})}),(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d||x<=1,"aria-label":f?.previous??`Previous page`,onClick:()=>C(x-1),children:(0,a.jsx)(i.ChevronLeftIcon,{})}),S.map((e,r)=>e===`ellipsis`?(0,a.jsxs)(`span`,{"data-slot":`pagination-ellipsis`,className:`flex size-8 items-center justify-center text-muted-foreground`,children:[(0,a.jsx)(i.MoreHorizontalIcon,{className:`size-4`}),(0,a.jsx)(`span`,{className:`sr-only`,children:`More pages`})]},`ellipsis-${r}`):(0,a.jsx)(n.Button,{type:`button`,variant:e===x?`default`:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d,"aria-current":e===x?`page`:void 0,"aria-label":f?.page?.(e)??`Page ${e}`,onClick:()=>C(e),className:t.cn(`tabular-nums`,e===x&&`shadow-[0_8px_20px_rgba(15,23,42,0.14)]`,e!==x&&`border-border/70 bg-background/80 shadow-none hover:bg-muted/70`),children:e},e)),(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d||x>=b,"aria-label":f?.next??`Next page`,onClick:()=>C(x+1),children:(0,a.jsx)(i.ChevronRightIcon,{})}),u&&(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d||x>=b,"aria-label":f?.last??`Last page`,onClick:()=>C(b),children:(0,a.jsx)(i.ChevronLastIcon,{})}),g&&h&&_?(0,a.jsxs)(`label`,{className:`ml-1 inline-flex h-9 items-center gap-2 rounded-[var(--radius-md)] border border-border/70 bg-background/90 px-3 text-xs font-medium text-muted-foreground`,children:[(0,a.jsx)(`span`,{children:`Rows`}),(0,a.jsx)(`select`,{className:`rounded-sm bg-transparent text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring`,value:h,onChange:e=>_(Number(e.target.value)),disabled:d,children:g.map(e=>(0,a.jsx)(`option`,{value:e,children:e},e))})]}):null]})}exports.Pagination=c,exports.getPaginationItems=s;

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

@@ -35,11 +35,11 @@ function d({ className: l, page: d, pageCount: f, onPageChange: p, siblingCount:
 	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),
+		className: e("flex flex-wrap items-center justify-center gap-1.5 rounded-[var(--radius-lg)] border border-border/72 bg-background/84 p-1.5 shadow-[0_1px_2px_rgba(15,23,42,0.04)] backdrop-blur", l),
 		...w,
 		children: [
 			C && y !== void 0 && b ? /* @__PURE__ */ c("div", {
-				className: "px-2 text-xs text-muted-foreground",
+				className: "mr-1 rounded-[var(--radius-md)] bg-muted/55 px-2.5 py-1.5 text-xs font-medium text-muted-foreground",
 				children: [
 					Math.min((E - 1) * b + 1, y),
 					"-",
@@ -81,7 +81,7 @@ function d({ className: l, page: d, pageCount: f, onPageChange: p, siblingCount:
 				"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"),
+				className: e("tabular-nums", n === E && "shadow-[0_8px_20px_rgba(15,23,42,0.14)]", n !== E && "border-border/70 bg-background/80 shadow-none hover:bg-muted/70"),
 				children: n
 			}, n)),
 			/* @__PURE__ */ s(t, {
@@ -103,9 +103,9 @@ function d({ className: l, page: d, pageCount: f, onPageChange: p, siblingCount:
 				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",
+				className: "ml-1 inline-flex h-9 items-center gap-2 rounded-[var(--radius-md)] border border-border/70 bg-background/90 px-3 text-xs font-medium text-muted-foreground",
 				children: [/* @__PURE__ */ s("span", { children: "Rows" }), /* @__PURE__ */ s("select", {
-					className: "bg-transparent text-foreground outline-none",
+					className: "rounded-sm bg-transparent text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring",
 					value: b,
 					onChange: (e) => S(Number(e.target.value)),
 					disabled: g,

package/dist/src/components/notifications/action-toast.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("./toast.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o({toast:e,children:r,onClick:i,...o}){let s=n.useToast();return(0,a.jsx)(t.Button,{...o,onClick:t=>{i?.(t),!t.defaultPrevented&&c(s,e)},children:r})}function s({onUndo:e,label:n=`Undo`}){return(0,a.jsx)(t.Button,{type:`button`,size:`sm`,variant:`outline`,leftIcon:(0,a.jsx)(i.RotateCcwIcon,{className:`size-3.5`}),onClick:e,children:n})}function c(e,{actionLabel:n=`Action`,onAction:r,undoLabel:i,onUndo:o,...c}){let l=o?(0,a.jsx)(s,{onUndo:o,label:i}):r?(0,a.jsx)(t.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:r,children:n}):void 0;return e.addToast({...c,action:l})}function l(){let e=n.useToast();return r.useCallback(t=>typeof t==`object`&&t&&!r.isValidElement(t)&&!Array.isArray(t)?c(e,t):e.info(t),[e])}exports.ActionToastButton=o,exports.showActionToast=c,exports.useActionToast=l;

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

@@ -0,0 +1,49 @@
+"use client";
+import { Button as e } from "../ui/button/index.js";
+import { useToast as t } from "./toast.js";
+import * as n from "react";
+import { RotateCcwIcon as r } from "lucide-react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/notifications/action-toast.tsx
+function a({ toast: n, children: r, onClick: a, ...o }) {
+	let c = t();
+	return /* @__PURE__ */ i(e, {
+		...o,
+		onClick: (e) => {
+			a?.(e), !e.defaultPrevented && s(c, n);
+		},
+		children: r
+	});
+}
+function o({ onUndo: t, label: n = "Undo" }) {
+	return /* @__PURE__ */ i(e, {
+		type: "button",
+		size: "sm",
+		variant: "outline",
+		leftIcon: /* @__PURE__ */ i(r, { className: "size-3.5" }),
+		onClick: t,
+		children: n
+	});
+}
+function s(t, { actionLabel: n = "Action", onAction: r, undoLabel: a, onUndo: s, ...c }) {
+	let l = s ? /* @__PURE__ */ i(o, {
+		onUndo: s,
+		label: a
+	}) : r ? /* @__PURE__ */ i(e, {
+		type: "button",
+		size: "sm",
+		variant: "outline",
+		onClick: r,
+		children: n
+	}) : void 0;
+	return t.addToast({
+		...c,
+		action: l
+	});
+}
+function c() {
+	let e = t();
+	return n.useCallback((t) => typeof t == "object" && t && !n.isValidElement(t) && !Array.isArray(t) ? s(e, t) : e.info(t), [e]);
+}
+//#endregion
+export { a as ActionToastButton, s as showActionToast, c as useActionToast };

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

@@ -1 +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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./toast.cjs"),t=require("./action-toast.cjs"),n=require("./notification-center.cjs");exports.ActionToastButton=t.ActionToastButton,exports.NotificationCenter=n.NotificationCenter,exports.ToastProvider=e.ToastProvider,exports.showActionToast=t.showActionToast,exports.useActionToast=t.useActionToast,exports.useToast=e.useToast;

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

@@ -1,3 +1,4 @@
 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 };
+import { ActionToastButton as n, showActionToast as r, useActionToast as i } from "./action-toast.js";
+import { NotificationCenter as a } from "./notification-center.js";
+export { n as ActionToastButton, a as NotificationCenter, e as ToastProvider, r as showActionToast, i as useActionToast, t as useToast };

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

@@ -1 +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;
+"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"),o=require("react-dom");var s=r.createContext(null),c={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`},l={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 u(){return`toast-${Date.now()}-${Math.random().toString(16).slice(2)}`}function d(e){return typeof e==`object`&&!!e&&!r.isValidElement(e)&&!Array.isArray(e)}function f(e,t){return d(e)?{...e,tone:e.tone??t}:{title:e,tone:t}}function p(e,t){return typeof e==`function`?e(t):e}var m={"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 h({children:e,defaultDuration:n=4e3,maxToasts:i=5,pauseOnHover:c=!0,position:l=`top-right`}){let[d,h]=r.useState([]),[_,v]=r.useState(null);r.useEffect(()=>{v(document.body)},[]);let y=r.useCallback(e=>{h(t=>t.filter(t=>t.id!==e))},[]),b=r.useCallback(e=>{let t=e.id??u(),r={tone:`default`,duration:n,dismissible:!0,...e,id:t};return h(e=>[r,...e.filter(e=>e.id!==t)].slice(0,i)),t},[n,i]),x=r.useCallback((e,t)=>{h(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),S=r.useCallback(()=>{h([])},[]),C=r.useCallback(e=>b(f(e,`success`)),[b]),w=r.useCallback(e=>b(f(e,`info`)),[b]),T=r.useCallback(e=>b(f(e,`warning`)),[b]),E=r.useCallback(e=>b(f(e,`danger`)),[b]),D=r.useCallback(e=>b({duration:0,...f(e,`loading`)}),[b]),O=r.useCallback(async(e,t)=>{let r=b({duration:0,dismissible:!1,...f(t.loading,`loading`)});try{let i=await e;return x(r,{duration:n,dismissible:!0,...f(p(t.success,i),`success`)}),i}catch(e){throw x(r,{duration:n,dismissible:!0,...f(p(t.error,e),`danger`)}),e}},[b,n,x]),k=r.useMemo(()=>({toasts:d,addToast:b,updateToast:x,dismissToast:y,clearToasts:S,success:C,info:w,warning:T,error:E,loading:D,promise:O}),[b,S,y,E,w,D,O,C,d,x,T]),A=(0,a.jsx)(`div`,{"data-slot":`toast-viewport`,className:t.cn(`fixed z-[100] flex w-[min(calc(100vw-2rem),24rem)] flex-col gap-2 pointer-events-none`,m[l]),children:d.map(e=>(0,a.jsx)(g,{toast:e,pauseOnHover:c,onDismiss:y},e.id))});return(0,a.jsxs)(s.Provider,{value:k,children:[e,_?(0,o.createPortal)(A,_):null]})}function g({toast:e,pauseOnHover:o,onDismiss:s}){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(()=>s(e.id),e.duration??4e3);return()=>window.clearTimeout(t)},[d,s,o,e.duration,e.id]),(0,a.jsxs)(`div`,{"data-slot":`toast`,"data-tone":u,className:t.cn(`pointer-events-auto flex gap-3 rounded-lg border p-3 shadow-lg backdrop-blur`,c[u]),role:`status`,"aria-live":`polite`,onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),children:[(0,a.jsx)(`div`,{className:`mt-0.5 shrink-0`,children:l[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:()=>s(e.id),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Dismiss`})]})]})}function _(){let e=r.useContext(s);if(!e)throw Error(`useToast must be used inside ToastProvider`);return e}exports.ToastProvider=h,exports.useToast=_;

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

@@ -4,15 +4,16 @@ 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";
+import { createPortal as d } from "react-dom";
 //#region src/components/notifications/toast.tsx
-var d = n.createContext(null), f = {
+var f = n.createContext(null), p = {
 	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 = {
+}, m = {
 	default: /* @__PURE__ */ l(a, { className: "size-4" }),
 	success: /* @__PURE__ */ l(i, { className: "size-4" }),
 	info: /* @__PURE__ */ l(a, { className: "size-4" }),
@@ -20,14 +21,14 @@ var d = n.createContext(null), f = {
 	danger: /* @__PURE__ */ l(r, { className: "size-4" }),
 	loading: /* @__PURE__ */ l(o, { className: "size-4 animate-spin" })
 };
-function m() {
+function h() {
 	return `toast-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
-function h(e) {
+function g(e) {
 	return typeof e == "object" && !!e && !n.isValidElement(e) && !Array.isArray(e);
 }
-function g(e, t) {
-	return h(e) ? {
+function _(e, t) {
+	return g(e) ? {
 		...e,
 		tone: e.tone ?? t
 	} : {
@@ -35,10 +36,10 @@ function g(e, t) {
 		tone: t
 	};
 }
-function _(e, t) {
+function v(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-var v = {
+var y = {
 	"top-right": "right-4 top-4",
 	"top-left": "left-4 top-4",
 	"bottom-right": "bottom-4 right-4",
@@ -46,11 +47,15 @@ var v = {
 	"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) => {
+function b({ children: t, defaultDuration: r = 4e3, maxToasts: i = 5, pauseOnHover: a = !0, position: o = "top-right" }) {
+	let [s, c] = n.useState([]), [p, m] = n.useState(null);
+	n.useEffect(() => {
+		m(document.body);
+	}, []);
+	let g = n.useCallback((e) => {
 		c((t) => t.filter((t) => t.id !== e));
-	}, []), p = n.useCallback((e) => {
-		let t = e.id ?? m(), n = {
+	}, []), b = n.useCallback((e) => {
+		let t = e.id ?? h(), n = {
 			tone: "default",
 			duration: r,
 			dismissible: !0,
@@ -58,79 +63,79 @@ function y({ children: t, defaultDuration: r = 4e3, maxToasts: i = 5, pauseOnHov
 			id: t
 		};
 		return c((e) => [n, ...e.filter((e) => e.id !== t)].slice(0, i)), t;
-	}, [r, i]), h = n.useCallback((e, t) => {
+	}, [r, i]), S = n.useCallback((e, t) => {
 		c((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
-	}, []), y = n.useCallback(() => {
+	}, []), C = 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({
+	}, []), w = n.useCallback((e) => b(_(e, "success")), [b]), T = n.useCallback((e) => b(_(e, "info")), [b]), E = n.useCallback((e) => b(_(e, "warning")), [b]), D = n.useCallback((e) => b(_(e, "danger")), [b]), O = n.useCallback((e) => b({
 		duration: 0,
-		...g(e, "loading")
-	}), [p]), E = n.useCallback(async (e, t) => {
-		let n = p({
+		..._(e, "loading")
+	}), [b]), k = n.useCallback(async (e, t) => {
+		let n = b({
 			duration: 0,
 			dismissible: !1,
-			...g(t.loading, "loading")
+			..._(t.loading, "loading")
 		});
 		try {
 			let i = await e;
-			return h(n, {
+			return S(n, {
 				duration: r,
 				dismissible: !0,
-				...g(_(t.success, i), "success")
+				..._(v(t.success, i), "success")
 			}), i;
 		} catch (e) {
-			throw h(n, {
+			throw S(n, {
 				duration: r,
 				dismissible: !0,
-				...g(_(t.error, e), "danger")
+				..._(v(t.error, e), "danger")
 			}), e;
 		}
 	}, [
-		p,
+		b,
 		r,
-		h
-	]), D = n.useMemo(() => ({
+		S
+	]), A = n.useMemo(() => ({
 		toasts: s,
-		addToast: p,
-		updateToast: h,
-		dismissToast: f,
-		clearToasts: y,
-		success: x,
-		info: S,
-		warning: C,
-		error: w,
-		loading: T,
-		promise: E
+		addToast: b,
+		updateToast: S,
+		dismissToast: g,
+		clearToasts: C,
+		success: w,
+		info: T,
+		warning: E,
+		error: D,
+		loading: O,
+		promise: k
 	}), [
-		p,
-		y,
-		f,
-		w,
-		S,
+		b,
+		C,
+		g,
+		D,
 		T,
-		E,
-		x,
+		O,
+		k,
+		w,
 		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))
-		})]
+		S,
+		E
+	]), j = /* @__PURE__ */ l("div", {
+		"data-slot": "toast-viewport",
+		className: e("fixed z-[100] flex w-[min(calc(100vw-2rem),24rem)] flex-col gap-2 pointer-events-none", y[o]),
+		children: s.map((e) => /* @__PURE__ */ l(x, {
+			toast: e,
+			pauseOnHover: a,
+			onDismiss: g
+		}, e.id))
+	});
+	return /* @__PURE__ */ u(f.Provider, {
+		value: A,
+		children: [t, p ? d(j, p) : null]
 	});
 }
-function b({ toast: r, pauseOnHover: i, onDismiss: a }) {
+function x({ 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;
@@ -145,7 +150,7 @@ function b({ toast: r, pauseOnHover: i, onDismiss: a }) {
 	]), /* @__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]),
+		className: e("pointer-events-auto flex gap-3 rounded-lg border p-3 shadow-lg backdrop-blur", p[o]),
 		role: "status",
 		"aria-live": "polite",
 		onMouseEnter: () => d(!0),
@@ -153,7 +158,7 @@ function b({ toast: r, pauseOnHover: i, onDismiss: a }) {
 		children: [
 			/* @__PURE__ */ l("div", {
 				className: "mt-0.5 shrink-0",
-				children: p[o]
+				children: m[o]
 			}),
 			/* @__PURE__ */ u("div", {
 				className: "min-w-0 flex-1 space-y-1",
@@ -189,10 +194,10 @@ function b({ toast: r, pauseOnHover: i, onDismiss: a }) {
 		]
 	});
 }
-function x() {
-	let e = n.useContext(d);
+function S() {
+	let e = n.useContext(f);
 	if (!e) throw Error("useToast must be used inside ToastProvider");
 	return e;
 }
 //#endregion
-export { y as ToastProvider, x as useToast };
+export { b as ToastProvider, S as useToast };