tembro 1.0.0

package/dist/components/navigation/anchor-nav.js

@@ -0,0 +1,26 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/navigation/anchor-nav.tsx
+function r({ items: r, orientation: i = "vertical", title: a, className: o, ...s }) {
+	return /* @__PURE__ */ n("nav", {
+		"data-slot": "anchor-nav",
+		className: e("grid gap-2 text-sm", i === "horizontal" && "flex flex-wrap", o),
+		...s,
+		children: [a && /* @__PURE__ */ t("div", {
+			className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
+			children: a
+		}), /* @__PURE__ */ t("div", {
+			className: e("grid gap-1", i === "horizontal" && "flex flex-wrap"),
+			children: r.map((n) => /* @__PURE__ */ t("a", {
+				href: n.disabled ? void 0 : n.href,
+				"aria-current": n.active ? "location" : void 0,
+				"aria-disabled": n.disabled || void 0,
+				className: e("rounded-md px-2 py-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", n.active && "bg-muted text-foreground", n.disabled && "pointer-events-none opacity-50"),
+				children: n.label
+			}, n.key))
+		})]
+	});
+}
+//#endregion
+export { r as AnchorNav };

package/dist/components/navigation/command-bar.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({open:e=!0,position:n=`bottom`,children:i,className:a,...o}){return e?(0,r.jsx)(`div`,{"data-slot":`command-bar`,className:t.cn(`fixed left-1/2 z-50 flex -translate-x-1/2 items-center gap-2 rounded-full border bg-background/95 px-4 py-2 shadow-lg backdrop-blur supports-[backdrop-filter]:bg-background/60`,n===`bottom`?`bottom-6`:`top-6`,a),...o,children:i}):null}exports.CommandBar=i;

package/dist/components/navigation/command-bar.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export type CommandBarProps = React.ComponentProps<"div"> & {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    position?: "bottom" | "top";
+};
+declare function CommandBar({ open, position, children, className, ...props }: CommandBarProps): React.JSX.Element | null;
+export { CommandBar };

package/dist/components/navigation/command-bar.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/navigation/command-bar.tsx
+function n({ open: n = !0, position: r = "bottom", children: i, className: a, ...o }) {
+	return n ? /* @__PURE__ */ t("div", {
+		"data-slot": "command-bar",
+		className: e("fixed left-1/2 z-50 flex -translate-x-1/2 items-center gap-2 rounded-full border bg-background/95 px-4 py-2 shadow-lg backdrop-blur supports-[backdrop-filter]:bg-background/60", r === "bottom" ? "bottom-6" : "top-6", a),
+		...o,
+		children: i
+	}) : null;
+}
+//#endregion
+export { n as CommandBar };

package/dist/components/navigation/demo.cjs

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

package/dist/components/navigation/demo.d.ts

@@ -0,0 +1,6 @@
+export declare const navigationShowcaseDemoRegistry: {
+    [k: string]: {
+        mock: import("../../showcase").ShowcaseDemoMock;
+        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
+    };
+};

package/dist/components/navigation/demo.js

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

package/dist/components/navigation/index.cjs

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

package/dist/components/navigation/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./anchor-nav";
+export * from "./nav-tabs";
+export * from "./page-tabs";
+export * from "./pagination";
+export * from "./stepper-tabs";
+export * from "./command-bar";

package/dist/components/navigation/index.js

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

package/dist/components/navigation/nav-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("react/jsx-runtime");var i={sm:`h-8 px-3 text-xs`,default:`h-10 px-4 text-sm`,lg:`h-11 px-5 text-base`};function a({items:e,value:n,onValueChange:a,size:o=`default`,fullWidth:s=!1,className:c,...l}){return(0,r.jsx)(`div`,{"data-slot":`nav-tabs`,className:t.cn(`inline-flex rounded-[var(--radius-xl)] border border-border/80 bg-muted/45 p-1`,s&&`w-full`,c),...l,children:e.map(e=>{let c=e.value===n,l=(0,r.jsxs)(r.Fragment,{children:[e.icon?(0,r.jsx)(`span`,{className:`[&_svg]:size-4`,children:e.icon}):null,(0,r.jsx)(`span`,{className:`truncate`,children:e.label})]}),u=t.cn(`inline-flex items-center justify-center gap-2 rounded-[calc(var(--radius-xl)-4px)] font-medium text-muted-foreground transition hover:text-foreground disabled:pointer-events-none disabled:opacity-50`,i[o],s&&`flex-1`,c&&`bg-background text-foreground shadow-sm`);return e.href?(0,r.jsx)(`a`,{href:e.href,"aria-current":c?`page`:void 0,className:u,children:l},e.value):(0,r.jsx)(`button`,{type:`button`,disabled:e.disabled,className:u,onClick:()=>a?.(e.value),children:l},e.value)})})}exports.NavTabs=a;

