@vjdesigns/vjdesigns-ui 2.3.0 → 2.5.0

package/dist/components/feedback/Skeleton/Skeleton.mjs

@@ -1,28 +1,29 @@
-import { useMessages as e } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as t } from "../../../utils/cx.mjs";
-import { VisuallyHidden as n } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import r from "./Skeleton.module.css.mjs";
+"use client";
+import { cx as e } from "../../../utils/cx.mjs";
+import { VisuallyHidden as t } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import n from "./Skeleton.module.css.mjs";
+import { useMessages as r } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { useEffect as i, useState as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/feedback/Skeleton/Skeleton.tsx
+// src/components/feedback/Skeleton/Skeleton.tsx
 var l = {
-	rect: r.rect,
-	text: r.text,
-	circle: r.circle,
-	pill: r.pill
+	rect: n.rect,
+	text: n.text,
+	circle: n.circle,
+	pill: n.pill
 }, u = {
-	pulse: r.pulse,
-	shimmer: r.shimmer,
+	pulse: n.pulse,
+	shimmer: n.shimmer,
 	none: ""
 }, d = {
-	none: r.radiusNone,
-	xs: r.radiusXs,
-	sm: r.radiusSm,
-	md: r.radiusMd,
-	lg: r.radiusLg,
-	xl: r.radiusXl,
-	"2xl": r.radius2xl,
-	pill: r.radiusPill
+	none: n.radiusNone,
+	xs: n.radiusXs,
+	sm: n.radiusSm,
+	md: n.radiusMd,
+	lg: n.radiusLg,
+	xl: n.radiusXl,
+	"2xl": n.radius2xl,
+	pill: n.radiusPill
 }, f = (e) => e === void 0 ? void 0 : typeof e == "number" ? `${e}px` : e, p = (e, t) => {
 	let n = {}, r = f(e), i = f(t);
 	return r !== void 0 && (n["--_skeleton-width"] = r), i !== void 0 && (n["--_skeleton-height"] = i), n;
@@ -41,81 +42,81 @@ var l = {
 		t,
 		n
 	]), r;
-}, h = ({ message: e }) => /* @__PURE__ */ s(n, {
+}, h = ({ message: e }) => /* @__PURE__ */ s(t, {
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "true",
 	children: e
-}), g = ({ variant: e = "rect", width: n, height: i, radius: a, animation: f = "pulse", loading: g = !0, inline: _ = !1, loadingLabel: v, loadedLabel: y, children: b, className: x, style: S, ref: C, ...w }) => {
+}), g = ({ variant: t = "rect", width: r, height: i, radius: a, animation: f = "pulse", loading: g = !0, inline: _ = !1, loadingLabel: v, loadedLabel: y, children: b, className: x, style: S, ref: C, ...w }) => {
 	let T = b != null && b !== !1, E = T && v !== void 0, D = m(E && g, v ?? "", E ? y : void 0);
 	if (!T) return g ? /* @__PURE__ */ s("span", {
 		"aria-hidden": "true",
 		...w,
 		ref: C,
-		className: t(r.root, l[e], u[f], a && d[a], x),
+		className: e(n.root, l[t], u[f], a && d[a], x),
 		style: {
-			...p(n, i),
+			...p(r, i),
 			...S
 		},
-		"data-variant": e
+		"data-variant": t
 	}) : null;
 	let O = /* @__PURE__ */ c("div", {
 		"aria-busy": g || void 0,
 		...w,
 		ref: C,
-		className: t(r.wrapper, _ && r.wrapperInline, g && r.wrapperLoading, x),
+		className: e(n.wrapper, _ && n.wrapperInline, g && n.wrapperLoading, x),
 		style: {
-			...p(n, i),
+			...p(r, i),
 			...S
 		},
 		"data-loading": g ? "" : void 0,
 		children: [/* @__PURE__ */ s("div", {
-			className: t(r.content, g && r.hiddenContent),
+			className: e(n.content, g && n.hiddenContent),
 			inert: g,
 			"aria-hidden": g || void 0,
 			children: b
 		}), g && /* @__PURE__ */ s("span", {
 			"aria-hidden": "true",
-			className: t(r.root, r.overlay, e === "circle" && r.radiusRound, e === "pill" && r.radiusPill, u[f], a && d[a])
+			className: e(n.root, n.overlay, t === "circle" && n.radiusRound, t === "pill" && n.radiusPill, u[f], a && d[a])
 		})]
 	});
 	return E ? /* @__PURE__ */ c(o, { children: [O, /* @__PURE__ */ s(h, { message: D })] }) : O;
 }, _ = {
-	xs: r.sizeXs,
-	sm: r.sizeSm,
-	md: r.sizeMd,
-	lg: r.sizeLg,
-	xl: r.sizeXl,
-	"2xl": r.size2xl,
-	"3xl": r.size3xl,
-	"4xl": r.size4xl,
-	"5xl": r.size5xl,
-	"6xl": r.size6xl
+	xs: n.sizeXs,
+	sm: n.sizeSm,
+	md: n.sizeMd,
+	lg: n.sizeLg,
+	xl: n.sizeXl,
+	"2xl": n.size2xl,
+	"3xl": n.size3xl,
+	"4xl": n.size4xl,
+	"5xl": n.size5xl,
+	"6xl": n.size6xl
 }, v = {
-	tight: r.leadingTight,
-	snug: r.leadingSnug,
-	normal: r.leadingNormal,
-	relaxed: r.leadingRelaxed
+	tight: n.leadingTight,
+	snug: n.leadingSnug,
+	normal: n.leadingNormal,
+	relaxed: n.leadingRelaxed
 }, y = {
-	0: r.gap0,
-	1: r.gap1,
-	2: r.gap2,
-	3: r.gap3,
-	4: r.gap4,
-	5: r.gap5,
-	6: r.gap6,
-	8: r.gap8,
-	10: r.gap10,
-	12: r.gap12,
-	16: r.gap16,
-	20: r.gap20,
-	24: r.gap24
-}, b = ({ lines: e = 3, lastLineWidth: n, width: i, size: a = "md", leading: o = "normal", gap: c = 0, animation: l = "pulse", className: u, style: d, ...f }) => {
-	let m = Math.max(1, Math.floor(e)), h = n ?? (m > 1 ? "60%" : void 0);
+	0: n.gap0,
+	1: n.gap1,
+	2: n.gap2,
+	3: n.gap3,
+	4: n.gap4,
+	5: n.gap5,
+	6: n.gap6,
+	8: n.gap8,
+	10: n.gap10,
+	12: n.gap12,
+	16: n.gap16,
+	20: n.gap20,
+	24: n.gap24
+}, b = ({ lines: t = 3, lastLineWidth: r, width: i, size: a = "md", leading: o = "normal", gap: c = 0, animation: l = "pulse", className: u, style: d, ...f }) => {
+	let m = Math.max(1, Math.floor(t)), h = r ?? (m > 1 ? "60%" : void 0);
 	return /* @__PURE__ */ s("span", {
 		"aria-hidden": "true",
 		...f,
-		className: t(r.textBlock, _[a], v[o], y[c], u),
+		className: e(n.textBlock, _[a], v[o], y[c], u),
 		style: {
 			...p(i, void 0),
 			...d
@@ -128,30 +129,29 @@ var l = {
 		}, t))
 	});
 }, x = {
-	xs: r.avatarXs,
-	sm: r.avatarSm,
-	md: r.avatarMd,
-	lg: r.avatarLg,
-	xl: r.avatarXl,
-	"2xl": r.avatar2xl
+	xs: n.avatarXs,
+	sm: n.avatarSm,
+	md: n.avatarMd,
+	lg: n.avatarLg,
+	xl: n.avatarXl,
+	"2xl": n.avatar2xl
 }, S = {
-	circle: r.radiusRound,
-	rounded: r.radiusMd,
-	square: r.radiusSm
-}, C = ({ size: e = "md", shape: n = "circle", animation: i = "pulse", className: a, ...o }) => /* @__PURE__ */ s("span", {
+	circle: n.radiusRound,
+	rounded: n.radiusMd,
+	square: n.radiusSm
+}, C = ({ size: t = "md", shape: r = "circle", animation: i = "pulse", className: a, ...o }) => /* @__PURE__ */ s("span", {
 	"aria-hidden": "true",
 	...o,
-	className: t(r.root, r.avatar, x[e], S[n], u[i], a)
+	className: e(n.root, n.avatar, x[t], S[r], u[i], a)
 }), w = (e) => /* @__PURE__ */ s(C, {
 	...e,
 	shape: "circle"
-}), T = ({ loading: t = !0, label: n, loadedLabel: r, children: i, ...a }) => {
-	let l = e(), u = m(t, n ?? l.skeleton.loading, r);
+}), T = ({ loading: e = !0, label: t, loadedLabel: n, children: i, ...a }) => {
+	let l = r(), u = m(e, t ?? l.skeleton.loading, n);
 	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
-		"aria-busy": t || void 0,
+		"aria-busy": e || void 0,
 		...a,
 		children: i
 	}), /* @__PURE__ */ s(h, { message: u })] });
 };
