@gv-tech/ui-web 2.20.0 → 2.21.1

package/dist/toast-G9LdgDDE.mjs

@@ -0,0 +1,427 @@
+import { t as e } from "./utils-A_oVsYw5.mjs";
+import { n as t } from "./dist-Bm8Cuttq.mjs";
+import { n } from "./dist-DAe-fOIM.mjs";
+import { n as r, r as i, t as a } from "./dist-BjEG16aJ.mjs";
+import { t as o } from "./dist-D_tuvB-W.mjs";
+import { t as s } from "./dist-C9PlF532.mjs";
+import { t as c } from "./dist-DuTFGM_g.mjs";
+import { t as l } from "./dist-DdVp13bp.mjs";
+import { t as u } from "./dist-CCokLFyA.mjs";
+import { r as d, t as f } from "./dist-_LAgxsbh.mjs";
+import { t as p } from "./dist--EFQaGUD.mjs";
+import { r as m } from "./dist-DCKyUINZ.mjs";
+import * as h from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import * as y from "react-dom";
+import { X as b } from "lucide-react";
+import { cva as x } from "class-variance-authority";
+//#region ../../node_modules/.bun/@radix-ui+react-toast@1.2.15+2d3f272c3a65784a/node_modules/@radix-ui/react-toast/dist/index.mjs
+var S = "ToastProvider", [C, ee, w] = o("Toast"), [T, E] = t("Toast", [w]), [D, O] = T(S), k = (e) => {
+	let { __scopeToast: t, label: n = "Notification", duration: r = 5e3, swipeDirection: i = "right", swipeThreshold: a = 50, children: o } = e, [s, c] = h.useState(null), [l, u] = h.useState(0), d = h.useRef(!1), f = h.useRef(!1);
+	return n.trim() || console.error(`Invalid prop \`label\` supplied to \`${S}\`. Expected non-empty \`string\`.`), /* @__PURE__ */ _(C.Provider, {
+		scope: t,
+		children: /* @__PURE__ */ _(D, {
+			scope: t,
+			label: n,
+			duration: r,
+			swipeDirection: i,
+			swipeThreshold: a,
+			toastCount: l,
+			viewport: s,
+			onViewportChange: c,
+			onToastAdd: h.useCallback(() => u((e) => e + 1), []),
+			onToastRemove: h.useCallback(() => u((e) => e - 1), []),
+			isFocusedToastEscapeKeyDownRef: d,
+			isClosePausedRef: f,
+			children: o
+		})
+	});
+};
+k.displayName = S;
+var A = "ToastViewport", j = ["F8"], M = "toast.viewportPause", N = "toast.viewportResume", P = h.forwardRef((e, t) => {
+	let { __scopeToast: r, hotkey: i = j, label: o = "Notifications ({hotkey})", ...s } = e, c = O(A, r), l = ee(r), u = h.useRef(null), d = h.useRef(null), p = h.useRef(null), m = h.useRef(null), g = n(t, m, c.onViewportChange), y = i.join("+").replace(/Key/g, "").replace(/Digit/g, ""), b = c.toastCount > 0;
+	h.useEffect(() => {
+		let e = (e) => {
+			i.length !== 0 && i.every((t) => e[t] || e.code === t) && m.current?.focus();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [i]), h.useEffect(() => {
+		let e = u.current, t = m.current;
+		if (b && e && t) {
+			let n = () => {
+				if (!c.isClosePausedRef.current) {
+					let e = new CustomEvent(M);
+					t.dispatchEvent(e), c.isClosePausedRef.current = !0;
+				}
+			}, r = () => {
+				if (c.isClosePausedRef.current) {
+					let e = new CustomEvent(N);
+					t.dispatchEvent(e), c.isClosePausedRef.current = !1;
+				}
+			}, i = (t) => {
+				e.contains(t.relatedTarget) || r();
+			}, a = () => {
+				e.contains(document.activeElement) || r();
+			};
+			return e.addEventListener("focusin", n), e.addEventListener("focusout", i), e.addEventListener("pointermove", n), e.addEventListener("pointerleave", a), window.addEventListener("blur", n), window.addEventListener("focus", r), () => {
+				e.removeEventListener("focusin", n), e.removeEventListener("focusout", i), e.removeEventListener("pointermove", n), e.removeEventListener("pointerleave", a), window.removeEventListener("blur", n), window.removeEventListener("focus", r);
+			};
+		}
+	}, [b, c.isClosePausedRef]);
+	let x = h.useCallback(({ tabbingDirection: e }) => {
+		let t = l().map((t) => {
+			let n = t.ref.current, r = [n, ...le(n)];
+			return e === "forwards" ? r : r.reverse();
+		});
+		return (e === "forwards" ? t.reverse() : t).flat();
+	}, [l]);
+	return h.useEffect(() => {
+		let e = m.current;
+		if (e) {
+			let t = (t) => {
+				let n = t.altKey || t.ctrlKey || t.metaKey;
+				if (t.key === "Tab" && !n) {
+					let n = document.activeElement, r = t.shiftKey;
+					if (t.target === e && r) {
+						d.current?.focus();
+						return;
+					}
+					let i = x({ tabbingDirection: r ? "backwards" : "forwards" }), a = i.findIndex((e) => e === n);
+					$(i.slice(a + 1)) ? t.preventDefault() : r ? d.current?.focus() : p.current?.focus();
+				}
+			};
+			return e.addEventListener("keydown", t), () => e.removeEventListener("keydown", t);
+		}
+	}, [l, x]), /* @__PURE__ */ v(f, {
+		ref: u,
+		role: "region",
+		"aria-label": o.replace("{hotkey}", y),
+		tabIndex: -1,
+		style: { pointerEvents: b ? void 0 : "none" },
+		children: [
+			b && /* @__PURE__ */ _(I, {
+				ref: d,
+				onFocusFromOutsideViewport: () => {
+					$(x({ tabbingDirection: "forwards" }));
+				}
+			}),
+			/* @__PURE__ */ _(C.Slot, {
+				scope: r,
+				children: /* @__PURE__ */ _(a.ol, {
+					tabIndex: -1,
+					...s,
+					ref: g
+				})
+			}),
+			b && /* @__PURE__ */ _(I, {
+				ref: p,
+				onFocusFromOutsideViewport: () => {
+					$(x({ tabbingDirection: "backwards" }));
+				}
+			})
+		]
+	});
+});
+P.displayName = A;
+var F = "ToastFocusProxy", I = h.forwardRef((e, t) => {
+	let { __scopeToast: n, onFocusFromOutsideViewport: r, ...i } = e, a = O(F, n);
+	return /* @__PURE__ */ _(m, {
+		tabIndex: 0,
+		...i,
+		ref: t,
+		style: { position: "fixed" },
+		onFocus: (e) => {
+			let t = e.relatedTarget;
+			a.viewport?.contains(t) || r();
+		}
+	});
+});
+I.displayName = F;
+var L = "Toast", te = "toast.swipeStart", ne = "toast.swipeMove", re = "toast.swipeCancel", ie = "toast.swipeEnd", R = h.forwardRef((e, t) => {
+	let { forceMount: n, open: r, defaultOpen: a, onOpenChange: o, ...s } = e, [d, f] = c({
+		prop: r,
+		defaultProp: a ?? !0,
+		onChange: o,
+		caller: L
+	});
+	return /* @__PURE__ */ _(l, {
+		present: n || d,
+		children: /* @__PURE__ */ _(B, {
+			open: d,
+			...s,
+			ref: t,
+			onClose: () => f(!1),
+			onPause: u(e.onPause),
+			onResume: u(e.onResume),
+			onSwipeStart: i(e.onSwipeStart, (e) => {
+				e.currentTarget.setAttribute("data-swipe", "start");
+			}),
+			onSwipeMove: i(e.onSwipeMove, (e) => {
+				let { x: t, y: n } = e.detail.delta;
+				e.currentTarget.setAttribute("data-swipe", "move"), e.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${t}px`), e.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${n}px`);
+			}),
+			onSwipeCancel: i(e.onSwipeCancel, (e) => {
+				e.currentTarget.setAttribute("data-swipe", "cancel"), e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
+			}),
+			onSwipeEnd: i(e.onSwipeEnd, (e) => {
+				let { x: t, y: n } = e.detail.delta;
+				e.currentTarget.setAttribute("data-swipe", "end"), e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), e.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${t}px`), e.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${n}px`), f(!1);
+			})
+		})
+	});
+});
+R.displayName = L;
+var [ae, z] = T(L, { onClose() {} }), B = h.forwardRef((e, t) => {
+	let { __scopeToast: r, type: o = "foreground", duration: s, open: c, onClose: l, onEscapeKeyDown: f, onPause: p, onResume: m, onSwipeStart: b, onSwipeMove: x, onSwipeCancel: S, onSwipeEnd: ee, ...w } = e, T = O(L, r), [E, D] = h.useState(null), k = n(t, (e) => D(e)), A = h.useRef(null), j = h.useRef(null), P = s || T.duration, F = h.useRef(0), I = h.useRef(P), R = h.useRef(0), { onToastAdd: z, onToastRemove: B } = T, V = u(() => {
+		E?.contains(document.activeElement) && T.viewport?.focus(), l();
+	}), H = h.useCallback((e) => {
+		!e || e === Infinity || (window.clearTimeout(R.current), F.current = (/* @__PURE__ */ new Date()).getTime(), R.current = window.setTimeout(V, e));
+	}, [V]);
+	h.useEffect(() => {
+		let e = T.viewport;
+		if (e) {
+			let t = () => {
+				H(I.current), m?.();
+			}, n = () => {
+				let e = (/* @__PURE__ */ new Date()).getTime() - F.current;
+				I.current -= e, window.clearTimeout(R.current), p?.();
+			};
+			return e.addEventListener(M, n), e.addEventListener(N, t), () => {
+				e.removeEventListener(M, n), e.removeEventListener(N, t);
+			};
+		}
+	}, [
+		T.viewport,
+		P,
+		p,
+		m,
+		H
+	]), h.useEffect(() => {
+		c && !T.isClosePausedRef.current && H(P);
+	}, [
+		c,
+		P,
+		T.isClosePausedRef,
+		H
+	]), h.useEffect(() => (z(), () => B()), [z, B]);
+	let U = h.useMemo(() => E ? X(E) : null, [E]);
+	return T.viewport ? /* @__PURE__ */ v(g, { children: [U && /* @__PURE__ */ _(oe, {
+		__scopeToast: r,
+		role: "status",
+		"aria-live": o === "foreground" ? "assertive" : "polite",
+		children: U
+	}), /* @__PURE__ */ _(ae, {
+		scope: r,
+		onClose: V,
+		children: y.createPortal(/* @__PURE__ */ _(C.ItemSlot, {
+			scope: r,
+			children: /* @__PURE__ */ _(d, {
+				asChild: !0,
+				onEscapeKeyDown: i(f, () => {
+					T.isFocusedToastEscapeKeyDownRef.current || V(), T.isFocusedToastEscapeKeyDownRef.current = !1;
+				}),
+				children: /* @__PURE__ */ _(a.li, {
+					tabIndex: 0,
+					"data-state": c ? "open" : "closed",
+					"data-swipe-direction": T.swipeDirection,
+					...w,
+					ref: k,
+					style: {
+						userSelect: "none",
+						touchAction: "none",
+						...e.style
+					},
+					onKeyDown: i(e.onKeyDown, (e) => {
+						e.key === "Escape" && (f?.(e.nativeEvent), e.nativeEvent.defaultPrevented || (T.isFocusedToastEscapeKeyDownRef.current = !0, V()));
+					}),
+					onPointerDown: i(e.onPointerDown, (e) => {
+						e.button === 0 && (A.current = {
+							x: e.clientX,
+							y: e.clientY
+						});
+					}),
+					onPointerMove: i(e.onPointerMove, (e) => {
+						if (!A.current) return;
+						let t = e.clientX - A.current.x, n = e.clientY - A.current.y, r = !!j.current, i = ["left", "right"].includes(T.swipeDirection), a = ["left", "up"].includes(T.swipeDirection) ? Math.min : Math.max, o = i ? a(0, t) : 0, s = i ? 0 : a(0, n), c = e.pointerType === "touch" ? 10 : 2, l = {
+							x: o,
+							y: s
+						}, u = {
+							originalEvent: e,
+							delta: l
+						};
+						r ? (j.current = l, Z(ne, x, u, { discrete: !1 })) : Q(l, T.swipeDirection, c) ? (j.current = l, Z(te, b, u, { discrete: !1 }), e.target.setPointerCapture(e.pointerId)) : (Math.abs(t) > c || Math.abs(n) > c) && (A.current = null);
+					}),
+					onPointerUp: i(e.onPointerUp, (e) => {
+						let t = j.current, n = e.target;
+						if (n.hasPointerCapture(e.pointerId) && n.releasePointerCapture(e.pointerId), j.current = null, A.current = null, t) {
+							let n = e.currentTarget, r = {
+								originalEvent: e,
+								delta: t
+							};
+							Q(t, T.swipeDirection, T.swipeThreshold) ? Z(ie, ee, r, { discrete: !0 }) : Z(re, S, r, { discrete: !0 }), n.addEventListener("click", (e) => e.preventDefault(), { once: !0 });
+						}
+					})
+				})
+			})
+		}), T.viewport)
+	})] }) : null;
+}), oe = (e) => {
+	let { __scopeToast: t, children: n, ...r } = e, i = O(L, t), [a, o] = h.useState(!1), [s, c] = h.useState(!1);
+	return se(() => o(!0)), h.useEffect(() => {
+		let e = window.setTimeout(() => c(!0), 1e3);
+		return () => window.clearTimeout(e);
+	}, []), s ? null : /* @__PURE__ */ _(p, {
+		asChild: !0,
+		children: /* @__PURE__ */ _(m, {
+			...r,
+			children: a && /* @__PURE__ */ v(g, { children: [
+				i.label,
+				" ",
+				n
+			] })
+		})
+	});
+}, V = "ToastTitle", H = h.forwardRef((e, t) => {
+	let { __scopeToast: n, ...r } = e;
+	return /* @__PURE__ */ _(a.div, {
+		...r,
+		ref: t
+	});
+});
+H.displayName = V;
+var U = "ToastDescription", W = h.forwardRef((e, t) => {
+	let { __scopeToast: n, ...r } = e;
+	return /* @__PURE__ */ _(a.div, {
+		...r,
+		ref: t
+	});
+});
+W.displayName = U;
+var G = "ToastAction", K = h.forwardRef((e, t) => {
+	let { altText: n, ...r } = e;
+	return n.trim() ? /* @__PURE__ */ _(Y, {
+		altText: n,
+		asChild: !0,
+		children: /* @__PURE__ */ _(J, {
+			...r,
+			ref: t
+		})
+	}) : (console.error(`Invalid prop \`altText\` supplied to \`${G}\`. Expected non-empty \`string\`.`), null);
+});
+K.displayName = G;
+var q = "ToastClose", J = h.forwardRef((e, t) => {
+	let { __scopeToast: n, ...r } = e, o = z(q, n);
+	return /* @__PURE__ */ _(Y, {
+		asChild: !0,
+		children: /* @__PURE__ */ _(a.button, {
+			type: "button",
+			...r,
+			ref: t,
+			onClick: i(e.onClick, o.onClose)
+		})
+	});
+});
+J.displayName = q;
+var Y = h.forwardRef((e, t) => {
+	let { __scopeToast: n, altText: r, ...i } = e;
+	return /* @__PURE__ */ _(a.div, {
+		"data-radix-toast-announce-exclude": "",
+		"data-radix-toast-announce-alt": r || void 0,
+		...i,
+		ref: t
+	});
+});
+function X(e) {
+	let t = [];
+	return Array.from(e.childNodes).forEach((e) => {
+		if (e.nodeType === e.TEXT_NODE && e.textContent && t.push(e.textContent), ce(e)) {
+			let n = e.ariaHidden || e.hidden || e.style.display === "none", r = e.dataset.radixToastAnnounceExclude === "";
+			if (!n) if (r) {
+				let n = e.dataset.radixToastAnnounceAlt;
+				n && t.push(n);
+			} else t.push(...X(e));
+		}
+	}), t;
+}
+function Z(e, t, n, { discrete: i }) {
+	let a = n.originalEvent.currentTarget, o = new CustomEvent(e, {
+		bubbles: !0,
+		cancelable: !0,
+		detail: n
+	});
+	t && a.addEventListener(e, t, { once: !0 }), i ? r(a, o) : a.dispatchEvent(o);
+}
+var Q = (e, t, n = 0) => {
+	let r = Math.abs(e.x), i = Math.abs(e.y), a = r > i;
+	return t === "left" || t === "right" ? a && r > n : !a && i > n;
+};
+function se(e = () => {}) {
+	let t = u(e);
+	s(() => {
+		let e = 0, n = 0;
+		return e = window.requestAnimationFrame(() => n = window.requestAnimationFrame(t)), () => {
+			window.cancelAnimationFrame(e), window.cancelAnimationFrame(n);
+		};
+	}, [t]);
+}
+function ce(e) {
+	return e.nodeType === e.ELEMENT_NODE;
+}
+function le(e) {
+	let t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (e) => {
+		let t = e.tagName === "INPUT" && e.type === "hidden";
+		return e.disabled || e.hidden || t ? NodeFilter.FILTER_SKIP : e.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+	} });
+	for (; n.nextNode();) t.push(n.currentNode);
+	return t;
+}
+function $(e) {
+	let t = document.activeElement;
+	return e.some((e) => e === t ? !0 : (e.focus(), document.activeElement !== t));
+}
+var ue = k, de = P, fe = R, pe = H, me = W, he = K, ge = J, _e = ue, ve = h.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ _(de, {
+	ref: r,
+	className: e("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]", t),
+	...n
+}));
+ve.displayName = de?.displayName || "ToastViewport";
+var ye = x("group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
+	variants: { variant: {
+		default: "border bg-background text-foreground",
+		destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+}), be = h.forwardRef(({ className: t, variant: n, ...r }, i) => /* @__PURE__ */ _(fe, {
+	ref: i,
+	className: e(ye({ variant: n }), t),
+	...r
+}));
+be.displayName = fe?.displayName || "Toast";
+var xe = h.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ _(he, {
+	ref: r,
+	className: e("hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-1 focus:outline-none disabled:pointer-events-none disabled:opacity-50", t),
+	...n
+}));
+xe.displayName = he?.displayName || "ToastAction";
+var Se = h.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ _(ge, {
+	ref: r,
+	className: e("text-foreground/50 hover:text-foreground absolute top-1 right-1 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-1 focus:outline-none group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", t),
+	"toast-close": "",
+	...n,
+	children: /* @__PURE__ */ _(b, { className: "h-4 w-4" })
+}));
+Se.displayName = ge?.displayName || "ToastClose";
+var Ce = h.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ _(pe, {
+	ref: r,
+	className: e("text-sm font-semibold [&+div]:text-xs", t),
+	...n
+}));
+Ce.displayName = pe?.displayName || "ToastTitle";
+var we = h.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ _(me, {
+	ref: r,
+	className: e("text-sm opacity-90", t),
+	...n
+}));
+we.displayName = me?.displayName || "ToastDescription";
+//#endregion
+export { _e as a, we as i, xe as n, Ce as o, Se as r, ve as s, be as t };