package/dist/components/navigation/nav-tabs.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export type NavTabItem = {
+    label: React.ReactNode;
+    value: string;
+    href?: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+};
+export type NavTabsProps = React.ComponentProps<"div"> & {
+    items: NavTabItem[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+    size?: "sm" | "default" | "lg";
+    fullWidth?: boolean;
+};
+declare function NavTabs({ items, value, onValueChange, size, fullWidth, className, ...props }: NavTabsProps): React.JSX.Element;
+export { NavTabs };

package/dist/components/navigation/nav-tabs.js

@@ -0,0 +1,39 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/navigation/nav-tabs.tsx
+var i = {
+	sm: "h-8 px-3 text-xs",
+	default: "h-10 px-4 text-sm",
+	lg: "h-11 px-5 text-base"
+};
+function a({ items: a, value: o, onValueChange: s, size: c = "default", fullWidth: l = !1, className: u, ...d }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "nav-tabs",
+		className: e("inline-flex rounded-[var(--radius-xl)] border border-border/80 bg-muted/45 p-1", l && "w-full", u),
+		...d,
+		children: a.map((a) => {
+			let u = a.value === o, d = /* @__PURE__ */ r(t, { children: [a.icon ? /* @__PURE__ */ n("span", {
+				className: "[&_svg]:size-4",
+				children: a.icon
+			}) : null, /* @__PURE__ */ n("span", {
+				className: "truncate",
+				children: a.label
+			})] }), f = e("inline-flex items-center justify-center gap-2 rounded-[calc(var(--radius-xl)-4px)] font-medium text-muted-foreground transition hover:text-foreground disabled:pointer-events-none disabled:opacity-50", i[c], l && "flex-1", u && "bg-background text-foreground shadow-sm");
+			return a.href ? /* @__PURE__ */ n("a", {
+				href: a.href,
+				"aria-current": u ? "page" : void 0,
+				className: f,
+				children: d
+			}, a.value) : /* @__PURE__ */ n("button", {
+				type: "button",
+				disabled: a.disabled,
+				className: f,
+				onClick: () => s?.(a.value),
+				children: d
+			}, a.value);
+		})
+	});
+}
+//#endregion
+export { a as NavTabs };

package/dist/components/navigation/page-tabs.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/badge/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({value:e,items:r,onValueChange:a,variant:o=`underline`,size:s=`default`,className:c,...l}){let u=r.filter(e=>!e.hidden);return(0,i.jsx)(`div`,{"data-slot":`page-tabs`,"data-variant":o,className:t.cn(`flex min-w-0 flex-wrap gap-1.5 border-b border-border/70`,o===`pills`&&`rounded-full border border-border/75 bg-muted/22 p-1 shadow-[0_1px_0_rgba(255,255,255,0.04)]`,o===`cards`&&`gap-2 border-b-0`,o!==`underline`&&`border-b-0`,c),...l,children:u.map(r=>{let c=r.value===e;return(0,i.jsxs)(`button`,{type:`button`,disabled:r.disabled,"data-slot":`page-tab`,"data-active":c||void 0,className:t.cn(`inline-flex min-w-0 items-center gap-2 rounded-full px-3 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4`,s===`sm`?`h-8`:`h-10`,o===`underline`&&`rounded-none border-b-2 border-transparent px-1 text-muted-foreground hover:text-foreground`,o===`underline`&&c&&`border-primary text-foreground`,o===`pills`&&`text-muted-foreground hover:bg-background/72 hover:text-foreground`,o===`pills`&&c&&`bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground`,o===`cards`&&`rounded-[var(--radius-2xl)] border border-border/75 bg-card/96 text-muted-foreground shadow-sm ring-1 ring-foreground/4 hover:border-primary/28 hover:text-foreground`,o===`cards`&&c&&`border-primary/50 bg-primary/7 text-foreground`),onClick:()=>a?.(r.value,r),children:[r.icon,(0,i.jsx)(`span`,{className:`truncate`,children:r.label}),r.badge!==void 0&&(0,i.jsx)(n.Badge,{variant:c&&o===`pills`?`secondary`:`outline`,className:`rounded-full`,children:r.badge})]},r.value)})})}exports.PageTabs=a;

