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

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-CsC37e3e.js";
 export { e as Toggle };

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

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