themelia-ui 1.0.3 → 2.0.0

package/dist/timeline-DskNs3lw.js

@@ -0,0 +1,175 @@
+import "./css/timeline.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { o as t } from "./typography-B8Iurhy1.js";
+import { d as n } from "./display-DVhYS75K.js";
+import { t as r } from "./strings-Co9_qArR.js";
+import { CheckIcon as i } from "lucide-react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+var c = {
+	timeline: "timeline__timeline___SFe0h",
+	item: "timeline__item___bjlJT",
+	dot: "timeline__dot___uYatl",
+	rail: "timeline__rail___ccVbZ",
+	icon: "timeline__icon___Bc5va",
+	line: "timeline__line___48is1",
+	content: "timeline__content___-1xOg",
+	head: "timeline__head___30Za0",
+	timestamp: "timeline__timestamp___Lu9LR",
+	body: "timeline__body___FBsGD"
+};
+//#endregion
+//#region src/components/base/timeline/timeline.tsx
+function l({ items: n, className: r, ...i }) {
+	return /* @__PURE__ */ o("ol", {
+		className: e("timeline--component", c.timeline, r),
+		...i,
+		children: n.map((r, i) => /* @__PURE__ */ s("li", {
+			"data-status": r.status ?? "neutral",
+			className: e("timeline--item", c.item),
+			children: [/* @__PURE__ */ s("div", {
+				className: c.rail,
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ o("span", {
+					className: c.dot,
+					children: r.icon ? /* @__PURE__ */ o(r.icon, { className: c.icon }) : null
+				}), i < n.length - 1 ? /* @__PURE__ */ o("span", { className: c.line }) : null]
+			}), /* @__PURE__ */ s("div", {
+				className: e("timeline--content", c.content),
+				children: [
+					/* @__PURE__ */ s("div", {
+						className: c.head,
+						children: [/* @__PURE__ */ o(t, {
+							weight: "medium",
+							className: "timeline--title",
+							children: r.title
+						}), r.trailing == null ? r.timestamp != null && /* @__PURE__ */ o(t, {
+							size: "xs",
+							type: "secondary",
+							numeric: !0,
+							className: e("timeline--timestamp", c.timestamp),
+							children: r.timestamp
+						}) : /* @__PURE__ */ o("span", {
+							className: e("timeline--trailing", c.timestamp),
+							children: r.trailing
+						})]
+					}),
+					r.description != null && /* @__PURE__ */ o(t, {
+						size: "xs",
+						type: "secondary",
+						className: "timeline--description",
+						children: r.description
+					}),
+					r.children != null && /* @__PURE__ */ o("div", {
+						className: c.body,
+						children: r.children
+					})
+				]
+			})]
+		}, r.id))
+	});
+}
+//#endregion
+//#region src/components/base/timeline/stepper.strings.ts
+var u = {
+	position: (e, t) => `Step ${e} of ${t}`,
+	completed: "Completed",
+	current: "Current step"
+}, d = {
+	stepper: "stepper__stepper___1w8il",
+	step: "stepper__step___5GnnM",
+	stepMarker: "stepper__stepMarker___Rkigo",
+	stepLine: "stepper__stepLine___Ck1wY",
+	stepButton: "stepper__stepButton___GVoiz",
+	stepTarget: "stepper__stepTarget___i8Bft",
+	stepText: "stepper__stepText___IvNDc",
+	stepRail: "stepper__stepRail___6LxM1",
+	stepCheck: "stepper__stepCheck___Q6aAk",
+	stepLabel: "stepper__stepLabel___V39va",
+	stepHint: "stepper__stepHint___bdybM"
+}, f = (e) => e === "complete" ? "completed" : e ?? "upcoming";
+function p({ steps: c, variant: l = "bar", onStepClick: p, strings: m, className: h, ...g }) {
+	let _ = r(u, m), v = c.map((e) => f(e.status)), y = l === "bar", b = p != null;
+	return /* @__PURE__ */ o("ol", {
+		"data-variant": l,
+		className: e("stepper--component", d.stepper, h),
+		...g,
+		children: c.map((r, l) => {
+			let u = v[l], f = u === "completed", m = u === "current", h = l === c.length - 1, g = r.accessibleName != null, x = f ? _.completed : m ? _.current : void 0, S = m ? "step" : void 0, C = /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("span", {
+				className: d.stepRail,
+				"aria-hidden": "true",
+				children: [
+					y && /* @__PURE__ */ o("span", {
+						"data-filled": v[l - 1] === "completed" || void 0,
+						"data-hidden": l === 0 || void 0,
+						className: d.stepLine
+					}),
+					/* @__PURE__ */ o("span", {
+						className: e("stepper--marker", d.stepMarker),
+						children: f ? /* @__PURE__ */ o(i, { className: d.stepCheck }) : /* @__PURE__ */ o(t, {
+							tag: "span",
+							size: "xs",
+							weight: y ? "bold" : "semibold",
+							numeric: !0,
+							type: "inherit",
+							children: l + 1
+						})
+					}),
+					y && /* @__PURE__ */ o("span", {
+						"data-filled": f || void 0,
+						"data-hidden": h || void 0,
+						className: d.stepLine
+					})
+				]
+			}), /* @__PURE__ */ s("span", {
+				className: d.stepText,
+				children: [
+					/* @__PURE__ */ o(n, { children: g ? r.accessibleName : _.position(l + 1, c.length) }),
+					" ",
+					/* @__PURE__ */ o(t, {
+						tag: "span",
+						weight: "semibold",
+						lineHeight: y ? "snug" : void 0,
+						truncate: !y,
+						type: u === "upcoming" ? "secondary" : "main",
+						"aria-hidden": g || void 0,
+						className: e("stepper--label", d.stepLabel),
+						children: r.label
+					}),
+					r.hint != null && /* @__PURE__ */ s(a, { children: [" ", /* @__PURE__ */ o(t, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						lineHeight: y ? "snug" : void 0,
+						truncate: !y,
+						"aria-hidden": g || void 0,
+						className: e("stepper--hint", d.stepHint),
+						children: r.hint
+					})] }),
+					!g && x != null && /* @__PURE__ */ s(a, { children: [" ", /* @__PURE__ */ o(n, { children: x })] })
+				]
+			})] }), w = b && (f || m);
+			return /* @__PURE__ */ s("li", {
+				"data-status": u,
+				"aria-current": b ? void 0 : S,
+				className: e("stepper--step", d.step),
+				children: [b ? /* @__PURE__ */ o("button", {
+					type: "button",
+					"aria-current": S,
+					disabled: !w,
+					onClick: () => w && p?.(r.id, l),
+					className: e("stepper--target", d.stepTarget, d.stepButton),
+					children: C
+				}) : /* @__PURE__ */ o("span", {
+					className: e("stepper--target", d.stepTarget),
+					children: C
+				}), !y && !h && /* @__PURE__ */ o("span", {
+					"aria-hidden": "true",
+					"data-filled": f || void 0,
+					className: d.stepLine
+				})]
+			}, r.id);
+		})
+	});
+}
+//#endregion
+export { u as n, l as r, p as t };

