solid-baseui 0.1.0-alpha.0 → 0.1.0-alpha.1

package/dist/lib/client/toggle-group-0Aue0owJ.js

@@ -1,129 +0,0 @@
-import { getStateAttributesProps as e } from "./internals/getStateAttributesProps.js";
-import { n as t, t as n } from "./resolveStyle-XcgAuaKR.js";
-import { composeEventHandlers as r } from "./internals/composeEventHandlers.js";
-import { n as i } from "./DirectionContext-BwMabICS.js";
-import { n as a } from "./ToolbarRootContext-88yZoAOy.js";
-import { n as o } from "./ToolbarGroupContext-Dpc3_mFx.js";
-import { t as s } from "./ToggleGroupContext-_THxLgJU.js";
-import { Dynamic as c, createComponent as l, mergeProps as u } from "@solidjs/web";
-import { createEffect as d, createMemo as f, createSignal as p, omit as m, untrack as h } from "solid-js";
-//#region src/toggle-group/ToggleGroup.tsx
-var g = [];
-function _(_) {
-	let v = i(), y = a(!0), b = o(), x = _, S = _, C = h(() => x.value !== void 0), [w, T] = p(() => h(() => x.defaultValue ?? g)), E = h(w), [D, O] = p(), [k, A] = p(), [j, M] = p(0), N = /* @__PURE__ */ new Map(), P, F = m(S, "as", "class", "defaultValue", "disabled", "loopFocus", "multiple", "onKeyDown", "onValueChange", "orientation", "ref", "style", "value"), I = f(() => C ? x.value ?? g : w()), L = f(() => (y?.disabled() ?? !1) || (b?.disabled() ?? !1) || (x.disabled ?? !1)), R = f(() => x.multiple ?? !1), z = f(() => x.orientation ?? "horizontal"), B = f(() => x.value !== void 0 || x.defaultValue !== void 0), V = f(() => ({
-		disabled: L(),
-		multiple: R(),
-		orientation: z()
-	})), H = f(() => t(_.class, V())), U = f(() => n(_.style, V())), W = f(() => e(V()));
-	function G() {
-		return Array.from(N.values()).sort((e, t) => {
-			let n = e.element(), r = t.element();
-			if (!n || !r || n === r) return 0;
-			let i = n.compareDocumentPosition(r);
-			return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
-		});
-	}
-	function K(e) {
-		if (e.disabled()) return !1;
-		let t = e.element();
-		if (!t) return !0;
-		let n = t.ownerDocument.defaultView?.getComputedStyle(t);
-		return !n || n.display === "none" || n.display === "contents" ? !1 : n.visibility !== "hidden" && n.visibility !== "collapse";
-	}
-	function q(e) {
-		return y ? y.registerItem(e) : (N.set(e.token, e), !P && !h(e.disabled) && (P = e.token), () => {
-			N.delete(e.token), P === e.token && (P = G().find((e) => h(e.disabled))?.token), queueMicrotask(() => M((e) => e + 1));
-		});
-	}
-	function J(e) {
-		if (y) {
-			y.setActiveItem(e);
-			return;
-		}
-		e.disabled() || (P = e.token, A(e.token));
-	}
-	function Y(e) {
-		if (y) return y.isTabStop(e);
-		j();
-		let t = G().filter(K), n = t.find((e) => e.token === (k() ?? P));
-		return K(e) && (n ?? t[0])?.token === e.token;
-	}
-	function X(e) {
-		return (C ? x.value ?? g : E).indexOf(e) > -1;
-	}
-	function Z(e, t, n) {
-		let r = C ? x.value ?? g : E, i;
-		R() ? (i = r.slice(), t ? i.push(e) : i.splice(r.indexOf(e), 1)) : i = t ? [e] : [], x.onValueChange?.(i, n), !n.isCanceled && !C && (E = i, T(i));
-	}
-	function Q(e) {
-		if (e.shiftKey || e.ctrlKey || e.altKey || e.metaKey) return;
-		let t = v() === "rtl" ? "ArrowLeft" : "ArrowRight", n = v() === "rtl" ? "ArrowRight" : "ArrowLeft", r = z() === "vertical" ? "ArrowDown" : t, i = z() === "vertical" ? "ArrowUp" : n, a = e.key === r || e.key === i, o = e.key === "Home" || e.key === "End";
-		if (!a && !o) return;
-		j();
-		let s = G(), c = s.filter(K);
-		if (c.length === 0) return;
-		let l = e.composedPath(), u = l[0], d = s.findIndex((e) => {
-			let t = e.element();
-			return t && (l.includes(t) || u instanceof Node && t.contains(u));
-		});
-		d === -1 && (d = s.findIndex((e) => e.token === (k() ?? P)));
-		let f;
-		if (e.key === "Home") f = c[0];
-		else if (e.key === "End") f = c[c.length - 1];
-		else {
-			let t = e.key === r ? 1 : -1, n = d === -1 ? t > 0 ? -1 : s.length : d;
-			for (let e = 0; e < s.length; e += 1) {
-				if (n += t, n < 0 || n >= s.length) {
-					if (!(x.loopFocus ?? !0)) break;
-					n = (n + s.length) % s.length;
-				}
-				let e = s[n];
-				if (e && K(e)) {
-					f = e;
-					break;
-				}
-			}
-		}
-		!f || f === s[d] || (e.preventDefault(), e.stopPropagation(), J(f), queueMicrotask(() => f.element()?.focus()));
-	}
-	let $ = r(() => x.onKeyDown, () => y ? void 0 : Q), ee = {
-		disabled: L,
-		isPressed: X,
-		isTabStop: Y,
-		isValueInitialized: B,
-		registerItem: q,
-		setActiveItem: J,
-		setGroupValue: Z,
-		toolbar: y,
-		value: I
-	};
-	return d(D, (e) => {
-		let t = e?.ownerDocument.defaultView?.MutationObserver;
-		if (!e || !t) return;
-		let n = new t(() => M((e) => e + 1));
-		return n.observe(e, {
-			childList: !0,
-			subtree: !0
-		}), () => n.disconnect();
-	}), l(s, {
-		value: ee,
-		get children() {
-			return l(c, u({
-				get component() {
-					return _.as ?? "div";
-				},
-				ref: [((e) => O(e)), x.ref],
-				get class() {
-					return H();
-				},
-				get style() {
-					return U();
-				},
-				role: "group",
-				onKeyDown: $
-			}, W, F));
-		}
-	});
-}
-//#endregion
-export { _ as t };

