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

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

@@ -1,2 +1,2 @@
-import { t as e } from "../switch-CPl7QHKI.js";
+import { t as e } from "../switch-Bzuu5EIg.js";
 export { e as Switch };

package/dist/lib/client/{switch-CPl7QHKI.js → switch-Bzuu5EIg.js}

@@ -4,17 +4,17 @@ import { getStateAttributesProps as n } from "./internals/getStateAttributesProp
 import { w as r } from "./reasons-Co5CzjKq.js";
 import { n as i, t as a } from "./resolveStyle-XcgAuaKR.js";
 import { createChangeEventDetails as o } from "./internals/createBaseUIEventDetails.js";
-import { composeEventHandlers as s } from "./internals/composeEventHandlers.js";
-import { fieldStateAttributesMapping as c } from "./internals/field-constants.js";
-import { n as l } from "./FieldRootContext-izCEh80D.js";
-import { n as u } from "./FormContext-CwLBtm_d.js";
-import { r as d } from "./LabelableContext-CmQF-TX2.js";
-import { t as ee } from "./createLabelableId-DxJRwMUJ.js";
-import { createComponent as f, effect as te, getNextElement as p, memo as m, mergeProps as h, ref as ne, runHydrationEvents as g, setAttribute as _, setProperty as re, spread as v, template as y } from "@solidjs/web";
-import { createContext as b, createEffect as x, createMemo as S, createSignal as C, createUniqueId as w, flush as ie, omit as T, onCleanup as ae, onSettled as oe, untrack as E, useContext as D } from "solid-js";
+import { composeEventHandlers as s, liveEventHandler as c } from "./internals/composeEventHandlers.js";
+import { fieldStateAttributesMapping as l } from "./internals/field-constants.js";
+import { r as u } from "./FieldRootContext-D3fuVjs3.js";
+import { n as d } from "./FormContext-CwLBtm_d.js";
+import { r as ee } from "./LabelableContext-CmQF-TX2.js";
+import { t as te } from "./createLabelableId-DxJRwMUJ.js";
+import { createComponent as f, effect as ne, getNextElement as p, memo as m, mergeProps as h, ref as re, runHydrationEvents as g, setAttribute as _, setProperty as ie, spread as v, template as y } from "@solidjs/web";
+import { createContext as b, createEffect as x, createMemo as S, createSignal as C, createUniqueId as w, flush as ae, omit as T, onCleanup as oe, onSettled as se, untrack as E, useContext as D } from "solid-js";
 //#region src/switch/stateAttributesMapping.ts
 var O = {
-	...c,
+	...l,
 	checked(e) {
 		return e ? { "data-checked": "" } : { "data-unchecked": "" };
 	}
@@ -26,7 +26,7 @@ function j() {
 }
 //#endregion
 //#region src/switch/root/SwitchRoot.tsx
-var se = /* @__PURE__ */ y("<span>"), ce = /* @__PURE__ */ y("<input>"), le = /* @__PURE__ */ y("<input type=hidden>"), M = {
+var ce = /* @__PURE__ */ y("<span>"), le = /* @__PURE__ */ y("<input>"), ue = /* @__PURE__ */ y("<input type=hidden>"), M = {
 	"clip-path": "inset(50%)",
 	overflow: "hidden",
 	"white-space": "nowrap",
@@ -38,48 +38,48 @@ var se = /* @__PURE__ */ y("<span>"), ce = /* @__PURE__ */ y("<input>"), le = /*
 	position: "fixed",
 	top: "0",
 	left: "0"
-}, ue = {
+}, de = {
 	...M,
 	position: "absolute"
 };
 function N(e) {
-	let c = l(!0), y = u(), b = d(), D = e, k = e, j = Symbol("Switch"), N = `base-ui-${w()}`, I = `base-ui-${w()}`, R = `base-ui-${w()}`, z = b.defaultControlId, B = typeof z == "string" ? z : N, V = E(() => D.checked !== void 0), [me, he] = C(() => !!E(() => D.defaultChecked)), [H, ge] = C(), [U, _e] = C(), [ve, W] = C(), ye = T(k, "aria-describedby", "aria-labelledby", "render", "checked", "class", "defaultChecked", "disabled", "form", "id", "inputRef", "name", "nativeButton", "onBlur", "onChange", "onCheckedChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "readOnly", "ref", "required", "style", "uncheckedValue", "value"), G = S(() => V ? !!D.checked : me()), K = S(() => D.nativeButton ?? !1), q = S(() => c.disabled() || (D.disabled ?? !1)), J = S(() => D.readOnly ?? !1), Y = S(() => D.required ?? !1), X = S(() => c.name() ?? D.name), Z = ee(() => D.id, B), be = S(() => K() ? Z() : I), Q = S(() => ({
-		...c.state(),
+	let l = u(!0), y = d(), b = ee(), D = e, k = e, j = Symbol("Switch"), N = `base-ui-${w()}`, I = `base-ui-${w()}`, R = `base-ui-${w()}`, z = b.defaultControlId, B = typeof z == "string" ? z : N, V = E(() => D.checked !== void 0), [he, ge] = C(() => !!E(() => D.defaultChecked)), [H, _e] = C(), [U, ve] = C(), [ye, W] = C(), be = T(k, "aria-describedby", "aria-labelledby", "render", "checked", "class", "defaultChecked", "disabled", "form", "id", "inputRef", "name", "nativeButton", "onBlur", "onChange", "onCheckedChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "readOnly", "ref", "required", "style", "uncheckedValue", "value"), G = S(() => V ? !!D.checked : he()), K = S(() => D.nativeButton ?? !1), q = S(() => l.disabled() || (D.disabled ?? !1)), J = S(() => D.readOnly ?? !1), Y = S(() => D.required ?? !1), X = S(() => l.name() ?? D.name), Z = te(() => D.id, B), xe = S(() => K() ? Z() : I), Q = S(() => ({
+		...l.state(),
 		checked: G(),
 		disabled: q(),
 		readOnly: J(),
 		required: Y()
-	})), xe = S(() => i(e.class, Q())), Se = t(e, () => Q(), (e) => (() => {
-		var t = p(se);
+	})), Se = S(() => i(e.class, Q())), Ce = t(e, () => Q(), (e) => (() => {
+		var t = p(ce);
 		return v(t, e, !1), g(), t;
-	})()), Ce = S(() => a(e.style, Q())), we = S(() => n(Q(), O)), Te = S(() => D["aria-labelledby"] ?? b.labelId() ?? ve()), Ee = S(() => b.getAriaDescribedBy(D["aria-describedby"])), De = S(() => b.getAriaDescribedBy(void 0)), Oe = E(G), ke = {
+	})()), we = S(() => a(e.style, Q())), Te = S(() => n(Q(), O)), Ee = S(() => D["aria-labelledby"] ?? b.labelId() ?? ye()), De = S(() => b.getAriaDescribedBy(D["aria-describedby"])), Oe = S(() => b.getAriaDescribedBy(void 0)), ke = E(G), Ae = {
 		id: I,
 		name: D.name,
 		value: G,
 		getControl: () => H() ?? null
-	}, Ae = s(() => E(() => q() ? P : void 0), () => D.onClick, () => Le), je = s(() => D.onFocus, () => Re), Me = s(() => D.onBlur, () => ze), Ne = s(() => E(() => q() ? F : void 0), () => D.onKeyDown, () => E(() => K() ? void 0 : de)), Pe = s(() => E(() => q() ? F : void 0), () => D.onKeyUp, () => E(() => K() ? void 0 : fe)), Fe = s(() => E(() => q() ? F : void 0), () => D.onMouseDown), Ie = s(() => E(() => q() ? P : void 0), () => D.onPointerDown);
-	function Le(e) {
+	}, je = s(c(() => E(() => q() ? P : void 0)), c(() => D.onClick), Re), Me = s(c(() => D.onFocus), ze), Ne = s(c(() => D.onBlur), Be), Pe = s(c(() => E(() => q() ? F : void 0)), c(() => D.onKeyDown), c(() => E(() => K() ? void 0 : fe))), Fe = s(c(() => E(() => q() ? F : void 0)), c(() => D.onKeyUp), c(() => E(() => K() ? void 0 : pe))), Ie = s(c(() => E(() => q() ? F : void 0)), c(() => D.onMouseDown)), Le = s(c(() => E(() => q() ? P : void 0)), c(() => D.onPointerDown));
+	function Re(e) {
 		if (J() || q()) return;
 		e.preventDefault();
 		let t = U();
 		t && L(t, e);
 	}
-	function Re() {
-		q() || c.setFocused(!0);
-	}
 	function ze() {
-		!U() || q() || (c.setTouched(!0), c.setFocused(!1), c.validationMode() === "onBlur" && c.validation.commit(G()));
+		q() || l.setFocused(!0);
+	}
+	function Be() {
+		!U() || q() || (l.setTouched(!0), l.setFocused(!1), l.validationMode() === "onBlur" && l.validation.commit(G()));
 	}
-	function Be(e) {
+	function Ve(e) {
 		let t = e.currentTarget;
 		if (e.stopPropagation(), e.defaultPrevented || q() || J()) {
 			(q() || J()) && e.preventDefault(), t.checked = E(G), queueMicrotask($);
 			return;
 		}
 		let n = t.checked, i = o(r, e);
-		D.onCheckedChange?.(n, i), V && ie(), i.isCanceled ? (e.preventDefault(), t.checked = E(G)) : V ? t.checked = E(G) : he(n), queueMicrotask($);
+		D.onCheckedChange?.(n, i), V && ae(), i.isCanceled ? (e.preventDefault(), t.checked = E(G)) : V ? t.checked = E(G) : ge(n), queueMicrotask($);
 	}
-	function Ve() {
+	function He() {
 		H()?.focus();
 	}
 	function $() {
@@ -91,12 +91,12 @@ function N(e) {
 		element: H(),
 		name: D.name
 	}), (e) => {
-		ke.name = e.name, c.registerFieldControl(j, e.disabled || !e.element ? void 0 : ke);
+		Ae.name = e.name, l.registerFieldControl(j, e.disabled || !e.element ? void 0 : Ae);
 	}), x(() => ({
 		input: U(),
 		disabled: q()
 	}), (e) => {
-		if (!(!e.input || e.disabled)) return c.validation.registerInput(j, e.input, () => E(() => H() ?? null));
+		if (!(!e.input || e.disabled)) return l.validation.registerInput(j, e.input, () => E(() => H() ?? null));
 	}), x(() => ({
 		explicit: D["aria-labelledby"],
 		fieldLabel: b.labelId(),
@@ -116,32 +116,32 @@ function N(e) {
 		t.id ||= R, W(t.id || void 0);
 	}), x(() => ({
 		checked: G(),
-		initialValue: c.validityData().initialValue,
+		initialValue: l.validityData().initialValue,
 		name: X()
 	}), (e) => {
-		e.checked !== Oe && (Oe = e.checked, E(() => {
-			y.clearError(e.name), c.setDirty(e.checked !== e.initialValue), c.setFilled(e.checked), c.validation.change(e.checked);
+		e.checked !== ke && (ke = e.checked, E(() => {
+			y.clearError(e.name), l.setDirty(e.checked !== e.initialValue), l.setFilled(e.checked), l.validation.change(e.checked);
 		}));
 	}), x(() => U(), (e) => {
-		if (e) return pe(e, $);
+		if (e) return me(e, $);
+	}), se(() => {
+		l.setFilled(G()), H();
 	}), oe(() => {
-		c.setFilled(G()), H();
-	}), ae(() => {
-		c.registerFieldControl(j, void 0);
+		l.registerFieldControl(j, void 0);
 	}), f(A, {
 		value: Q,
 		get children() {
 			return [
-				f(Se, h({
-					ref: [((e) => ge(e)), D.ref],
+				f(Ce, h({
+					ref: [((e) => _e(e)), D.ref],
 					get id() {
-						return be();
+						return xe();
 					},
 					get class() {
-						return xe();
+						return Se();
 					},
 					get style() {
-						return Ce();
+						return we();
 					},
 					get type() {
 						return K() ? "button" : void 0;
@@ -166,36 +166,36 @@ function N(e) {
 						return Y() ? "true" : void 0;
 					},
 					get "aria-labelledby"() {
-						return Te();
+						return Ee();
 					},
 					get "aria-describedby"() {
-						return Ee();
+						return De();
 					},
 					get "aria-invalid"() {
 						return Q().valid === !1 && !q() ? "true" : void 0;
 					},
-					onClick: Ae,
-					onFocus: je,
-					onBlur: Me,
-					onKeyDown: Ne,
-					onKeyUp: Pe,
-					onMouseDown: Fe,
-					onPointerDown: Ie
-				}, we, ye)),
+					onClick: je,
+					onFocus: Me,
+					onBlur: Ne,
+					onKeyDown: Pe,
+					onKeyUp: Fe,
+					onMouseDown: Ie,
+					onPointerDown: Le
+				}, Te, be)),
 				m(() => m(() => !!(!G() && X() && D.uncheckedValue !== void 0))() ? (() => {
-					var e = p(le);
-					return te(() => ({
+					var e = p(ue);
+					return ne(() => ({
 						e: D.form,
 						t: X(),
 						a: D.uncheckedValue,
 						o: q()
 					}), ({ e: t, t: n, a: r, o: i }, a) => {
-						t !== a?.e && _(e, "form", t), n !== a?.t && _(e, "name", n), re(e, "value", r), i !== a?.o && _(e, "disabled", i);
+						t !== a?.e && _(e, "form", t), n !== a?.t && _(e, "name", n), ie(e, "value", r), i !== a?.o && _(e, "disabled", i);
 					}), e;
 				})() : !G() && X() && D.uncheckedValue !== void 0),
 				(() => {
-					var e = p(ce);
-					return ne(() => [((e) => _e(e)), D.inputRef], e), v(e, h({
+					var e = p(le);
+					return re(() => [((e) => ve(e)), D.inputRef], e), v(e, h({
 						type: "checkbox",
 						get form() {
 							return D.form;
@@ -208,11 +208,11 @@ function N(e) {
 						},
 						tabindex: -1,
 						get style() {
-							return X() ? ue : M;
+							return X() ? de : M;
 						},
 						"aria-hidden": "true",
 						get "aria-describedby"() {
-							return De();
+							return Oe();
 						},
 						get "aria-invalid"() {
 							return Q().valid === !1 && !q() ? "true" : void 0;
@@ -226,8 +226,8 @@ function N(e) {
 						get required() {
 							return Y();
 						},
-						onClick: Be,
-						onFocus: Ve
+						onClick: Ve,
+						onFocus: He
 					}, () => D.value === void 0 ? {} : { value: D.value }), !1), g(), e;
 				})()
 			];
@@ -240,7 +240,7 @@ function P(e) {
 function F(e) {
 	e.preventBaseUIHandler();
 }
-function de(e) {
+function fe(e) {
 	if (e.target !== e.currentTarget) return;
 	let t = I(e.currentTarget), n = e.key === "Enter", r = e.key === " ";
 	if (t || !n && !r) {
@@ -249,7 +249,7 @@ function de(e) {
 	}
 	e.defaultPrevented || (e.preventDefault(), n && (e.preventBaseUIHandler(), L(e.currentTarget, e)));
 }
-function fe(e) {
+function pe(e) {
 	e.target === e.currentTarget && !e.defaultPrevented && e.key === " " && (e.preventBaseUIHandler(), L(e.currentTarget, e));
 }
 function I(e) {
@@ -270,7 +270,7 @@ function L(e, t) {
 		metaKey: t.metaKey
 	}));
 }
-function pe(e, t) {
+function me(e, t) {
 	let n = (n) => {
 		n.target === e.form && queueMicrotask(t);
 	}, r = /* @__PURE__ */ new Set([e.ownerDocument, e.getRootNode()]);

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

@@ -1,2 +1,2 @@
-import { t as e } from "../tabs-Bn4rZDyZ.js";
+import { t as e } from "../tabs-DWiBDv8D.js";
 export { e as Tabs };