package/dist/timelines-DJdBmWPj.cjs

@@ -0,0 +1 @@
+const e=require("./typography-LMez-POJ.cjs"),t=require("./feedback-Da53xAUT.cjs"),n=require("./primitives-BP7kGVYZ.cjs"),r=require("./badge-BRX7GXRH.cjs"),i=require("./strings-BiKL6k6b.cjs"),a=require("./timeline-B3f7rEXh.cjs");let o=require("lucide-react"),s=require("react/jsx-runtime"),c=require("clsx");var l={added:`Added`,removed:`Removed`,modified:`Modified`,fixed:`Fixed`,byline:e=>`— ${e}`},u={completed:`Completed`,inProgress:`In progress`,upcoming:`Upcoming`,blocked:`Blocked`,dueOn:e=>`Due ${e}`,progressLabel:e=>`${e} progress`},d={stepLabel:(e,t)=>`Step ${e} of ${t}`,completed:`Completed`,current:`Current step`},f={titleRow:`timelines__titleRow___4vbjX`,byline:`timelines__byline___Pzjxu`,progressGroup:`timelines__progressGroup___c3S6L`,stepsBar:`timelines__stepsBar___XHI8k`},p={added:`success`,removed:`destructive`,modified:`warning`,fixed:`current`},m={added:`success`,removed:`destructive`,modified:`warning`,fixed:`info`};function h({entries:t,strings:i,className:o,...u}){let d={...l,...i},h={added:d.added,removed:d.removed,modified:d.modified,fixed:d.fixed},g=t.map(t=>({id:t.id,status:p[t.kind],timestamp:t.timestamp,title:(0,s.jsxs)(`span`,{className:f.titleRow,children:[(0,s.jsx)(r.t,{tone:m[t.kind],children:h[t.kind]}),(0,s.jsx)(e.o,{tag:`span`,weight:`medium`,lineHeight:`tight`,children:t.title}),t.version!=null&&(0,s.jsx)(n.B,{size:`xs`,type:`secondary`,children:t.version})]}),description:t.author==null?t.description:(0,s.jsxs)(s.Fragment,{children:[t.description,(0,s.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,className:f.byline,children:d.byline(t.author)})]})}));return(0,s.jsx)(`div`,{className:(0,c.clsx)(`changelog-timeline--component`,o),...u,children:(0,s.jsx)(a.r,{items:g})})}var g={completed:`completed`,inProgress:`current`,upcoming:`pending`,blocked:`destructive`},_={completed:`success`,inProgress:`primary`,upcoming:`secondary`,blocked:`destructive`},v={completed:o.CheckIcon,inProgress:o.ClockIcon,upcoming:o.CircleIcon,blocked:o.XIcon};function y({milestones:i,strings:o,className:l,...d}){let p={...u,...o},m={completed:p.completed,inProgress:p.inProgress,upcoming:p.upcoming,blocked:p.blocked},h=i.map(i=>{let a=i.status===`inProgress`&&typeof i.progress==`number`,o=a?Math.min(Math.max(i.progress,0),100):0;return{id:i.id,status:g[i.status],icon:v[i.status],timestamp:i.dueDate==null?void 0:p.dueOn(i.dueDate),title:(0,s.jsxs)(`span`,{className:f.titleRow,children:[(0,s.jsx)(e.o,{tag:`span`,weight:`medium`,lineHeight:`tight`,children:i.title}),(0,s.jsx)(r.t,{tone:_[i.status],children:m[i.status]})]}),description:i.description,children:a?(0,s.jsxs)(`div`,{className:f.progressGroup,children:[(0,s.jsx)(t.s,{value:o,label:typeof i.title==`string`?p.progressLabel(i.title):p.progressLabel(m[i.status])}),(0,s.jsx)(n.T,{value:Math.round(o),scaled:!0,size:`xs`,type:`secondary`})]}):void 0}});return(0,s.jsx)(`div`,{className:(0,c.clsx)(`milestones-timeline--component`,l),...d,children:(0,s.jsx)(a.r,{items:h})})}function b({steps:t,className:n,...i}){let l=t.map(t=>({id:t.id,status:t.status===`upcoming`?`pending`:t.status===`completed`?`progress`:t.status,icon:t.status===`completed`?o.CheckIcon:void 0,timestamp:t.timestamp,title:(0,s.jsxs)(`span`,{className:f.titleRow,children:[(0,s.jsx)(e.o,{tag:`span`,weight:`semibold`,lineHeight:`tight`,children:t.title}),t.badge!=null&&(0,s.jsx)(r.t,{tone:t.badgeTone??`secondary`,children:t.badge})]}),description:t.description,children:t.content}));return(0,s.jsx)(`div`,{className:(0,c.clsx)(`steps--component`,n),...i,children:(0,s.jsx)(a.r,{items:l})})}function x({steps:e,strings:t,className:n,...r}){let o=i.t(d,t);return(0,s.jsx)(`div`,{tabIndex:0,className:(0,c.clsx)(`steps-bar--component`,f.stepsBar,n),...r,children:(0,s.jsx)(a.t,{variant:`bar`,steps:e.map(e=>({id:e.id,label:e.title,hint:e.description,status:e.status})),strings:{position:o.stepLabel,completed:o.completed,current:o.current}})})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return b}});