-//#endregion
 export { g as Skeleton, C as SkeletonAvatar, w as SkeletonCircle, T as SkeletonGroup, b as SkeletonText };

package/dist/components/feedback/Skeleton/Skeleton.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/feedback/Skeleton/Skeleton.module.css
+// src/components/feedback/Skeleton/Skeleton.module.css
 var e = "_root_1vcl4_17", t = "_rect_1vcl4_55", n = "_text_1vcl4_65", r = "_circle_1vcl4_77", i = "_pill_1vcl4_91", a = "_radiusNone_1vcl4_105", o = "_radiusXs_1vcl4_111", s = "_radiusSm_1vcl4_117", c = "_radiusMd_1vcl4_123", l = "_radiusLg_1vcl4_129", u = "_radiusXl_1vcl4_135", d = "_radius2xl_1vcl4_141", f = "_radiusPill_1vcl4_147", p = "_radiusRound_1vcl4_153", m = "_pulse_1vcl4_163", h = "_shimmer_1vcl4_191", g = "_textBlock_1vcl4_271", _ = "_sizeXs_1vcl4_285", v = "_sizeSm_1vcl4_291", y = "_sizeMd_1vcl4_297", b = "_sizeLg_1vcl4_303", x = "_sizeXl_1vcl4_309", S = "_size2xl_1vcl4_315", C = "_size3xl_1vcl4_321", w = "_size4xl_1vcl4_327", T = "_size5xl_1vcl4_333", E = "_size6xl_1vcl4_339", D = "_leadingTight_1vcl4_347", O = "_leadingSnug_1vcl4_353", k = "_leadingNormal_1vcl4_359", A = "_leadingRelaxed_1vcl4_365", j = "_gap0_1vcl4_373", M = "_gap1_1vcl4_379", N = "_gap2_1vcl4_385", P = "_gap3_1vcl4_391", F = "_gap4_1vcl4_397", I = "_gap5_1vcl4_403", L = "_gap6_1vcl4_409", R = "_gap8_1vcl4_415", z = "_gap10_1vcl4_421", B = "_gap12_1vcl4_427", V = "_gap16_1vcl4_433", H = "_gap20_1vcl4_439", U = "_gap24_1vcl4_445", W = "_avatar_1vcl4_461", G = "_avatarXs_1vcl4_471", K = "_avatarSm_1vcl4_477", q = "_avatarMd_1vcl4_483", J = "_avatarLg_1vcl4_489", Y = "_avatarXl_1vcl4_495", X = "_avatar2xl_1vcl4_501", Z = "_wrapper_1vcl4_531", Q = "_wrapperInline_1vcl4_547", $ = "_content_1vcl4_561", ee = "_hiddenContent_1vcl4_571", te = "_overlay_1vcl4_579", ne = {
 	root: e,
 	rect: t,
@@ -59,5 +59,4 @@ var e = "_root_1vcl4_17", t = "_rect_1vcl4_55", n = "_text_1vcl4_65", r = "_circ
 	hiddenContent: ee,
 	overlay: te
 };
-//#endregion
 export { W as avatar, X as avatar2xl, J as avatarLg, q as avatarMd, K as avatarSm, Y as avatarXl, G as avatarXs, r as circle, $ as content, ne as default, j as gap0, M as gap1, z as gap10, B as gap12, V as gap16, N as gap2, H as gap20, U as gap24, P as gap3, F as gap4, I as gap5, L as gap6, R as gap8, ee as hiddenContent, k as leadingNormal, A as leadingRelaxed, O as leadingSnug, D as leadingTight, te as overlay, i as pill, m as pulse, d as radius2xl, l as radiusLg, c as radiusMd, a as radiusNone, f as radiusPill, p as radiusRound, s as radiusSm, u as radiusXl, o as radiusXs, t as rect, e as root, h as shimmer, S as size2xl, C as size3xl, w as size4xl, T as size5xl, E as size6xl, b as sizeLg, y as sizeMd, v as sizeSm, x as sizeXl, _ as sizeXs, n as text, g as textBlock, Z as wrapper, Q as wrapperInline };