package/dist/lib/client/toggle-momVEIBL.js

@@ -1,138 +0,0 @@
-import { getStateAttributesProps as e } from "./internals/getStateAttributesProps.js";
-import { w as t } from "./reasons-Co5CzjKq.js";
-import { n, t as r } from "./resolveStyle-XcgAuaKR.js";
-import { createChangeEventDetails as i } from "./internals/createBaseUIEventDetails.js";
-import { composeEventHandlers as a } from "./internals/composeEventHandlers.js";
-import { n as o } from "./ToolbarItemOwnerContext-DtVqVnSE.js";
-import { n as s } from "./ToggleGroupContext-_THxLgJU.js";
-import { Dynamic as c, createComponent as ee, mergeProps as l } from "@solidjs/web";
-import { createEffect as u, createMemo as d, createSignal as f, createUniqueId as p, omit as m, onCleanup as h, onSettled as g, untrack as _ } from "solid-js";
-//#region src/toggle/Toggle.tsx
-function v(v) {
-	let E = s(), D = o(), O = v, k = v, A = `base-ui-${p()}`, j = Symbol("Toggle"), M = _(() => O.pressed !== void 0), [N, P] = f(() => !!_(() => O.defaultPressed)), F = _(N), [I, L] = f(), R = m(k, "as", "class", "defaultPressed", "disabled", "form", "nativeButton", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "onPressedChange", "pressed", "ref", "style", "type", "value"), z = d(() => O.value || A), B = d(() => (E?.disabled() ?? !1) || (O.disabled ?? !1)), V = d(() => E ? E.value().indexOf(z()) > -1 : M ? !!O.pressed : N()), H = d(() => O.nativeButton ?? !0), U = d(() => ({
-		disabled: B(),
-		pressed: V()
-	})), W = d(() => n(v.class, U())), G = d(() => r(v.style, U())), K = d(() => e(U())), q = {
-		token: j,
-		order: 0,
-		disabled: B,
-		element: I,
-		focusableWhenDisabled: () => !1
-	}, J = D ? void 0 : E?.registerItem(q), Y = d(() => H() && B() && !(D?.disabled() && D.focusableWhenDisabled()) && (E === void 0 || E.toolbar !== void 0)), X = d(() => H() ? E && !E.toolbar ? B() ? "true" : "false" : void 0 : B() ? "true" : void 0), Z = d(() => E ? E.isTabStop(q) ? 0 : -1 : !H() && B() ? -1 : 0);
-	u(() => ({
-		disabled: B(),
-		element: I(),
-		nativeButton: H(),
-		ownerDisabled: D?.disabled() ?? !1,
-		toolbarGroup: E?.toolbar !== void 0
-	}), (e) => {
-		e.element && e.nativeButton && e.toolbarGroup && e.disabled && !e.ownerDisabled && e.element.setAttribute("disabled", "");
-	}), u(() => E?.disabled() ?? !1, (e) => {
-		D?.setChildDisabled(e);
-	});
-	function Q(e) {
-		let n = !(E ? E.isPressed(z()) : M ? O.pressed : F), r = i(t, e);
-		O.onPressedChange?.(n, r), !r.isCanceled && (E?.setGroupValue(z(), n, r), !r.isCanceled && !E && !M && (F = n, P(n)));
-	}
-	function $() {
-		E?.setActiveItem(q);
-	}
-	function te(e) {
-		S(e, H());
-	}
-	function ne(e) {
-		C(e, H());
-	}
-	let re = a(() => _(() => B() ? y : void 0), () => O.onClick, () => Q), ie = a(() => O.onFocus, () => $), ae = a(() => _(() => B() ? b : void 0), () => O.onMouseDown), oe = a(() => _(() => B() ? y : void 0), () => O.onPointerDown), se = a(() => _(() => B() ? E ? x : b : void 0), () => O.onKeyDown, () => _(() => E ? te : H() ? void 0 : w)), ce = a(() => _(() => B() ? b : void 0), () => O.onKeyUp, () => _(() => E ? ne : H() ? void 0 : T));
-	return u(() => ({
-		initialized: E?.isValueInitialized() ?? !1,
-		missingValue: E !== void 0 && O.value === void 0
-	}), (e) => {}), g(() => {
-		I();
-	}), h(() => {
-		D?.setChildDisabled(!1), J?.();
-	}), ee(c, l({
-		get component() {
-			return v.as ?? "button";
-		},
-		ref: [((e) => L(e)), O.ref],
-		get class() {
-			return W();
-		},
-		get style() {
-			return G();
-		},
-		get type() {
-			return H() ? "button" : void 0;
-		},
-		get role() {
-			return H() ? void 0 : "button";
-		},
-		get disabled() {
-			return Y();
-		},
-		get "aria-disabled"() {
-			return X();
-		},
-		get "aria-pressed"() {
-			return V() ? "true" : "false";
-		},
-		get tabIndex() {
-			return Z();
-		},
-		onClick: re,
-		onFocus: ie,
-		onKeyDown: se,
-		onKeyUp: ce,
-		onMouseDown: ae,
-		onPointerDown: oe
-	}, K, R));
-}
-function y(e) {
-	e.preventDefault(), e.preventBaseUIHandler();
-}
-function b(e) {
-	e.preventBaseUIHandler();
-}
-function x(e) {
-	e.key !== "ArrowUp" && e.key !== "ArrowDown" && e.key !== "ArrowLeft" && e.key !== "ArrowRight" && e.key !== "Home" && e.key !== "End" && (e.key !== "Tab" && e.preventDefault(), e.preventBaseUIHandler());
-}
-function S(e, t) {
-	if (e.target !== e.currentTarget || e.key !== " ") {
-		t || w(e);
-		return;
-	}
-	e.preventDefault(), (!t || e.currentTarget.tagName === "BUTTON") && (e.preventBaseUIHandler(), E(e.currentTarget, e));
-}
-function C(e, t) {
-	e.target === e.currentTarget && t && e.currentTarget.tagName === "BUTTON" && e.key === " " && e.preventDefault();
-}
-function w(e) {
-	if (e.target !== e.currentTarget) return;
-	let t = e.currentTarget.tagName === "A" && !!e.currentTarget.href;
-	if (t || e.key !== " " && e.key !== "Enter") {
-		t && e.key === " " && e.preventDefault();
-		return;
-	}
-	e.defaultPrevented || (e.preventDefault(), e.key === "Enter" && (e.preventBaseUIHandler(), E(e.currentTarget, e)));
-}
-function T(e) {
-	e.target === e.currentTarget && !e.defaultPrevented && e.key === " " && (e.preventBaseUIHandler(), E(e.currentTarget, e));
-}
-function E(e, t) {
-	let n = e.ownerDocument.defaultView;
-	if (!n) return;
-	let r = n.PointerEvent ?? n.MouseEvent;
-	e.dispatchEvent(new r("click", {
-		bubbles: !0,
-		cancelable: !0,
-		composed: !0,
-		detail: 0,
-		shiftKey: t.shiftKey,
-		ctrlKey: t.ctrlKey,
-		altKey: t.altKey,
-		metaKey: t.metaKey
-	}));
-}
-//#endregion
-export { v as t };