package/dist/timelines-wlcL01Rf.js

@@ -0,0 +1,211 @@
+import "./css/timelines.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { o as t } from "./typography-B8Iurhy1.js";
+import { s as n } from "./feedback-BmquisO3.js";
+import { B as r, T as i } from "./primitives-B2aeaudR.js";
+import { t as a } from "./badge-D34FkKLD.js";
+import { t as o } from "./strings-Co9_qArR.js";
+import { r as s, t as c } from "./timeline-DskNs3lw.js";
+import { CheckIcon as l, CircleIcon as u, ClockIcon as d, XIcon as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/patterns/timelines/timelines.strings.ts
+var g = {
+	added: "Added",
+	removed: "Removed",
+	modified: "Modified",
+	fixed: "Fixed",
+	byline: (e) => `— ${e}`
+}, _ = {
+	completed: "Completed",
+	inProgress: "In progress",
+	upcoming: "Upcoming",
+	blocked: "Blocked",
+	dueOn: (e) => `Due ${e}`,
+	progressLabel: (e) => `${e} progress`
+}, v = {
+	stepLabel: (e, t) => `Step ${e} of ${t}`,
+	completed: "Completed",
+	current: "Current step"
+}, y = {
+	titleRow: "timelines__titleRow___4vbjX",
+	byline: "timelines__byline___Pzjxu",
+	progressGroup: "timelines__progressGroup___c3S6L",
+	stepsBar: "timelines__stepsBar___XHI8k"
+}, b = {
+	added: "success",
+	removed: "destructive",
+	modified: "warning",
+	fixed: "current"
+}, x = {
+	added: "success",
+	removed: "destructive",
+	modified: "warning",
+	fixed: "info"
+};
+function S({ entries: n, strings: i, className: o, ...c }) {
+	let l = {
+		...g,
+		...i
+	}, u = {
+		added: l.added,
+		removed: l.removed,
+		modified: l.modified,
+		fixed: l.fixed
+	}, d = n.map((e) => ({
+		id: e.id,
+		status: b[e.kind],
+		timestamp: e.timestamp,
+		title: /* @__PURE__ */ h("span", {
+			className: y.titleRow,
+			children: [
+				/* @__PURE__ */ m(a, {
+					tone: x[e.kind],
+					children: u[e.kind]
+				}),
+				/* @__PURE__ */ m(t, {
+					tag: "span",
+					weight: "medium",
+					lineHeight: "tight",
+					children: e.title
+				}),
+				e.version != null && /* @__PURE__ */ m(r, {
+					size: "xs",
+					type: "secondary",
+					children: e.version
+				})
+			]
+		}),
+		description: e.author == null ? e.description : /* @__PURE__ */ h(p, { children: [e.description, /* @__PURE__ */ m(t, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			className: y.byline,
+			children: l.byline(e.author)
+		})] })
+	}));
+	return /* @__PURE__ */ m("div", {
+		className: e("changelog-timeline--component", o),
+		...c,
+		children: /* @__PURE__ */ m(s, { items: d })
+	});
+}
+//#endregion
+//#region src/components/patterns/timelines/milestones-timeline.tsx
+var C = {
+	completed: "completed",
+	inProgress: "current",
+	upcoming: "pending",
+	blocked: "destructive"
+}, w = {
+	completed: "success",
+	inProgress: "primary",
+	upcoming: "secondary",
+	blocked: "destructive"
+}, T = {
+	completed: l,
+	inProgress: d,
+	upcoming: u,
+	blocked: f
+};
+function E({ milestones: r, strings: o, className: c, ...l }) {
+	let u = {
+		..._,
+		...o
+	}, d = {
+		completed: u.completed,
+		inProgress: u.inProgress,
+		upcoming: u.upcoming,
+		blocked: u.blocked
+	}, f = r.map((e) => {
+		let r = e.status === "inProgress" && typeof e.progress == "number", o = r ? Math.min(Math.max(e.progress, 0), 100) : 0;
+		return {
+			id: e.id,
+			status: C[e.status],
+			icon: T[e.status],
+			timestamp: e.dueDate == null ? void 0 : u.dueOn(e.dueDate),
+			title: /* @__PURE__ */ h("span", {
+				className: y.titleRow,
+				children: [/* @__PURE__ */ m(t, {
+					tag: "span",
+					weight: "medium",
+					lineHeight: "tight",
+					children: e.title
+				}), /* @__PURE__ */ m(a, {
+					tone: w[e.status],
+					children: d[e.status]
+				})]
+			}),
+			description: e.description,
+			children: r ? /* @__PURE__ */ h("div", {
+				className: y.progressGroup,
+				children: [/* @__PURE__ */ m(n, {
+					value: o,
+					label: typeof e.title == "string" ? u.progressLabel(e.title) : u.progressLabel(d[e.status])
+				}), /* @__PURE__ */ m(i, {
+					value: Math.round(o),
+					scaled: !0,
+					size: "xs",
+					type: "secondary"
+				})]
+			}) : void 0
+		};
+	});
+	return /* @__PURE__ */ m("div", {
+		className: e("milestones-timeline--component", c),
+		...l,
+		children: /* @__PURE__ */ m(s, { items: f })
+	});
+}
+//#endregion
+//#region src/components/patterns/timelines/steps.tsx
+function D({ steps: n, className: r, ...i }) {
+	let o = n.map((e) => ({
+		id: e.id,
+		status: e.status === "upcoming" ? "pending" : e.status === "completed" ? "progress" : e.status,
+		icon: e.status === "completed" ? l : void 0,
+		timestamp: e.timestamp,
+		title: /* @__PURE__ */ h("span", {
+			className: y.titleRow,
+			children: [/* @__PURE__ */ m(t, {
+				tag: "span",
+				weight: "semibold",
+				lineHeight: "tight",
+				children: e.title
+			}), e.badge != null && /* @__PURE__ */ m(a, {
+				tone: e.badgeTone ?? "secondary",
+				children: e.badge
+			})]
+		}),
+		description: e.description,
+		children: e.content
+	}));
+	return /* @__PURE__ */ m("div", {
+		className: e("steps--component", r),
+		...i,
+		children: /* @__PURE__ */ m(s, { items: o })
+	});
+}
+function O({ steps: t, strings: n, className: r, ...i }) {
+	let a = o(v, n);
+	return /* @__PURE__ */ m("div", {
+		tabIndex: 0,
+		className: e("steps-bar--component", y.stepsBar, r),
+		...i,
+		children: /* @__PURE__ */ m(c, {
+			variant: "bar",
+			steps: t.map((e) => ({
+				id: e.id,
+				label: e.title,
+				hint: e.description,
+				status: e.status
+			})),
+			strings: {
+				position: a.stepLabel,
+				completed: a.completed,
+				current: a.current
+			}
+		})
+	});
+}
+//#endregion
+export { g as a, S as i, O as n, _ as o, E as r, v as s, D as t };