package/dist/components/feedback/Spinner/Spinner.cjs.js

@@ -1 +1 @@
-const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),r=require("./Spinner.module.css.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o={xs:r.default.xs,sm:r.default.sm,md:r.default.md,lg:r.default.lg,xl:r.default.xl},s={inherit:r.default.toneInherit,neutral:r.default.toneNeutral,primary:r.default.tonePrimary,accent:r.default.toneAccent,success:r.default.toneSuccess,warning:r.default.toneWarning,danger:r.default.toneDanger,info:r.default.toneInfo},c={ring:r.default.ring,dots:r.default.dots,bars:r.default.bars};function l(e){let[t,n]=(0,i.useState)(e<=0);return(0,i.useEffect)(()=>{if(e<=0){n(!0);return}n(!1);let t=setTimeout(()=>n(!0),e);return()=>clearTimeout(t)},[e]),t}var u=({size:i=`md`,tone:u=`inherit`,variant:d=`ring`,thickness:f,label:p,decorative:m=!1,delay:h=0,className:g,style:_,...v})=>{let y=e.useMessages(),b=p??y.spinner.loading;if(!l(h))return null;let x=typeof i==`string`,S={};x||(S[`--_size`]=`${i}px`),f!=null&&(S[`--_thickness`]=`${f}px`);let C=Object.keys(S).length>0;return(0,a.jsxs)(`span`,{role:m?void 0:`status`,"aria-hidden":m?!0:void 0,...v,className:t.cx(r.default.root,x&&o[i],s[u],c[d],g),style:C?{...S,..._}:_,children:[(0,a.jsx)(`span`,{className:r.default.indicator,"aria-hidden":`true`,children:d!==`ring`&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`span`,{className:r.default.part}),(0,a.jsx)(`span`,{className:r.default.part}),(0,a.jsx)(`span`,{className:r.default.part})]})}),!m&&(0,a.jsx)(n.VisuallyHidden,{children:b})]})};exports.Spinner=u;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),n=require("./Spinner.module.css.cjs.js"),r=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o={xs:n.default.xs,sm:n.default.sm,md:n.default.md,lg:n.default.lg,xl:n.default.xl},s={inherit:n.default.toneInherit,neutral:n.default.toneNeutral,primary:n.default.tonePrimary,accent:n.default.toneAccent,success:n.default.toneSuccess,warning:n.default.toneWarning,danger:n.default.toneDanger,info:n.default.toneInfo},c={ring:n.default.ring,dots:n.default.dots,bars:n.default.bars};function l(e){let[t,n]=(0,i.useState)(e<=0);return(0,i.useEffect)(()=>{if(e<=0){n(!0);return}n(!1);let t=setTimeout(()=>n(!0),e);return()=>clearTimeout(t)},[e]),t}var u=({size:i=`md`,tone:u=`inherit`,variant:d=`ring`,thickness:f,label:p,decorative:m=!1,delay:h=0,className:g,style:_,...v})=>{let y=r.useMessages(),b=p??y.spinner.loading;if(!l(h))return null;let x=typeof i==`string`,S={};x||(S[`--_size`]=`${i}px`),f!=null&&(S[`--_thickness`]=`${f}px`);let C=Object.keys(S).length>0;return(0,a.jsxs)(`span`,{role:m?void 0:`status`,"aria-hidden":m?!0:void 0,...v,className:e.cx(n.default.root,x&&o[i],s[u],c[d],g),style:C?{...S,..._}:_,children:[(0,a.jsx)(`span`,{className:n.default.indicator,"aria-hidden":`true`,children:d!==`ring`&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`span`,{className:n.default.part}),(0,a.jsx)(`span`,{className:n.default.part}),(0,a.jsx)(`span`,{className:n.default.part})]})}),!m&&(0,a.jsx)(t.VisuallyHidden,{children:b})]})};exports.Spinner=u;

package/dist/components/feedback/Spinner/Spinner.mjs

@@ -1,29 +1,30 @@
-import { useMessages as e } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as t } from "../../../utils/cx.mjs";
-import { VisuallyHidden as n } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import r from "./Spinner.module.css.mjs";
+"use client";
+import { cx as e } from "../../../utils/cx.mjs";
+import { VisuallyHidden as t } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import n from "./Spinner.module.css.mjs";
+import { useMessages as r } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { useEffect as i, useState as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/feedback/Spinner/Spinner.tsx
+// src/components/feedback/Spinner/Spinner.tsx
 var l = {
-	xs: r.xs,
-	sm: r.sm,
-	md: r.md,
-	lg: r.lg,
-	xl: r.xl
+	xs: n.xs,
+	sm: n.sm,
+	md: n.md,
+	lg: n.lg,
+	xl: n.xl
 }, u = {
-	inherit: r.toneInherit,
-	neutral: r.toneNeutral,
-	primary: r.tonePrimary,
-	accent: r.toneAccent,
-	success: r.toneSuccess,
-	warning: r.toneWarning,
-	danger: r.toneDanger,
-	info: r.toneInfo
+	inherit: n.toneInherit,
+	neutral: n.toneNeutral,
+	primary: n.tonePrimary,
+	accent: n.toneAccent,
+	success: n.toneSuccess,
+	warning: n.toneWarning,
+	danger: n.toneDanger,
+	info: n.toneInfo
 }, d = {
-	ring: r.ring,
-	dots: r.dots,
-	bars: r.bars
+	ring: n.ring,
+	dots: n.dots,
+	bars: n.bars
 };
 function f(e) {
 	let [t, n] = a(e <= 0);
@@ -38,7 +39,7 @@ function f(e) {
 	}, [e]), t;
 }
 var p = ({ size: i = "md", tone: a = "inherit", variant: p = "ring", thickness: m, label: h, decorative: g = !1, delay: _ = 0, className: v, style: y, ...b }) => {
-	let x = e(), S = h ?? x.spinner.loading;
+	let x = r(), S = h ?? x.spinner.loading;
 	if (!f(_)) return null;
 	let C = typeof i == "string", w = {};
 	C || (w["--_size"] = `${i}px`), m != null && (w["--_thickness"] = `${m}px`);
@@ -47,21 +48,20 @@ var p = ({ size: i = "md", tone: a = "inherit", variant: p = "ring", thickness:
 		role: g ? void 0 : "status",
 		"aria-hidden": g ? !0 : void 0,
 		...b,
-		className: t(r.root, C && l[i], u[a], d[p], v),
+		className: e(n.root, C && l[i], u[a], d[p], v),
 		style: T ? {
 			...w,
 			...y
 		} : y,
 		children: [/* @__PURE__ */ s("span", {
-			className: r.indicator,
+			className: n.indicator,
 			"aria-hidden": "true",
 			children: p !== "ring" && /* @__PURE__ */ c(o, { children: [
-				/* @__PURE__ */ s("span", { className: r.part }),
-				/* @__PURE__ */ s("span", { className: r.part }),
-				/* @__PURE__ */ s("span", { className: r.part })
+				/* @__PURE__ */ s("span", { className: n.part }),
+				/* @__PURE__ */ s("span", { className: n.part }),
+				/* @__PURE__ */ s("span", { className: n.part })
 			] })
-		}), !g && /* @__PURE__ */ s(n, { children: S })]
+		}), !g && /* @__PURE__ */ s(t, { children: S })]
 	});
 };
