@slotted/react 0.1.0-beta.7 → 0.1.0-beta.9

package/dist/toast-BFK2kxCh.js

@@ -0,0 +1,469 @@
+import { n as e, t } from "./icon-DMdotKfc.js";
+import { r as n } from "./i18n-DpW8lqJ1.js";
+import { r } from "./progress-indicator-BhljwFx8.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 { createPortal as y } from "react-dom";
+import { toastMessages as b } from "@slotted/core/i18n";
+import { createToastStore as x } from "@slotted/core/toast";
+//#region src/toast/toast-defaults.tsx
+var S = "F6", C = {
+	placement: "bottom-end",
+	attach: "portal",
+	stacking: "list",
+	tone: "accent",
+	variant: "raised",
+	priority: "polite",
+	dismissible: !0,
+	swipe: !0,
+	progress: !1,
+	pauseOnHover: !0,
+	pauseWhenHidden: !0,
+	limit: 3,
+	duration: 5e3,
+	swipeThreshold: 48,
+	hotkey: "F6"
+}, w = s(C);
+function T() {
+	return l(w);
+}
+function E({ children: e, ...t }) {
+	let n = T();
+	return /* @__PURE__ */ h(w.Provider, {
+		value: {
+			placement: t.placement ?? n.placement,
+			attach: t.attach ?? n.attach,
+			stacking: t.stacking ?? n.stacking,
+			tone: t.tone ?? n.tone,
+			variant: t.variant ?? n.variant,
+			priority: t.priority ?? n.priority,
+			dismissible: t.dismissible ?? n.dismissible,
+			swipe: t.swipe ?? n.swipe,
+			progress: t.progress ?? n.progress,
+			pauseOnHover: t.pauseOnHover ?? n.pauseOnHover,
+			pauseWhenHidden: t.pauseWhenHidden ?? n.pauseWhenHidden,
+			limit: t.limit ?? n.limit,
+			duration: t.duration ?? n.duration,
+			swipeThreshold: t.swipeThreshold ?? n.swipeThreshold,
+			hotkey: t.hotkey ?? n.hotkey
+		},
+		children: e
+	});
+}
+function D(e) {
+	return e.announcement === void 0 ? [e.title, e.description].filter((e) => typeof e == "string").join(". ") : e.announcement;
+}
+function O(e) {
+	let { id: t, duration: n, priority: r, loading: i, onStatusChange: a, ...o } = e, { announcement: s, ...c } = o;
+	return {
+		...t === void 0 ? {} : { id: t },
+		...n === void 0 ? {} : { duration: n },
+		...r === void 0 ? {} : { priority: r },
+		...i === void 0 ? {} : { loading: i },
+		...a === void 0 ? {} : { onStatusChange: a },
+		announcement: D(e),
+		action: c.actions !== void 0,
+		data: c
+	};
+}
+function k(e = {}) {
+	let t = x({
+		limit: e.limit ?? C.limit,
+		duration: e.duration ?? C.duration
+	});
+	return {
+		store: t,
+		show: (e = {}) => t.show(O(e)),
+		update: (e, n) => t.update(e, O(n)),
+		dismiss: (e, n) => t.dismiss(e, n),
+		clear: (e) => t.clear(e),
+		pauseAll: () => t.pauseAll(),
+		resumeAll: () => t.resumeAll(),
+		promise: (e, n) => t.promise(e, {
+			loading: O(n.loading),
+			success: typeof n.success == "function" ? (e) => O(n.success(e)) : O(n.success),
+			error: typeof n.error == "function" ? (e) => O(n.error(e)) : O(n.error)
+		})
+	};
+}
+var A = k(), j = s(A), M = j.Provider;
+function N() {
+	return l(j);
+}
+//#endregion
+//#region src/toast/toast-parts.tsx
+var P = {
+	accent: "circle-info",
+	secondary: null,
+	success: "circle-check",
+	warning: "circle-alert",
+	danger: "circle-x"
+}, F = s({
+	tone: "accent",
+	loading: !1
+});
+function I(e, t) {
+	let [n, r] = p(e ? "entering" : "unmounted"), [i, a] = p(null), o = f(t);
+	o.current = t;
+	let [s] = p(() => _({
+		initialPresent: e,
+		skipInitialAnimation: !1,
+		onStatusChange: r,
+		onExitComplete: () => o.current()
+	}));
+	return u(() => {
+		s.setNode(i);
+	}, [s, i]), u(() => {
+		s.request(e, "programmatic");
+	}, [s, e]), u(() => () => s.stop(), [s]), {
+		open: n === "open",
+		ref: a
+	};
+}
+function L(e, t) {
+	let n = e?.startsWith("top") ? -1 : 1, r = t === "rtl";
+	return {
+		block: n,
+		inline: e?.endsWith("-start") ? r ? 1 : -1 : e?.endsWith("-end") ? r ? -1 : 1 : 0
+	};
+}
+function R({ children: e, index: t = 0, message: n, ref: r, ...i }) {
+	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) {
+		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 ?? {},
+		"--slotted-toast-index": t,
+		...n.duration > 0 ? { "--slotted-toast-duration": `${n.duration}ms` } : {},
+		...v === null ? {} : {
+			"--slotted-toast-swipe-x": `${v.x}px`,
+			"--slotted-toast-swipe-y": `${v.y}px`
+		}
+	};
+	return /* @__PURE__ */ h("li", {
+		...a(i, "part", "item"),
+		"data-tone": b,
+		"data-variant": x,
+		...c ? { "data-open": "" } : {},
+		...n.loading ? { "data-loading": "" } : {},
+		...m ? { "data-dragging": "" } : {},
+		onKeyDown: (e) => {
+			i.onKeyDown?.(e), !(e.defaultPrevented || e.key !== "Escape") && (e.stopPropagation(), o.store.dismiss(n.id, "escape"));
+		},
+		onPointerDown: (e) => {
+			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
+			}, e.currentTarget.setPointerCapture(e.pointerId)));
+		},
+		onPointerMove: (e) => {
+			i.onPointerMove?.(e);
+			let t = u.current;
+			if (!t || t.id !== e.pointerId) return;
+			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), !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), u.current && u.current.id === e.pointerId && T(e.currentTarget, e.pointerId, 0);
+		},
+		ref: (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 ?? 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": o.t("close"),
+					onClick: () => o.store.dismiss(n.id, "dismiss")
+				}) : null,
+				s.actions === void 0 ? null : /* @__PURE__ */ h(U, { children: s.actions }),
+				C ? /* @__PURE__ */ h(G, {}) : null
+			] })
+		})
+	});
+}
+function z({ children: n, render: a, ...o }) {
+	let s = l(F), c = P[s.tone], u = n ?? (s.loading ? /* @__PURE__ */ h(r, {
+		contained: !0,
+		decorative: !0,
+		delay: 0,
+		minDuration: 0,
+		tone: s.tone
+	}) : c === null ? null : /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, {
+		name: c,
+		solid: !0
+	}) }));
+	if (u === null) return null;
+	let d = i({
+		...o,
+		"aria-hidden": !0,
+		children: u,
+		"data-part": "icon"
+	});
+	return a === void 0 ? /* @__PURE__ */ h("span", { ...d }) : a(d);
+}
+function B({ children: e, render: t, ...n }) {
+	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 = 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 = 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 = i({
+		...n,
+		children: e,
+		"data-part": "actions"
+	});
+	return t === void 0 ? /* @__PURE__ */ h("div", { ...r }) : t(r);
+}
+function W({ children: n, render: r, ...a }) {
+	let o = i({
+		type: "button",
+		...a,
+		children: n ?? /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: "x" }) }),
+		"data-part": "close"
+	});
+	return r === void 0 ? /* @__PURE__ */ h("button", { ...o }) : r(o);
+}
+function G({ render: e, ...t }) {
+	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 = s(void 0);
+function q() {
+	let e = l(K);
+	if (e === void 0) throw Error("Toast and its parts have to be rendered inside a ToastRegion.");
+	return e;
+}
+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 ne(e) {
+	if (typeof e.getAnimations == "function" && e.getAnimations().some((e) => [
+		"block-size",
+		"height",
+		"width"
+	].includes(e.transitionProperty ?? ""))) {
+		let t = Number.parseFloat(e.style.getPropertyValue("--slotted-toast-height"));
+		if (!Number.isNaN(t)) return t;
+	}
+	let t = e.style.blockSize;
+	e.style.blockSize = "auto";
+	let n = e.getBoundingClientRect().height;
+	return e.style.blockSize = t, n;
+}
+function J({ attach: e, children: t, 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 = n(b, _), L = e ?? 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: d ?? P.limit,
+		duration: s ?? P.duration
+	}) : null), G = W ?? (A ?? F).store;
+	u(() => {
+		G.configure({
+			limit: d ?? P.limit,
+			duration: s ?? P.duration,
+			pauseOnHover: C ?? P.pauseOnHover,
+			pauseWhenHidden: w ?? P.pauseWhenHidden
+		});
+	}, [
+		G,
+		d,
+		s,
+		C,
+		w,
+		P.limit,
+		P.duration,
+		P.pauseOnHover,
+		P.pauseWhenHidden
+	]), u(() => {
+		if (S !== void 0) return G.onRequest((e) => S(e.value, e));
+	}, [G, S]), u(() => {
+		U && G.sync(j);
+	}, [
+		G,
+		U,
+		j
+	]), 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") {
+			ae(null);
+			return;
+		}
+		let e = v({
+			origin: X,
+			container: r ?? null
+		});
+		return ae(e.container), () => e.release();
+	}, [
+		L,
+		X,
+		r
+	]), u(() => {
+		let e = J?.ownerDocument ?? X?.ownerDocument;
+		if (!e || q.visible.length === 0) return;
+		let t = (t) => {
+			if (!te(t, H)) return;
+			let n = J?.querySelector("[data-part=\"item\"]");
+			if (!n) return;
+			t.preventDefault();
+			let r = e.activeElement;
+			Z.current = r instanceof HTMLElement && !J?.contains(r) ? r : null, n.focus();
+		};
+		return e.addEventListener("keydown", t), () => e.removeEventListener("keydown", t);
+	}, [
+		J,
+		X,
+		H,
+		q.visible.length
+	]), u(() => {
+		if (J === null) return;
+		let e = o(J, {
+			itemSelector: "[data-part=\"item\"]",
+			fallback: () => Z.current
+		});
+		return () => e.destroy();
+	}, [J]);
+	let Q = f({
+		pointer: !1,
+		focus: !1
+	}), $ = c(() => {
+		G.setInteracting(Q.current.pointer || Q.current.focus);
+	}, [G]);
+	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 = 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);
+		for (let t of e.querySelectorAll("[data-part=\"item\"]")) r.observe(t);
+		return n(), () => r.disconnect();
+	}, [
+		J,
+		B,
+		q.visible
+	]);
+	let oe = {
+		...M.style ?? {},
+		"--slotted-toast-count": q.visible.length,
+		"--slotted-toast-play-state": q.paused ? "paused" : "running"
+	}, se = /* @__PURE__ */ h(K.Provider, {
+		value: {
+			store: G,
+			defaults: P,
+			swipe: V,
+			swipeThreshold: P.swipeThreshold,
+			placement: z,
+			cameFrom: Z,
+			t: I
+		},
+		children: /* @__PURE__ */ h("section", {
+			"aria-label": I("label"),
+			...a(M, "part", "root"),
+			"data-attach": L,
+			"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, $();
+			},
+			onBlur: (e) => {
+				M.onBlur?.(e);
+				let t = e.relatedTarget;
+				(t === null || !e.currentTarget.contains(t)) && (Q.current.focus = !1, $());
+			},
+			onPointerEnter: (e) => {
+				M.onPointerEnter?.(e), Q.current.pointer = !0, $();
+			},
+			onPointerLeave: (e) => {
+				M.onPointerLeave?.(e), Q.current.pointer = !1, $();
+			},
+			ref: (e) => {
+				Y(e), typeof D == "function" ? D(e) : D && (D.current = e);
+			},
+			role: "region",
+			style: oe,
+			tabIndex: M.tabIndex ?? -1,
+			children: /* @__PURE__ */ h("ol", {
+				"data-part": "list",
+				"data-part-list": "",
+				children: q.visible.map((e, n) => t ? t(e) : /* @__PURE__ */ h(R, {
+					index: n,
+					message: e
+				}, e.id))
+			})
+		})
+	});
+	return L === "portal" ? /* @__PURE__ */ g(ee, { children: [/* @__PURE__ */ h("span", {
+		"aria-hidden": "true",
+		hidden: !0,
+		ref: re,
+		style: { display: "none" },
+		"data-slotted-toast-origin": ""
+	}), ie === null ? null : y(se, ie)] }) : se;
+}
+function Y() {
+	let { store: e } = q(), t = m(e.subscribe, () => e.snapshot, () => e.snapshot);
+	return {
+		visible: t.visible.length,
+		queued: t.queued.length,
+		paused: t.paused
+	};
+}
+//#endregion
+export { T as _, U as a, H as c, V as d, S as f, A as g, k as h, R as i, z as l, M as m, Y as n, W as o, E as p, q as r, B as s, J as t, G as u, N as v };

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-BTN_F9No.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-BFK2kxCh.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-Tce-wI5k.js

