@slotted/react 0.1.0-beta.1 → 0.1.0-beta.11

package/dist/{toast-wI8BtPY5.js → toast-CjbiXiza.js}

@@ -1,16 +1,17 @@
-import { t as e } from "./react-dom-DzrKNxo6.js";
-import { n as t, t as n } from "./icon-T9Yt4tnm.js";
-import { r } from "./i18n-DpW8lqJ1.js";
-import { r as i } from "./progress-indicator-DwvUSFFs.js";
-import { createRemovalFocus as a } from "@slotted/core/focus";
-import { createContext as o, useCallback as s, useContext as c, useEffect as l, useMemo as u, useRef as d, useState as f, useSyncExternalStore as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { r as e } from "./i18n-D7xXDd8-.js";
+import { n as t, t as n } from "./icon-DjqSEQ-o.js";
+import { r } from "./progress-indicator-D0acshNn.js";
+import { keyedProps as i, withSelectorKey as a } from "@slotted/core/selector-key";
+import { createRemovalFocus as o } from "@slotted/core/focus";
+import { createContext as s, useCallback as c, useContext as l, useEffect as u, useMemo as d, useRef as f, useState as p, useSyncExternalStore as m } from "react";
+import { Fragment as ee, jsx as h, jsxs as g } from "react/jsx-runtime";
 import { createPresence as _ } from "@slotted/core/presence";
-import { createPortalRoot as v } from "@slotted/core/portal";
-import { toastMessages as y } from "@slotted/core/i18n";
-import { createToastStore as b } from "@slotted/core/toast";
+import { toastMessages as v } from "@slotted/core/i18n";
+import { createPortalRoot as y } from "@slotted/core/portal";
+import { createPortal as b } from "react-dom";
+import { createToastStore as x } from "@slotted/core/toast";
 //#region src/toast/toast-defaults.tsx
-var x = e(), S = "F6", C = {
+var S = "F6", C = {
 	placement: "bottom-end",
 	attach: "portal",
 	stacking: "list",
@@ -26,9 +27,9 @@ var x = e(), S = "F6", C = {
 	duration: 5e3,
 	swipeThreshold: 48,
 	hotkey: "F6"
-}, w = o(C);
+}, w = s(C);
 function T() {
-	return c(w);
+	return l(w);
 }
 function E({ children: e, ...t }) {
 	let n = T();
@@ -70,7 +71,7 @@ function O(e) {
 	};
 }
 function k(e = {}) {
-	let t = b({
+	let t = x({
 		limit: e.limit ?? C.limit,
 		duration: e.duration ?? C.duration
 	});
@@ -89,36 +90,37 @@ function k(e = {}) {
 		})
 	};
 }
-var A = k(), j = o(A), M = j.Provider;
+var A = k(), j = s(A), M = j.Provider;
 function N() {
-	return c(j);
+	return l(j);
 }
 //#endregion
 //#region src/toast/toast-parts.tsx
 var P = {
 	accent: "circle-info",
 	secondary: null,
+	info: "circle-info",
 	success: "circle-check",
 	warning: "circle-alert",
 	danger: "circle-x"
-}, F = o({
+}, F = s({
 	tone: "accent",
 	loading: !1
 });
 function I(e, t) {
-	let [n, r] = f(e ? "entering" : "unmounted"), [i, a] = f(null), o = d(t);
+	let [n, r] = p(e ? "entering" : "unmounted"), [i, a] = p(null), o = f(t);
 	o.current = t;
-	let [s] = f(() => _({
+	let [s] = p(() => _({
 		initialPresent: e,
 		skipInitialAnimation: !1,
 		onStatusChange: r,
 		onExitComplete: () => o.current()
 	}));
-	return l(() => {
+	return u(() => {
 		s.setNode(i);
-	}, [s, i]), l(() => {
+	}, [s, i]), u(() => {
 		s.request(e, "programmatic");
-	}, [s, e]), l(() => () => s.destroy(), [s]), {
+	}, [s, e]), u(() => () => s.stop(), [s]), {
 		open: n === "open",
 		ref: a
 	};
@@ -131,12 +133,12 @@ function L(e, t) {
 	};
 }
 function R({ children: e, index: t = 0, message: n, ref: r, ...i }) {
-	let a = q(), o = n.data ?? {}, { open: s, ref: c } = I(n.status !== "closing", () => a.store.remove(n.id)), l = d(null), [p, _] = f(!1), [v, y] = f(null), b = o.tone ?? a.defaults.tone, x = o.variant ?? a.defaults.variant, S = o.dismissible ?? a.defaults.dismissible, C = (o.progress ?? a.defaults.progress) && n.duration > 0, w = u(() => ({
+	let o = q(), s = n.data ?? {}, { open: c, ref: l } = I(n.status !== "closing", () => o.store.remove(n.id)), u = f(null), [m, _] = p(!1), [v, y] = p(null), b = s.tone ?? o.defaults.tone, x = s.variant ?? o.defaults.variant, S = s.dismissible ?? o.defaults.dismissible, C = (s.progress ?? o.defaults.progress) && n.duration > 0, w = d(() => ({
 		tone: b,
 		loading: n.loading
 	}), [b, n.loading]);
 	function T(e, t, r) {
-		l.current = null, _(!1), y(null), e.hasPointerCapture(t) && e.releasePointerCapture(t), r >= a.swipeThreshold && a.store.dismiss(n.id, "pointer");
+		u.current = null, _(!1), y(null), e.hasPointerCapture(t) && e.releasePointerCapture(t), r >= o.swipeThreshold && o.store.dismiss(n.id, "pointer");
 	}
 	let E = {
 		...i.style ?? {},
@@ -148,18 +150,17 @@ function R({ children: e, index: t = 0, message: n, ref: r, ...i }) {
 		}
 	};
 	return /* @__PURE__ */ h("li", {
-		...i,
-		"data-part": "item",
+		...a(i, "part", "item"),
 		"data-tone": b,
 		"data-variant": x,
-		...s ? { "data-open": "" } : {},
+		...c ? { "data-open": "" } : {},
 		...n.loading ? { "data-loading": "" } : {},
-		...p ? { "data-dragging": "" } : {},
+		...m ? { "data-dragging": "" } : {},
 		onKeyDown: (e) => {
-			i.onKeyDown?.(e), !(e.defaultPrevented || e.key !== "Escape") && (e.stopPropagation(), a.store.dismiss(n.id, "escape"));
+			i.onKeyDown?.(e), !(e.defaultPrevented || e.key !== "Escape") && (e.stopPropagation(), o.store.dismiss(n.id, "escape"));
 		},
 		onPointerDown: (e) => {
-			i.onPointerDown?.(e), a.swipe && e.button === 0 && (e.target.closest("button, a, input, select, textarea") || (l.current = {
+			i.onPointerDown?.(e), o.swipe && e.button === 0 && (e.target.closest("button, a, input, select, textarea") || (u.current = {
 				id: e.pointerId,
 				x: e.clientX,
 				y: e.clientY
@@ -167,124 +168,124 @@ function R({ children: e, index: t = 0, message: n, ref: r, ...i }) {
 		},
 		onPointerMove: (e) => {
 			i.onPointerMove?.(e);
-			let t = l.current;
+			let t = u.current;
 			if (!t || t.id !== e.pointerId) return;
-			let n = e.currentTarget, r = n.ownerDocument.defaultView, o = L(a.placement, r?.getComputedStyle(n).direction ?? "ltr"), s = o.inline === 0 ? 0 : Math.max(0, (e.clientX - t.x) * o.inline), c = Math.max(0, (e.clientY - t.y) * o.block);
-			!p && Math.max(s, c) < 2 || (_(!0), y({
-				x: s * o.inline,
-				y: c * o.block
+			let n = e.currentTarget, r = n.ownerDocument.defaultView, a = L(o.placement, r?.getComputedStyle(n).direction ?? "ltr"), s = a.inline === 0 ? 0 : Math.max(0, (e.clientX - t.x) * a.inline), c = Math.max(0, (e.clientY - t.y) * a.block);
+			!m && Math.max(s, c) < 2 || (_(!0), y({
+				x: s * a.inline,
+				y: c * a.block
 			}));
 		},
 		onPointerUp: (e) => {
-			if (i.onPointerUp?.(e), !l.current || l.current.id !== e.pointerId) return;
+			if (i.onPointerUp?.(e), !u.current || u.current.id !== e.pointerId) return;
 			let t = v === null ? 0 : Math.max(Math.abs(v.x), Math.abs(v.y));
 			T(e.currentTarget, e.pointerId, t);
 		},
 		onPointerCancel: (e) => {
-			i.onPointerCancel?.(e), l.current && l.current.id === e.pointerId && T(e.currentTarget, e.pointerId, 0);
+			i.onPointerCancel?.(e), u.current && u.current.id === e.pointerId && T(e.currentTarget, e.pointerId, 0);
 		},
 		ref: (e) => {
-			c(e), typeof r == "function" ? r(e) : r && (r.current = e);
+			l(e), typeof r == "function" ? r(e) : r && (r.current = e);
 		},
 		style: E,
 		tabIndex: i.tabIndex ?? -1,
 		children: /* @__PURE__ */ h(F.Provider, {
 			value: w,
-			children: e ?? o.render?.(n) ?? /* @__PURE__ */ g(m, { children: [
-				o.hideIcon ? null : /* @__PURE__ */ h(z, { children: o.icon }),
-				/* @__PURE__ */ g(B, { children: [o.title === void 0 ? null : /* @__PURE__ */ h(V, { children: o.title }), o.description === void 0 ? null : /* @__PURE__ */ h(H, { children: o.description })] }),
+			children: e ?? s.render?.(n) ?? /* @__PURE__ */ g(ee, { children: [
+				s.hideIcon ? null : /* @__PURE__ */ h(z, { children: s.icon }),
+				/* @__PURE__ */ g(B, { children: [s.title === void 0 ? null : /* @__PURE__ */ h(V, { children: s.title }), s.description === void 0 ? null : /* @__PURE__ */ h(H, { children: s.description })] }),
 				S ? /* @__PURE__ */ h(W, {
-					"aria-label": a.t("close"),
-					onClick: () => a.store.dismiss(n.id, "dismiss")
+					"aria-label": o.t("close"),
+					onClick: () => o.store.dismiss(n.id, "dismiss")
 				}) : null,
-				o.actions === void 0 ? null : /* @__PURE__ */ h(U, { children: o.actions }),
+				s.actions === void 0 ? null : /* @__PURE__ */ h(U, { children: s.actions }),
 				C ? /* @__PURE__ */ h(G, {}) : null
 			] })
 		})
 	});
 }
-function z({ children: e, render: r, ...a }) {
-	let o = c(F), s = P[o.tone], l = e ?? (o.loading ? /* @__PURE__ */ h(i, {
+function z({ children: e, render: a, ...o }) {
+	let s = l(F), c = P[s.tone], u = e ?? (s.loading ? /* @__PURE__ */ h(r, {
 		contained: !0,
 		decorative: !0,
 		delay: 0,
 		minDuration: 0,
-		tone: o.tone
-	}) : s === null ? null : /* @__PURE__ */ h(n, { children: /* @__PURE__ */ h(t, {
-		name: s,
+		tone: s.tone
+	}) : c === null ? null : /* @__PURE__ */ h(n, { children: /* @__PURE__ */ h(t, {
+		name: c,
 		solid: !0
 	}) }));
-	if (l === null) return null;
-	let u = {
-		...a,
+	if (u === null) return null;
+	let d = i({
+		...o,
 		"aria-hidden": !0,
-		children: l,
+		children: u,
 		"data-part": "icon"
-	};
-	return r === void 0 ? /* @__PURE__ */ h("span", { ...u }) : r(u);
+	});
+	return a === void 0 ? /* @__PURE__ */ h("span", { ...d }) : a(d);
 }
 function B({ children: e, render: t, ...n }) {
-	let r = {
+	let r = i({
 		...n,
 		children: e,
 		"data-part": "content"
-	};
+	});
 	return t === void 0 ? /* @__PURE__ */ h("div", { ...r }) : t(r);
 }
 function V({ children: e, render: t, ...n }) {
-	let r = {
+	let r = i({
 		...n,
 		children: e,
 		"data-part": "title"
-	};
+	});
 	return t === void 0 ? /* @__PURE__ */ h("div", { ...r }) : t(r);
 }
 function H({ children: e, render: t, ...n }) {
-	let r = {
+	let r = i({
 		...n,
 		children: e,
 		"data-part": "description"
-	};
+	});
 	return t === void 0 ? /* @__PURE__ */ h("p", { ...r }) : t(r);
 }
 function U({ children: e, render: t, ...n }) {
-	let r = {
+	let r = i({
 		...n,
 		children: e,
 		"data-part": "actions"
-	};
+	});
 	return t === void 0 ? /* @__PURE__ */ h("div", { ...r }) : t(r);
 }
-function W({ children: e, render: r, ...i }) {
-	let a = {
+function W({ children: e, render: r, ...a }) {
+	let o = i({
 		type: "button",
-		...i,
+		...a,
 		children: e ?? /* @__PURE__ */ h(n, { children: /* @__PURE__ */ h(t, { name: "x" }) }),
 		"data-part": "close"
-	};
-	return r === void 0 ? /* @__PURE__ */ h("button", { ...a }) : r(a);
+	});
+	return r === void 0 ? /* @__PURE__ */ h("button", { ...o }) : r(o);
 }
 function G({ render: e, ...t }) {
-	let n = {
+	let n = i({
 		...t,
 		"aria-hidden": !0,
 		"data-part": "progress"
-	};
+	});
 	return e === void 0 ? /* @__PURE__ */ h("div", { ...n }) : e(n);
 }
 //#endregion
 //#region src/toast/toast.tsx
-var K = o(void 0);
+var K = s(void 0);
 function q() {
-	let e = c(K);
+	let e = l(K);
 	if (e === void 0) throw Error("Toast and its parts have to be rendered inside a ToastRegion.");
 	return e;
 }
-function ee(e, t) {
+function te(e, t) {
 	let n = t.toLowerCase().split("+"), r = n.at(-1) ?? "", i = (e) => n.includes(e);
 	return e.key.toLowerCase() === r && e.altKey === i("alt") && e.ctrlKey === i("ctrl") && e.shiftKey === i("shift") && e.metaKey === i("meta");
 }
-function te(e) {
+function ne(e) {
 	if (typeof e.getAnimations == "function" && e.getAnimations().some((e) => [
 		"block-size",
 		"height",
@@ -298,59 +299,59 @@ function te(e) {
 	let n = e.getBoundingClientRect().height;
 	return e.style.blockSize = t, n;
 }
-function J({ attach: e, children: t, container: n, defaultToasts: i, duration: o, hotkey: c, limit: u, messages: _, onToastsChange: S, pauseOnHover: C, pauseWhenHidden: w, placement: E, ref: D, stacking: O, swipe: k, toaster: A, toasts: j, ...M }) {
-	let P = T(), F = N(), I = r(y, _), L = e ?? P.attach, z = E ?? P.placement, B = O ?? P.stacking, V = k ?? P.swipe, H = c ?? P.hotkey, U = j !== void 0, [W] = f(() => U ? b({
+function J({ attach: t, children: n, container: r, defaultToasts: i, duration: s, hotkey: l, limit: d, messages: _, onToastsChange: S, pauseOnHover: C, pauseWhenHidden: w, placement: E, ref: D, stacking: O, swipe: k, toaster: A, toasts: j, ...M }) {
+	let P = T(), F = N(), I = e(v, _), L = t ?? P.attach, z = E ?? P.placement, B = O ?? P.stacking, V = k ?? P.swipe, H = l ?? P.hotkey, U = j !== void 0, [W] = p(() => U ? x({
 		toasts: j,
 		defaultToasts: i ?? [],
-		limit: u ?? P.limit,
-		duration: o ?? P.duration
+		limit: d ?? P.limit,
+		duration: s ?? P.duration
 	}) : null), G = W ?? (A ?? F).store;
-	l(() => {
+	u(() => {
 		G.configure({
-			limit: u ?? P.limit,
-			duration: o ?? P.duration,
+			limit: d ?? P.limit,
+			duration: s ?? P.duration,
 			pauseOnHover: C ?? P.pauseOnHover,
 			pauseWhenHidden: w ?? P.pauseWhenHidden
 		});
 	}, [
 		G,
-		u,
-		o,
+		d,
+		s,
 		C,
 		w,
 		P.limit,
 		P.duration,
 		P.pauseOnHover,
 		P.pauseWhenHidden
-	]), l(() => {
+	]), u(() => {
 		if (S !== void 0) return G.onRequest((e) => S(e.value, e));
-	}, [G, S]), l(() => {
+	}, [G, S]), u(() => {
 		U && G.sync(j);
 	}, [
 		G,
 		U,
 		j
-	]), l(() => () => W?.destroy(), [W]);
-	let q = p(G.subscribe, () => G.snapshot, () => G.snapshot), [J, Y] = f(null), [X, ne] = f(null), [re, ie] = f(null), Z = d(null);
-	l(() => {
+	]), u(() => () => W?.destroy(), [W]);
+	let q = m(G.subscribe, () => G.snapshot, () => G.snapshot), [J, Y] = p(null), [X, re] = p(null), [ie, ae] = p(null), Z = f(null);
+	u(() => {
 		if (L !== "portal") {
-			ie(null);
+			ae(null);
 			return;
 		}
-		let e = v({
+		let e = y({
 			origin: X,
-			container: n ?? null
+			container: r ?? null
 		});
-		return ie(e.container), () => e.release();
+		return ae(e.container), () => e.release();
 	}, [
 		L,
 		X,
-		n
-	]), l(() => {
+		r
+	]), u(() => {
 		let e = J?.ownerDocument ?? X?.ownerDocument;
 		if (!e || q.visible.length === 0) return;
 		let t = (t) => {
-			if (!ee(t, H)) return;
+			if (!te(t, H)) return;
 			let n = J?.querySelector("[data-part=\"item\"]");
 			if (!n) return;
 			t.preventDefault();
@@ -363,28 +364,28 @@ function J({ attach: e, children: t, container: n, defaultToasts: i, duration: o
 		X,
 		H,
 		q.visible.length
-	]), l(() => {
+	]), u(() => {
 		if (J === null) return;
-		let e = a(J, {
+		let e = o(J, {
 			itemSelector: "[data-part=\"item\"]",
 			fallback: () => Z.current
 		});
 		return () => e.destroy();
 	}, [J]);
-	let Q = d({
+	let Q = f({
 		pointer: !1,
 		focus: !1
-	}), $ = s(() => {
+	}), $ = c(() => {
 		G.setInteracting(Q.current.pointer || Q.current.focus);
 	}, [G]);
-	l(() => {
+	u(() => {
 		if (B !== "stack" || J === null) return;
 		let e = J.querySelector("[data-part=\"list\"]"), t = J.ownerDocument.defaultView;
 		if (!e || !t || typeof t.ResizeObserver != "function") return;
 		let n = () => {
 			let n = [...e.querySelectorAll("[data-part=\"item\"]")], r = Number.parseFloat(t.getComputedStyle(e).rowGap) || 0, i = 0;
 			n.forEach((e, t) => {
-				let n = te(e);
+				let n = ne(e);
 				e.style.setProperty("--slotted-toast-height", `${n}px`), e.style.setProperty("--slotted-toast-stack-offset", `${i}px`), t === 0 && J.style.setProperty("--slotted-toast-front-height", `${n}px`), i += n + r;
 			}), J.style.setProperty("--slotted-toast-stack-height", `${Math.max(0, i - r)}px`);
 		}, r = new t.ResizeObserver(n);
@@ -395,11 +396,11 @@ function J({ attach: e, children: t, container: n, defaultToasts: i, duration: o
 		B,
 		q.visible
 	]);
-	let ae = {
+	let oe = {
 		...M.style ?? {},
 		"--slotted-toast-count": q.visible.length,
 		"--slotted-toast-play-state": q.paused ? "paused" : "running"
-	}, oe = /* @__PURE__ */ h(K.Provider, {
+	}, se = /* @__PURE__ */ h(K.Provider, {
 		value: {
 			store: G,
 			defaults: P,
@@ -411,13 +412,13 @@ function J({ attach: e, children: t, container: n, defaultToasts: i, duration: o
 		},
 		children: /* @__PURE__ */ h("section", {
 			"aria-label": I("label"),
-			...M,
+			...a(M, "part", "root"),
 			"data-attach": L,
-			"data-part": "root",
 			"data-placement": z,
 			"data-stacking": B,
 			"data-swipe": String(V),
 			"data-ui": "toast",
+			"data-ui-toast": "",
 			...q.paused ? { "data-expanded": "" } : {},
 			onFocus: (e) => {
 				M.onFocus?.(e), Q.current.focus = !0, $();
@@ -437,27 +438,28 @@ function J({ attach: e, children: t, container: n, defaultToasts: i, duration: o
 				Y(e), typeof D == "function" ? D(e) : D && (D.current = e);
 			},
 			role: "region",
-			style: ae,
+			style: oe,
 			tabIndex: M.tabIndex ?? -1,
 			children: /* @__PURE__ */ h("ol", {
 				"data-part": "list",
-				children: q.visible.map((e, n) => t ? t(e) : /* @__PURE__ */ h(R, {
-					index: n,
+				"data-part-list": "",
+				children: q.visible.map((e, t) => n ? n(e) : /* @__PURE__ */ h(R, {
+					index: t,
 					message: e
 				}, e.id))
 			})
 		})
 	});
-	return L === "portal" ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
+	return L === "portal" ? /* @__PURE__ */ g(ee, { children: [/* @__PURE__ */ h("span", {
 		"aria-hidden": "true",
 		hidden: !0,
-		ref: ne,
+		ref: re,
 		style: { display: "none" },
 		"data-slotted-toast-origin": ""
-	}), re === null ? null : (0, x.createPortal)(oe, re)] }) : oe;
+	}), ie === null ? null : b(se, ie)] }) : se;
 }
 function Y() {
-	let { store: e } = q(), t = p(e.subscribe, () => e.snapshot, () => e.snapshot);
+	let { store: e } = q(), t = m(e.subscribe, () => e.snapshot, () => e.snapshot);
 	return {
 		visible: t.visible.length,
 		queued: t.queued.length,

package/dist/toast.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "./toast-wI8BtPY5.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "./toast-CjbiXiza.js";
 export { i as TOAST_HOTKEY, s as Toast, t as ToastActions, d as ToastClose, m as ToastContent, f as ToastDefaultsProvider, n as ToastDescription, c as ToastIcon, g as ToastProgress, h as ToastRegion, r as ToastTitle, l as ToasterProvider, o as createToaster, a as toast, e as useToastDefaults, u as useToastQueue, p as useToastRegion, _ as useToaster };

package/dist/toggle-group-BZmghKac.js

@@ -0,0 +1,145 @@
+import { b as e } from "./field-tnEZiRLg.js";
+import { keyedProps as t } from "@slotted/core/selector-key";
+import { createRovingTabindex as n } from "@slotted/core/focus";
+import { createControllable as r } from "@slotted/core/state";
+import { createContext as i, useContext as a, useEffect as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/toggle-group/toggle-group-defaults.tsx
+var f = i({
+	attached: !0,
+	deselectable: !0,
+	loop: !0,
+	orientation: "horizontal",
+	size: "md",
+	variant: "outline"
+});
+function p() {
+	return a(f);
+}
+function m({ children: e, ...t }) {
+	let n = p();
+	return /* @__PURE__ */ u(f.Provider, {
+		value: {
+			attached: t.attached ?? n.attached,
+			deselectable: t.deselectable ?? n.deselectable,
+			loop: t.loop ?? n.loop,
+			orientation: t.orientation ?? n.orientation,
+			size: t.size ?? n.size,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/toggle-group/toggle-group.tsx
+var h = i(void 0);
+function g() {
+	let e = a(h);
+	if (e === void 0) throw Error("ToggleGroupItem must be rendered inside a ToggleGroup.");
+	return e;
+}
+var _ = "[data-part=\"item\"]";
+function v({ attached: i, children: a, className: l, defaultValue: d, deselectable: f, disabled: m, fullWidth: g, loop: v, multiple: y, onValueChange: b, orientation: x, ref: S, render: C, role: w, rovingFocus: T, size: E, value: D, variant: O, ...k }) {
+	let A = p(), j = e(), M = s(null), [N, P] = c(d ?? []), [F, I] = c(!1), L = D ?? N, R = E ?? A.size, z = O ?? A.variant, B = x ?? A.orientation, V = z !== "chips" && (i ?? A.attached), H = f ?? A.deselectable, U = v ?? A.loop, W = T ?? !F;
+	o(() => {
+		I(M.current?.closest("[data-ui=\"toolbar\"]") !== null);
+	}, []), o(() => {
+		let e = M.current;
+		if (e !== null && W) return n(e, {
+			itemSelector: _,
+			loop: () => U,
+			orientation: () => B
+		}).destroy;
+	}, [
+		U,
+		B,
+		W,
+		a
+	]);
+	let G = {
+		disabled: m,
+		holds: (e) => L.includes(e),
+		size: R,
+		toggle: (e, t, n) => {
+			let i = L.includes(e), a;
+			if (y === !0) a = i ? L.filter((t) => t !== e) : [...L, e];
+			else if (i) {
+				if (!H) return;
+				a = [];
+			} else a = [e];
+			let o = !1, s = r({
+				controlled: D,
+				equals: (e, t) => e.length === t.length && e.every((e, n) => e === t[n]),
+				initial: L,
+				onRequest: (e) => {
+					o = e.cancelled, b?.(e.value, e);
+				}
+			}).request(a, t, n);
+			!o && s && P(a);
+		},
+		variant: z
+	}, K = t({
+		...k,
+		"aria-orientation": k["aria-orientation"] ?? (B === "vertical" ? "vertical" : void 0),
+		"aria-labelledby": k["aria-labelledby"] ?? (k["aria-label"] === void 0 ? j?.ids.label : void 0),
+		children: /* @__PURE__ */ u(h.Provider, {
+			value: G,
+			children: a
+		}),
+		className: l,
+		...V ? { "data-attached": "" } : {},
+		...g ?? !1 ? { "data-full-width": "" } : {},
+		"data-orientation": B,
+		"data-part": "root",
+		"data-size": R,
+		"data-ui": "toggle-group",
+		"data-variant": z,
+		role: w ?? "group"
+	}), q = (e) => {
+		M.current = e, typeof S == "function" ? S(e) : S != null && (S.current = e);
+	};
+	return C === void 0 ? /* @__PURE__ */ u("div", {
+		...K,
+		ref: q
+	}) : C({
+		...K,
+		ref: q
+	});
+}
+//#endregion
+//#region src/toggle-group/toggle-group-parts.tsx
+function y(e) {
+	return e.detail === 0 ? "keyboard" : "pointer";
+}
+function b({ children: e, className: n, disabled: r, icon: i, onClick: a, ref: o, render: s, style: c, type: f, value: p, ...m }) {
+	let h = g(), _ = h.holds(p), v = r ?? h.disabled, b = t({
+		...m,
+		"aria-pressed": _,
+		children: /* @__PURE__ */ d(l, { children: [i === void 0 ? null : /* @__PURE__ */ u("span", {
+			"aria-hidden": "true",
+			"data-part": "icon",
+			"data-part-icon": "",
+			children: i
+		}), e === void 0 ? null : /* @__PURE__ */ u("span", {
+			"data-part": "label",
+			"data-part-label": "",
+			children: e
+		})] }),
+		className: n,
+		...v === !0 ? { "data-disabled": "" } : {},
+		"data-part": "item",
+		..._ ? { "data-pressed": "" } : {},
+		onClick: (e) => {
+			a?.(e), !e.defaultPrevented && h.toggle(p, y(e), e);
+		},
+		style: c
+	});
+	return s === void 0 ? /* @__PURE__ */ u("button", {
+		...b,
+		disabled: v,
+		ref: o,
+		type: f ?? "button"
+	}) : s(b);
+}
+//#endregion
+export { p as a, m as i, v as n, g as r, b as t };

package/dist/toggle-group.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./toggle-group-DQBlI1TV.js";
+import { a as e, i as t, n, r, t as i } from "./toggle-group-BZmghKac.js";
 export { n as ToggleGroup, t as ToggleGroupDefaultsProvider, i as ToggleGroupItem, r as useToggleGroup, e as useToggleGroupDefaults };