-//#endregion
 export { p as Spinner };

package/dist/components/feedback/Spinner/Spinner.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/feedback/Spinner/Spinner.module.css
+// src/components/feedback/Spinner/Spinner.module.css
 var e = "_root_1tf1b_17", t = "_xs_1tf1b_51", n = "_sm_1tf1b_57", r = "_md_1tf1b_63", i = "_lg_1tf1b_69", a = "_xl_1tf1b_75", o = "_toneInherit_1tf1b_85", s = "_toneNeutral_1tf1b_91", c = "_tonePrimary_1tf1b_97", l = "_toneAccent_1tf1b_103", u = "_toneSuccess_1tf1b_109", d = "_toneWarning_1tf1b_115", f = "_toneDanger_1tf1b_121", p = "_toneInfo_1tf1b_127", m = "_indicator_1tf1b_135", h = "_ring_1tf1b_153", g = "_dots_1tf1b_195", _ = "_bars_1tf1b_197", v = "_part_1tf1b_209", y = {
 	root: e,
 	xs: t,
@@ -25,5 +25,4 @@ var e = "_root_1tf1b_17", t = "_xs_1tf1b_51", n = "_sm_1tf1b_57", r = "_md_1tf1b
 	"spinner-track-pulse": "_spinner-track-pulse_1tf1b_1",
 	"spinner-fade": "_spinner-fade_1tf1b_1"
 };
-//#endregion
 export { _ as bars, y as default, g as dots, m as indicator, i as lg, r as md, v as part, h as ring, e as root, n as sm, l as toneAccent, f as toneDanger, p as toneInfo, o as toneInherit, s as toneNeutral, c as tonePrimary, u as toneSuccess, d as toneWarning, a as xl, t as xs };

package/dist/components/feedback/Toast/Toast.cjs.js

@@ -1 +1 @@
-const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),r=require("../Spinner/Spinner.cjs.js"),i=require("../../primitives/Button/Button.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("./Toast.module.css.cjs.js");let s=require("react/jsx-runtime");var c={neutral:o.default.neutral,info:o.default.info,success:o.default.success,warning:o.default.warning,danger:o.default.danger,loading:o.default.loading},l={neutral:(0,s.jsx)(a.BellIcon,{size:`sm`}),info:(0,s.jsx)(a.InfoIcon,{size:`sm`}),success:(0,s.jsx)(a.SuccessIcon,{size:`sm`}),warning:(0,s.jsx)(a.WarningIcon,{size:`sm`}),danger:(0,s.jsx)(a.ErrorIcon,{size:`sm`}),loading:(0,s.jsx)(r.Spinner,{size:`sm`,tone:`primary`,decorative:!0})},u=({tone:r=`neutral`,title:u,description:d,icon:f,action:p,dismissible:m=!0,onDismiss:h,closeLabel:g,toneLabel:_,progressDuration:v,progressKey:y,paused:b=!1,children:x,className:S,...C})=>{let w=e.useMessages(),T=g??w.toast.dismiss,E=f===void 0?l[r]:f,D=_??(r===`neutral`?``:w.toast.tone[r]),O=v!==void 0&&Number.isFinite(v);return(0,s.jsxs)(`div`,{...C,className:t.cx(o.default.toast,c[r],S),"data-tone":r,"aria-busy":r===`loading`||C[`aria-busy`],children:[E!=null&&(0,s.jsx)(`span`,{className:o.default.icon,"aria-hidden":`true`,children:E}),(0,s.jsxs)(`div`,{className:o.default.body,children:[u!=null&&u!==``&&(0,s.jsxs)(`p`,{className:o.default.title,children:[D&&(0,s.jsx)(n.VisuallyHidden,{children:`${D}: `}),u]}),d!=null&&d!==``&&(0,s.jsxs)(`div`,{className:o.default.description,children:[(u==null||u===``)&&D&&(0,s.jsx)(n.VisuallyHidden,{children:`${D}: `}),d]}),x,p&&(0,s.jsx)(`div`,{className:o.default.actions,children:(0,s.jsx)(i.Button,{size:`sm`,variant:`soft`,tone:`primary`,onClick:e=>{p.onClick(e),e.defaultPrevented||h?.()},children:p.label})})]}),m&&(0,s.jsx)(i.IconButton,{className:o.default.close,size:`sm`,variant:`ghost`,tone:`neutral`,"aria-label":T,onClick:()=>h?.(),children:(0,s.jsx)(a.CloseIcon,{size:`sm`})}),O&&(0,s.jsx)(`span`,{className:o.default.progressTrack,"aria-hidden":`true`,children:(0,s.jsx)(`span`,{className:o.default.progressBar,"data-paused":b||void 0,style:{animationDuration:`${v}ms`}},y)})]})};exports.Toast=u;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../primitives/Button/Button.cjs.js"),n=require("../../primitives/Icon/icons.cjs.js"),r=require("../Spinner/Spinner.cjs.js"),i=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),a=require("./Toast.module.css.cjs.js"),o=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let s=require("react/jsx-runtime");var c={neutral:a.default.neutral,info:a.default.info,success:a.default.success,warning:a.default.warning,danger:a.default.danger,loading:a.default.loading},l={neutral:(0,s.jsx)(n.BellIcon,{size:`sm`}),info:(0,s.jsx)(n.InfoIcon,{size:`sm`}),success:(0,s.jsx)(n.SuccessIcon,{size:`sm`}),warning:(0,s.jsx)(n.WarningIcon,{size:`sm`}),danger:(0,s.jsx)(n.ErrorIcon,{size:`sm`}),loading:(0,s.jsx)(r.Spinner,{size:`sm`,tone:`primary`,decorative:!0})},u=({tone:r=`neutral`,title:u,description:d,icon:f,action:p,dismissible:m=!0,onDismiss:h,closeLabel:g,toneLabel:_,progressDuration:v,progressKey:y,paused:b=!1,children:x,className:S,...C})=>{let w=o.useMessages(),T=g??w.toast.dismiss,E=f===void 0?l[r]:f,D=_??(r===`neutral`?``:w.toast.tone[r]),O=v!==void 0&&Number.isFinite(v);return(0,s.jsxs)(`div`,{...C,className:e.cx(a.default.toast,c[r],S),"data-tone":r,"aria-busy":r===`loading`||C[`aria-busy`],children:[E!=null&&(0,s.jsx)(`span`,{className:a.default.icon,"aria-hidden":`true`,children:E}),(0,s.jsxs)(`div`,{className:a.default.body,children:[u!=null&&u!==``&&(0,s.jsxs)(`p`,{className:a.default.title,children:[D&&(0,s.jsx)(i.VisuallyHidden,{children:`${D}: `}),u]}),d!=null&&d!==``&&(0,s.jsxs)(`div`,{className:a.default.description,children:[(u==null||u===``)&&D&&(0,s.jsx)(i.VisuallyHidden,{children:`${D}: `}),d]}),x,p&&(0,s.jsx)(`div`,{className:a.default.actions,children:(0,s.jsx)(t.Button,{size:`sm`,variant:`soft`,tone:`primary`,onClick:e=>{p.onClick(e),e.defaultPrevented||h?.()},children:p.label})})]}),m&&(0,s.jsx)(t.IconButton,{className:a.default.close,size:`sm`,variant:`ghost`,tone:`neutral`,"aria-label":T,onClick:()=>h?.(),children:(0,s.jsx)(n.CloseIcon,{size:`sm`})}),O&&(0,s.jsx)(`span`,{className:a.default.progressTrack,"aria-hidden":`true`,children:(0,s.jsx)(`span`,{className:a.default.progressBar,"data-paused":b||void 0,style:{animationDuration:`${v}ms`}},y)})]})};exports.Toast=u;