package/dist/toaster-CaTwpule.js

@@ -0,0 +1,254 @@
+import "./css/toaster.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { n as t, u as n } from "./ui-provider-BzyJxcKH.js";
+import { t as r } from "./use-hydrated-lyN9MFHH.js";
+import { CircleCheckIcon as i, InfoIcon as a, Loader2Icon as o, OctagonXIcon as s, TriangleAlertIcon as c, XIcon as l } from "lucide-react";
+import { useCallback as u, useEffect as d, useRef as f, useSyncExternalStore as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { createPortal as g } from "react-dom";
+//#region src/components/base/toaster/toast-store.ts
+var _ = 150;
+function v() {
+	let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Map(), n = [], r = 0;
+	function i() {
+		for (let t of e) t();
+	}
+	function a(e) {
+		let n = t.get(e);
+		n !== void 0 && (window.clearTimeout(n), t.delete(e));
+	}
+	function o(e, n) {
+		a(e), Number.isFinite(n) && t.set(e, window.setTimeout(() => s(e), n));
+	}
+	function s(e) {
+		let t = e ? n.filter((t) => t.id === e) : n;
+		if (t.length !== 0) {
+			for (let e of t) a(e.id);
+			n = n.map((e) => t.includes(e) ? {
+				...e,
+				leaving: !0
+			} : e), i(), window.setTimeout(() => {
+				let e = n.filter((e) => t.some((t) => t.id === e.id));
+				n = n.filter((e) => !t.some((t) => t.id === e.id)), i();
+				for (let t of e) t.onDismiss?.(t.id);
+			}, _);
+		}
+	}
+	function c(e, t, a = {}) {
+		let s = a.id ?? `toast-${++r}`, c = n.find((e) => e.id === s), l = {
+			...a,
+			id: s,
+			title: t,
+			status: e,
+			leaving: !1
+		};
+		return n = c ? n.map((e) => e.id === s ? l : e) : [...n, l], i(), a.duration === void 0 ? e !== "loading" && o(s, Infinity) : o(s, a.duration), s;
+	}
+	let l = (e, t) => c("neutral", e, t);
+	return {
+		subscribe(t) {
+			return e.add(t), () => e.delete(t);
+		},
+		getSnapshot: () => n,
+		getServerSnapshot: () => y,
+		toast: Object.assign(l, {
+			neutral: l,
+			success: (e, t) => c("success", e, t),
+			info: (e, t) => c("info", e, t),
+			warning: (e, t) => c("warning", e, t),
+			error: (e, t) => c("error", e, t),
+			loading: (e, t) => c("loading", e, t),
+			dismiss: s,
+			promise: async (e, t, n = {}) => {
+				let r = c("loading", t.loading, {
+					...n,
+					id: n.id
+				});
+				try {
+					let i = await e;
+					return c("success", b(t.success, i), {
+						...n,
+						id: r
+					}), i;
+				} catch (e) {
+					throw c("error", b(t.error, e), {
+						...n,
+						id: r
+					}), e;
+				}
+			}
+		}),
+		dismiss: s,
+		pauseAll() {
+			for (let e of [...t.keys()]) a(e);
+		},
+		resumeAll(e) {
+			for (let t of n) t.leaving || o(t.id, t.duration ?? e);
+		},
+		applyDefaultDuration(e) {
+			for (let r of n) r.leaving || r.status === "loading" || r.duration === void 0 && (t.has(r.id) || o(r.id, e));
+		}
+	};
+}
+var y = [];
+function b(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var x = v(), S = x.toast, C = x.dismiss;
+x.pauseAll, x.resumeAll, x.applyDefaultDuration;
+//#endregion
+//#region src/components/base/toaster/toaster.strings.ts
+var w = {
+	label: "Notifications",
+	dismiss: "Dismiss notification"
+}, T = {
+	viewport: "toaster__viewport___9yHe7",
+	top: "toaster__top___1zsV-",
+	bottom: "toaster__bottom___v-TlO",
+	start: "toaster__start___Ybmp4",
+	end: "toaster__end___TK6H6",
+	center: "toaster__center___a9CGe",
+	toast: "toaster__toast___bDiva",
+	icon: "toaster__icon___ArLMB",
+	statusSuccess: "toaster__statusSuccess___Okh98",
+	statusInfo: "toaster__statusInfo___210GB",
+	statusWarning: "toaster__statusWarning___hEFnE",
+	statusError: "toaster__statusError___BjSXO",
+	spinner: "toaster__spinner___xchQh",
+	content: "toaster__content___l7muo",
+	title: "toaster__title___w38vh",
+	description: "toaster__description___ZnbEl",
+	actions: "toaster__actions___0SpTv",
+	action: "toaster__action___RDRws",
+	cancel: "toaster__cancel___T9R0o",
+	close: "toaster__close___MwjTJ"
+}, E = {
+	success: /* @__PURE__ */ m(i, { "aria-hidden": !0 }),
+	info: /* @__PURE__ */ m(a, { "aria-hidden": !0 }),
+	warning: /* @__PURE__ */ m(c, { "aria-hidden": !0 }),
+	error: /* @__PURE__ */ m(s, { "aria-hidden": !0 }),
+	loading: /* @__PURE__ */ m(o, {
+		"aria-hidden": !0,
+		className: T.spinner
+	})
+}, D = {
+	neutral: void 0,
+	success: T.statusSuccess,
+	info: T.statusInfo,
+	warning: T.statusWarning,
+	error: T.statusError,
+	loading: void 0
+};
+function O({ position: i, duration: a, visibleToasts: o, closeButton: s, strings: c, className: l, container: h, store: _ = x }) {
+	let v = {
+		...w,
+		...c
+	}, y = t("toast", {
+		position: "bottom-end",
+		duration: 4e3,
+		visibleToasts: 3,
+		closeButton: !0
+	}), b = i ?? y.position, S = a ?? y.duration, C = o ?? y.visibleToasts, E = s ?? y.closeButton, D = p(_.subscribe, _.getSnapshot, _.getServerSnapshot), O = r(), A = n(h);
+	d(() => {
+		_.applyDefaultDuration(S);
+	}, [
+		_,
+		D,
+		S
+	]);
+	let j = f(null), M = f(!1), N = f(null), P = u((e) => {
+		M.current || e ? _.pauseAll() : _.resumeAll(S);
+	}, [_, S]), F = () => !!j.current?.contains(document.activeElement), I = u((e) => {
+		let t = j.current?.contains(document.activeElement) ? N.current : null;
+		_.dismiss(e), t?.isConnected && t.focus();
+	}, [_]);
+	if (!O) return null;
+	let [L, R] = b.split("-"), z = D.slice(-C);
+	return g(/* @__PURE__ */ m("div", {
+		ref: j,
+		role: "region",
+		"aria-label": v.label,
+		"aria-live": "polite",
+		"aria-relevant": "additions text",
+		className: e("toaster--component", T.viewport, T[L], T[R], l),
+		onMouseEnter: () => {
+			M.current = !0, P(F());
+		},
+		onMouseLeave: () => {
+			M.current = !1, P(F());
+		},
+		onFocus: (e) => {
+			let t = e.relatedTarget;
+			t instanceof HTMLElement && !e.currentTarget.contains(t) && (N.current = t), P(!0);
+		},
+		onBlur: (e) => {
+			let t = e.relatedTarget;
+			P(t instanceof Node && e.currentTarget.contains(t));
+		},
+		onKeyDown: (e) => {
+			if (e.key !== "Escape") return;
+			let t = e.target.closest("[data-toast-id]")?.dataset.toastId;
+			t && (e.stopPropagation(), I(t));
+		},
+		children: z.map((e) => /* @__PURE__ */ m(k, {
+			record: e,
+			closeButton: E,
+			strings: v,
+			onDismiss: I
+		}, e.id))
+	}), A ?? document.body);
+}
+function k({ record: t, closeButton: n, strings: r, onDismiss: i }) {
+	let a = t.icon ?? (t.status === "neutral" ? null : E[t.status]);
+	return /* @__PURE__ */ h("div", {
+		className: e("toast--component", T.toast, D[t.status]),
+		"data-status": t.status,
+		"data-toast-id": t.id,
+		"data-leaving": t.leaving || void 0,
+		role: t.status === "error" ? "alert" : void 0,
+		"aria-atomic": "true",
+		children: [
+			a != null && /* @__PURE__ */ m("span", {
+				className: T.icon,
+				children: a
+			}),
+			/* @__PURE__ */ h("div", {
+				className: e("toast--content", T.content),
+				children: [/* @__PURE__ */ m("div", {
+					className: T.title,
+					children: t.title
+				}), t.description != null && /* @__PURE__ */ m("div", {
+					className: T.description,
+					children: t.description
+				})]
+			}),
+			(t.action || t.cancel) && /* @__PURE__ */ h("div", {
+				className: T.actions,
+				children: [t.cancel && /* @__PURE__ */ m("button", {
+					type: "button",
+					className: T.cancel,
+					onClick: () => {
+						t.cancel?.onClick(), i(t.id);
+					},
+					children: t.cancel.label
+				}), t.action && /* @__PURE__ */ m("button", {
+					type: "button",
+					className: T.action,
+					onClick: () => {
+						t.action?.onClick(), i(t.id);
+					},
+					children: t.action.label
+				})]
+			}),
+			n && /* @__PURE__ */ m("button", {
+				type: "button",
+				className: T.close,
+				"aria-label": r.dismiss,
+				onClick: () => i(t.id),
+				children: /* @__PURE__ */ m(l, { "aria-hidden": !0 })
+			})
+		]
+	});
+}
+//#endregion
+export { S as a, C as i, w as n, v as r, O as t };

package/dist/toaster-D3Fsaf3I.cjs

@@ -0,0 +1 @@
+const e=require("./ui-provider-B3v22pQY.cjs"),t=require("./use-hydrated-DwqJ02th.cjs");let n=require("lucide-react"),r=require("react"),i=require("react/jsx-runtime"),a=require("react-dom"),o=require("clsx");var s=150;function c(){let e=new Set,t=new Map,n=[],r=0;function i(){for(let t of e)t()}function a(e){let n=t.get(e);n!==void 0&&(window.clearTimeout(n),t.delete(e))}function o(e,n){a(e),Number.isFinite(n)&&t.set(e,window.setTimeout(()=>c(e),n))}function c(e){let t=e?n.filter(t=>t.id===e):n;if(t.length!==0){for(let e of t)a(e.id);n=n.map(e=>t.includes(e)?{...e,leaving:!0}:e),i(),window.setTimeout(()=>{let e=n.filter(e=>t.some(t=>t.id===e.id));n=n.filter(e=>!t.some(t=>t.id===e.id)),i();for(let t of e)t.onDismiss?.(t.id)},s)}}function d(e,t,a={}){let s=a.id??`toast-${++r}`,c=n.find(e=>e.id===s),l={...a,id:s,title:t,status:e,leaving:!1};return n=c?n.map(e=>e.id===s?l:e):[...n,l],i(),a.duration===void 0?e!==`loading`&&o(s,1/0):o(s,a.duration),s}let f=(e,t)=>d(`neutral`,e,t);return{subscribe(t){return e.add(t),()=>e.delete(t)},getSnapshot:()=>n,getServerSnapshot:()=>l,toast:Object.assign(f,{neutral:f,success:(e,t)=>d(`success`,e,t),info:(e,t)=>d(`info`,e,t),warning:(e,t)=>d(`warning`,e,t),error:(e,t)=>d(`error`,e,t),loading:(e,t)=>d(`loading`,e,t),dismiss:c,promise:async(e,t,n={})=>{let r=d(`loading`,t.loading,{...n,id:n.id});try{let i=await e;return d(`success`,u(t.success,i),{...n,id:r}),i}catch(e){throw d(`error`,u(t.error,e),{...n,id:r}),e}}}),dismiss:c,pauseAll(){for(let e of[...t.keys()])a(e)},resumeAll(e){for(let t of n)t.leaving||o(t.id,t.duration??e)},applyDefaultDuration(e){for(let r of n)r.leaving||r.status===`loading`||r.duration===void 0&&(t.has(r.id)||o(r.id,e))}}}var l=[];function u(e,t){return typeof e==`function`?e(t):e}var d=c(),f=d.toast,p=d.dismiss;d.pauseAll,d.resumeAll,d.applyDefaultDuration;var m={label:`Notifications`,dismiss:`Dismiss notification`},h={viewport:`toaster__viewport___9yHe7`,top:`toaster__top___1zsV-`,bottom:`toaster__bottom___v-TlO`,start:`toaster__start___Ybmp4`,end:`toaster__end___TK6H6`,center:`toaster__center___a9CGe`,toast:`toaster__toast___bDiva`,icon:`toaster__icon___ArLMB`,statusSuccess:`toaster__statusSuccess___Okh98`,statusInfo:`toaster__statusInfo___210GB`,statusWarning:`toaster__statusWarning___hEFnE`,statusError:`toaster__statusError___BjSXO`,spinner:`toaster__spinner___xchQh`,content:`toaster__content___l7muo`,title:`toaster__title___w38vh`,description:`toaster__description___ZnbEl`,actions:`toaster__actions___0SpTv`,action:`toaster__action___RDRws`,cancel:`toaster__cancel___T9R0o`,close:`toaster__close___MwjTJ`},g={success:(0,i.jsx)(n.CircleCheckIcon,{"aria-hidden":!0}),info:(0,i.jsx)(n.InfoIcon,{"aria-hidden":!0}),warning:(0,i.jsx)(n.TriangleAlertIcon,{"aria-hidden":!0}),error:(0,i.jsx)(n.OctagonXIcon,{"aria-hidden":!0}),loading:(0,i.jsx)(n.Loader2Icon,{"aria-hidden":!0,className:h.spinner})},_={neutral:void 0,success:h.statusSuccess,info:h.statusInfo,warning:h.statusWarning,error:h.statusError,loading:void 0};function v({position:n,duration:s,visibleToasts:c,closeButton:l,strings:u,className:f,container:p,store:g=d}){let _={...m,...u},v=e.n(`toast`,{position:`bottom-end`,duration:4e3,visibleToasts:3,closeButton:!0}),b=n??v.position,x=s??v.duration,S=c??v.visibleToasts,C=l??v.closeButton,w=(0,r.useSyncExternalStore)(g.subscribe,g.getSnapshot,g.getServerSnapshot),T=t.t(),E=e.u(p);(0,r.useEffect)(()=>{g.applyDefaultDuration(x)},[g,w,x]);let D=(0,r.useRef)(null),O=(0,r.useRef)(!1),k=(0,r.useRef)(null),A=(0,r.useCallback)(e=>{O.current||e?g.pauseAll():g.resumeAll(x)},[g,x]),j=()=>!!D.current?.contains(document.activeElement),M=(0,r.useCallback)(e=>{let t=D.current?.contains(document.activeElement)?k.current:null;g.dismiss(e),t?.isConnected&&t.focus()},[g]);if(!T)return null;let[N,P]=b.split(`-`),F=w.slice(-S);return(0,a.createPortal)((0,i.jsx)(`div`,{ref:D,role:`region`,"aria-label":_.label,"aria-live":`polite`,"aria-relevant":`additions text`,className:(0,o.clsx)(`toaster--component`,h.viewport,h[N],h[P],f),onMouseEnter:()=>{O.current=!0,A(j())},onMouseLeave:()=>{O.current=!1,A(j())},onFocus:e=>{let t=e.relatedTarget;t instanceof HTMLElement&&!e.currentTarget.contains(t)&&(k.current=t),A(!0)},onBlur:e=>{let t=e.relatedTarget;A(t instanceof Node&&e.currentTarget.contains(t))},onKeyDown:e=>{if(e.key!==`Escape`)return;let t=e.target.closest(`[data-toast-id]`)?.dataset.toastId;t&&(e.stopPropagation(),M(t))},children:F.map(e=>(0,i.jsx)(y,{record:e,closeButton:C,strings:_,onDismiss:M},e.id))}),E??document.body)}function y({record:e,closeButton:t,strings:r,onDismiss:a}){let s=e.icon??(e.status===`neutral`?null:g[e.status]);return(0,i.jsxs)(`div`,{className:(0,o.clsx)(`toast--component`,h.toast,_[e.status]),"data-status":e.status,"data-toast-id":e.id,"data-leaving":e.leaving||void 0,role:e.status===`error`?`alert`:void 0,"aria-atomic":`true`,children:[s!=null&&(0,i.jsx)(`span`,{className:h.icon,children:s}),(0,i.jsxs)(`div`,{className:(0,o.clsx)(`toast--content`,h.content),children:[(0,i.jsx)(`div`,{className:h.title,children:e.title}),e.description!=null&&(0,i.jsx)(`div`,{className:h.description,children:e.description})]}),(e.action||e.cancel)&&(0,i.jsxs)(`div`,{className:h.actions,children:[e.cancel&&(0,i.jsx)(`button`,{type:`button`,className:h.cancel,onClick:()=>{e.cancel?.onClick(),a(e.id)},children:e.cancel.label}),e.action&&(0,i.jsx)(`button`,{type:`button`,className:h.action,onClick:()=>{e.action?.onClick(),a(e.id)},children:e.action.label})]}),t&&(0,i.jsx)(`button`,{type:`button`,className:h.close,"aria-label":r.dismiss,onClick:()=>a(e.id),children:(0,i.jsx)(n.XIcon,{"aria-hidden":!0})})]})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});