@number10/jsx-components 5.0.0

package/dist/TextInput.js

@@ -0,0 +1,441 @@
+import { Text as e } from "./primitives/Text.js";
+import { View as t } from "./primitives/View.js";
+import "./primitives.js";
+import { KNOWN_COMPONENTS as n, getGlobalThemeDefaults as r, mergeThemes as i, resolveComponentTheme as a, useEffect as o, useRef as s, useState as c, useTheme as l } from "@number10/jsx-core";
+import { jsx as u, jsxs as d } from "@number10/jsx-core/jsx-runtime";
+//#region src/TextInput.tsx
+var f = null;
+function p() {
+	if (f ||= document.createElement("canvas").getContext("2d") ?? null, !f) throw Error("Canvas 2D context unavailable");
+	return f;
+}
+function m(e, t) {
+	let n = t?.fontFamily ?? "Arial, sans-serif", r = t?.fontSize ?? "16px";
+	e.font = [
+		t?.fontStyle ?? "",
+		t?.fontWeight ?? "",
+		r,
+		n
+	].filter(Boolean).join(" ");
+}
+function h(e, t) {
+	let n = p();
+	m(n, t);
+	let r = [];
+	for (let t = 0; t < e.length; t++) {
+		let i = e.charAt(t);
+		i === "\n" ? r.push({
+			char: i,
+			width: 0
+		}) : r.push({
+			char: i,
+			width: n.measureText(i).width
+		});
+	}
+	return r;
+}
+function g(e, t = 1.2) {
+	let n = e?.fontSize ?? "16px", r = typeof n == "number" ? `${n}px` : n;
+	return Math.round((parseFloat(r) || 16) * t);
+}
+function ee(e, t, n, r, i, a, o) {
+	let s = h(e, n), c = g(n, o), l = [], u = 0, d = 0, f = 0, p = [], m = () => {
+		for (let e of p) {
+			let t = l[e.layoutIdx];
+			t && (t.y = d);
+		}
+		p = [], u = 0, d += c, f++;
+	};
+	for (let e = 0; e < s.length; e++) {
+		let n = s[e];
+		if (!n) continue;
+		if (n.char === "\n") {
+			l.push({
+				char: n.char,
+				x: u,
+				y: d,
+				width: 0,
+				height: c,
+				lineIndex: f
+			}), m();
+			continue;
+		}
+		if (i && p.length > 0 && u + n.width > t) if (a) {
+			let e = -1;
+			for (let t = p.length - 1; t >= 0; t--) if (p[t]?.m.char === " ") {
+				e = t;
+				break;
+			}
+			if (e >= 0) {
+				let t = p.slice(0, e + 1), n = p.slice(e + 1);
+				p = t, m(), u = 0;
+				for (let e of n) {
+					let t = l[e.layoutIdx];
+					t && (t.x = u, t.lineIndex = f), u += e.m.width + r, p.push(e);
+				}
+			} else m();
+		} else m();
+		let o = l.length;
+		l.push({
+			char: n.char,
+			x: u,
+			y: d,
+			width: n.width,
+			height: c,
+			lineIndex: f
+		}), p.push({
+			m: n,
+			layoutIdx: o
+		}), u += n.width + r;
+	}
+	for (let e of p) {
+		let t = l[e.layoutIdx];
+		t && (t.y = d);
+	}
+	return l;
+}
+function te() {
+	let e = document.createElement("input");
+	return e.type = "text", e.setAttribute("autocomplete", "off"), e.setAttribute("autocorrect", "off"), e.setAttribute("autocapitalize", "off"), e.setAttribute("spellcheck", "false"), Object.assign(e.style, {
+		position: "fixed",
+		top: "-9999px",
+		left: "-9999px",
+		width: "1px",
+		height: "1px",
+		opacity: "0",
+		pointerEvents: "none"
+	}), document.body.appendChild(e), e;
+}
+function _(f) {
+	let p = l(), m = f.theme ? i(p ?? {}, f.theme) : p, { props: h, nestedTheme: _ } = a({
+		componentName: "TextInput",
+		globalTheme: r(),
+		localTheme: m,
+		knownComponents: n
+	}), v = f.placeholder ?? h.placeholder, y = f.disabled ?? !1, b = f.maxLength ?? h.maxLength, x = f.multiline ?? h.multiline ?? !1, S = f.textStyle ?? h.textStyle ?? {
+		fontFamily: "Arial, sans-serif",
+		fontSize: "16px",
+		color: "#ffffff"
+	}, ne = f.placeholderStyle ?? h.placeholderStyle ?? {
+		...S,
+		color: "#666666"
+	}, C = f.charSpacing ?? h.charSpacing ?? 0, w = f.lineHeight ?? h.lineHeight ?? 1.2, T = f.maxLines ?? h.maxLines, re = f.textOverflow ?? h.textOverflow ?? "clip", ie = f.wordWrap ?? h.wordWrap ?? !0, ae = f.cursorColor ?? h.cursorColor ?? 16777215, oe = f.cursorWidth ?? h.cursorWidth ?? 2, se = f.cursorBlinkSpeed ?? h.cursorBlinkSpeed ?? 530, ce = f.selectionColor ?? h.selectionColor ?? 4886754, le = f.selectionAlpha ?? h.selectionAlpha ?? .3, ue = f.focusedBorderColor ?? h.focusedBorderColor, de = f.disabledBackgroundColor ?? h.disabledBackgroundColor, fe = f.disabledBorderColor ?? h.disabledBorderColor, pe = f.disabledAlpha ?? h.disabledAlpha ?? .6, me = f.password ?? !1, he = f.passwordChar ?? "•", E = f.value !== void 0, [ge, _e] = c(f.value ?? ""), D = E ? f.value ?? "" : ge, [O, k] = c(D.length), [A, j] = c(-1), [M, N] = c(!1), [ve, P] = c(!0), F = s(D), I = s(O), L = s(A), ye = s(M);
+	F.current = D, I.current = O, L.current = A, ye.current = M;
+	let R = s(null), be = s(null);
+	o(() => {
+		if (!M) {
+			P(!1);
+			return;
+		}
+		P(!0);
+		let e = setInterval(() => {
+			P((e) => !e);
+		}, se);
+		return () => clearInterval(e);
+	}, [M, se]), o(() => {
+		let e = te();
+		return R.current = e, () => {
+			e.remove(), R.current = null;
+		};
+	}, []), o(() => {
+		let e = R.current;
+		if (!e) return;
+		let t = (e) => {
+			if (e.key === "Enter") {
+				if (e.preventDefault(), !x || e.ctrlKey || e.metaKey) {
+					f.onSubmit?.(F.current);
+					return;
+				}
+				if (x) {
+					V("\n");
+					return;
+				}
+			}
+			if (e.key === "Backspace") {
+				e.preventDefault(), xe();
+				return;
+			}
+			if (e.key === "Delete") {
+				e.preventDefault(), Se();
+				return;
+			}
+			if ((e.ctrlKey || e.metaKey) && e.key === "c") {
+				e.preventDefault(), Te();
+				return;
+			}
+			if ((e.ctrlKey || e.metaKey) && e.key === "x") {
+				e.preventDefault(), Ee();
+				return;
+			}
+			if ((e.ctrlKey || e.metaKey) && e.key === "v") {
+				e.preventDefault(), De();
+				return;
+			}
+			if (e.key === "ArrowLeft") {
+				e.preventDefault(), H(-1, e.shiftKey);
+				return;
+			}
+			if (e.key === "ArrowRight") {
+				e.preventDefault(), H(1, e.shiftKey);
+				return;
+			}
+			if (e.key === "ArrowUp") {
+				e.preventDefault(), Ce(-1, e.shiftKey);
+				return;
+			}
+			if (e.key === "ArrowDown") {
+				e.preventDefault(), Ce(1, e.shiftKey);
+				return;
+			}
+			if (e.key === "Home") {
+				e.preventDefault(), P(!0), I.current = 0, k(0), e.shiftKey || (L.current = -1, j(-1));
+				return;
+			}
+			if (e.key === "End") {
+				e.preventDefault(), P(!0);
+				let t = F.current.length;
+				I.current = t, k(t), e.shiftKey || (L.current = -1, j(-1));
+				return;
+			}
+			if (e.key === "a" && (e.ctrlKey || e.metaKey)) {
+				e.preventDefault(), P(!0), L.current = 0, j(0);
+				let t = F.current.length;
+				I.current = t, k(t);
+				return;
+			}
+			e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), V(e.key));
+		}, n = () => {
+			N(!0), f.onFocus?.();
+		}, r = () => {
+			N(!1), j(-1), f.onBlur?.();
+		};
+		return e.addEventListener("keydown", t), e.addEventListener("focus", n), e.addEventListener("blur", r), () => {
+			e.removeEventListener("keydown", t), e.removeEventListener("focus", n), e.removeEventListener("blur", r);
+		};
+	}, [x]);
+	let z = (e) => {
+		E || _e(e), f.onChange?.(e);
+	}, B = (e, t, n = -1) => {
+		I.current = t, L.current = n, k(t), j(n), z(e);
+	}, V = (e) => {
+		let t = F.current, n = I.current, r = L.current;
+		if (P(!0), r >= 0) {
+			let i = Math.min(r, n), a = Math.max(r, n), o = t.slice(0, i) + e + t.slice(a);
+			if (b !== void 0 && o.length > b || e === "\n" && T !== void 0 && o.split("\n").length > T) return;
+			B(o, i + 1);
+		} else {
+			let r = t.slice(0, n) + e + t.slice(n);
+			if (b !== void 0 && r.length > b || e === "\n" && T !== void 0 && r.split("\n").length > T) return;
+			B(r, n + 1);
+		}
+	}, xe = () => {
+		let e = F.current, t = I.current, n = L.current;
+		if (n >= 0) {
+			let r = Math.min(n, t), i = Math.max(n, t);
+			B(e.slice(0, r) + e.slice(i), r);
+		} else t > 0 && B(e.slice(0, t - 1) + e.slice(t), t - 1);
+	}, Se = () => {
+		let e = F.current, t = I.current, n = L.current;
+		if (n >= 0) {
+			let r = Math.min(n, t), i = Math.max(n, t);
+			B(e.slice(0, r) + e.slice(i), r);
+		} else t < e.length && z(e.slice(0, t) + e.slice(t + 1));
+	}, H = (e, t) => {
+		let n = I.current, r = L.current, i = F.current.length;
+		if (P(!0), t) {
+			r < 0 && (j(n), L.current = n);
+			let t = Math.max(0, Math.min(i, n + e));
+			I.current = t, k(t);
+		} else {
+			L.current = -1, j(-1);
+			let t = Math.max(0, Math.min(i, n + e));
+			I.current = t, k(t);
+		}
+	}, Ce = (e, t) => {
+		let n = I.current, r = L.current, i = F.current.length, { visibleChars: a, charLayout: o, totalLines: s, charSpacing: c } = Fe.current, l = n <= 0 ? 0 : n >= a.length ? s - 1 : a[n]?.lineIndex ?? 0, u = Math.max(0, Math.min(s - 1, l + e));
+		if (u === l) return;
+		P(!0);
+		let d = n > 0 && n <= a.length ? a[n - 1] : void 0, f = d && d.char !== "\n" ? d.x + d.width + c : 0, p = a.filter((e) => e.char !== "\n" && e.lineIndex === u), m;
+		if (p.length === 0) {
+			m = 0;
+			for (let e = 0; e < a.length; e++) {
+				let t = a[e];
+				if (t && t.lineIndex >= u) {
+					m = e;
+					break;
+				}
+				m = e + 1;
+			}
+		} else {
+			let e = 0, t = Infinity;
+			for (let n = 0; n <= p.length; n++) {
+				let r = n < p.length ? p[n] : void 0, i = p[p.length - 1], a = r ? r.x + r.width / 2 : i ? i.x + i.width + c : 0, o = Math.abs(f - a);
+				o < t && (t = o, e = n);
+			}
+			let n = e < p.length ? p[e] : void 0, r = p[p.length - 1], a = n ? o.indexOf(n) : r ? o.indexOf(r) + 1 : 0;
+			m = Math.min(a, i);
+		}
+		t ? r < 0 && (j(n), L.current = n) : (L.current = -1, j(-1)), I.current = m, k(m);
+	}, we = () => {
+		let e = L.current, t = I.current;
+		if (e < 0) return "";
+		let n = Math.min(e, t), r = Math.max(e, t);
+		return F.current.slice(n, r);
+	}, Te = () => {
+		let e = we();
+		e && navigator.clipboard.writeText(e).catch(() => {});
+	}, Ee = () => {
+		let e = we();
+		if (e) {
+			navigator.clipboard.writeText(e).catch(() => {});
+			let t = L.current, n = I.current, r = Math.min(t, n), i = Math.max(t, n), a = F.current;
+			B(a.slice(0, r) + a.slice(i), r);
+		}
+	}, De = () => {
+		navigator.clipboard.readText().then((e) => {
+			if (!e) return;
+			let t = x ? e.replace(/\r\n/g, "\n").replace(/\r/g, "\n") : e.replace(/[\r\n]/g, " "), n = F.current, r = I.current, i = L.current, a, o;
+			if (i >= 0) {
+				let e = Math.min(i, r), t = Math.max(i, r);
+				a = e, o = n.slice(0, e) + n.slice(t);
+			} else a = r, o = n;
+			let s = t;
+			if (b !== void 0) {
+				let e = b - o.length;
+				if (e <= 0) return;
+				s = s.slice(0, e);
+			}
+			B(o.slice(0, a) + s + o.slice(a), a + s.length);
+		}).catch(() => {});
+	}, Oe = h.paddingLeft ?? h.padding ?? 12, ke = f.width ?? h.width ?? 300, U = D.length === 0 && !!v && !M, W = U ? v ?? "" : D, Ae = me && !U ? he.repeat(W.length) : W, G = U ? ne : S, je = h.paddingRight ?? h.padding ?? 12, Me = Math.max(1, typeof ke == "number" ? ke - Oe - je : 280), K = ee(Ae, Math.max(1, Me), G, C, x, ie, w), q = K;
+	if (T !== void 0 && !U && ((K.length > 0 ? K[K.length - 1] : void 0)?.lineIndex ?? 0) >= T && (q = K.filter((e) => e.lineIndex < T), re === "ellipsis" && q.length > 0 && W.length > q.length)) {
+		let e = Math.max(0, q.length - 3);
+		q = [
+			...q.slice(0, e),
+			{
+				char: ".",
+				x: 0,
+				y: 0,
+				width: 0,
+				height: 0,
+				lineIndex: T - 1
+			},
+			{
+				char: ".",
+				x: 0,
+				y: 0,
+				width: 0,
+				height: 0,
+				lineIndex: T - 1
+			},
+			{
+				char: ".",
+				x: 0,
+				y: 0,
+				width: 0,
+				height: 0,
+				lineIndex: T - 1
+			}
+		];
+	}
+	let J = g(G, w), Y = q.length > 0 ? q[q.length - 1] : void 0, Ne = Y?.char === "\n", X = Y ? Y.lineIndex + 1 + +!!Ne : 1, Pe = X * J, Fe = s({
+		visibleChars: q,
+		charLayout: K,
+		totalLines: X,
+		charSpacing: C,
+		lineH: J
+	});
+	Fe.current = {
+		visibleChars: q,
+		charLayout: K,
+		totalLines: X,
+		charSpacing: C,
+		lineH: J
+	};
+	let Ie = (O < q.length ? q[O] : void 0)?.lineIndex ?? X - 1, Z = O > 0 && O <= q.length ? q[O - 1] : void 0, Le = Z?.char === "\n" ? 0 : Z ? Z.x + Z.width + C : 0, Q = A >= 0 ? Math.min(A, O) : -1, $ = A >= 0 ? Math.max(A, O) : -1, Re = () => {
+		y || (P(!0), R.current?.focus());
+	};
+	return /* @__PURE__ */ u(t, {
+		ref: be,
+		direction: "row",
+		alignItems: "start",
+		width: f.width ?? h.width ?? 300,
+		height: f.height ?? h.height,
+		backgroundColor: f.backgroundColor ?? (y ? de ?? h.backgroundColor : h.backgroundColor),
+		borderColor: f.borderColor ?? (M ? ue ?? h.focusedBorderColor ?? h.borderColor : y ? fe ?? h.borderColor : h.borderColor),
+		borderWidth: f.borderWidth ?? (M ? Math.max(2, h.borderWidth ?? 1) : h.borderWidth),
+		cornerRadius: f.cornerRadius ?? h.cornerRadius ?? 4,
+		padding: f.padding ?? h.padding ?? 8,
+		alpha: f.alpha ?? (y ? pe : 1),
+		enableGestures: !y,
+		onTouch: (e) => {
+			if (y) return;
+			if (Re(), P(!0), U) {
+				I.current = 0, L.current = -1, k(0), j(-1);
+				return;
+			}
+			let t = e.localX - Oe, n = e.localY - (h.padding ?? 8), r = Math.max(0, Math.min(X - 1, Math.floor(n / J))), i = q.filter((e) => e.char !== "\n" && e.lineIndex === r);
+			if (i.length === 0) {
+				let e = 0;
+				for (let t = 0; t < q.length; t++) {
+					let n = q[t];
+					if (n && n.lineIndex >= r) {
+						e = t;
+						break;
+					}
+					e = t + 1;
+				}
+				I.current = e, L.current = -1, k(e), j(-1);
+				return;
+			}
+			let a = 0, o = Infinity;
+			for (let e = 0; e <= i.length; e++) {
+				let n = e < i.length ? i[e] : void 0, r = i[i.length - 1], s = n ? n.x + n.width / 2 : r ? r.x + r.width + C : 0, c = Math.abs(t - s);
+				c < o && (o = c, a = e);
+			}
+			let s = a < i.length ? i[a] : void 0, c = i[i.length - 1], l = s ? K.indexOf(s) : c ? K.indexOf(c) + 1 : 0, u = Math.min(l, D.length);
+			I.current = u, L.current = -1, k(u), j(-1);
+		},
+		overflow: "hidden",
+		theme: _,
+		children: /* @__PURE__ */ d(t, {
+			width: Me,
+			height: Pe,
+			overflow: "hidden",
+			direction: "stack",
+			children: [
+				q.filter((e) => e.char !== "\n").map((t, n) => /* @__PURE__ */ u(e, {
+					x: t.x,
+					y: t.y,
+					text: t.char,
+					style: {
+						color: G.color ?? "#ffffff",
+						...G.fontSize === void 0 ? {} : { fontSize: G.fontSize },
+						...G.fontFamily === void 0 ? {} : { fontFamily: G.fontFamily },
+						...G.fontStyle === void 0 ? {} : { fontStyle: G.fontStyle }
+					}
+				}, `c-${n}`)),
+				Q >= 0 && $ > Q && q.filter((e) => e.char !== "\n").map((e, n) => {
+					let r = K.indexOf(e);
+					return r < Q || r >= $ ? null : /* @__PURE__ */ u(t, {
+						x: e.x,
+						y: e.y,
+						width: e.width + 2,
+						height: J,
+						backgroundColor: ce,
+						backgroundAlpha: le
+					}, `sel-${n}`);
+				}),
+				M && ve && /* @__PURE__ */ u(t, {
+					x: Le,
+					y: Ie * J,
+					width: oe,
+					height: J,
+					backgroundColor: ae
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { _ as TextInput };

package/dist/Toast.cjs

@@ -0,0 +1 @@
+const e=require(`./primitives/Text.cjs`),t=require(`./primitives/View.cjs`);require(`./primitives.cjs`);const n=require(`./Button.cjs`),r=require(`./Portal.cjs`),i=require(`./WrapText.cjs`);let a=require(`@number10/jsx-core`),o=require(`@number10/jsx-core/jsx-runtime`);function s(e){let t=e.startsWith(`bottom`)?`end`:`start`;return e.endsWith(`left`)?{justifyContent:t,alignItems:`start`}:e.endsWith(`right`)?{justifyContent:t,alignItems:`end`}:{justifyContent:t,alignItems:`center`}}function c(e,t){return e.autoDismiss===!1?0:e.duration??t}function l(e){if(typeof e==`number`)return e*2;if(!e)return 0;let t=e;return(t.left??0)+(t.right??0)}function u(e){return typeof e==`number`?e:e?e.horizontal??0:0}function d(e){if(typeof e.width!=`number`)return;let t=2+ +!!e.hasPrefix+ +!!e.hasClose,n=Math.max(0,t-1)*e.gap,r=l(e.padding)+e.accentWidth+(e.hasPrefix?e.prefixWidth:0)+(e.hasClose?e.closeButtonSize:0)+n;return Math.max(e.minContentWidth??96,e.width-r)}function f(e){return Number.isFinite(e)&&e>0}function p(r){let{variant:s,title:c,message:l,children:f,prefix:p,suffix:m,action:h,dismissible:g=!0,onDismiss:_,labels:v,theme:y,...b}=r,x=(0,a.useTheme)(),S=y?(0,a.mergeThemes)(x??{},y):x,{props:C,nestedTheme:w}=(0,a.resolveComponentTheme)({componentName:`Toast`,globalTheme:(0,a.getGlobalThemeDefaults)(),localTheme:S,knownComponents:a.KNOWN_COMPONENTS}),T=s??C.variant??`info`,E=C.variants?.[T]??{},D=b.width??C.width??320,O=b.padding??C.padding??{left:10,right:10,top:9,bottom:9},k=u(b.gap??C.gap??10),A=C.accentWidth??4,j=C.prefixWidth??24,M=C.closeButtonSize??22,N=p??E.prefix,P=C.titleStyle||E.titleStyle?{...C.titleStyle??{},...E.titleStyle??{}}:void 0,F=C.messageStyle||E.messageStyle?{...C.messageStyle??{},...E.messageStyle??{}}:void 0,I=v?.close??C.labels?.close??`x`,L=c!==void 0||l!==void 0||f!==void 0,R=g&&_!==void 0,z=d({width:D,padding:O,gap:k,accentWidth:A,hasPrefix:N!==void 0,prefixWidth:j,hasClose:R,closeButtonSize:M});return(0,o.jsxs)(t.View,{...b,direction:`row`,alignItems:`stretch`,gap:k,width:D,minHeight:b.minHeight??C.minHeight??58,padding:O,backgroundColor:b.backgroundColor??E.backgroundColor??C.backgroundColor,backgroundAlpha:b.backgroundAlpha??E.backgroundAlpha??C.backgroundAlpha,borderColor:b.borderColor??E.borderColor??C.borderColor,borderWidth:b.borderWidth??E.borderWidth??C.borderWidth,cornerRadius:b.cornerRadius??E.cornerRadius??C.cornerRadius,theme:w,children:[(0,o.jsx)(t.View,{width:A,backgroundColor:E.accentColor??E.borderColor??3718648,cornerRadius:2}),N&&(0,o.jsx)(t.View,{width:j,alignItems:`center`,justifyContent:`center`,padding:{top:1},children:N}),L&&(0,o.jsxs)(t.View,{...z===void 0?{flex:1}:{},width:z??`fill`,flexShrink:1,gap:C.contentGap??2,justifyContent:`center`,overflow:`hidden`,children:[c!==void 0&&(0,o.jsx)(e.Text,{text:c,style:P}),l!==void 0&&(0,o.jsx)(i.WrapText,{text:l,style:F}),f]}),h,m,R&&(0,o.jsx)(t.View,{alignItems:`center`,justifyContent:`center`,padding:{top:1},children:(0,o.jsx)(n.Button,{variant:`ghost`,maxWidth:M,maxHeight:M,cornerRadius:M,padding:0,onClick:_,children:(0,o.jsx)(e.Text,{text:I,style:C.closeTextStyle})})})]})}function m(e){let{items:n,position:i,width:l,gap:u,offset:d,duration:m,depth:h,labels:g,onDismiss:_,theme:v,...y}=e,b=(0,a.useTheme)(),x=v?(0,a.mergeThemes)(b??{},v):b,{props:S,nestedTheme:C}=(0,a.resolveComponentTheme)({componentName:`NotificationStack`,globalTheme:(0,a.getGlobalThemeDefaults)(),localTheme:x,knownComponents:a.KNOWN_COMPONENTS}),w=(0,a.useViewportSize)(),T=i??S.position??`top-right`,E=m??S.duration??4e3,D=u??S.gap??8,O=d??S.offset??16,k=l??S.width??320,A=(0,a.useMemo)(()=>n.map(e=>`${e.id}:${c(e,E)}`).join(`|`),[n,E]),j=s(T);return(0,a.useEffect)(()=>{if(!_||n.length===0)return;let e=n.map(e=>{let t=c(e,E);return f(t)?setTimeout(()=>_(e.id),t):null}).filter(e=>e!==null);return()=>{e.forEach(e=>clearTimeout(e))}},[A,_]),(0,o.jsx)(r.Portal,{depth:h??S.depth??1200,blockEvents:!1,children:(0,o.jsx)(t.View,{...y,width:w.width,height:w.height,direction:`column`,justifyContent:j.justifyContent,alignItems:j.alignItems,padding:y.padding??O,theme:C,children:(0,o.jsx)(t.View,{direction:`column`,gap:D,width:k,children:n.map(e=>(0,o.jsx)(p,{...e.variant===void 0?{}:{variant:e.variant},...e.title===void 0?{}:{title:e.title},...e.message===void 0?{}:{message:e.message},...e.prefix===void 0?{}:{prefix:e.prefix},...e.suffix===void 0?{}:{suffix:e.suffix},...e.action===void 0?{}:{action:e.action},...e.dismissible===void 0?{}:{dismissible:e.dismissible},..._?{onDismiss:()=>_(e.id)}:{},...g===void 0?{}:{labels:g},theme:C,children:e.content},e.id))})})})}exports.NotificationStack=m,exports.Toast=p,exports.getToastAutoDismissDuration=c,exports.getToastContentWidth=d,exports.resolveNotificationStackAlignment=s;

package/dist/Toast.d.ts

@@ -0,0 +1,66 @@
+import { ChildrenType, ViewPrimitivePropsComplete, VNodeLike } from '@number10/jsx-core';
+import { PortableComponentPartialTheme } from './theme-types';
+export type ToastVariant = 'info' | 'success' | 'warning' | 'error';
+export type NotificationStackPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top' | 'bottom';
+export interface ToastLabels {
+    close?: string;
+}
+export interface ToastItem {
+    id: string;
+    variant?: ToastVariant;
+    title?: string;
+    message?: string;
+    content?: ChildrenType;
+    prefix?: ChildrenType;
+    suffix?: ChildrenType;
+    action?: ChildrenType;
+    dismissible?: boolean;
+    duration?: number;
+    autoDismiss?: boolean;
+}
+export interface ToastProps extends Omit<ViewPrimitivePropsComplete, 'children'> {
+    variant?: ToastVariant;
+    title?: string;
+    message?: string;
+    children?: ChildrenType;
+    prefix?: ChildrenType;
+    suffix?: ChildrenType;
+    action?: ChildrenType;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    labels?: ToastLabels;
+    theme?: PortableComponentPartialTheme<'Toast'>;
+}
+export interface NotificationStackProps extends Omit<ViewPrimitivePropsComplete, 'children'> {
+    items: ToastItem[];
+    position?: NotificationStackPosition;
+    width?: ViewPrimitivePropsComplete['width'];
+    gap?: number;
+    offset?: number;
+    duration?: number;
+    depth?: number;
+    labels?: ToastLabels;
+    onDismiss?: (id: string) => void;
+    theme?: PortableComponentPartialTheme<'NotificationStack'>;
+}
+export interface NotificationStackAlignment {
+    justifyContent: NonNullable<ViewPrimitivePropsComplete['justifyContent']>;
+    alignItems: NonNullable<ViewPrimitivePropsComplete['alignItems']>;
+}
+export interface ToastContentWidthOptions {
+    width: ViewPrimitivePropsComplete['width'];
+    padding: ViewPrimitivePropsComplete['padding'];
+    gap: number;
+    accentWidth: number;
+    hasPrefix: boolean;
+    prefixWidth: number;
+    hasClose: boolean;
+    closeButtonSize: number;
+    minContentWidth?: number;
+}
+export declare function resolveNotificationStackAlignment(position: NotificationStackPosition): NotificationStackAlignment;
+export declare function getToastAutoDismissDuration(item: ToastItem, fallbackDuration: number): number;
+export declare function getToastContentWidth(options: ToastContentWidthOptions): number | undefined;
+export declare function Toast(props: ToastProps): VNodeLike;
+export declare function NotificationStack(props: NotificationStackProps): VNodeLike;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"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"}