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

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

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

package/dist/lib/client/{toggle-CsC37e3e.js → toggle-CAe-Z8Xn.js}

@@ -3,25 +3,25 @@ import { getStateAttributesProps as t } from "./internals/getStateAttributesProp
 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";
+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 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(() => ({
+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 = h(() => r(p.class, q())), Y = h(() => i(p.style, q())), X = h(() => t(q())), Z = {
+	})), 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), $ = 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(() => ({
+	}, 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(),
@@ -29,36 +29,36 @@ function C(p) {
 		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) => {
+	}), h(() => C?.disabled() ?? !1, (e) => {
 		j?.setChildDisabled(e);
 	});
-	function re(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 ie() {
+	function oe() {
 		C?.setActiveItem(Z);
 	}
-	function ae(e) {
+	function $(e) {
 		D(e, K());
 	}
-	function oe(e) {
+	function se(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(() => ({
+	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) => {}), b(() => {
+	}), (e) => {}), x(() => {
 		B();
-	}), y(() => {
+	}), b(() => {
 		j?.setChildDisabled(!1), Q?.();
 	});
-	let pe = e(p, () => q(), (e) => (() => {
-		var t = ee(S);
-		return f(t, e, !1), d(), t;
+	let me = e(m, () => q(), (e) => (() => {
+		var t = d(te);
+		return p(t, e, !1), ee(), t;
 	})());
-	return l(pe, u({
+	return u(me, f({
 		ref: [((e) => V(e)), M.ref],
 		get class() {
 			return J();
@@ -73,23 +73,23 @@ function C(p) {
 			return K() ? void 0 : "button";
 		},
 		get disabled() {
-			return $();
+			return ne();
 		},
 		get "aria-disabled"() {
-			return te();
+			return re();
 		},
 		get "aria-pressed"() {
 			return G() ? "true" : "false";
 		},
 		get tabIndex() {
-			return ne();
+			return ie();
 		},
-		onClick: se,
-		onFocus: ce,
-		onKeyDown: de,
-		onKeyUp: fe,
-		onMouseDown: le,
-		onPointerDown: ue
+		onClick: ce,
+		onFocus: le,
+		onKeyDown: fe,
+		onKeyUp: pe,
+		onMouseDown: ue,
+		onPointerDown: de
 	}, X, H));
 }
 function w(e) {

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

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

package/dist/lib/client/{toggle-group-DSWb9HxN.js → toggle-group-BbQg5s-m.js}

@@ -1,21 +1,21 @@
 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";
+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 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(() => ({
+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 = g(() => n(m.class, K())), J = g(() => r(m.style, K())), Y = g(() => t(K()));
+	})), 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();
@@ -32,33 +32,33 @@ function C(m) {
 		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));
+		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 (w) {
-			w.setActiveItem(e);
+		if (T) {
+			T.setActiveItem(e);
 			return;
 		}
-		e.disabled() || (z = e.token, F(e.token));
+		e.disabled() || (z = e.token, ee(e.token));
 	}
-	function ee(e) {
-		if (w) return w.isTabStop(e);
+	function te(e) {
+		if (T) return T.isTabStop(e);
 		I();
-		let t = X().filter(Z), n = t.find((e) => e.token === (P() ?? z));
+		let t = X().filter(Z), n = t.find((e) => e.token === (F() ?? 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) {
+		return (k ? D.value ?? C : M).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, 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 re(e) {
+	function ie(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";
+		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);
@@ -67,7 +67,7 @@ function C(m) {
 			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)));
+		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];
@@ -75,7 +75,7 @@ function C(m) {
 			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;
+					if (!(D.loopFocus ?? !0)) break;
 					n = (n + s.length) % s.length;
 				}
 				let e = s[n];
@@ -87,18 +87,18 @@ function C(m) {
 		}
 		!f || f === s[d] || (e.preventDefault(), e.stopPropagation(), $(f), queueMicrotask(() => f.element()?.focus()));
 	}
-	let ie = i(() => E.onKeyDown, () => w ? void 0 : re), ae = {
+	let ae = i(a(() => D.onKeyDown), a(() => T ? void 0 : ie)), oe = {
 		disabled: H,
-		isPressed: te,
-		isTabStop: ee,
+		isPressed: ne,
+		isTabStop: te,
 		isValueInitialized: G,
 		registerItem: Q,
 		setActiveItem: $,
-		setGroupValue: ne,
-		toolbar: w,
+		setGroupValue: re,
+		toolbar: T,
 		value: V
 	};
-	h(M, (e) => {
+	g(N, (e) => {
 		let t = e?.ownerDocument.defaultView?.MutationObserver;
 		if (!e || !t) return;
 		let n = new t(() => L((e) => e + 1));
@@ -106,18 +106,18 @@ function C(m) {
 			childList: !0,
 			subtree: !0
 		}), () => n.disconnect();
-	}), y(() => {
+	}), b(() => {
 		L((e) => e + 1);
 	});
-	let oe = e(m, () => K(), (e) => (() => {
-		var t = u(x);
-		return p(t, e, !1), f(), t;
+	let se = e(h, () => K(), (e) => (() => {
+		var t = d(S);
+		return m(t, e, !1), p(), t;
 	})());
-	return l(c, {
-		value: ae,
+	return u(l, {
+		value: oe,
 		get children() {
-			return l(oe, d({
-				ref: [((e) => N(e)), E.ref],
+			return u(se, f({
+				ref: [((e) => P(e)), D.ref],
 				get class() {
 					return q();
 				},
@@ -125,10 +125,10 @@ function C(m) {
 					return J();
 				},
 				role: "group",
-				onKeyDown: ie
+				onKeyDown: ae
 			}, Y, B));
 		}
 	});
 }
 //#endregion
-export { C as t };
+export { w as t };

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

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