@jfrader/ui 0.4.0 → 0.5.1

package/dist/toast-B7wo3sX1.js

@@ -0,0 +1,371 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./renderable-DzcIj1Lo.js";
+import { t as a } from "./button-NLY0h6EJ.js";
+import { i as o, t as s } from "./theme-scope-t7nAKc2c.js";
+import { t as c } from "./spinner-DtxvDPdM.js";
+import { createContext as l, useCallback as u, useContext as d, useEffect as f, useId as p, useLayoutEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { vars as v } from "@jfrader/tokens/vars";
+import { Fragment as y, jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
+import { createPortal as S } from "react-dom";
+//#region src/components/toast/toast.tsx
+var C = 4, w = 5e3, T = "Dismiss", E = 100, D = "min(380px, calc(100vw - 32px))", O = "3px", k = l(null), A = l(null), j = e({
+	position: "fixed",
+	insetBlockEnd: 0,
+	insetInlineEnd: 0,
+	display: "flex",
+	flexDirection: "column",
+	gap: v.space[2],
+	inlineSize: D,
+	margin: 0,
+	paddingInlineEnd: v.space[4],
+	paddingBlockEnd: v.space[4],
+	pointerEvents: "none",
+	fontFamily: v.font.sans
+}), M = e({
+	boxSizing: "border-box",
+	display: "grid",
+	gridTemplateColumns: "minmax(0, 1fr) auto",
+	alignItems: "start",
+	gap: v.space[2],
+	backgroundColor: v.color.surfaceRaised,
+	border: `1px solid ${v.color.border}`,
+	borderRadius: v.radius.lg,
+	boxShadow: v.shadow.floating,
+	padding: v.space[3],
+	color: v.color.text,
+	lineHeight: v.lineHeight.base,
+	pointerEvents: "auto",
+	transitionProperty: "opacity, transform",
+	transitionDuration: v.motion.duration.base,
+	transitionTimingFunction: v.motion.easeStandard,
+	"&[data-populated=\"false\"][data-exposed=\"true\"]": { opacity: 0 },
+	"&[data-state=\"closing\"]": {
+		opacity: 0,
+		transform: `translateY(${v.space[2]})`,
+		pointerEvents: "none"
+	},
+	[r]: {
+		transitionDuration: "0s",
+		"&[data-state=\"closing\"]": { transform: "none" }
+	},
+	[n]: {
+		backgroundColor: "Canvas",
+		color: "CanvasText",
+		borderColor: "CanvasText"
+	}
+}), N = {
+	neutral: e({ borderInlineStart: `${O} solid ${v.color.borderStrong}` }),
+	success: e({ borderInlineStart: `${O} solid ${v.color.success}` }),
+	danger: e({ borderInlineStart: `${O} solid ${v.color.danger}` }),
+	info: e({ borderInlineStart: `${O} solid ${v.color.info}` }),
+	warning: e({ borderInlineStart: `${O} solid ${v.color.warning}` })
+}, P = e({
+	display: "grid",
+	gap: v.space[1],
+	alignSelf: "center",
+	minInlineSize: 0,
+	overflowWrap: "anywhere"
+}), F = e({
+	margin: 0,
+	fontSize: v.textSize.sm,
+	fontWeight: v.fontWeight.semibold
+}), I = e({
+	margin: 0,
+	fontSize: v.textSize.sm,
+	color: v.color.textMuted
+}), L = e({
+	gridColumn: 2,
+	gridRow: 1,
+	inlineSize: "32px",
+	paddingInline: 0
+}), R = e({ display: "contents" }), z = e({
+	gridColumn: "1 / -1",
+	display: "flex",
+	gap: v.space[2]
+}), B = e({
+	minInlineSize: 0,
+	maxInlineSize: "100%",
+	blockSize: "auto",
+	minBlockSize: "32px",
+	paddingBlock: v.space[2],
+	whiteSpace: "normal",
+	overflowWrap: "anywhere"
+});
+function V(e) {
+	let t = d(A);
+	if (!t) throw Error(`Toast.${e} must be rendered inside <Toast.Provider>.`);
+	return t;
+}
+function H() {
+	let e = d(k);
+	if (!e) throw Error("useToast() must be called inside <Toast.Provider>.");
+	return e;
+}
+function U({ children: e, max: t = C, duration: n = w, dismissLabel: r = T }) {
+	let i = p(), a = g(0), [o, s] = _([]), c = g([]), l = g(!0), d = g(/* @__PURE__ */ new Map()), f = g(null), v = g(0);
+	m(() => (l.current = !0, () => {
+		l.current = !1;
+	}), []);
+	let y = u(() => (v.current += 1, process.env.NODE_ENV !== "production" && v.current > 1 && console.warn("Mount only one Toast queue renderer per provider."), () => {
+		--v.current;
+	}), []), x = Math.max(1, Math.floor(Number.isFinite(t) ? t : C)), S = u((e, t) => {
+		t ? d.current.set(e, t) : d.current.delete(e);
+	}, []), E = u((e, t) => {
+		for (let n of e) {
+			let e = d.current.get(n.id);
+			if (!e?.contains(e.ownerDocument.activeElement)) continue;
+			let r = e.closest("[data-ui=\"toast-stack-list\"], [data-ui=\"toast-viewport\"]") ?? e.parentElement;
+			r && (f.current = {
+				container: r,
+				ids: new Set(t.filter((e) => e.state === "open").map((e) => e.id))
+			});
+			break;
+		}
+	}, []);
+	m(() => {
+		let e = f.current;
+		e && (f.current = null, Array.from(e.container.querySelectorAll("[data-ui=\"toast\"]")).find((t) => e.ids.has(t.dataset.toastId))?.querySelector("[data-toast-dismiss]")?.focus());
+	}, [o]);
+	let D = u((e) => {
+		a.current += 1;
+		let t = `${i}toast-${a.current}`;
+		if (!l.current) return t;
+		let r = {
+			id: t,
+			options: {
+				...e,
+				duration: e.duration === void 0 ? e.loading ? null : n : e.duration
+			},
+			state: "open"
+		}, o = c.current, u = [...o, r].slice(-x);
+		return E(o.filter((e) => !u.includes(e)), u), c.current = u, s(u), t;
+	}, [
+		i,
+		x,
+		n,
+		E
+	]), O = u((e, t) => {
+		if (!l.current) return;
+		let r = c.current.map((r) => {
+			if (r.id !== e || r.state !== "open") return r;
+			let i = {
+				...r.options,
+				...t
+			};
+			return i.duration = t.duration === void 0 ? t.loading === void 0 ? r.options.duration : t.loading ? null : n : t.duration, {
+				...r,
+				options: i
+			};
+		});
+		c.current = r, s(r);
+	}, [n]), j = u((e) => {
+		if (!l.current) return;
+		let t = c.current;
+		E(t.filter((t) => t.id === e), t.filter((t) => t.id !== e));
+		let n = t.map((t) => t.id === e && t.state === "open" ? {
+			...t,
+			state: "closing"
+		} : t);
+		c.current = n, s(n);
+	}, [E]), M = u((e) => {
+		if (!l.current) return;
+		let t = c.current, n = t.filter((t) => t.id !== e);
+		E(t.filter((t) => t.id === e), n), c.current = n, s(n);
+	}, [E]), N = h(() => ({
+		toast: D,
+		dismiss: j,
+		update: O
+	}), [
+		D,
+		j,
+		O
+	]), P = h(() => ({
+		toasts: o,
+		dismiss: j,
+		remove: M,
+		registerRoot: S,
+		dismissLabel: r,
+		registerRenderer: y
+	}), [
+		o,
+		j,
+		M,
+		S,
+		r,
+		y
+	]);
+	return /* @__PURE__ */ b(k.Provider, {
+		value: N,
+		children: /* @__PURE__ */ b(A.Provider, {
+			value: P,
+			children: e
+		})
+	});
+}
+U.displayName = "Toast.Provider";
+function W({ ref: e, className: n, sx: r, ...i }) {
+	let { toasts: a, registerRenderer: o } = V("Viewport");
+	return f(o, [o]), /* @__PURE__ */ b(G, { children: /* @__PURE__ */ b(t, {
+		className: n,
+		styles: j,
+		sx: r,
+		children: (t) => /* @__PURE__ */ b("div", {
+			...i,
+			ref: e,
+			"data-ui": "toast-viewport",
+			className: t,
+			children: a.map((e) => /* @__PURE__ */ b(K, { record: e }, e.id))
+		})
+	}) });
+}
+function G({ children: e, contained: t = !1 }) {
+	let n = g(null), [r, i] = _(null), a = o()?.portalContainer, c = a === void 0 ? r : a;
+	return f(() => {
+		i(n.current?.ownerDocument.body ?? null);
+	}, []), /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("span", {
+		hidden: !0,
+		ref: n
+	}), t ? e : c && S(/* @__PURE__ */ b(s, { children: e }), c)] });
+}
+W.displayName = "Toast.Viewport";
+function K({ record: e, exposed: t = !0, paused: n = !1, style: r, className: o, escapeDismiss: s = !1 }) {
+	let { dismiss: l, remove: d, registerRoot: p, dismissLabel: m } = V("Viewport"), { id: h, options: v, state: S } = e, { title: C, description: w, tone: T = "neutral", action: D, loading: O } = v, k = v.duration, A = g(null), j = u((e) => {
+		A.current = e, p(h, e);
+	}, [h, p]), [H, U] = _(!1), [W, G] = _(!1), [K, J] = _(!1), Y = g(k ?? 0), [X, Z] = _(!1);
+	f(() => {
+		let e = A.current?.ownerDocument;
+		if (!e) return;
+		let t = () => Z(e.hidden);
+		return t(), e.addEventListener("visibilitychange", t), () => e.removeEventListener("visibilitychange", t);
+	}, []), f(() => {
+		Y.current = k ?? 0;
+	}, [k]), f(() => {
+		if (!t || H) return;
+		let e = setTimeout(() => U(!0), E);
+		return () => clearTimeout(e);
+	}, [t, H]);
+	let Q = H && t && !n && !X && S === "open" && k !== null && !W && !K;
+	return f(() => {
+		if (!Q) return;
+		let e = performance.now(), t = setTimeout(() => l(h), Y.current);
+		return () => {
+			clearTimeout(t), Y.current -= performance.now() - e;
+		};
+	}, [
+		Q,
+		l,
+		h,
+		k
+	]), f(() => {
+		if (S !== "closing") return;
+		let e = A.current, t = e && typeof e.getAnimations == "function" ? e.getAnimations() : [], n = !1;
+		return Promise.allSettled(t.map((e) => e.finished)).then(() => {
+			n || d(h);
+		}), () => {
+			n = !0;
+		};
+	}, [
+		S,
+		d,
+		h
+	]), /* @__PURE__ */ x("div", {
+		ref: j,
+		inert: S === "closing" || !t,
+		"aria-hidden": S === "closing" || !t || void 0,
+		"data-toast-id": h,
+		style: r,
+		className: o,
+		onKeyDown: (e) => {
+			s && e.key === "Escape" && !e.defaultPrevented && (e.preventDefault(), e.stopPropagation(), l(h));
+		},
+		"data-ui": "toast",
+		"data-tone": T,
+		"data-state": S,
+		"data-populated": H,
+		"data-exposed": t,
+		onPointerEnter: () => G(!0),
+		onPointerLeave: () => G(!1),
+		onFocus: () => J(!0),
+		onBlur: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || J(!1);
+		},
+		css: [M, N[T]],
+		children: [
+			/* @__PURE__ */ b("div", {
+				role: T === "danger" ? "alert" : "status",
+				"aria-atomic": "true",
+				css: P,
+				children: H && /* @__PURE__ */ x(y, { children: [i(C) && /* @__PURE__ */ b("div", {
+					css: F,
+					children: C
+				}), i(w) && /* @__PURE__ */ b("div", {
+					css: I,
+					children: w
+				})] })
+			}),
+			O && /* @__PURE__ */ b(c, {
+				"aria-hidden": "true",
+				label: "",
+				size: "sm"
+			}),
+			(H || s && t) && /* @__PURE__ */ x("div", {
+				css: R,
+				children: [/* @__PURE__ */ b(a, {
+					variant: "ghost",
+					size: "sm",
+					"aria-label": m,
+					"data-toast-dismiss": "",
+					onClick: () => l(h),
+					css: L,
+					children: /* @__PURE__ */ b(q, {})
+				}), D && /* @__PURE__ */ b("div", {
+					css: z,
+					children: /* @__PURE__ */ b(a, {
+						variant: "outline",
+						size: "sm",
+						onClick: (e) => {
+							D?.onClick(e), e.defaultPrevented || l(h);
+						},
+						css: B,
+						children: D.label
+					})
+				})]
+			})
+		]
+	});
+}
+function q() {
+	return /* @__PURE__ */ x("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 16 16",
+		width: "16",
+		height: "16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ b("line", {
+			x1: "4",
+			y1: "4",
+			x2: "12",
+			y2: "12"
+		}), /* @__PURE__ */ b("line", {
+			x1: "12",
+			y1: "4",
+			x2: "4",
+			y2: "12"
+		})]
+	});
+}
+function J(e) {
+	return /* @__PURE__ */ b(U, { ...e });
+}
+J.displayName = "Toast";
+var Y = Object.assign(J, {
+	Provider: U,
+	Viewport: W
+});
+//#endregion
+export { H as a, G as i, Y as n, V as o, K as r, D as t };

