@box-kite/react 2.2.14 → 2.2.16

package/components/tabs.mjs

@@ -1,15 +1,16 @@
 "use client";
-import { p as e } from "../platform.mjs";
-import { n as t } from "../effects.mjs";
-import n from "../box.mjs";
-import { a as r } from "../behavior.mjs";
-import { t as i } from "../identity.mjs";
-import { a } from "../reporting.mjs";
-import { n as o } from "../motion.mjs";
-import { createContext as s, useContext as c, useMemo as l, useRef as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { f as e } from "../react-shared.mjs";
+import { l as t, m as n } from "../platform.mjs";
+import { n as r } from "../effects.mjs";
+import i from "../box.mjs";
+import { a } from "../behavior.mjs";
+import { t as o } from "../identity.mjs";
+import { a as s } from "../reporting.mjs";
+import { n as c } from "../motion.mjs";
+import { createContext as l, useCallback as u, useContext as d, useMemo as f, useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/utils/tabs/tabsUtils.ts
-var m;
+var _;
 (function(e) {
 	let t = e.TAB_SELECTOR = "[role=\"tab\"]", n = e.LIST_SELECTOR = "[role=\"tablist\"]", r = e.PANEL_SELECTOR = "[role=\"tabpanel\"]";
 	function i(e, t) {
@@ -100,154 +101,155 @@ var m;
 		if (e) return [...e.querySelectorAll(r)].find((e) => !e.hasAttribute("hidden"));
 	}
 	e.visiblePanel = _;
-})(m ||= {});
-var h = m, g = s(null);
-function _(e) {
-	let t = c(g);
+})(_ ||= {});
+var v = _, y = l(null);
+function b(e) {
+	let t = d(y);
 	if (!t) throw Error(`<${e}> has to be rendered inside a <Tabs>.`);
 	return t;
 }
-function v(e) {
-	let { children: r, value: o, defaultValue: s, onValueChange: c, orientation: u = "horizontal", activation: p = "automatic", loop: m = !0, keepMounted: _ = !1, indicator: v = "static", props: y, ...b } = e, x = i("tabs"), [S, C] = a({
-		value: o,
-		defaultValue: s,
+function x(e) {
+	let { children: t, value: n, defaultValue: a, onValueChange: c, orientation: l = "horizontal", activation: u = "automatic", loop: d = !0, keepMounted: p = !1, indicator: g = "static", props: _, ...b } = e, x = o("tabs"), [S, C] = s({
+		value: n,
+		defaultValue: a,
 		onChange: c,
 		interaction: {
 			component: "tabs",
 			type: "valueChange"
 		}
-	}), [w, T] = d(), [E, D] = d(!1);
-	t(() => {
+	}), [w, T] = m(), [E, D] = m(!1);
+	r(() => {
 		S !== void 0 && T(S);
 	}, [S]);
-	let O = l(() => ({
+	let O = f(() => ({
 		identifier: x,
 		value: S,
-		orientation: u,
-		activation: p,
-		loop: m,
-		keepMounted: _,
-		indicator: v,
+		orientation: l,
+		activation: u,
+		loop: d,
+		keepMounted: p,
+		indicator: g,
 		indicatorLive: E,
 		setIndicatorLive: D,
 		tabStop: w ?? S,
 		setTabStop: T,
 		select: C,
-		tabId: (e) => `${x}-tab-${h.token(e)}`,
-		panelId: (e) => `${x}-panel-${h.token(e)}`
+		tabId: (e) => `${x}-tab-${v.token(e)}`,
+		panelId: (e) => `${x}-panel-${v.token(e)}`
 	}), [
 		x,
 		S,
+		l,
 		u,
+		d,
 		p,
-		m,
-		_,
-		v,
+		g,
 		E,
 		w,
 		C
 	]);
-	return /* @__PURE__ */ f(g.Provider, {
+	return /* @__PURE__ */ h(y.Provider, {
 		value: O,
-		children: /* @__PURE__ */ f(n, {
+		children: /* @__PURE__ */ h(i, {
 			component: "tabs",
 			...b,
-			variant: [b.variant, { vertical: u === "vertical" }],
-			props: y,
-			children: r
+			variant: [b.variant, { vertical: l === "vertical" }],
+			props: _,
+			children: t
 		})
 	});
 }
-function y(i) {
-	let { children: a, label: o, labelledBy: s, props: c, ...l } = i, { value: m, orientation: g, activation: v, loop: y, indicator: b, tabStop: x, setTabStop: S, setIndicatorLive: C, select: w } = _("Tabs.List"), T = u(null), [E, D] = d(), O = b === "sliding";
-	t(() => {
-		let e = T.current;
-		if (!O || !e) return;
+function S(e, o) {
+	let { children: s, label: c, labelledBy: l, props: d, ...f } = e, { value: _, orientation: y, activation: x, loop: S, indicator: C, tabStop: w, setTabStop: T, setIndicatorLive: E, select: D } = b("Tabs.List"), O = p(null), k = u((e) => {
+		O.current = e, t(o, e);
+	}, [o]), [A, j] = m(), M = C === "sliding";
+	r(() => {
+		let e = O.current;
+		if (!M || !e) return;
 		let t = () => {
-			let t = h.selectedTab(e), n = t && h.bounds(e, t, g);
-			D((e) => h.sameBounds(e, n) ? e : n);
+			let t = v.selectedTab(e), n = t && v.bounds(e, t, y);
+			j((e) => v.sameBounds(e, n) ? e : n);
 		};
 		if (t(), typeof ResizeObserver > "u") return;
 		let n = new ResizeObserver(t);
 		n.observe(e);
-		for (let t of h.tabs(e)) n.observe(t);
+		for (let t of v.tabs(e)) n.observe(t);
 		return () => n.disconnect();
 	}, [
-		O,
-		g,
-		m
+		M,
+		y,
+		_
 	]);
-	let k = O && E && E.size > 0 ? E : void 0;
-	t(() => {
-		C(k !== void 0);
-	}, [k, C]), t(() => {
-		if (x !== void 0) return;
-		let e = h.edge(h.tabs(T.current), 1), t = e && h.valueOf(e);
-		t !== void 0 && S(t);
-	}, [x, S]);
-	let A = r((t) => {
-		let n = T.current;
-		if (!n || t.defaultPrevented || !h.owns(n, t.target)) return;
-		let r = h.tabs(n), i = h.indexOf(r, t.target);
+	let N = M && A && A.size > 0 ? A : void 0;
+	r(() => {
+		E(N !== void 0);
+	}, [N, E]), r(() => {
+		if (w !== void 0) return;
+		let e = v.edge(v.tabs(O.current), 1), t = e && v.valueOf(e);
+		t !== void 0 && T(t);
+	}, [w, T]);
+	let P = a((e) => {
+		let t = O.current;
+		if (!t || e.defaultPrevented || !v.owns(t, e.target)) return;
+		let r = v.tabs(t), i = v.indexOf(r, e.target);
 		if (i === -1) return;
-		if (v === "manual" && (t.key === "Enter" || t.key === " ")) {
-			let e = h.valueOf(r[i]);
-			if (e === void 0) return;
-			t.preventDefault(), w(e, {
+		if (x === "manual" && (e.key === "Enter" || e.key === " ")) {
+			let t = v.valueOf(r[i]);
+			if (t === void 0) return;
+			e.preventDefault(), D(t, {
 				reason: "keyboard",
-				event: t
+				event: e
 			});
 			return;
 		}
-		let a = h.moveFor(t.key, g, e(n));
+		let a = v.moveFor(e.key, y, n(t));
 		if (!a) return;
-		let o = h.target(r, i, a, y);
+		let o = v.target(r, i, a, S);
 		if (!o) return;
-		t.preventDefault(), o.focus();
-		let s = h.valueOf(o);
-		v === "automatic" && s !== void 0 && w(s, {
+		e.preventDefault(), o.focus();
+		let s = v.valueOf(o);
+		x === "automatic" && s !== void 0 && D(s, {
 			reason: "keyboard",
-			event: t
+			event: e
 		});
 	});
-	return /* @__PURE__ */ p(n, {
-		ref: T,
+	return /* @__PURE__ */ g(i, {
+		ref: k,
 		component: "tabs.list",
-		...l,
-		variant: [l.variant, {
-			vertical: g === "vertical",
-			sliding: O
+		...f,
+		variant: [f.variant, {
+			vertical: y === "vertical",
+			sliding: M
 		}],
 		props: {
 			role: "tablist",
-			"aria-label": o,
-			"aria-labelledby": s,
-			"aria-orientation": g,
-			...c,
-			onKeyDown: A
+			"aria-label": c,
+			"aria-labelledby": l,
+			"aria-orientation": y,
+			...d,
+			onKeyDown: P
 		},
-		children: [a, k && /* @__PURE__ */ f(n, {
+		children: [s, N && /* @__PURE__ */ h(i, {
 			tag: "span",
 			component: "tabs.indicator",
-			variant: { vertical: g === "vertical" },
-			style: g === "vertical" ? {
-				top: `${k.start}px`,
-				height: `${k.size}px`
+			variant: { vertical: y === "vertical" },
+			style: y === "vertical" ? {
+				top: `${N.start}px`,
+				height: `${N.size}px`
 			} : {
-				left: `${k.start}px`,
-				width: `${k.size}px`
+				left: `${N.start}px`,
+				width: `${N.size}px`
 			},
 			props: { "aria-hidden": !0 }
 		})]
 	});
 }
-y.displayName = "Tabs.List";
-function b(e) {
-	let { value: t, children: i, disabled: a, props: o, ...s } = e, { value: c, orientation: l, keepMounted: u, indicatorLive: d, tabStop: p, setTabStop: m, select: h, tabId: g, panelId: v } = _("Tabs.Tab"), y = c === t, b = r((e) => h(t, {
+function C(e) {
+	let { value: t, children: n, disabled: r, props: o, ...s } = e, { value: c, orientation: l, keepMounted: u, indicatorLive: d, tabStop: f, setTabStop: p, select: m, tabId: g, panelId: _ } = b("Tabs.Tab"), v = c === t, y = a((e) => m(t, {
 		reason: "click",
 		event: e
-	})), x = r(() => m(t));
-	return /* @__PURE__ */ f(n, {
+	})), x = a(() => p(t));
+	return /* @__PURE__ */ h(i, {
 		tag: "button",
 		component: "tabs.tab",
 		...s,
@@ -255,59 +257,60 @@ function b(e) {
 			vertical: l === "vertical",
 			underline: !d
 		}],
-		disabled: a,
+		disabled: r,
 		id: g(t),
 		props: {
 			type: "button",
 			role: "tab",
-			"aria-selected": y,
-			"aria-controls": y || u ? v(t) : void 0,
-			tabIndex: p === t ? 0 : -1,
+			"aria-selected": v,
+			"aria-controls": v || u ? _(t) : void 0,
+			tabIndex: f === t ? 0 : -1,
 			"data-value": t,
 			...o,
-			onClick: b,
+			onClick: y,
 			onFocus: x
 		},
-		children: i
+		children: n
 	});
 }
-b.displayName = "Tabs.Tab";
-function x(e) {
-	let { children: i, props: a, ...s } = e, { value: c } = _("Tabs.Panels"), l = u(null), [p, m] = d(), [g, v] = d(!1), y = r(() => {
-		let e = l.current;
+C.displayName = "Tabs.Tab";
+function w(e, n) {
+	let { children: o, props: s, ...l } = e, { value: d } = b("Tabs.Panels"), f = p(null), g = u((e) => {
+		f.current = e, t(n, e);
+	}, [n]), [_, y] = m(), [x, S] = m(!1), C = a(() => {
+		let e = f.current;
 		if (!e) return;
-		let t = h.visiblePanel(e)?.offsetHeight;
-		t !== p && (p !== void 0 && t !== void 0 && v(!0), m(t));
+		let t = v.visiblePanel(e)?.offsetHeight;
+		t !== _ && (_ !== void 0 && t !== void 0 && S(!0), y(t));
 	});
-	return t(() => {
-		let e = l.current;
-		if (!e || (y(), typeof ResizeObserver > "u")) return;
-		let t = h.visiblePanel(e);
+	return r(() => {
+		let e = f.current;
+		if (!e || (C(), typeof ResizeObserver > "u")) return;
+		let t = v.visiblePanel(e);
 		if (!t) return;
-		let n = new ResizeObserver(y);
+		let n = new ResizeObserver(C);
 		return n.observe(t), () => n.disconnect();
-	}, [c, y]), t(() => {
-		let e = l.current;
-		if (!e || !g) return;
-		let t = setTimeout(() => v(!1), o.activeDuration(getComputedStyle(e)) + o.SETTLE_FRAME);
+	}, [d, C]), r(() => {
+		let e = f.current;
+		if (!e || !x) return;
+		let t = setTimeout(() => S(!1), c.activeDuration(getComputedStyle(e)) + c.SETTLE_FRAME);
 		return () => clearTimeout(t);
-	}, [g, p]), /* @__PURE__ */ f(n, {
-		ref: l,
+	}, [x, _]), /* @__PURE__ */ h(i, {
+		ref: g,
 		component: "tabs.panels",
-		...s,
-		variant: [s.variant, { resizing: g }],
+		...l,
+		variant: [l.variant, { resizing: x }],
 		style: {
-			height: p === void 0 ? void 0 : `${p}px`,
-			...s.style
+			height: _ === void 0 ? void 0 : `${_}px`,
+			...l.style
 		},
-		props: a,
-		children: i
+		props: s,
+		children: o
 	});
 }
-x.displayName = "Tabs.Panels";
-function S(e) {
-	let { value: t, children: r, props: i, ...a } = e, { value: o, keepMounted: s, tabId: c, panelId: l } = _("Tabs.Panel"), u = o === t;
-	return !u && !s ? null : /* @__PURE__ */ f(n, {
+function T(e) {
+	let { value: t, children: n, props: r, ...a } = e, { value: o, keepMounted: s, tabId: c, panelId: l } = b("Tabs.Panel"), u = o === t;
+	return !u && !s ? null : /* @__PURE__ */ h(i, {
 		component: "tabs.panel",
 		...a,
 		variant: [a.variant, { hidden: !u }],
@@ -317,13 +320,13 @@ function S(e) {
 			"aria-labelledby": c(t),
 			hidden: !u || void 0,
 			tabIndex: 0,
-			...i
+			...r
 		},
-		children: r
+		children: n
 	});
 }
-S.displayName = "Tabs.Panel";
-var C = v;
-C.List = y, C.Tab = b, C.Panels = x, C.Panel = S, C.displayName = "Tabs";
+T.displayName = "Tabs.Panel";
+var E = x;
+E.List = e(S, "Tabs.List"), E.Tab = C, E.Panels = e(w, "Tabs.Panels"), E.Panel = T, E.displayName = "Tabs";
 //#endregion
-export { C as default };
+export { E as default };

package/components/toaster.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../platform.cjs"),t=require("../client.cjs"),n=require("../effects.cjs"),r=require("../interactions.cjs"),i=require("../box.cjs"),a=require("../reporting.cjs"),o=require("../layer.cjs"),s=require("../motion.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("react-dom"),d=require("use-sync-external-store/shim");var f=[`value`],p={toasts:[],overflow:0},m=0;function h(){return m+=1,`toast-${m}`}function g(e){let t=[],n=p,i=e?.limit??3,a=e?.duration??5e3,o=!1,s=new Set,c=new Map,l=e=>{let t=c.get(e);t?.handle&&clearTimeout(t.handle),c.delete(e)},u=()=>{let e=0;t=t.map(t=>{let n=!t.open||e++<i;return t.visible===n?t:{...t,visible:n}}),n={toasts:t,overflow:Math.max(0,e-i)},d(),s.forEach(e=>e())};function d(){let e=new Set;for(let n of t){if(!n.open||!n.visible||!Number.isFinite(n.duration))continue;e.add(n.id);let t=c.get(n.id)??{handle:null,remaining:n.duration,startedAt:0};c.set(n.id,t),!(o||t.handle)&&(t.startedAt=Date.now(),t.handle=setTimeout(()=>{c.delete(n.id),g(n.id,`timeout`)},t.remaining))}for(let t of[...c.keys()])e.has(t)||l(t)}let m=(e,t)=>t??(e===`loading`?1/0:a);function g(e,n=`imperative`){let i=[];t=t.map(t=>!t.open||e!==void 0&&t.id!==e?t:(i.push(t),l(t.id),{...t,open:!1})),i.length&&(u(),i.forEach(e=>{e.onDismiss?.(n),r.t({component:`toaster`,type:`dismiss`,reason:n,value:e.message,details:{id:e.id,kind:e.kind},content:f})}))}function _(e,n,i){let a=!1;t=t.map(t=>{if(t.id!==e)return t;a=!0,l(e);let r=i?.kind??t.kind;return{...t,...i,id:e,message:n,kind:r,duration:i?.duration??(i?.kind?m(r):t.duration),open:!0}}),a&&(u(),r.t({component:`toaster`,type:`update`,reason:i?.kind,value:n,details:{id:e},source:`app`,content:f}))}function v(e,n){let i=n?.id??h();if(n?.id&&t.some(e=>e.id===i))return _(i,e,n),i;let a=n?.kind??`default`;return t=[...t,{id:i,kind:a,message:e,description:n?.description,duration:m(a,n?.duration),action:n?.action,dismissible:n?.dismissible??!0,onDismiss:n?.onDismiss,open:!0,visible:!1}],u(),r.t({component:`toaster`,type:`show`,reason:a,value:e,details:{id:i,kind:a},source:`app`,content:f}),i}return{subscribe(e){return s.add(e),()=>s.delete(e)},getSnapshot:()=>n,getServerSnapshot:()=>p,add:v,update:_,dismiss:g,remove(e){let n=t.filter(t=>t.id!==e);n.length!==t.length&&(l(e),t=n,u())},setLimit(e){e!==i&&(i=e,u())},setDefaultDuration(e){a=e},pause(){if(!o){o=!0;for(let e of c.values())e.handle&&(clearTimeout(e.handle),e.handle=null,e.remaining=Math.max(0,e.remaining-(Date.now()-e.startedAt)))}},resume(){o&&(o=!1,d())},reset(){for(let e of[...c.keys()])l(e);t=[],n=p,s.forEach(e=>e())}}}var _=g(),v=e=>(t,n)=>_.add(t,{...n,kind:e}),y=Object.assign((e,t)=>_.add(e,t),{success:v(`success`),error:v(`error`),warning:v(`warning`),info:v(`info`),loading:v(`loading`),update:(e,t,n)=>_.update(e,t,n),dismiss:e=>_.dismiss(e,`imperative`),promise(e,t,n){let r=_.add(t.loading,{...n,id:n?.id,kind:`loading`}),i=(e,t)=>typeof e==`function`?e(t):e;return e.then(e=>_.update(r,i(t.success,e),{kind:`success`}),e=>_.update(r,i(t.error,e),{kind:`error`})),e}}),b={"top-start":`topStart`,"top-center":`topCenter`,"top-end":`topEnd`,"bottom-start":`bottomStart`,"bottom-center":`bottomCenter`,"bottom-end":`bottomEnd`};function x(e,t){let n=t.toLowerCase().split(`+`),r=n[n.length-1],i=new Set(n.slice(0,-1));return e.key.toLowerCase()===r&&e.altKey===i.has(`alt`)&&e.ctrlKey===i.has(`ctrl`)&&e.shiftKey===i.has(`shift`)&&e.metaKey===i.has(`meta`)}function S(e){let{toast:t,store:r,fromTop:o,closeLabel:c}=e,{mounted:u,ref:d,props:f}=s.t({present:t.open}),p=a.i(`toaster`);if(n.n(()=>{u||r.remove(t.id)},[u,r,t.id]),!u)return null;let m=t.action,h=()=>{m?.onClick(),m?.closeOnClick===!1?p(`action`,t.message,{reason:`action`,id:t.id,kind:t.kind,content:[`value`]}):r.dismiss(t.id,`action`)};return(0,l.jsxs)(i.default,{ref:d,component:`toaster.toast`,variant:{[t.kind]:t.kind!=="default",fromTop:o},props:{...t.kind===`error`?{role:`alert`}:{},"data-toast-id":t.id,...f},children:[(0,l.jsx)(i.default,{component:`toaster.message`,children:t.message}),t.description!==void 0&&(0,l.jsx)(i.default,{component:`toaster.description`,children:t.description}),m&&(0,l.jsx)(i.default,{tag:`button`,component:`toaster.action`,props:{type:`button`,onClick:h},children:m.label}),t.dismissible&&(0,l.jsx)(i.default,{tag:`button`,component:`toaster.close`,props:{type:`button`,"aria-label":c,onClick:()=>r.dismiss(t.id,`close`)}})]})}function C(r){let{position:a=`bottom-end`,limit:s=3,duration:f=5e3,label:p=`Notifications`,closeLabel:m=`Close`,overflowLabel:h=e=>`+${e} more`,hotkey:g=`F6`,store:v=_,props:y,...C}=r,w=(0,d.useSyncExternalStore)(v.subscribe,v.getSnapshot,v.getServerSnapshot),T=o.n(),E=t.t(!T),D=(0,c.useRef)(null),O=(0,c.useRef)(null),k=(0,c.useRef)({hovered:!1,focused:!1,hidden:!1}),A=(0,c.useCallback)(()=>{let{hovered:e,focused:t,hidden:n}=k.current;e||t||n?v.pause():v.resume()},[v]);n.n(()=>v.setLimit(s),[v,s]),n.n(()=>v.setDefaultDuration(f),[v,f]),n.n(()=>{let t=D.current;!T||!e.c()||!t||!t.isConnected||t.matches(`:popover-open`)||t.showPopover()}),n.n(()=>{let t=e.t();if(!t)return;let n=new AbortController;return t.addEventListener(`visibilitychange`,()=>{k.current.hidden=t.hidden,A()},{signal:n.signal}),()=>n.abort()},[A]),n.n(()=>{let t=e.t();if(!g||!t)return;let n=new AbortController;return t.addEventListener(`keydown`,e=>{!x(e,g)||!D.current||(e.preventDefault(),O.current=t.activeElement,D.current.focus())},{signal:n.signal}),()=>n.abort()},[g]);let j=e=>!!e&&!!D.current?.contains(e),M=()=>{k.current.hovered=!0,A()},N=e=>{j(e.relatedTarget)||(k.current.hovered=!1,A())},P=e=>{k.current.focused=!0,A(),j(e.relatedTarget)||(O.current=e.relatedTarget)},F=e=>{j(e.relatedTarget)||(k.current.focused=!1,A())},I=e=>{if(e.key!==`Escape`)return;let t=(e.target.closest?.(`[data-toast-id]`))?.getAttribute(`data-toast-id`);t&&v.dismiss(t,`close`),v.getSnapshot().toasts.some(e=>e.open)?D.current?.focus():O.current?.focus()},L=a.startsWith(`top`),R=w.toasts.filter(e=>e.visible),z=L?[...R].reverse():R,B=w.overflow>0&&(0,l.jsx)(i.default,{component:`toaster.overflow`,children:h(w.overflow)}),V=(0,l.jsxs)(i.default,{tag:`section`,ref:D,component:`toaster`,...C,variant:[C.variant,{[b[a]]:!0}],props:{...T?{popover:`manual`}:{},"aria-live":`polite`,"aria-atomic":`false`,"aria-relevant":`additions text`,"aria-label":p,tabIndex:-1,...y,onPointerOver:M,onPointerOut:N,onFocus:P,onBlur:F,onKeyDown:I},children:[!L&&B,z.map(e=>(0,l.jsx)(S,{toast:e,store:v,fromTop:L,closeLabel:m},e.id)),L&&B]});return T?V:E?(0,u.createPortal)(V,E):null}var w=C;w.displayName=`Toaster`,exports.createToastStore=g,exports.default=w,exports.defaultToastStore=_,exports.toast=y;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../client.cjs"),r=require("../effects.cjs"),i=require("../interactions.cjs"),a=require("../box.cjs"),o=require("../reporting.cjs"),s=require("../layer.cjs"),c=require("../motion.cjs");let l=require("react"),u=require("react/jsx-runtime"),d=require("react-dom"),f=require("use-sync-external-store/shim");var p=[`value`],m={toasts:[],overflow:0},h=0;function g(){return h+=1,`toast-${h}`}function _(e){let t=[],n=m,r=e?.limit??3,a=e?.duration??5e3,o=!1,s=new Set,c=new Map,l=e=>{let t=c.get(e);t?.handle&&clearTimeout(t.handle),c.delete(e)},u=()=>{let e=0;t=t.map(t=>{let n=!t.open||e++<r;return t.visible===n?t:{...t,visible:n}}),n={toasts:t,overflow:Math.max(0,e-r)},d(),s.forEach(e=>e())};function d(){let e=new Set;for(let n of t){if(!n.open||!n.visible||!Number.isFinite(n.duration))continue;e.add(n.id);let t=c.get(n.id)??{handle:null,remaining:n.duration,startedAt:0};c.set(n.id,t),!(o||t.handle)&&(t.startedAt=Date.now(),t.handle=setTimeout(()=>{c.delete(n.id),h(n.id,`timeout`)},t.remaining))}for(let t of[...c.keys()])e.has(t)||l(t)}let f=(e,t)=>t??(e===`loading`?1/0:a);function h(e,n=`imperative`){let r=[];t=t.map(t=>!t.open||e!==void 0&&t.id!==e?t:(r.push(t),l(t.id),{...t,open:!1})),r.length&&(u(),r.forEach(e=>{e.onDismiss?.(n),i.t({component:`toaster`,type:`dismiss`,reason:n,value:e.message,details:{id:e.id,kind:e.kind},content:p})}))}function _(e,n,r){let a=!1;t=t.map(t=>{if(t.id!==e)return t;a=!0,l(e);let i=r?.kind??t.kind;return{...t,...r,id:e,message:n,kind:i,duration:r?.duration??(r?.kind?f(i):t.duration),open:!0}}),a&&(u(),i.t({component:`toaster`,type:`update`,reason:r?.kind,value:n,details:{id:e},source:`app`,content:p}))}function v(e,n){let r=n?.id??g();if(n?.id&&t.some(e=>e.id===r))return _(r,e,n),r;let a=n?.kind??`default`;return t=[...t,{id:r,kind:a,message:e,description:n?.description,duration:f(a,n?.duration),action:n?.action,dismissible:n?.dismissible??!0,onDismiss:n?.onDismiss,open:!0,visible:!1}],u(),i.t({component:`toaster`,type:`show`,reason:a,value:e,details:{id:r,kind:a},source:`app`,content:p}),r}return{subscribe(e){return s.add(e),()=>s.delete(e)},getSnapshot:()=>n,getServerSnapshot:()=>m,add:v,update:_,dismiss:h,remove(e){let n=t.filter(t=>t.id!==e);n.length!==t.length&&(l(e),t=n,u())},setLimit(e){e!==r&&(r=e,u())},setDefaultDuration(e){a=e},pause(){if(!o){o=!0;for(let e of c.values())e.handle&&(clearTimeout(e.handle),e.handle=null,e.remaining=Math.max(0,e.remaining-(Date.now()-e.startedAt)))}},resume(){o&&(o=!1,d())},reset(){for(let e of[...c.keys()])l(e);t=[],n=m,s.forEach(e=>e())}}}var v=_(),y=e=>(t,n)=>v.add(t,{...n,kind:e}),b=Object.assign((e,t)=>v.add(e,t),{success:y(`success`),error:y(`error`),warning:y(`warning`),info:y(`info`),loading:y(`loading`),update:(e,t,n)=>v.update(e,t,n),dismiss:e=>v.dismiss(e,`imperative`),promise(e,t,n){let r=v.add(t.loading,{...n,id:n?.id,kind:`loading`}),i=(e,t)=>typeof e==`function`?e(t):e;return e.then(e=>v.update(r,i(t.success,e),{kind:`success`}),e=>v.update(r,i(t.error,e),{kind:`error`})),e}}),x={"top-start":`topStart`,"top-center":`topCenter`,"top-end":`topEnd`,"bottom-start":`bottomStart`,"bottom-center":`bottomCenter`,"bottom-end":`bottomEnd`};function S(e,t){let n=t.toLowerCase().split(`+`),r=n[n.length-1],i=new Set(n.slice(0,-1));return e.key.toLowerCase()===r&&e.altKey===i.has(`alt`)&&e.ctrlKey===i.has(`ctrl`)&&e.shiftKey===i.has(`shift`)&&e.metaKey===i.has(`meta`)}function C(e){let{toast:t,store:n,fromTop:i,closeLabel:s}=e,{mounted:l,ref:d,props:f}=c.t({present:t.open}),p=o.i(`toaster`);if(r.n(()=>{l||n.remove(t.id)},[l,n,t.id]),!l)return null;let m=t.action,h=()=>{m?.onClick(),m?.closeOnClick===!1?p(`action`,t.message,{reason:`action`,id:t.id,kind:t.kind,content:[`value`]}):n.dismiss(t.id,`action`)};return(0,u.jsxs)(a.default,{ref:d,component:`toaster.toast`,variant:{[t.kind]:t.kind!=="default",fromTop:i},props:{...t.kind===`error`?{role:`alert`}:{},"data-toast-id":t.id,...f},children:[(0,u.jsx)(a.default,{component:`toaster.message`,children:t.message}),t.description!==void 0&&(0,u.jsx)(a.default,{component:`toaster.description`,children:t.description}),m&&(0,u.jsx)(a.default,{tag:`button`,component:`toaster.action`,props:{type:`button`,onClick:h},children:m.label}),t.dismissible&&(0,u.jsx)(a.default,{tag:`button`,component:`toaster.close`,props:{type:`button`,"aria-label":s,onClick:()=>n.dismiss(t.id,`close`)}})]})}function w(e,i){let{position:o=`bottom-end`,limit:c=3,duration:p=5e3,label:m=`Notifications`,closeLabel:h=`Close`,overflowLabel:g=e=>`+${e} more`,hotkey:_=`F6`,store:y=v,props:b,...w}=e,T=(0,f.useSyncExternalStore)(y.subscribe,y.getSnapshot,y.getServerSnapshot),E=s.n(),D=n.t(!E),O=(0,l.useRef)(null),k=(0,l.useCallback)(e=>{O.current=e,t.l(i,e)},[i]),A=(0,l.useRef)(null),j=(0,l.useRef)({hovered:!1,focused:!1,hidden:!1}),M=(0,l.useCallback)(()=>{let{hovered:e,focused:t,hidden:n}=j.current;e||t||n?y.pause():y.resume()},[y]);r.n(()=>y.setLimit(c),[y,c]),r.n(()=>y.setDefaultDuration(p),[y,p]),r.n(()=>{let e=O.current;!E||!t.c()||!e||!e.isConnected||e.matches(`:popover-open`)||e.showPopover()}),r.n(()=>{let e=t.t();if(!e)return;let n=new AbortController;return e.addEventListener(`visibilitychange`,()=>{j.current.hidden=e.hidden,M()},{signal:n.signal}),()=>n.abort()},[M]),r.n(()=>{let e=t.t();if(!_||!e)return;let n=new AbortController;return e.addEventListener(`keydown`,t=>{!S(t,_)||!O.current||(t.preventDefault(),A.current=e.activeElement,O.current.focus())},{signal:n.signal}),()=>n.abort()},[_]);let N=e=>!!e&&!!O.current?.contains(e),P=()=>{j.current.hovered=!0,M()},F=e=>{N(e.relatedTarget)||(j.current.hovered=!1,M())},I=e=>{j.current.focused=!0,M(),N(e.relatedTarget)||(A.current=e.relatedTarget)},L=e=>{N(e.relatedTarget)||(j.current.focused=!1,M())},R=e=>{if(e.key!==`Escape`)return;let t=(e.target.closest?.(`[data-toast-id]`))?.getAttribute(`data-toast-id`);t&&y.dismiss(t,`close`),y.getSnapshot().toasts.some(e=>e.open)?O.current?.focus():A.current?.focus()},z=o.startsWith(`top`),B=T.toasts.filter(e=>e.visible),V=z?[...B].reverse():B,H=T.overflow>0&&(0,u.jsx)(a.default,{component:`toaster.overflow`,children:g(T.overflow)}),U=(0,u.jsxs)(a.default,{tag:`section`,ref:k,component:`toaster`,...w,variant:[w.variant,{[x[o]]:!0}],props:{...E?{popover:`manual`}:{},"aria-live":`polite`,"aria-atomic":`false`,"aria-relevant":`additions text`,"aria-label":m,tabIndex:-1,...b,onPointerOver:P,onPointerOut:F,onFocus:I,onBlur:L,onKeyDown:R},children:[!z&&H,V.map(e=>(0,u.jsx)(C,{toast:e,store:y,fromTop:z,closeLabel:h},e.id)),z&&H]});return E?U:D?(0,d.createPortal)(U,D):null}var T=e.f(w,`Toaster`);exports.createToastStore=_,exports.default=T,exports.defaultToastStore=v,exports.toast=b;

package/components/toaster.d.ts

@@ -66,41 +66,5 @@ export interface ToasterProps<TKey extends keyof ComponentsAndVariants = 'toaste
     /** A store of your own — for a second, independent stack, or for a test that must not share state. */
     store?: ToastStore<Content>;
 }
-/**
- * The viewport every toast is drawn in, and the live region they are announced from. Render one, once,
- * near the root of the app; everything after that is `toast()`, from wherever the message comes from.
- *
- * ```tsx
- * <Toaster position="bottom-end" />
- * // anywhere at all, React or not:
- * toast.success('Saved');
- * ```
- *
- * **It is in the top layer and there is no portal.** The viewport carries `popover="manual"` and is shown
- * as soon as it mounts, so it paints over every stacking context and out of every clipped or transformed
- * ancestor — and because it stays where it was declared, it inherits the theme, the custom properties and
- * the text direction around it. `manual` rather than `auto` because a stack of messages owns no dismissal:
- * a press outside must reach the page, not close the toasts.
- *
- * **A press in the gaps goes through to the page.** The viewport is a corner-sized box that would
- * otherwise swallow every click in it, so it takes no pointer events at all and the toasts take them back.
- *
- * **The limit is a queue, not a cap.** A toast past it waits with its timer unstarted, so nothing expires
- * that was never on screen, and the counter at the end of the stack says how many are waiting.
- *
- * @a11y The viewport is a polite live region that exists from the moment it mounts, **before there is
- * anything in it** — an `aria-live` element inserted together with its content is not reliably announced.
- * @a11y An error toast is `role="alert"`, which is assertive; every other kind is announced politely by
- * the region around it. A toast is never focused on arrival, so nothing is taken away from the keyboard.
- * @a11y Timers stop while the pointer is over the stack, while anything in it has focus, and while the
- * tab is in the background — WCAG 2.2.1, and the reason a toast may carry a control at all.
- * @a11y The accent bar says the kind a second time; it is never the only signal, since the message itself
- * is what says what happened.
- * @keyboard F6 — Moves focus to the stack from anywhere on the page. Configurable through `hotkey`.
- * @keyboard Tab — Through the toasts and their controls, in the order they are on screen.
- * @keyboard Escape — Dismisses the toast focus is in, and hands focus back to where it came from once
- * the stack is empty.
- */
-declare function ToasterImpl<TKey extends keyof ComponentsAndVariants = 'toaster'>(props: ToasterProps<TKey>): import("react").JSX.Element | null;
-declare const Toaster: typeof ToasterImpl;
+declare const Toaster: <TKey extends keyof ComponentsAndVariants = "toaster">(props: ToasterProps<TKey>) => React.ReactNode;
 export default Toaster;