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

package/dist/toast-BTN_F9No.js

@@ -1,468 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-import { r } from "./progress-indicator-DwvUSFFs.js";
-import { createRemovalFocus as i } from "@slotted/core/focus";
-import { createContext as a, useCallback as o, useContext as s, useEffect as c, useMemo as l, useRef as u, useState as d, useSyncExternalStore as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { createPresence as g } from "@slotted/core/presence";
-import { createPortalRoot as _ } from "@slotted/core/portal";
-import { createPortal as v } from "react-dom";
-import { toastMessages as y } from "@slotted/core/i18n";
-import { createToastStore as b } from "@slotted/core/toast";
-//#region src/toast/toast-defaults.tsx
-var x = "F6", S = {
-	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"
-}, C = a(S);
-function w() {
-	return s(C);
-}
-function T({ children: e, ...t }) {
-	let n = w();
-	return /* @__PURE__ */ m(C.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 E(e) {
-	return e.announcement === void 0 ? [e.title, e.description].filter((e) => typeof e == "string").join(". ") : e.announcement;
-}
-function D(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: E(e),
-		action: c.actions !== void 0,
-		data: c
-	};
-}
-function O(e = {}) {
-	let t = b({
-		limit: e.limit ?? S.limit,
-		duration: e.duration ?? S.duration
-	});
-	return {
-		store: t,
-		show: (e = {}) => t.show(D(e)),
-		update: (e, n) => t.update(e, D(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: D(n.loading),
-			success: typeof n.success == "function" ? (e) => D(n.success(e)) : D(n.success),
-			error: typeof n.error == "function" ? (e) => D(n.error(e)) : D(n.error)
-		})
-	};
-}
-var k = O(), A = a(k), j = A.Provider;
-function M() {
-	return s(A);
-}
-//#endregion
-//#region src/toast/toast-parts.tsx
-var N = {
-	accent: "circle-info",
-	secondary: null,
-	success: "circle-check",
-	warning: "circle-alert",
-	danger: "circle-x"
-}, P = a({
-	tone: "accent",
-	loading: !1
-});
-function F(e, t) {
-	let [n, r] = d(e ? "entering" : "unmounted"), [i, a] = d(null), o = u(t);
-	o.current = t;
-	let [s] = d(() => g({
-		initialPresent: e,
-		skipInitialAnimation: !1,
-		onStatusChange: r,
-		onExitComplete: () => o.current()
-	}));
-	return c(() => {
-		s.setNode(i);
-	}, [s, i]), c(() => {
-		s.request(e, "programmatic");
-	}, [s, e]), c(() => () => s.stop(), [s]), {
-		open: n === "open",
-		ref: a
-	};
-}
-function I(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 ee({ children: e, index: t = 0, message: n, ref: r, ...i }) {
-	let a = G(), o = n.data ?? {}, { open: s, ref: c } = F(n.status !== "closing", () => a.store.remove(n.id)), f = u(null), [g, _] = d(!1), [v, y] = d(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 = l(() => ({
-		tone: b,
-		loading: n.loading
-	}), [b, n.loading]);
-	function T(e, t, r) {
-		f.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__ */ m("li", {
-		...i,
-		"data-part": "item",
-		"data-tone": b,
-		"data-variant": x,
-		...s ? { "data-open": "" } : {},
-		...n.loading ? { "data-loading": "" } : {},
-		...g ? { "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") || (f.current = {
-				id: e.pointerId,
-				x: e.clientX,
-				y: e.clientY
-			}, e.currentTarget.setPointerCapture(e.pointerId)));
-		},
-		onPointerMove: (e) => {
-			i.onPointerMove?.(e);
-			let t = f.current;
-			if (!t || t.id !== e.pointerId) return;
-			let n = e.currentTarget, r = n.ownerDocument.defaultView, o = I(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);
-			!g && Math.max(s, c) < 2 || (_(!0), y({
-				x: s * o.inline,
-				y: c * o.block
-			}));
-		},
-		onPointerUp: (e) => {
-			if (i.onPointerUp?.(e), !f.current || f.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), f.current && f.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__ */ m(P.Provider, {
-			value: w,
-			children: e ?? o.render?.(n) ?? /* @__PURE__ */ h(p, { children: [
-				o.hideIcon ? null : /* @__PURE__ */ m(L, { children: o.icon }),
-				/* @__PURE__ */ h(R, { children: [o.title === void 0 ? null : /* @__PURE__ */ m(z, { children: o.title }), o.description === void 0 ? null : /* @__PURE__ */ m(B, { children: o.description })] }),
-				S ? /* @__PURE__ */ m(H, {
-					"aria-label": a.t("close"),
-					onClick: () => a.store.dismiss(n.id, "dismiss")
-				}) : null,
-				o.actions === void 0 ? null : /* @__PURE__ */ m(V, { children: o.actions }),
-				C ? /* @__PURE__ */ m(U, {}) : null
-			] })
-		})
-	});
-}
-function L({ children: n, render: i, ...a }) {
-	let o = s(P), c = N[o.tone], l = n ?? (o.loading ? /* @__PURE__ */ m(r, {
-		contained: !0,
-		decorative: !0,
-		delay: 0,
-		minDuration: 0,
-		tone: o.tone
-	}) : c === null ? null : /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, {
-		name: c,
-		solid: !0
-	}) }));
-	if (l === null) return null;
-	let u = {
-		...a,
-		"aria-hidden": !0,
-		children: l,
-		"data-part": "icon"
-	};
-	return i === void 0 ? /* @__PURE__ */ m("span", { ...u }) : i(u);
-}
-function R({ children: e, render: t, ...n }) {
-	let r = {
-		...n,
-		children: e,
-		"data-part": "content"
-	};
-	return t === void 0 ? /* @__PURE__ */ m("div", { ...r }) : t(r);
-}
-function z({ children: e, render: t, ...n }) {
-	let r = {
-		...n,
-		children: e,
-		"data-part": "title"
-	};
-	return t === void 0 ? /* @__PURE__ */ m("div", { ...r }) : t(r);
-}
-function B({ children: e, render: t, ...n }) {
-	let r = {
-		...n,
-		children: e,
-		"data-part": "description"
-	};
-	return t === void 0 ? /* @__PURE__ */ m("p", { ...r }) : t(r);
-}
-function V({ children: e, render: t, ...n }) {
-	let r = {
-		...n,
-		children: e,
-		"data-part": "actions"
-	};
-	return t === void 0 ? /* @__PURE__ */ m("div", { ...r }) : t(r);
-}
-function H({ children: n, render: r, ...i }) {
-	let a = {
-		type: "button",
-		...i,
-		children: n ?? /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "x" }) }),
-		"data-part": "close"
-	};
-	return r === void 0 ? /* @__PURE__ */ m("button", { ...a }) : r(a);
-}
-function U({ render: e, ...t }) {
-	let n = {
-		...t,
-		"aria-hidden": !0,
-		"data-part": "progress"
-	};
-	return e === void 0 ? /* @__PURE__ */ m("div", { ...n }) : e(n);
-}
-//#endregion
-//#region src/toast/toast.tsx
-var W = a(void 0);
-function G() {
-	let e = s(W);
-	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 K({ attach: e, children: t, container: r, defaultToasts: a, duration: s, hotkey: l, limit: g, messages: x, onToastsChange: S, pauseOnHover: C, pauseWhenHidden: T, placement: E, ref: D, stacking: O, swipe: k, toaster: A, toasts: j, ...N }) {
-	let P = w(), F = M(), I = n(y, x), L = e ?? P.attach, R = E ?? P.placement, z = O ?? P.stacking, B = k ?? P.swipe, V = l ?? P.hotkey, H = j !== void 0, [U] = d(() => H ? b({
-		toasts: j,
-		defaultToasts: a ?? [],
-		limit: g ?? P.limit,
-		duration: s ?? P.duration
-	}) : null), G = U ?? (A ?? F).store;
-	c(() => {
-		G.configure({
-			limit: g ?? P.limit,
-			duration: s ?? P.duration,
-			pauseOnHover: C ?? P.pauseOnHover,
-			pauseWhenHidden: T ?? P.pauseWhenHidden
-		});
-	}, [
-		G,
-		g,
-		s,
-		C,
-		T,
-		P.limit,
-		P.duration,
-		P.pauseOnHover,
-		P.pauseWhenHidden
-	]), c(() => {
-		if (S !== void 0) return G.onRequest((e) => S(e.value, e));
-	}, [G, S]), c(() => {
-		H && G.sync(j);
-	}, [
-		G,
-		H,
-		j
-	]), c(() => () => U?.destroy(), [U]);
-	let K = f(G.subscribe, () => G.snapshot, () => G.snapshot), [q, re] = d(null), [J, ie] = d(null), [Y, X] = d(null), Z = u(null);
-	c(() => {
-		if (L !== "portal") {
-			X(null);
-			return;
-		}
-		let e = _({
-			origin: J,
-			container: r ?? null
-		});
-		return X(e.container), () => e.release();
-	}, [
-		L,
-		J,
-		r
-	]), c(() => {
-		let e = q?.ownerDocument ?? J?.ownerDocument;
-		if (!e || K.visible.length === 0) return;
-		let t = (t) => {
-			if (!te(t, V)) return;
-			let n = q?.querySelector("[data-part=\"item\"]");
-			if (!n) return;
-			t.preventDefault();
-			let r = e.activeElement;
-			Z.current = r instanceof HTMLElement && !q?.contains(r) ? r : null, n.focus();
-		};
-		return e.addEventListener("keydown", t), () => e.removeEventListener("keydown", t);
-	}, [
-		q,
-		J,
-		V,
-		K.visible.length
-	]), c(() => {
-		if (q === null) return;
-		let e = i(q, {
-			itemSelector: "[data-part=\"item\"]",
-			fallback: () => Z.current
-		});
-		return () => e.destroy();
-	}, [q]);
-	let Q = u({
-		pointer: !1,
-		focus: !1
-	}), $ = o(() => {
-		G.setInteracting(Q.current.pointer || Q.current.focus);
-	}, [G]);
-	c(() => {
-		if (z !== "stack" || q === null) return;
-		let e = q.querySelector("[data-part=\"list\"]"), t = q.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 && q.style.setProperty("--slotted-toast-front-height", `${n}px`), i += n + r;
-			}), q.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();
-	}, [
-		q,
-		z,
-		K.visible
-	]);
-	let ae = {
-		...N.style ?? {},
-		"--slotted-toast-count": K.visible.length,
-		"--slotted-toast-play-state": K.paused ? "paused" : "running"
-	}, oe = /* @__PURE__ */ m(W.Provider, {
-		value: {
-			store: G,
-			defaults: P,
-			swipe: B,
-			swipeThreshold: P.swipeThreshold,
-			placement: R,
-			cameFrom: Z,
-			t: I
-		},
-		children: /* @__PURE__ */ m("section", {
-			"aria-label": I("label"),
-			...N,
-			"data-attach": L,
-			"data-part": "root",
-			"data-placement": R,
-			"data-stacking": z,
-			"data-swipe": String(B),
-			"data-ui": "toast",
-			...K.paused ? { "data-expanded": "" } : {},
-			onFocus: (e) => {
-				N.onFocus?.(e), Q.current.focus = !0, $();
-			},
-			onBlur: (e) => {
-				N.onBlur?.(e);
-				let t = e.relatedTarget;
-				(t === null || !e.currentTarget.contains(t)) && (Q.current.focus = !1, $());
-			},
-			onPointerEnter: (e) => {
-				N.onPointerEnter?.(e), Q.current.pointer = !0, $();
-			},
-			onPointerLeave: (e) => {
-				N.onPointerLeave?.(e), Q.current.pointer = !1, $();
-			},
-			ref: (e) => {
-				re(e), typeof D == "function" ? D(e) : D && (D.current = e);
-			},
-			role: "region",
-			style: ae,
-			tabIndex: N.tabIndex ?? -1,
-			children: /* @__PURE__ */ m("ol", {
-				"data-part": "list",
-				children: K.visible.map((e, n) => t ? t(e) : /* @__PURE__ */ m(ee, {
-					index: n,
-					message: e
-				}, e.id))
-			})
-		})
-	});
-	return L === "portal" ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
-		"aria-hidden": "true",
-		hidden: !0,
-		ref: ie,
-		style: { display: "none" },
-		"data-slotted-toast-origin": ""
-	}), Y === null ? null : v(oe, Y)] }) : oe;
-}
-function q() {
-	let { store: e } = G(), t = f(e.subscribe, () => e.snapshot, () => e.snapshot);
-	return {
-		visible: t.visible.length,
-		queued: t.queued.length,
-		paused: t.paused
-	};
-}
-//#endregion
-export { w as _, V as a, B as c, z as d, x as f, k as g, O as h, ee as i, L as l, j as m, q as n, H as o, T as p, G as r, R as s, K as t, U as u, M as v };

package/dist/toggle-CBFhM4Jh.js

@@ -1,64 +0,0 @@
-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-i7JPO8BM.js

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