package/dist/toast-stack-B40VpS4M.js

@@ -0,0 +1,197 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { r as n } from "./media-8yrN85VT.js";
+import { t as r } from "./button-NLY0h6EJ.js";
+import { i, o as a, r as o, t as s } from "./toast-B7wo3sX1.js";
+import { useEffect as c, useId as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
+import { vars as p } from "@jfrader/tokens/vars";
+import { jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
+//#region src/components/toast-stack/toast-stack.tsx
+var g = e({
+	position: "fixed",
+	insetBlockEnd: p.space[4],
+	insetInlineEnd: p.space[4],
+	inlineSize: s,
+	fontFamily: p.font.sans,
+	display: "grid",
+	gap: p.space[2],
+	maxBlockSize: `calc(100dvh - ${p.space[8]})`,
+	overflowY: "auto",
+	pointerEvents: "auto",
+	"&[data-empty=\"true\"]": { pointerEvents: "none" },
+	"&[data-contained=\"true\"]": {
+		position: "absolute",
+		maxInlineSize: `calc(100% - ${p.space[8]})`,
+		maxBlockSize: `calc(100% - ${p.space[8]})`
+	},
+	"&[data-position=\"bottom-start\"]": {
+		insetInlineEnd: "auto",
+		insetInlineStart: p.space[4]
+	},
+	"&[data-position=\"bottom-center\"]": {
+		insetInline: p.space[4],
+		marginInline: "auto"
+	},
+	"@media (max-width: 30rem)": { "&[data-position]": {
+		insetInline: p.space[4],
+		marginInline: "auto"
+	} }
+}), _ = e({
+	position: "relative",
+	blockSize: "var(--toast-stack-height, 0px)",
+	pointerEvents: "auto",
+	transitionProperty: "block-size",
+	transitionDuration: p.motion.duration.base,
+	transitionTimingFunction: p.motion.easeStandard,
+	[n]: { transitionDuration: "0s" }
+}), v = e({
+	position: "absolute",
+	insetInline: 0,
+	insetBlockEnd: "var(--toast-stack-offset, 0px)",
+	zIndex: "var(--toast-stack-order)",
+	transitionProperty: "opacity, inset-block-end",
+	transitionDuration: p.motion.duration.base,
+	transitionTimingFunction: p.motion.easeStandard,
+	"&[data-stack-visible=\"false\"]": { visibility: "hidden" },
+	[n]: { transitionDuration: "0s" }
+}), y = e({
+	pointerEvents: "auto",
+	justifySelf: "end",
+	minBlockSize: p.space[8]
+});
+function b({ ref: e, className: n, sx: i, variant: s = "stacked", position: b = "bottom-end", contained: x = !1, maxVisible: S = 3, label: C = "Notifications", hotkey: w = !1, expandLabel: T = "Expand notifications", collapseLabel: E = "Collapse notifications", slotProps: D, onPointerEnter: O, onPointerLeave: ee, onFocus: te, onBlur: ne, onKeyDown: k, ...A }) {
+	let { toasts: j, registerRenderer: M } = a("Stack"), N = d(null), P = d(null), F = l(), [I, L] = f(!1), [R, z] = f(!1), [B, V] = f(!1), [H, U] = f({}), W = d(/* @__PURE__ */ new Map()), G = [...j].reverse(), K = G.filter((e) => e.state === "open"), q = Math.max(1, Math.floor(Number.isFinite(S) ? S : 3)), J = s === "list" || I || R || B, Y = I || R || B;
+	c(M, [M]), c(() => {
+		K.length || V(!1);
+	}, [K.length]), u(() => {
+		let e = N.current;
+		R && e && !e.contains(e.ownerDocument.activeElement) && z(!1);
+	}, [j, R]), u(() => {
+		let e = P.current;
+		if (!e) return;
+		let t = () => {
+			let t = {};
+			e.querySelectorAll("[data-toast-id]").forEach((e) => {
+				t[e.dataset.toastId] = e.getBoundingClientRect().height;
+			}), U((e) => JSON.stringify(e) === JSON.stringify(t) ? e : t);
+		}, n = new ResizeObserver(t);
+		return Array.from(e.children).forEach((e) => n.observe(e)), t(), () => n.disconnect();
+	}, [j]), c(() => {
+		let e = N.current;
+		if (!e) return;
+		let t = e.ownerDocument, n = (t) => {
+			e.contains(t.target) || V(!1);
+		}, r = (t) => {
+			let n = t.target;
+			if (!w || !t.altKey || t.ctrlKey || t.metaKey || t.key.toLowerCase() !== "t" || t.defaultPrevented || n.closest("input, textarea, select, [contenteditable]:not([contenteditable=\"false\"])")) return;
+			let r = e.querySelector("[data-state=\"open\"] [data-toast-dismiss]");
+			r && (t.preventDefault(), V(!0), r.focus());
+		};
+		return t.addEventListener("pointerdown", n), t.addEventListener("keydown", r), () => {
+			t.removeEventListener("pointerdown", n), t.removeEventListener("keydown", r);
+		};
+	}, [w, j]);
+	let X = "0px", Z = /* @__PURE__ */ new Map(), Q = 0;
+	K.forEach((e, t) => {
+		Z.set(e.id, J ? `calc(${Q}px + ${t} * ${p.space[2]})` : `calc(${t} * ${p.space[3]})`), Q += H[e.id] ?? 0;
+	}), u(() => {
+		Z.forEach((e, t) => W.current.set(t, e));
+		for (let e of W.current.keys()) G.some((t) => t.id === e) || W.current.delete(e);
+	}), K.length && (X = J ? `calc(${Q}px + ${K.length - 1} * ${p.space[2]})` : `calc(${H[K[0].id] ?? 0}px + ${Math.min(K.length, q) - 1} * ${p.space[3]})`);
+	let $ = Math.max(0, K.length - q), re = K[0]?.id;
+	return c(() => {
+		let e = N.current, t = P.current;
+		if (!e || !t || R) return;
+		let n = !1, r = typeof t.getAnimations == "function" ? t.getAnimations() : [];
+		return Promise.allSettled(r.map((e) => e.finished)).then(() => {
+			n || (e.scrollTop = e.scrollHeight);
+		}), () => {
+			n = !0;
+		};
+	}, [
+		X,
+		re,
+		J,
+		R
+	]), /* @__PURE__ */ m(t, {
+		className: n,
+		styles: g,
+		sx: i,
+		children: (t) => /* @__PURE__ */ h("div", {
+			...A,
+			role: "region",
+			"aria-label": A["aria-label"] ?? (A["aria-labelledby"] ? void 0 : C),
+			className: t,
+			"data-ui": "toast-stack",
+			"data-empty": !K.length,
+			"data-contained": x,
+			"data-position": b,
+			"data-expanded": J,
+			ref: (t) => {
+				if (N.current = t, typeof e == "function") return e(t);
+				e && (e.current = t);
+			},
+			onPointerEnter: (e) => {
+				O?.(e), !e.defaultPrevented && e.pointerType !== "touch" && L(!0);
+			},
+			onPointerLeave: (e) => {
+				ee?.(e), e.defaultPrevented || L(!1);
+			},
+			onFocus: (e) => {
+				te?.(e), e.defaultPrevented || z(!0);
+			},
+			onBlur: (e) => {
+				ne?.(e), e.currentTarget.contains(e.relatedTarget) || z(!1);
+			},
+			onKeyDownCapture: (e) => {
+				A.onKeyDownCapture?.(e), k?.(e);
+			},
+			children: [s === "stacked" && K.length > 1 && /* @__PURE__ */ h(r, {
+				variant: "outline",
+				size: "sm",
+				"data-ui": "toast-stack-toggle",
+				"aria-expanded": J,
+				"aria-controls": F,
+				"aria-label": J ? E : T,
+				className: D?.toggle?.className,
+				css: [y, D?.toggle?.css],
+				onClick: () => V((e) => !e),
+				children: [J ? E : T, $ > 0 && ` (+${new Intl.NumberFormat().format($)})`]
+			}), /* @__PURE__ */ m("div", {
+				id: F,
+				ref: P,
+				"data-ui": "toast-stack-list",
+				className: D?.list?.className,
+				css: [_, D?.list?.css],
+				style: { "--toast-stack-height": X },
+				children: G.map((e) => {
+					let t = K.indexOf(e), n = e.state === "closing" || t >= 0 && (J || t < q);
+					return /* @__PURE__ */ m("div", {
+						"data-stack-visible": n,
+						css: v,
+						style: {
+							"--toast-stack-offset": Z.get(e.id) ?? W.current.get(e.id) ?? "0px",
+							"--toast-stack-order": G.length - G.indexOf(e)
+						},
+						children: /* @__PURE__ */ m(o, {
+							record: e,
+							exposed: t >= 0 && (J || t === 0),
+							paused: Y,
+							escapeDismiss: !0,
+							style: !J && t > 0 ? { minBlockSize: H[K[0].id] } : void 0
+						})
+					}, e.id);
+				})
+			})]
+		})
+	});
+}
+function x(e) {
+	return /* @__PURE__ */ m(i, {
+		contained: e.contained,
+		children: /* @__PURE__ */ m(b, { ...e })
+	});
+}
+x.displayName = "ToastStack";
+//#endregion
+export { x as t };

package/dist/toast-stack.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as ToastStack } from "./toast-stack-B40VpS4M.js";

package/dist/toast.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Toast, n as useToast } from "./toast-CjmELMZZ.js";
+export { n as Toast, a as useToast } from "./toast-B7wo3sX1.js";