package/dist/components/navigation/page-tabs.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+export type PageTabItem<TValue extends string = string> = {
+    value: TValue;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    disabled?: boolean;
+    hidden?: boolean;
+};
+export type PageTabsProps<TValue extends string = string> = React.ComponentProps<"div"> & {
+    value?: TValue;
+    items: PageTabItem<TValue>[];
+    onValueChange?: (value: TValue, item: PageTabItem<TValue>) => void;
+    variant?: "underline" | "pills" | "cards";
+    size?: "sm" | "default";
+};
+declare function PageTabs<TValue extends string = string>({ value, items, onValueChange, variant, size, className, ...props }: PageTabsProps<TValue>): React.JSX.Element;
+export { PageTabs };

package/dist/components/navigation/page-tabs.js

@@ -0,0 +1,39 @@
+import { cn as e } from "../../lib/utils.js";
+import { Badge as t } from "../ui/badge/index.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/navigation/page-tabs.tsx
+function i({ value: i, items: a, onValueChange: o, variant: s = "underline", size: c = "default", className: l, ...u }) {
+	let d = a.filter((e) => !e.hidden);
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "page-tabs",
+		"data-variant": s,
+		className: e("flex min-w-0 flex-wrap gap-1.5 border-b border-border/70", s === "pills" && "rounded-full border border-border/75 bg-muted/22 p-1 shadow-[0_1px_0_rgba(255,255,255,0.04)]", s === "cards" && "gap-2 border-b-0", s !== "underline" && "border-b-0", l),
+		...u,
+		children: d.map((a) => {
+			let l = a.value === i;
+			return /* @__PURE__ */ r("button", {
+				type: "button",
+				disabled: a.disabled,
+				"data-slot": "page-tab",
+				"data-active": l || void 0,
+				className: e("inline-flex min-w-0 items-center gap-2 rounded-full px-3 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4", c === "sm" ? "h-8" : "h-10", s === "underline" && "rounded-none border-b-2 border-transparent px-1 text-muted-foreground hover:text-foreground", s === "underline" && l && "border-primary text-foreground", s === "pills" && "text-muted-foreground hover:bg-background/72 hover:text-foreground", s === "pills" && l && "bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground", s === "cards" && "rounded-[var(--radius-2xl)] border border-border/75 bg-card/96 text-muted-foreground shadow-sm ring-1 ring-foreground/4 hover:border-primary/28 hover:text-foreground", s === "cards" && l && "border-primary/50 bg-primary/7 text-foreground"),
+				onClick: () => o?.(a.value, a),
+				children: [
+					a.icon,
+					/* @__PURE__ */ n("span", {
+						className: "truncate",
+						children: a.label
+					}),
+					a.badge !== void 0 && /* @__PURE__ */ n(t, {
+						variant: l && s === "pills" ? "secondary" : "outline",
+						className: "rounded-full",
+						children: a.badge
+					})
+				]
+			}, a.value);
+		})
+	});
+}
+//#endregion
+export { i as PageTabs };

package/dist/components/navigation/pagination.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o(e,t){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,...p}){let m=Math.max(o,1),h=Math.min(Math.max(r,1),m),g=s(h,m,l),_=e=>{let t=Math.min(Math.max(e,1),m);t!==h&&c(t)};return(0,a.jsxs)(`nav`,{"data-slot":`pagination`,"aria-label":`Pagination`,className:t.cn(`flex items-center justify-center gap-1 rounded-full border border-border/70 bg-background/76 p-1 shadow-none backdrop-blur`,e),...p,children:[u&&(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,disabled:d||h<=1,"aria-label":f?.first??`First page`,onClick:()=>_(1),children:(0,a.jsx)(i.ChevronFirstIcon,{})}),(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,disabled:d||h<=1,"aria-label":f?.previous??`Previous page`,onClick:()=>_(h-1),children:(0,a.jsx)(i.ChevronLeftIcon,{})}),g.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===h?`default`:`outline`,size:`icon-sm`,disabled:d,"aria-current":e===h?`page`:void 0,"aria-label":f?.page?.(e)??`Page ${e}`,onClick:()=>_(e),className:t.cn(e!==h&&`border-border/70 bg-background/80 shadow-none`),children:e},e)),(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,disabled:d||h>=m,"aria-label":f?.next??`Next page`,onClick:()=>_(h+1),children:(0,a.jsx)(i.ChevronRightIcon,{})}),u&&(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,disabled:d||h>=m,"aria-label":f?.last??`Last page`,onClick:()=>_(m),children:(0,a.jsx)(i.ChevronLastIcon,{})})]})}exports.Pagination=c,exports.getPaginationItems=s;

