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

package/dist/lib/client/toggle/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../toggle-momVEIBL.js";
+import { t as e } from "../toggle-CAe-Z8Xn.js";
 export { e as Toggle };

package/dist/lib/client/toggle-CAe-Z8Xn.js

@@ -0,0 +1,142 @@
+import { t as e } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { w as n } from "./reasons-Co5CzjKq.js";
+import { n as r, t as i } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as a } from "./internals/createBaseUIEventDetails.js";
+import { composeEventHandlers as o, liveEventHandler as s } from "./internals/composeEventHandlers.js";
+import { n as c } from "./ToolbarItemOwnerContext-DtVqVnSE.js";
+import { n as l } from "./ToggleGroupContext-_THxLgJU.js";
+import { createComponent as u, getNextElement as d, mergeProps as f, runHydrationEvents as ee, spread as p, template as m } from "@solidjs/web";
+import { createEffect as h, createMemo as g, createSignal as _, createUniqueId as v, omit as y, onCleanup as b, onSettled as x, untrack as S } from "solid-js";
+//#region src/toggle/Toggle.tsx
+var te = /* @__PURE__ */ m("<button>");
+function C(m) {
+	let C = l(), j = c(), M = m, N = m, P = `base-ui-${v()}`, F = Symbol("Toggle"), I = S(() => M.pressed !== void 0), [L, R] = _(() => !!S(() => M.defaultPressed)), z = S(L), [B, V] = _(), H = y(N, "render", "class", "defaultPressed", "disabled", "form", "nativeButton", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "onPressedChange", "pressed", "ref", "style", "type", "value"), U = g(() => M.value || P), W = g(() => (C?.disabled() ?? !1) || (M.disabled ?? !1)), G = g(() => C ? C.value().indexOf(U()) > -1 : I ? !!M.pressed : L()), K = g(() => M.nativeButton ?? !0), q = g(() => ({
+		disabled: W(),
+		pressed: G()
+	})), J = g(() => r(m.class, q())), Y = g(() => i(m.style, q())), X = g(() => t(q())), Z = {
+		token: F,
+		order: 0,
+		disabled: W,
+		element: B,
+		focusableWhenDisabled: () => !1
+	}, Q = j ? void 0 : C?.registerItem(Z), ne = g(() => K() && W() && !(j?.disabled() && j.focusableWhenDisabled()) && (C === void 0 || C.toolbar !== void 0)), re = g(() => K() ? C && !C.toolbar ? W() ? "true" : "false" : void 0 : W() ? "true" : void 0), ie = g(() => C ? C.isTabStop(Z) ? 0 : -1 : !K() && W() ? -1 : 0);
+	h(() => ({
+		disabled: W(),
+		element: B(),
+		nativeButton: K(),
+		ownerDisabled: j?.disabled() ?? !1,
+		toolbarGroup: C?.toolbar !== void 0
+	}), (e) => {
+		e.element && e.nativeButton && e.toolbarGroup && e.disabled && !e.ownerDisabled && e.element.setAttribute("disabled", "");
+	}), h(() => C?.disabled() ?? !1, (e) => {
+		j?.setChildDisabled(e);
+	});
+	function ae(e) {
+		let t = !(C ? C.isPressed(U()) : I ? M.pressed : z), r = a(n, e);
+		M.onPressedChange?.(t, r), !r.isCanceled && (C?.setGroupValue(U(), t, r), !r.isCanceled && !C && !I && (z = t, R(t)));
+	}
+	function oe() {
+		C?.setActiveItem(Z);
+	}
+	function $(e) {
+		D(e, K());
+	}
+	function se(e) {
+		O(e, K());
+	}
+	let ce = o(s(() => S(() => W() ? w : void 0)), s(() => M.onClick), ae), le = o(s(() => M.onFocus), oe), ue = o(s(() => S(() => W() ? T : void 0)), s(() => M.onMouseDown)), de = o(s(() => S(() => W() ? w : void 0)), s(() => M.onPointerDown)), fe = o(s(() => S(() => W() ? C ? E : T : void 0)), s(() => M.onKeyDown), s(() => S(() => C ? $ : K() ? void 0 : k))), pe = o(s(() => S(() => W() ? T : void 0)), s(() => M.onKeyUp), s(() => S(() => C ? se : K() ? void 0 : A)));
+	h(() => ({
+		initialized: C?.isValueInitialized() ?? !1,
+		missingValue: C !== void 0 && M.value === void 0
+	}), (e) => {}), x(() => {
+		B();
+	}), b(() => {
+		j?.setChildDisabled(!1), Q?.();
+	});
+	let me = e(m, () => q(), (e) => (() => {
+		var t = d(te);
+		return p(t, e, !1), ee(), t;
+	})());
+	return u(me, f({
+		ref: [((e) => V(e)), M.ref],
+		get class() {
+			return J();
+		},
+		get style() {
+			return Y();
+		},
+		get type() {
+			return K() ? "button" : void 0;
+		},
+		get role() {
+			return K() ? void 0 : "button";
+		},
+		get disabled() {
+			return ne();
+		},
+		get "aria-disabled"() {
+			return re();
+		},
+		get "aria-pressed"() {
+			return G() ? "true" : "false";
+		},
+		get tabIndex() {
+			return ie();
+		},
+		onClick: ce,
+		onFocus: le,
+		onKeyDown: fe,
+		onKeyUp: pe,
+		onMouseDown: ue,
+		onPointerDown: de
+	}, X, H));
+}
+function w(e) {
+	e.preventDefault(), e.preventBaseUIHandler();
+}
+function T(e) {
+	e.preventBaseUIHandler();
+}
+function E(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 D(e, t) {
+	if (e.target !== e.currentTarget || e.key !== " ") {
+		t || k(e);
+		return;
+	}
+	e.preventDefault(), (!t || e.currentTarget.tagName === "BUTTON") && (e.preventBaseUIHandler(), j(e.currentTarget, e));
+}
+function O(e, t) {
+	e.target === e.currentTarget && t && e.currentTarget.tagName === "BUTTON" && e.key === " " && e.preventDefault();
+}
+function k(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(), j(e.currentTarget, e)));
+}
+function A(e) {
+	e.target === e.currentTarget && !e.defaultPrevented && e.key === " " && (e.preventBaseUIHandler(), j(e.currentTarget, e));
+}
+function j(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 { C as t };

package/dist/lib/client/toggle-group/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../toggle-group-0Aue0owJ.js";
+import { t as e } from "../toggle-group-BbQg5s-m.js";
 export { e as ToggleGroup };

package/dist/lib/client/toggle-group-BbQg5s-m.js

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

package/dist/lib/client/toolbar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../toolbar-Du22aKCv.js";
+import { t as e } from "../toolbar-BXT_g-oX.js";
 export { e as Toolbar };