package/dist/components/feedback/Toast/Toast.mjs

@@ -1,83 +1,84 @@
-import { useMessages as e } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as t } from "../../../utils/cx.mjs";
-import { VisuallyHidden as n } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { Spinner as r } from "../Spinner/Spinner.mjs";
-import { Button as i, IconButton as a } from "../../primitives/Button/Button.mjs";
-import { BellIcon as o, CloseIcon as s, ErrorIcon as c, InfoIcon as l, SuccessIcon as u, WarningIcon as d } from "../../primitives/Icon/icons.mjs";
-import f from "./Toast.module.css.mjs";
+"use client";
+import { cx as e } from "../../../utils/cx.mjs";
+import { Button as t, IconButton as n } from "../../primitives/Button/Button.mjs";
+import { BellIcon as r, CloseIcon as i, ErrorIcon as a, InfoIcon as o, SuccessIcon as s, WarningIcon as c } from "../../primitives/Icon/icons.mjs";
+import { Spinner as l } from "../Spinner/Spinner.mjs";
+import { VisuallyHidden as u } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import d from "./Toast.module.css.mjs";
+import { useMessages as f } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/components/feedback/Toast/Toast.tsx
+// src/components/feedback/Toast/Toast.tsx
 var h = {
-	neutral: f.neutral,
-	info: f.info,
-	success: f.success,
-	warning: f.warning,
-	danger: f.danger,
-	loading: f.loading
+	neutral: d.neutral,
+	info: d.info,
+	success: d.success,
+	warning: d.warning,
+	danger: d.danger,
+	loading: d.loading
 }, g = {
-	neutral: /* @__PURE__ */ p(o, { size: "sm" }),
-	info: /* @__PURE__ */ p(l, { size: "sm" }),
-	success: /* @__PURE__ */ p(u, { size: "sm" }),
-	warning: /* @__PURE__ */ p(d, { size: "sm" }),
-	danger: /* @__PURE__ */ p(c, { size: "sm" }),
-	loading: /* @__PURE__ */ p(r, {
+	neutral: /* @__PURE__ */ p(r, { size: "sm" }),
+	info: /* @__PURE__ */ p(o, { size: "sm" }),
+	success: /* @__PURE__ */ p(s, { size: "sm" }),
+	warning: /* @__PURE__ */ p(c, { size: "sm" }),
+	danger: /* @__PURE__ */ p(a, { size: "sm" }),
+	loading: /* @__PURE__ */ p(l, {
 		size: "sm",
 		tone: "primary",
 		decorative: !0
 	})
-}, _ = ({ tone: r = "neutral", title: o, description: c, icon: l, action: u, dismissible: d = !0, onDismiss: _, closeLabel: v, toneLabel: y, progressDuration: b, progressKey: x, paused: S = !1, children: C, className: w, ...T }) => {
-	let E = e(), D = v ?? E.toast.dismiss, O = l === void 0 ? g[r] : l, k = y ?? (r === "neutral" ? "" : E.toast.tone[r]), A = b !== void 0 && Number.isFinite(b);
+}, _ = ({ tone: r = "neutral", title: a, description: o, icon: s, action: c, dismissible: l = !0, onDismiss: _, closeLabel: v, toneLabel: y, progressDuration: b, progressKey: x, paused: S = !1, children: C, className: w, ...T }) => {
+	let E = f(), D = v ?? E.toast.dismiss, O = s === void 0 ? g[r] : s, k = y ?? (r === "neutral" ? "" : E.toast.tone[r]), A = b !== void 0 && Number.isFinite(b);
 	return /* @__PURE__ */ m("div", {
 		...T,
-		className: t(f.toast, h[r], w),
+		className: e(d.toast, h[r], w),
 		"data-tone": r,
 		"aria-busy": r === "loading" || T["aria-busy"],
 		children: [
 			O != null && /* @__PURE__ */ p("span", {
-				className: f.icon,
+				className: d.icon,
 				"aria-hidden": "true",
 				children: O
 			}),
 			/* @__PURE__ */ m("div", {
-				className: f.body,
+				className: d.body,
 				children: [
-					o != null && o !== "" && /* @__PURE__ */ m("p", {
-						className: f.title,
-						children: [k && /* @__PURE__ */ p(n, { children: `${k}: ` }), o]
+					a != null && a !== "" && /* @__PURE__ */ m("p", {
+						className: d.title,
+						children: [k && /* @__PURE__ */ p(u, { children: `${k}: ` }), a]
 					}),
-					c != null && c !== "" && /* @__PURE__ */ m("div", {
-						className: f.description,
-						children: [(o == null || o === "") && k && /* @__PURE__ */ p(n, { children: `${k}: ` }), c]
+					o != null && o !== "" && /* @__PURE__ */ m("div", {
+						className: d.description,
+						children: [(a == null || a === "") && k && /* @__PURE__ */ p(u, { children: `${k}: ` }), o]
 					}),
 					C,
-					u && /* @__PURE__ */ p("div", {
-						className: f.actions,
-						children: /* @__PURE__ */ p(i, {
+					c && /* @__PURE__ */ p("div", {
+						className: d.actions,
+						children: /* @__PURE__ */ p(t, {
 							size: "sm",
 							variant: "soft",
 							tone: "primary",
 							onClick: (e) => {
-								u.onClick(e), e.defaultPrevented || _?.();
+								c.onClick(e), e.defaultPrevented || _?.();
 							},
-							children: u.label
+							children: c.label
 						})
 					})
 				]
 			}),
-			d && /* @__PURE__ */ p(a, {
-				className: f.close,
+			l && /* @__PURE__ */ p(n, {
+				className: d.close,
 				size: "sm",
 				variant: "ghost",
 				tone: "neutral",
 				"aria-label": D,
 				onClick: () => _?.(),
-				children: /* @__PURE__ */ p(s, { size: "sm" })
+				children: /* @__PURE__ */ p(i, { size: "sm" })
 			}),
 			A && /* @__PURE__ */ p("span", {
-				className: f.progressTrack,
+				className: d.progressTrack,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ p("span", {
-					className: f.progressBar,
+					className: d.progressBar,
 					"data-paused": S || void 0,
 					style: { animationDuration: `${b}ms` }
 				}, x)
@@ -85,5 +86,4 @@ var h = {
 		]
 	});
 };
-//#endregion
 export { _ as Toast };

package/dist/components/feedback/Toast/Toast.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/feedback/Toast/Toast.module.css
+// src/components/feedback/Toast/Toast.module.css
 var e = "_toast_bsy81_9", t = "_neutral_bsy81_55", n = "_info_bsy81_67", r = "_success_bsy81_79", i = "_warning_bsy81_91", a = "_danger_bsy81_103", o = "_loading_bsy81_117", s = "_icon_bsy81_129", c = "_body_bsy81_153", l = "_title_bsy81_171", u = "_description_bsy81_193", d = "_actions_bsy81_209", f = "_close_bsy81_223", p = "_progressTrack_bsy81_235", m = "_progressBar_bsy81_251", h = "_toastProgress_bsy81_1", g = "_viewport_bsy81_327", _ = "_topStart_bsy81_375", v = "_topCenter_bsy81_385", y = "_topEnd_bsy81_397", b = "_bottomStart_bsy81_407", x = "_bottomCenter_bsy81_417", S = "_bottomEnd_bsy81_429", C = "_list_bsy81_457", w = "_gap0_bsy81_483", T = "_gap1_bsy81_485", E = "_gap2_bsy81_487", D = "_gap3_bsy81_489", O = "_gap4_bsy81_491", k = "_gap5_bsy81_493", A = "_gap6_bsy81_495", j = "_gap8_bsy81_497", M = "_gap10_bsy81_499", N = "_gap12_bsy81_501", P = "_gap16_bsy81_503", F = "_gap20_bsy81_505", I = "_gap24_bsy81_507", L = "_item_bsy81_511", R = "_toastEnter_bsy81_1", z = "_itemInner_bsy81_539", B = "_exiting_bsy81_549", V = "_toastExit_bsy81_1", H = "_queued_bsy81_613", U = {
 	toast: e,
 	neutral: t,
@@ -44,5 +44,4 @@ var e = "_toast_bsy81_9", t = "_neutral_bsy81_55", n = "_info_bsy81_67", r = "_s
 	toastExit: V,
 	queued: H
 };
-//#endregion
 export { d as actions, c as body, x as bottomCenter, S as bottomEnd, b as bottomStart, f as close, a as danger, U as default, u as description, B as exiting, w as gap0, T as gap1, M as gap10, N as gap12, P as gap16, E as gap2, F as gap20, I as gap24, D as gap3, O as gap4, k as gap5, A as gap6, j as gap8, s as icon, n as info, L as item, z as itemInner, C as list, o as loading, t as neutral, m as progressBar, p as progressTrack, H as queued, r as success, l as title, e as toast, R as toastEnter, V as toastExit, h as toastProgress, v as topCenter, y as topEnd, _ as topStart, g as viewport, i as warning };

package/dist/components/feedback/Toast/ToastItem.cjs.js

@@ -1 +1 @@
-const e=require("../../../utils/cx.cjs.js"),t=require("./Toast.module.css.cjs.js"),n=require("./Toast.cjs.js"),r=require("./toastTiming.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o=600,s=({record:s,store:c,paused:l,defaultDuration:u,defaultShowProgress:d,toneLabels:f,closeLabel:p,registerRef:m,onFocusedClose:h})=>{let{id:g,status:_,version:v}=s,y=(0,i.useRef)(null),b=_===`closing`,x=s.tone??`neutral`,S=s.dismissible??!0,C=r.resolveDuration(s,u),w=(0,i.useCallback)(()=>c.dismiss(g),[c,g]);r.usePausableTimer(C,l||b,v,()=>c.dismiss(g,`auto`)),(0,i.useEffect)(()=>{if(!b)return;let e=y.current;e&&e.contains(document.activeElement)&&h(g);let t=window.setTimeout(()=>c.remove(g),o);return()=>window.clearTimeout(t)},[b,g,h,c]);let T=(0,i.useCallback)(e=>{y.current=e,m(g,e)},[g,m]),E=e=>{e.key===`Escape`&&S&&!b&&(e.stopPropagation(),e.preventDefault(),w())},D=s.showProgress??d,O=f[x];return(0,a.jsx)(`li`,{ref:T,className:e.cx(t.default.item,b&&t.default.exiting),tabIndex:0,"data-toast-id":g,"data-state":_,onKeyDown:E,onAnimationEnd:e=>{b&&e.target===e.currentTarget&&c.remove(g)},children:(0,a.jsx)(`div`,{className:t.default.itemInner,children:s.render?s.render({id:g,toast:s,dismiss:w}):(0,a.jsx)(n.Toast,{tone:x,title:s.title,description:s.description,icon:s.icon,action:s.action,dismissible:S,onDismiss:w,closeLabel:p,toneLabel:O,progressDuration:D?C:void 0,paused:l,progressKey:v})})})};exports.ToastItem=s;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("./Toast.cjs.js"),n=require("./toastTiming.cjs.js"),r=require("./Toast.module.css.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o=600,s=({record:s,store:c,paused:l,defaultDuration:u,defaultShowProgress:d,toneLabels:f,closeLabel:p,registerRef:m,onFocusedClose:h})=>{let{id:g,status:_,version:v}=s,y=(0,i.useRef)(null),b=_===`closing`,x=s.tone??`neutral`,S=s.dismissible??!0,C=n.resolveDuration(s,u),w=(0,i.useCallback)(()=>c.dismiss(g),[c,g]);n.usePausableTimer(C,l||b,v,()=>c.dismiss(g,`auto`)),(0,i.useEffect)(()=>{if(!b)return;let e=y.current;e&&e.contains(document.activeElement)&&h(g);let t=window.setTimeout(()=>c.remove(g),o);return()=>window.clearTimeout(t)},[b,g,h,c]);let T=(0,i.useCallback)(e=>{y.current=e,m(g,e)},[g,m]),E=e=>{e.key===`Escape`&&S&&!b&&(e.stopPropagation(),e.preventDefault(),w())},D=s.showProgress??d,O=f[x];return(0,a.jsx)(`li`,{ref:T,className:e.cx(r.default.item,b&&r.default.exiting),tabIndex:0,"data-toast-id":g,"data-state":_,onKeyDown:E,onAnimationEnd:e=>{b&&e.target===e.currentTarget&&c.remove(g)},children:(0,a.jsx)(`div`,{className:r.default.itemInner,children:s.render?s.render({id:g,toast:s,dismiss:w}):(0,a.jsx)(t.Toast,{tone:x,title:s.title,description:s.description,icon:s.icon,action:s.action,dismissible:S,onDismiss:w,closeLabel:p,toneLabel:O,progressDuration:D?C:void 0,paused:l,progressKey:v})})})};exports.ToastItem=s;

package/dist/components/feedback/Toast/ToastItem.mjs

@@ -1,13 +1,14 @@
+"use client";
 import { cx as e } from "../../../utils/cx.mjs";
-import t from "./Toast.module.css.mjs";
-import { Toast as n } from "./Toast.mjs";
-import { resolveDuration as r, usePausableTimer as i } from "./toastTiming.mjs";
+import { Toast as t } from "./Toast.mjs";
+import { resolveDuration as n, usePausableTimer as r } from "./toastTiming.mjs";
+import i from "./Toast.module.css.mjs";
 import { useCallback as a, useEffect as o, useRef as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
-//#region src/components/feedback/Toast/ToastItem.tsx
+// src/components/feedback/Toast/ToastItem.tsx
 var l = 600, u = ({ record: u, store: d, paused: f, defaultDuration: p, defaultShowProgress: m, toneLabels: h, closeLabel: g, registerRef: _, onFocusedClose: v }) => {
-	let { id: y, status: b, version: x } = u, S = s(null), C = b === "closing", w = u.tone ?? "neutral", T = u.dismissible ?? !0, E = r(u, p), D = a(() => d.dismiss(y), [d, y]);
-	i(E, f || C, x, () => d.dismiss(y, "auto")), o(() => {
+	let { id: y, status: b, version: x } = u, S = s(null), C = b === "closing", w = u.tone ?? "neutral", T = u.dismissible ?? !0, E = n(u, p), D = a(() => d.dismiss(y), [d, y]);
+	r(E, f || C, x, () => d.dismiss(y, "auto")), o(() => {
 		if (!C) return;
 		let e = S.current;
 		e && e.contains(document.activeElement) && v(y);
@@ -26,7 +27,7 @@ var l = 600, u = ({ record: u, store: d, paused: f, defaultDuration: p, defaultS
 	}, A = u.showProgress ?? m, j = h[w];
 	return /* @__PURE__ */ c("li", {
 		ref: O,
-		className: e(t.item, C && t.exiting),
+		className: e(i.item, C && i.exiting),
 		tabIndex: 0,
 		"data-toast-id": y,
 		"data-state": b,
@@ -35,12 +36,12 @@ var l = 600, u = ({ record: u, store: d, paused: f, defaultDuration: p, defaultS
 			C && e.target === e.currentTarget && d.remove(y);
 		},
 		children: /* @__PURE__ */ c("div", {
-			className: t.itemInner,
+			className: i.itemInner,
 			children: u.render ? u.render({
 				id: y,
 				toast: u,
 				dismiss: D
-			}) : /* @__PURE__ */ c(n, {
+			}) : /* @__PURE__ */ c(t, {
 				tone: w,
 				title: u.title,
 				description: u.description,
@@ -57,5 +58,4 @@ var l = 600, u = ({ record: u, store: d, paused: f, defaultDuration: p, defaultS
 		})
 	});
 };
-//#endregion
 export { u as ToastItem };

package/dist/components/feedback/Toast/ToastProvider.cjs.js

@@ -1 +1 @@
-const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("./toastStore.cjs.js"),n=require("./useToast.cjs.js"),r=require("./ToastViewport.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o=[`F8`],s=globalThis.process?.env?.NODE_ENV!==`production`,c=typeof window<`u`?i.useLayoutEffect:i.useEffect,l=new Map,u=new Set,d=e=>(u.add(e),()=>{u.delete(e)}),f=()=>u.forEach(e=>e());function p(e,t){let[n]=(0,i.useState)(()=>Symbol(`ToastProvider`));return c(()=>{if(t)return;let r=l.get(e)??[];return s&&r.length>0&&console.warn("[ToastProvider] Another ToastProvider already shows this store's toasts, so this one won't draw a second viewport. Use one ToastProvider near the root of your app (inside your LocaleProvider), or pass `store={createToastStore()}` to keep separate toasts."),l.set(e,[...r,n]),f(),()=>{let t=(l.get(e)??[]).filter(e=>e!==n);t.length>0?l.set(e,t):l.delete(e),f()}},[e,t,n]),(0,i.useSyncExternalStore)(d,()=>!t&&l.get(e)?.[0]===n,()=>!t)}var m=({children:s,store:c=t.toastStore,placement:l=`bottom-end`,max:u=3,duration:d=5e3,gap:f=3,label:m,hotkey:h=o,showProgress:g=!1,toneLabels:_,closeLabel:v,queuedLabel:y,className:b})=>{let x=e.useMessages(),S=p(c,(0,i.useContext)(n.ToastContext)?.store===c),C=m??x.toast.region,w=v??x.toast.dismiss,T=y??x.toast.queued,E=(0,i.useMemo)(()=>({store:c,api:c===t.toastStore?t.toast:t.createToastApi(c)}),[c]),D=(0,i.useMemo)(()=>({neutral:``,...x.toast.tone,..._}),[x.toast.tone,_]);return(0,a.jsxs)(n.ToastContext.Provider,{value:E,children:[s,S&&(0,a.jsx)(r.ToastViewport,{store:c,placement:l,max:u,duration:d,gap:f,label:C,hotkey:h,showProgress:g,toneLabels:D,closeLabel:w,queuedLabel:T,className:b})]})};exports.ToastProvider=m;
+"use client";const e=require("./toastStore.cjs.js"),t=require("./useToast.cjs.js"),n=require("./ToastViewport.cjs.js"),r=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o=[`F8`],s=globalThis.process?.env?.NODE_ENV!==`production`,c=typeof window<`u`?i.useLayoutEffect:i.useEffect,l=new Map,u=new Set,d=e=>(u.add(e),()=>{u.delete(e)}),f=()=>u.forEach(e=>e());function p(e,t){let[n]=(0,i.useState)(()=>Symbol(`ToastProvider`));return c(()=>{if(t)return;let r=l.get(e)??[];return s&&r.length>0&&console.warn("[ToastProvider] Another ToastProvider already shows this store's toasts, so this one won't draw a second viewport. Use one ToastProvider near the root of your app (inside your LocaleProvider), or pass `store={createToastStore()}` to keep separate toasts."),l.set(e,[...r,n]),f(),()=>{let t=(l.get(e)??[]).filter(e=>e!==n);t.length>0?l.set(e,t):l.delete(e),f()}},[e,t,n]),(0,i.useSyncExternalStore)(d,()=>!t&&l.get(e)?.[0]===n,()=>!t)}var m=({children:s,store:c=e.toastStore,placement:l=`bottom-end`,max:u=3,duration:d=5e3,gap:f=3,label:m,hotkey:h=o,showProgress:g=!1,toneLabels:_,closeLabel:v,queuedLabel:y,className:b})=>{let x=r.useMessages(),S=p(c,(0,i.useContext)(t.ToastContext)?.store===c),C=m??x.toast.region,w=v??x.toast.dismiss,T=y??x.toast.queued,E=(0,i.useMemo)(()=>({store:c,api:c===e.toastStore?e.toast:e.createToastApi(c)}),[c]),D=(0,i.useMemo)(()=>({neutral:``,...x.toast.tone,..._}),[x.toast.tone,_]);return(0,a.jsxs)(t.ToastContext.Provider,{value:E,children:[s,S&&(0,a.jsx)(n.ToastViewport,{store:c,placement:l,max:u,duration:d,gap:f,label:C,hotkey:h,showProgress:g,toneLabels:D,closeLabel:w,queuedLabel:T,className:b})]})};exports.ToastProvider=m;

package/dist/components/feedback/Toast/ToastProvider.mjs

@@ -1,10 +1,11 @@
-import { useMessages as e } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { createToastApi as t, toast as n, toastStore as r } from "./toastStore.mjs";
-import { ToastContext as i } from "./useToast.mjs";
-import { ToastViewport as a } from "./ToastViewport.mjs";
+"use client";
+import { createToastApi as e, toast as t, toastStore as n } from "./toastStore.mjs";
+import { ToastContext as r } from "./useToast.mjs";
+import { ToastViewport as i } from "./ToastViewport.mjs";
+import { useMessages as a } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { useContext as o, useEffect as s, useLayoutEffect as c, useMemo as l, useState as u, useSyncExternalStore as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/components/feedback/Toast/ToastProvider.tsx
+// src/components/feedback/Toast/ToastProvider.tsx
 var m = ["F8"], h = globalThis.process?.env?.NODE_ENV !== "production", g = typeof window < "u" ? c : s, _ = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Set(), y = (e) => (v.add(e), () => {
 	v.delete(e);
 }), b = () => v.forEach((e) => e());
@@ -23,18 +24,18 @@ function x(e, t) {
 		n
 	]), d(y, () => !t && _.get(e)?.[0] === n, () => !t);
 }
-var S = ({ children: s, store: c = r, placement: u = "bottom-end", max: d = 3, duration: h = 5e3, gap: g = 3, label: _, hotkey: v = m, showProgress: y = !1, toneLabels: b, closeLabel: S, queuedLabel: C, className: w }) => {
-	let T = e(), E = x(c, o(i)?.store === c), D = _ ?? T.toast.region, O = S ?? T.toast.dismiss, k = C ?? T.toast.queued, A = l(() => ({
+var S = ({ children: s, store: c = n, placement: u = "bottom-end", max: d = 3, duration: h = 5e3, gap: g = 3, label: _, hotkey: v = m, showProgress: y = !1, toneLabels: b, closeLabel: S, queuedLabel: C, className: w }) => {
+	let T = a(), E = x(c, o(r)?.store === c), D = _ ?? T.toast.region, O = S ?? T.toast.dismiss, k = C ?? T.toast.queued, A = l(() => ({
 		store: c,
-		api: c === r ? n : t(c)
+		api: c === n ? t : e(c)
 	}), [c]), j = l(() => ({
 		neutral: "",
 		...T.toast.tone,
 		...b
 	}), [T.toast.tone, b]);
-	return /* @__PURE__ */ p(i.Provider, {
+	return /* @__PURE__ */ p(r.Provider, {
 		value: A,
-		children: [s, E && /* @__PURE__ */ f(a, {
+		children: [s, E && /* @__PURE__ */ f(i, {
 			store: c,
 			placement: u,
 			max: d,
@@ -50,5 +51,4 @@ var S = ({ children: s, store: c = r, placement: u = "bottom-end", max: d = 3, d
 		})]
 	});
 };
-//#endregion
 export { S as ToastProvider };