package/dist/components/navigation/pagination.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+export type PaginationItem = number | "ellipsis";
+export type PaginationLabels = {
+    first?: string;
+    previous?: string;
+    next?: string;
+    last?: string;
+    page?: (page: number) => string;
+};
+export type PaginationProps = Omit<React.ComponentProps<"nav">, "onChange"> & {
+    page: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    showEdges?: boolean;
+    disabled?: boolean;
+    labels?: PaginationLabels;
+};
+declare function getPaginationItems(page: number, pageCount: number, siblingCount?: number): PaginationItem[];
+declare function Pagination({ className, page, pageCount, onPageChange, siblingCount, showEdges, disabled, labels, ...props }: PaginationProps): React.JSX.Element;
+export { Pagination, getPaginationItems };

package/dist/components/navigation/pagination.js

@@ -0,0 +1,99 @@
+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: _, ...v }) {
+	let y = Math.max(f, 1), b = Math.min(Math.max(d, 1), y), x = u(b, y, m), S = (e) => {
+		let t = Math.min(Math.max(e, 1), y);
+		t !== b && p(t);
+	};
+	return /* @__PURE__ */ c("nav", {
+		"data-slot": "pagination",
+		"aria-label": "Pagination",
+		className: e("flex items-center justify-center gap-1 rounded-full border border-border/70 bg-background/76 p-1 shadow-none backdrop-blur", l),
+		...v,
+		children: [
+			h && /* @__PURE__ */ s(t, {
+				type: "button",
+				variant: "outline",
+				size: "icon-sm",
+				disabled: g || b <= 1,
+				"aria-label": _?.first ?? "First page",
+				onClick: () => S(1),
+				children: /* @__PURE__ */ s(n, {})
+			}),
+			/* @__PURE__ */ s(t, {
+				type: "button",
+				variant: "outline",
+				size: "icon-sm",
+				disabled: g || b <= 1,
+				"aria-label": _?.previous ?? "Previous page",
+				onClick: () => S(b - 1),
+				children: /* @__PURE__ */ s(i, {})
+			}),
+			x.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 === b ? "default" : "outline",
+				size: "icon-sm",
+				disabled: g,
+				"aria-current": n === b ? "page" : void 0,
+				"aria-label": _?.page?.(n) ?? `Page ${n}`,
+				onClick: () => S(n),
+				className: e(n !== b && "border-border/70 bg-background/80 shadow-none"),
+				children: n
+			}, n)),
+			/* @__PURE__ */ s(t, {
+				type: "button",
+				variant: "outline",
+				size: "icon-sm",
+				disabled: g || b >= y,
+				"aria-label": _?.next ?? "Next page",
+				onClick: () => S(b + 1),
+				children: /* @__PURE__ */ s(a, {})
+			}),
+			h && /* @__PURE__ */ s(t, {
+				type: "button",
+				variant: "outline",
+				size: "icon-sm",
+				disabled: g || b >= y,
+				"aria-label": _?.last ?? "Last page",
+				onClick: () => S(y),
+				children: /* @__PURE__ */ s(r, {})
+			})
+		]
+	});
+}
+//#endregion
+export { d as Pagination, u as getPaginationItems };

package/dist/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/components/navigation/stepper-tabs.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export type StepperTabItem<TValue extends string = string> = {
+    value: TValue;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    completed?: boolean;
+    disabled?: boolean;
+    hidden?: boolean;
+};
+export type StepperTabsProps<TValue extends string = string> = React.ComponentProps<"div"> & {
+    value?: TValue;
+    items: StepperTabItem<TValue>[];
+    onValueChange?: (value: TValue, item: StepperTabItem<TValue>) => void;
+    orientation?: "horizontal" | "vertical";
+    compact?: boolean;
+};
+declare function StepperTabs<TValue extends string = string>({ value, items, onValueChange, orientation, compact, className, ...props }: StepperTabsProps<TValue>): React.JSX.Element;
+export { StepperTabs };