@@ -0,0 +1,67 @@
+import { keyedProps as e } from "@slotted/core/selector-key";
+import { createControllable as t } from "@slotted/core/state";
+import { createContext as n, useContext as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+var c = n({
+	size: "md",
+	variant: "outline"
+});
+function l() {
+	return r(c);
+}
+function u({ children: e, ...t }) {
+	let n = l();
+	return /* @__PURE__ */ o(c.Provider, {
+		value: {
+			size: t.size ?? n.size,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/toggle/toggle.tsx
+function d(e) {
+	return e.detail === 0 ? "keyboard" : "pointer";
+}
+function f({ children: n, className: r, defaultPressed: c = !1, disabled: u = !1, icon: f, onClick: p, onPressedChange: m, pressed: h, ref: g, render: _, size: v, style: y, type: b = "button", variant: x, ...S }) {
+	let C = l(), [w, T] = i(c), E = t({
+		controlled: h,
+		initial: w,
+		onRequest: (e) => m?.(e.value, e)
+	}), D = e({
+		...S,
+		"aria-pressed": E.value,
+		children: /* @__PURE__ */ s(a, { children: [f === void 0 ? null : /* @__PURE__ */ o("span", {
+			"aria-hidden": "true",
+			"data-part": "icon",
+			"data-part-icon": "",
+			children: f
+		}), n === void 0 ? null : /* @__PURE__ */ o("span", {
+			"data-part": "label",
+			"data-part-label": "",
+			children: n
+		})] }),
+		className: r,
+		...u ? { "data-disabled": "" } : {},
+		"data-part": "root",
+		...E.value ? { "data-pressed": "" } : {},
+		"data-size": v ?? C.size,
+		"data-ui": "toggle",
+		"data-variant": x ?? C.variant,
+		onClick: (e) => {
+			if (p?.(e), e.defaultPrevented) return;
+			let t = !E.value;
+			E.request(t, d(e), e) && T(t);
+		},
+		style: y
+	});
+	return _ === void 0 ? /* @__PURE__ */ o("button", {
+		...D,
+		disabled: u,
+		ref: g,
+		type: b
+	}) : _(D);
+}
+//#endregion
+export { u as n, l as r, f as t };

package/dist/toggle-group-CjtkcHal.js

@@ -0,0 +1,145 @@
+import { b as e } from "./field-DKA-qsCV.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-i7JPO8BM.js";
+import { a as e, i as t, n, r, t as i } from "./toggle-group-CjtkcHal.js";
 export { n as ToggleGroup, t as ToggleGroupDefaultsProvider, i as ToggleGroupItem, r as useToggleGroup, e as useToggleGroupDefaults };

package/dist/toggle.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./toggle-CBFhM4Jh.js";
+import { n as e, r as t, t as n } from "./toggle-Tce-wI5k.js";
 export { n as Toggle, e as ToggleDefaultsProvider, t as useToggleDefaults };