@slotted/react 0.1.0-beta.2 → 0.1.0-beta.4

package/dist/toggle-group-DQBlI1TV.js

@@ -1,140 +0,0 @@
-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 };