package/dist/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/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/components/notifications/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./toast";
+export * from "./notification-center";

package/dist/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/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,onNotificationClick:s,emptyLabel:c=`No new notifications`,title:l=`Notifications`,className:u,...d}){let f=e.filter(e=>!e.read).length;return(0,o.jsx)(`div`,{"data-slot":`notification-center`,className:u,...d,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`}),f>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:[f,(0,o.jsxs)(`span`,{className:`sr-only`,children:[f,` 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:l}),(0,o.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:f>0?`${f} unread update${f>1?`s`:``}`:`You're all caught up`})]}),f>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`})]}),(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:c}):(0,o.jsx)(`div`,{className:`flex flex-col`,children:e.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:()=>s?.(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))})})]})]})})}exports.NotificationCenter=s;

package/dist/components/notifications/notification-center.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export type NotificationItem = {
+    id: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    time?: React.ReactNode;
+    read?: boolean;
+};
+export type NotificationCenterProps = React.ComponentProps<"div"> & {
+    notifications: NotificationItem[];
+    onMarkAllRead?: () => void;
+    onNotificationClick?: (notification: NotificationItem) => void;
+    emptyLabel?: React.ReactNode;
+    title?: React.ReactNode;
+};
+declare function NotificationCenter({ notifications, onMarkAllRead, onNotificationClick, emptyLabel, title, className, ...props }: NotificationCenterProps): React.JSX.Element;
+export { NotificationCenter };

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

@@ -0,0 +1,81 @@
+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, onNotificationClick: u, emptyLabel: d = "No new notifications", title: f = "Notifications", className: p, ...m }) {
+	let h = c.filter((e) => !e.read).length;
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "notification-center",
+		className: p,
+		...m,
+		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" }), h > 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: [h, /* @__PURE__ */ s("span", {
+					className: "sr-only",
+					children: [h, " 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: f
+					}), /* @__PURE__ */ o("span", {
+						className: "text-xs text-muted-foreground",
+						children: h > 0 ? `${h} unread update${h > 1 ? "s" : ""}` : "You're all caught up"
+					})]
+				}), h > 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"
+				})]
+			}), /* @__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: d
+				}) : /* @__PURE__ */ o("div", {
+					className: "flex flex-col",
+					children: c.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: () => u?.(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))
+				})
+			})]
+		})] })
+	});
+}
+//#endregion
+export { c as NotificationCenter };

package/dist/components/notifications/toast.cjs

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

@@ -0,0 +1,42 @@
+import * as React from "react";
+export type ToastTone = "default" | "success" | "info" | "warning" | "danger" | "loading";
+export type ToastItem = {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    tone?: ToastTone;
+    action?: React.ReactNode;
+    duration?: number;
+    dismissible?: boolean;
+};
+export type CreateToastInput = Omit<ToastItem, "id"> & {
+    id?: string;
+};
+export type ToastShortcutInput = React.ReactNode | CreateToastInput;
+export type ToastPromiseMessages<TData = unknown> = {
+    loading: ToastShortcutInput;
+    success: ToastShortcutInput | ((data: TData) => ToastShortcutInput);
+    error: ToastShortcutInput | ((error: unknown) => ToastShortcutInput);
+};
+export type ToastContextValue = {
+    toasts: ToastItem[];
+    addToast: (toast: CreateToastInput) => string;
+    updateToast: (id: string, toast: Partial<Omit<ToastItem, "id">>) => void;
+    dismissToast: (id: string) => void;
+    clearToasts: () => void;
+    success: (toast: ToastShortcutInput) => string;
+    info: (toast: ToastShortcutInput) => string;
+    warning: (toast: ToastShortcutInput) => string;
+    error: (toast: ToastShortcutInput) => string;
+    loading: (toast: ToastShortcutInput) => string;
+    promise: <TData>(promise: Promise<TData>, messages: ToastPromiseMessages<TData>) => Promise<TData>;
+};
+export type ToastProviderProps = React.PropsWithChildren<{
+    defaultDuration?: number;
+    maxToasts?: number;
+    pauseOnHover?: boolean;
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center" | "bottom-center";
+}>;
+declare function ToastProvider({ children, defaultDuration, maxToasts, pauseOnHover, position, }: ToastProviderProps): React.JSX.Element;
+declare function useToast(): ToastContextValue;
+export { ToastProvider, useToast };