package/dist/{toggle-group-CI0e7hFm.js → toggle-group-B2fpFZwV.js}

@@ -1,9 +1,9 @@
 'use client';
 import { r as e, t } from "./sx-Dx9JUKp5.js";
 import { t as n } from "./focus-ring-BK5W5_NY.js";
-import { n as r, t as i } from "./media-D_eA_I-e.js";
+import { n as r, r as i } from "./media-8yrN85VT.js";
 import { n as a, r as o, t as s } from "./roving-focus-CYlo_Kf8.js";
-import { t as c } from "./use-controlled-state-CVXDa-qM.js";
+import { t as c } from "./use-controlled-state-DpeVQZNR.js";
 import { createContext as l, useContext as u, useEffect as d, useImperativeHandle as f, useMemo as p, useRef as m, useState as h } from "react";
 import { vars as g } from "@jfrader/tokens/vars";
 import { jsx as _ } from "@emotion/react/jsx-runtime";
@@ -72,8 +72,8 @@ var b = [], x = (e, t) => {
 		cursor: "not-allowed"
 	},
 	"&:focus-visible": { ...n },
-	[r]: { transitionDuration: "0s" },
-	[i]: { "&[aria-pressed=\"true\"]": {
+	[i]: { transitionDuration: "0s" },
+	[r]: { "&[aria-pressed=\"true\"]": {
 		backgroundColor: "SelectedItem",
 		borderColor: "SelectedItem",
 		color: "SelectedItemText"
@@ -123,7 +123,7 @@ function D({ ref: e, type: n = "single", value: r, defaultValue: i, onValueChang
 				ref: P,
 				role: "group",
 				"aria-label": b ?? C,
-				"aria-disabled": g || void 0,
+				"aria-disabled": g ? !0 : k["aria-disabled"],
 				"data-ui": "toggle-group-root",
 				"data-type": n,
 				"data-orientation": u,

package/dist/toggle-group.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as ToggleGroup } from "./toggle-group-CI0e7hFm.js";
+export { t as ToggleGroup } from "./toggle-group-B2fpFZwV.js";