@slotted/react 0.0.0-stage → 0.1.0-beta.0

package/dist/toast-wI8BtPY5.js

@@ -0,0 +1,468 @@
+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 { 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";
+//#region src/toast/toast-defaults.tsx
+var x = e(), 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 = o(C);
+function T() {
+	return c(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 = b({
+		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 = o(A), M = j.Provider;
+function N() {
+	return c(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 = o({
+	tone: "accent",
+	loading: !1
+});
+function I(e, t) {
+	let [n, r] = f(e ? "entering" : "unmounted"), [i, a] = f(null), o = d(t);
+	o.current = t;
+	let [s] = f(() => _({
+		initialPresent: e,
+		skipInitialAnimation: !1,
+		onStatusChange: r,
+		onExitComplete: () => o.current()
+	}));
+	return l(() => {
+		s.setNode(i);
+	}, [s, i]), l(() => {
+		s.request(e, "programmatic");
+	}, [s, e]), l(() => () => s.destroy(), [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 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(() => ({
+		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");
+	}
+	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", {
+		...i,
+		"data-part": "item",
+		"data-tone": b,
+		"data-variant": x,
+		...s ? { "data-open": "" } : {},
+		...n.loading ? { "data-loading": "" } : {},
+		...p ? { "data-dragging": "" } : {},
+		onKeyDown: (e) => {
+			i.onKeyDown?.(e), !(e.defaultPrevented || e.key !== "Escape") && (e.stopPropagation(), a.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 = {
+				id: e.pointerId,
+				x: e.clientX,
+				y: e.clientY
+			}, e.currentTarget.setPointerCapture(e.pointerId)));
+		},
+		onPointerMove: (e) => {
+			i.onPointerMove?.(e);
+			let t = l.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
+			}));
+		},
+		onPointerUp: (e) => {
+			if (i.onPointerUp?.(e), !l.current || l.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);
+		},
+		ref: (e) => {
+			c(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 })] }),
+				S ? /* @__PURE__ */ h(W, {
+					"aria-label": a.t("close"),
+					onClick: () => a.store.dismiss(n.id, "dismiss")
+				}) : null,
+				o.actions === void 0 ? null : /* @__PURE__ */ h(U, { children: o.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, {
+		contained: !0,
+		decorative: !0,
+		delay: 0,
+		minDuration: 0,
+		tone: o.tone
+	}) : s === null ? null : /* @__PURE__ */ h(n, { children: /* @__PURE__ */ h(t, {
+		name: s,
+		solid: !0
+	}) }));
+	if (l === null) return null;
+	let u = {
+		...a,
+		"aria-hidden": !0,
+		children: l,
+		"data-part": "icon"
+	};
+	return r === void 0 ? /* @__PURE__ */ h("span", { ...u }) : r(u);
+}
+function B({ children: e, render: t, ...n }) {
+	let r = {
+		...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 = {
+		...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 = {
+		...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 = {
+		...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 = {
+		type: "button",
+		...i,
+		children: e ?? /* @__PURE__ */ h(n, { children: /* @__PURE__ */ h(t, { name: "x" }) }),
+		"data-part": "close"
+	};
+	return r === void 0 ? /* @__PURE__ */ h("button", { ...a }) : r(a);
+}
+function G({ render: e, ...t }) {
+	let n = {
+		...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);
+function q() {
+	let e = c(K);
+	if (e === void 0) throw Error("Toast and its parts have to be rendered inside a ToastRegion.");
+	return e;
+}
+function ee(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) {
+	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: 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({
+		toasts: j,
+		defaultToasts: i ?? [],
+		limit: u ?? P.limit,
+		duration: o ?? P.duration
+	}) : null), G = W ?? (A ?? F).store;
+	l(() => {
+		G.configure({
+			limit: u ?? P.limit,
+			duration: o ?? P.duration,
+			pauseOnHover: C ?? P.pauseOnHover,
+			pauseWhenHidden: w ?? P.pauseWhenHidden
+		});
+	}, [
+		G,
+		u,
+		o,
+		C,
+		w,
+		P.limit,
+		P.duration,
+		P.pauseOnHover,
+		P.pauseWhenHidden
+	]), l(() => {
+		if (S !== void 0) return G.onRequest((e) => S(e.value, e));
+	}, [G, S]), l(() => {
+		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(() => {
+		if (L !== "portal") {
+			ie(null);
+			return;
+		}
+		let e = v({
+			origin: X,
+			container: n ?? null
+		});
+		return ie(e.container), () => e.release();
+	}, [
+		L,
+		X,
+		n
+	]), l(() => {
+		let e = J?.ownerDocument ?? X?.ownerDocument;
+		if (!e || q.visible.length === 0) return;
+		let t = (t) => {
+			if (!ee(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
+	]), l(() => {
+		if (J === null) return;
+		let e = a(J, {
+			itemSelector: "[data-part=\"item\"]",
+			fallback: () => Z.current
+		});
+		return () => e.destroy();
+	}, [J]);
+	let Q = d({
+		pointer: !1,
+		focus: !1
+	}), $ = s(() => {
+		G.setInteracting(Q.current.pointer || Q.current.focus);
+	}, [G]);
+	l(() => {
+		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);
+				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 ae = {
+		...M.style ?? {},
+		"--slotted-toast-count": q.visible.length,
+		"--slotted-toast-play-state": q.paused ? "paused" : "running"
+	}, oe = /* @__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"),
+			...M,
+			"data-attach": L,
+			"data-part": "root",
+			"data-placement": z,
+			"data-stacking": B,
+			"data-swipe": String(V),
+			"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: ae,
+			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,
+					message: e
+				}, e.id))
+			})
+		})
+	});
+	return L === "portal" ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
+		"aria-hidden": "true",
+		hidden: !0,
+		ref: ne,
+		style: { display: "none" },
+		"data-slotted-toast-origin": ""
+	}), re === null ? null : (0, x.createPortal)(oe, re)] }) : oe;
+}
+function Y() {
+	let { store: e } = q(), t = p(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

@@ -0,0 +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";
+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-CBFhM4Jh.js

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

package/dist/toggle-group-DQBlI1TV.js

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

package/dist/toggle-group.js

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

package/dist/toggle.js

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