package/dist/toast.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./jsx-runtime-nZSsnGb7.js"),Ae=require("react"),Ie=require("react-dom"),x=require("./index-BtZvtDmp.js"),te=require("./index-_XxjJPRD.js"),Fe=require("./index-BGIK9FQF.js"),Oe=require("./index-D2HnlO3y.js"),se=require("./index-BoNjHhm4.js"),Le=require("./index-CwyAfCwY.js"),Me=require("./index-B2XtpfGY.js"),K=require("./index-CzY-WZXL.js"),ke=require("./index-Ce5TOFAK.js"),Ve=require("./index-MQ0c3ZX_.js"),oe=require("./index-Cl3G0jzM.js"),$e=require("class-variance-authority"),He=require("lucide-react"),S=require("./utils-cdbZV8DZ.js");function re(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,o.get?o:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const r=re(Ae),Ke=re(Ie);var z="ToastProvider",[G,qe,We]=Fe.createCollection("Toast"),[ne]=Oe.createContextScope("Toast",[We]),[Xe,q]=ne(z),ae=e=>{const{__scopeToast:t,label:s="Notification",duration:o=5e3,swipeDirection:u="right",swipeThreshold:l=50,children:p}=e,[v,T]=r.useState(null),[c,b]=r.useState(0),E=r.useRef(!1),D=r.useRef(!1);return s.trim()||console.error(`Invalid prop \`label\` supplied to \`${z}\`. Expected non-empty \`string\`.`),n.jsxRuntimeExports.jsx(G.Provider,{scope:t,children:n.jsxRuntimeExports.jsx(Xe,{scope:t,label:s,duration:o,swipeDirection:u,swipeThreshold:l,toastCount:c,viewport:v,onViewportChange:T,onToastAdd:r.useCallback(()=>b(C=>C+1),[]),onToastRemove:r.useCallback(()=>b(C=>C-1),[]),isFocusedToastEscapeKeyDownRef:E,isClosePausedRef:D,children:p})})};ae.displayName=z;var ie="ToastViewport",Ue=["F8"],U="toast.viewportPause",Y="toast.viewportResume",ce=r.forwardRef((e,t)=>{const{__scopeToast:s,hotkey:o=Ue,label:u="Notifications ({hotkey})",...l}=e,p=q(ie,s),v=qe(s),T=r.useRef(null),c=r.useRef(null),b=r.useRef(null),E=r.useRef(null),D=te.useComposedRefs(t,E,p.onViewportChange),C=o.join("+").replace(/Key/g,"").replace(/Digit/g,""),j=p.toastCount>0;r.useEffect(()=>{const i=y=>{o.length!==0&&o.every(m=>y[m]||y.code===m)&&E.current?.focus()};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[o]),r.useEffect(()=>{const i=T.current,y=E.current;if(j&&i&&y){const f=()=>{if(!p.isClosePausedRef.current){const w=new CustomEvent(U);y.dispatchEvent(w),p.isClosePausedRef.current=!0}},m=()=>{if(p.isClosePausedRef.current){const w=new CustomEvent(Y);y.dispatchEvent(w),p.isClosePausedRef.current=!1}},R=w=>{!i.contains(w.relatedTarget)&&m()},g=()=>{i.contains(document.activeElement)||m()};return i.addEventListener("focusin",f),i.addEventListener("focusout",R),i.addEventListener("pointermove",f),i.addEventListener("pointerleave",g),window.addEventListener("blur",f),window.addEventListener("focus",m),()=>{i.removeEventListener("focusin",f),i.removeEventListener("focusout",R),i.removeEventListener("pointermove",f),i.removeEventListener("pointerleave",g),window.removeEventListener("blur",f),window.removeEventListener("focus",m)}}},[j,p.isClosePausedRef]);const d=r.useCallback(({tabbingDirection:i})=>{const f=v().map(m=>{const R=m.ref.current,g=[R,...nt(R)];return i==="forwards"?g:g.reverse()});return(i==="forwards"?f.reverse():f).flat()},[v]);return r.useEffect(()=>{const i=E.current;if(i){const y=f=>{const m=f.altKey||f.ctrlKey||f.metaKey;if(f.key==="Tab"&&!m){const g=document.activeElement,w=f.shiftKey;if(f.target===i&&w){c.current?.focus();return}const A=d({tabbingDirection:w?"backwards":"forwards"}),M=A.findIndex(N=>N===g);X(A.slice(M+1))?f.preventDefault():w?c.current?.focus():b.current?.focus()}};return i.addEventListener("keydown",y),()=>i.removeEventListener("keydown",y)}},[v,d]),n.jsxRuntimeExports.jsxs(se.Branch,{ref:T,role:"region","aria-label":u.replace("{hotkey}",C),tabIndex:-1,style:{pointerEvents:j?void 0:"none"},children:[j&&n.jsxRuntimeExports.jsx(B,{ref:c,onFocusFromOutsideViewport:()=>{const i=d({tabbingDirection:"forwards"});X(i)}}),n.jsxRuntimeExports.jsx(G.Slot,{scope:s,children:n.jsxRuntimeExports.jsx(x.Primitive.ol,{tabIndex:-1,...l,ref:D})}),j&&n.jsxRuntimeExports.jsx(B,{ref:b,onFocusFromOutsideViewport:()=>{const i=d({tabbingDirection:"backwards"});X(i)}})]})});ce.displayName=ie;var ue="ToastFocusProxy",B=r.forwardRef((e,t)=>{const{__scopeToast:s,onFocusFromOutsideViewport:o,...u}=e,l=q(ue,s);return n.jsxRuntimeExports.jsx(oe.VisuallyHidden,{tabIndex:0,...u,ref:t,style:{position:"fixed"},onFocus:p=>{const v=p.relatedTarget;!l.viewport?.contains(v)&&o()}})});B.displayName=ue;var O="Toast",Ye="toast.swipeStart",Be="toast.swipeMove",ze="toast.swipeCancel",Ge="toast.swipeEnd",de=r.forwardRef((e,t)=>{const{forceMount:s,open:o,defaultOpen:u,onOpenChange:l,...p}=e,[v,T]=ke.useControllableState({prop:o,defaultProp:u??!0,onChange:l,caller:O});return n.jsxRuntimeExports.jsx(Me.Presence,{present:s||v,children:n.jsxRuntimeExports.jsx(Ze,{open:v,...p,ref:t,onClose:()=>T(!1),onPause:K.useCallbackRef(e.onPause),onResume:K.useCallbackRef(e.onResume),onSwipeStart:x.composeEventHandlers(e.onSwipeStart,c=>{c.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:x.composeEventHandlers(e.onSwipeMove,c=>{const{x:b,y:E}=c.detail.delta;c.currentTarget.setAttribute("data-swipe","move"),c.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${b}px`),c.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${E}px`)}),onSwipeCancel:x.composeEventHandlers(e.onSwipeCancel,c=>{c.currentTarget.setAttribute("data-swipe","cancel"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),c.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),c.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:x.composeEventHandlers(e.onSwipeEnd,c=>{const{x:b,y:E}=c.detail.delta;c.currentTarget.setAttribute("data-swipe","end"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),c.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${b}px`),c.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${E}px`),T(!1)})})})});de.displayName=O;var[Je,Qe]=ne(O,{onClose(){}}),Ze=r.forwardRef((e,t)=>{const{__scopeToast:s,type:o="foreground",duration:u,open:l,onClose:p,onEscapeKeyDown:v,onPause:T,onResume:c,onSwipeStart:b,onSwipeMove:E,onSwipeCancel:D,onSwipeEnd:C,...j}=e,d=q(O,s),[i,y]=r.useState(null),f=te.useComposedRefs(t,a=>y(a)),m=r.useRef(null),R=r.useRef(null),g=u||d.duration,w=r.useRef(0),_=r.useRef(g),L=r.useRef(0),{onToastAdd:A,onToastRemove:M}=d,N=K.useCallbackRef(()=>{i?.contains(document.activeElement)&&d.viewport?.focus(),p()}),k=r.useCallback(a=>{!a||a===1/0||(window.clearTimeout(L.current),w.current=new Date().getTime(),L.current=window.setTimeout(N,a))},[N]);r.useEffect(()=>{const a=d.viewport;if(a){const h=()=>{k(_.current),c?.()},P=()=>{const I=new Date().getTime()-w.current;_.current=_.current-I,window.clearTimeout(L.current),T?.()};return a.addEventListener(U,P),a.addEventListener(Y,h),()=>{a.removeEventListener(U,P),a.removeEventListener(Y,h)}}},[d.viewport,g,T,c,k]),r.useEffect(()=>{l&&!d.isClosePausedRef.current&&k(g)},[l,g,d.isClosePausedRef,k]),r.useEffect(()=>(A(),()=>M()),[A,M]);const Q=r.useMemo(()=>i?Te(i):null,[i]);return d.viewport?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[Q&&n.jsxRuntimeExports.jsx(et,{__scopeToast:s,role:"status","aria-live":o==="foreground"?"assertive":"polite",children:Q}),n.jsxRuntimeExports.jsx(Je,{scope:s,onClose:N,children:Ke.createPortal(n.jsxRuntimeExports.jsx(G.ItemSlot,{scope:s,children:n.jsxRuntimeExports.jsx(se.Root,{asChild:!0,onEscapeKeyDown:x.composeEventHandlers(v,()=>{d.isFocusedToastEscapeKeyDownRef.current||N(),d.isFocusedToastEscapeKeyDownRef.current=!1}),children:n.jsxRuntimeExports.jsx(x.Primitive.li,{tabIndex:0,"data-state":l?"open":"closed","data-swipe-direction":d.swipeDirection,...j,ref:f,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:x.composeEventHandlers(e.onKeyDown,a=>{a.key==="Escape"&&(v?.(a.nativeEvent),a.nativeEvent.defaultPrevented||(d.isFocusedToastEscapeKeyDownRef.current=!0,N()))}),onPointerDown:x.composeEventHandlers(e.onPointerDown,a=>{a.button===0&&(m.current={x:a.clientX,y:a.clientY})}),onPointerMove:x.composeEventHandlers(e.onPointerMove,a=>{if(!m.current)return;const h=a.clientX-m.current.x,P=a.clientY-m.current.y,I=!!R.current,F=["left","right"].includes(d.swipeDirection),V=["left","up"].includes(d.swipeDirection)?Math.min:Math.max,De=F?V(0,h):0,_e=F?0:V(0,P),W=a.pointerType==="touch"?10:2,$={x:De,y:_e},Z={originalEvent:a,delta:$};I?(R.current=$,H(Be,E,Z,{discrete:!1})):ee($,d.swipeDirection,W)?(R.current=$,H(Ye,b,Z,{discrete:!1}),a.target.setPointerCapture(a.pointerId)):(Math.abs(h)>W||Math.abs(P)>W)&&(m.current=null)}),onPointerUp:x.composeEventHandlers(e.onPointerUp,a=>{const h=R.current,P=a.target;if(P.hasPointerCapture(a.pointerId)&&P.releasePointerCapture(a.pointerId),R.current=null,m.current=null,h){const I=a.currentTarget,F={originalEvent:a,delta:h};ee(h,d.swipeDirection,d.swipeThreshold)?H(Ge,C,F,{discrete:!0}):H(ze,D,F,{discrete:!0}),I.addEventListener("click",V=>V.preventDefault(),{once:!0})}})})})}),d.viewport)})]}):null}),et=e=>{const{__scopeToast:t,children:s,...o}=e,u=q(O,t),[l,p]=r.useState(!1),[v,T]=r.useState(!1);return ot(()=>p(!0)),r.useEffect(()=>{const c=window.setTimeout(()=>T(!0),1e3);return()=>window.clearTimeout(c)},[]),v?null:n.jsxRuntimeExports.jsx(Le.Portal,{asChild:!0,children:n.jsxRuntimeExports.jsx(oe.VisuallyHidden,{...o,children:l&&n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[u.label," ",s]})})})},tt="ToastTitle",le=r.forwardRef((e,t)=>{const{__scopeToast:s,...o}=e;return n.jsxRuntimeExports.jsx(x.Primitive.div,{...o,ref:t})});le.displayName=tt;var st="ToastDescription",pe=r.forwardRef((e,t)=>{const{__scopeToast:s,...o}=e;return n.jsxRuntimeExports.jsx(x.Primitive.div,{...o,ref:t})});pe.displayName=st;var fe="ToastAction",me=r.forwardRef((e,t)=>{const{altText:s,...o}=e;return s.trim()?n.jsxRuntimeExports.jsx(ve,{altText:s,asChild:!0,children:n.jsxRuntimeExports.jsx(J,{...o,ref:t})}):(console.error(`Invalid prop \`altText\` supplied to \`${fe}\`. Expected non-empty \`string\`.`),null)});me.displayName=fe;var xe="ToastClose",J=r.forwardRef((e,t)=>{const{__scopeToast:s,...o}=e,u=Qe(xe,s);return n.jsxRuntimeExports.jsx(ve,{asChild:!0,children:n.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button",...o,ref:t,onClick:x.composeEventHandlers(e.onClick,u.onClose)})})});J.displayName=xe;var ve=r.forwardRef((e,t)=>{const{__scopeToast:s,altText:o,...u}=e;return n.jsxRuntimeExports.jsx(x.Primitive.div,{"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":o||void 0,...u,ref:t})});function Te(e){const t=[];return Array.from(e.childNodes).forEach(o=>{if(o.nodeType===o.TEXT_NODE&&o.textContent&&t.push(o.textContent),rt(o)){const u=o.ariaHidden||o.hidden||o.style.display==="none",l=o.dataset.radixToastAnnounceExclude==="";if(!u)if(l){const p=o.dataset.radixToastAnnounceAlt;p&&t.push(p)}else t.push(...Te(o))}}),t}function H(e,t,s,{discrete:o}){const u=s.originalEvent.currentTarget,l=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:s});t&&u.addEventListener(e,t,{once:!0}),o?x.dispatchDiscreteCustomEvent(u,l):u.dispatchEvent(l)}var ee=(e,t,s=0)=>{const o=Math.abs(e.x),u=Math.abs(e.y),l=o>u;return t==="left"||t==="right"?l&&o>s:!l&&u>s};function ot(e=()=>{}){const t=K.useCallbackRef(e);Ve.useLayoutEffect2(()=>{let s=0,o=0;return s=window.requestAnimationFrame(()=>o=window.requestAnimationFrame(t)),()=>{window.cancelAnimationFrame(s),window.cancelAnimationFrame(o)}},[t])}function rt(e){return e.nodeType===e.ELEMENT_NODE}function nt(e){const t=[],s=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:o=>{const u=o.tagName==="INPUT"&&o.type==="hidden";return o.disabled||o.hidden||u?NodeFilter.FILTER_SKIP:o.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;s.nextNode();)t.push(s.currentNode);return t}function X(e){const t=document.activeElement;return e.some(s=>s===t?!0:(s.focus(),document.activeElement!==t))}var at=ae,we=ce,Ee=de,ye=le,Re=pe,ge=me,be=J;const it=at,he=r.forwardRef(({className:e,...t},s)=>n.jsxRuntimeExports.jsx(we,{ref:s,className:S.cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]",e),...t}));he.displayName=we?.displayName||"ToastViewport";const ct=$e.cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",{variants:{variant:{default:"border bg-background text-foreground",destructive:"destructive group border-destructive bg-destructive text-destructive-foreground"}},defaultVariants:{variant:"default"}}),Pe=r.forwardRef(({className:e,variant:t,...s},o)=>n.jsxRuntimeExports.jsx(Ee,{ref:o,className:S.cn(ct({variant:t}),e),...s}));Pe.displayName=Ee?.displayName||"Toast";const Ce=r.forwardRef(({className:e,...t},s)=>n.jsxRuntimeExports.jsx(ge,{ref:s,className:S.cn("hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-1 focus:outline-none disabled:pointer-events-none disabled:opacity-50",e),...t}));Ce.displayName=ge?.displayName||"ToastAction";const je=r.forwardRef(({className:e,...t},s)=>n.jsxRuntimeExports.jsx(be,{ref:s,className:S.cn("text-foreground/50 hover:text-foreground absolute top-1 right-1 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-1 focus:outline-none group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",e),"toast-close":"",...t,children:n.jsxRuntimeExports.jsx(He.X,{className:"h-4 w-4"})}));je.displayName=be?.displayName||"ToastClose";const Ne=r.forwardRef(({className:e,...t},s)=>n.jsxRuntimeExports.jsx(ye,{ref:s,className:S.cn("text-sm font-semibold [&+div]:text-xs",e),...t}));Ne.displayName=ye?.displayName||"ToastTitle";const Se=r.forwardRef(({className:e,...t},s)=>n.jsxRuntimeExports.jsx(Re,{ref:s,className:S.cn("text-sm opacity-90",e),...t}));Se.displayName=Re?.displayName||"ToastDescription";exports.Toast=Pe;exports.ToastAction=Ce;exports.ToastClose=je;exports.ToastDescription=Se;exports.ToastProvider=it;exports.ToastTitle=Ne;exports.ToastViewport=he;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./toast-BtXY2QTe.js");exports.Toast=e.t,exports.ToastAction=e.n,exports.ToastClose=e.r,exports.ToastDescription=e.i,exports.ToastProvider=e.a,exports.ToastTitle=e.o,exports.ToastViewport=e.s;

package/dist/toast.d.ts

@@ -1,26 +1,2 @@
-import { ClassProp } from 'class-variance-authority/types';
-import * as React_2 from 'react';
-import * as ToastPrimitives from '@radix-ui/react-toast';
-import { VariantProps } from 'class-variance-authority';
-
-export declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLLIElement>>;
-
-export declare const ToastAction: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare type ToastActionElement = React_2.ReactElement<typeof ToastAction>;
-
-export declare const ToastClose: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare const ToastDescription: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare type ToastProps = React_2.ComponentPropsWithoutRef<typeof Toast>;
-
-export declare const ToastProvider: React_2.FC<ToastPrimitives.ToastProviderProps>;
-
-export declare const ToastTitle: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const ToastViewport: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React_2.RefAttributes<HTMLOListElement>, "ref"> & React_2.RefAttributes<HTMLOListElement>>;
-
-export { }
+export * from './packages/ui-web/src/toast'
+export {}