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

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

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

package/dist/lib/client/switch-CPl7QHKI.js

@@ -0,0 +1,306 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as n } from "./internals/getStateAttributesProps.js";
+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";
+//#region src/switch/stateAttributesMapping.ts
+var O = {
+	...c,
+	checked(e) {
+		return e ? { "data-checked": "" } : { "data-unchecked": "" };
+	}
+}, k = Symbol("SwitchRootContext"), A = b(k);
+function j() {
+	let e = D(A);
+	if (e === k) throw Error("Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>.");
+	return e;
+}
+//#endregion
+//#region src/switch/root/SwitchRoot.tsx
+var se = /* @__PURE__ */ y("<span>"), ce = /* @__PURE__ */ y("<input>"), le = /* @__PURE__ */ y("<input type=hidden>"), M = {
+	"clip-path": "inset(50%)",
+	overflow: "hidden",
+	"white-space": "nowrap",
+	border: "0",
+	padding: "0",
+	width: "1px",
+	height: "1px",
+	margin: "-1px",
+	position: "fixed",
+	top: "0",
+	left: "0"
+}, ue = {
+	...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(),
+		checked: G(),
+		disabled: q(),
+		readOnly: J(),
+		required: Y()
+	})), xe = S(() => i(e.class, Q())), Se = t(e, () => Q(), (e) => (() => {
+		var t = p(se);
+		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 = {
+		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) {
+		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()));
+	}
+	function Be(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($);
+	}
+	function Ve() {
+		H()?.focus();
+	}
+	function $() {
+		let e = U();
+		e && (e.checked = E(G));
+	}
+	return x(() => ({
+		disabled: q(),
+		element: H(),
+		name: D.name
+	}), (e) => {
+		ke.name = e.name, c.registerFieldControl(j, e.disabled || !e.element ? void 0 : ke);
+	}), x(() => ({
+		input: U(),
+		disabled: q()
+	}), (e) => {
+		if (!(!e.input || e.disabled)) return c.validation.registerInput(j, e.input, () => E(() => H() ?? null));
+	}), x(() => ({
+		explicit: D["aria-labelledby"],
+		fieldLabel: b.labelId(),
+		input: U(),
+		inputId: Z(),
+		nativeButton: K()
+	}), (e) => {
+		if (e.explicit || e.fieldLabel || e.nativeButton || !e.input) {
+			W(void 0);
+			return;
+		}
+		let t = e.input.closest("label") ?? e.input.labels?.[0];
+		if (!t) {
+			W(void 0);
+			return;
+		}
+		t.id ||= R, W(t.id || void 0);
+	}), x(() => ({
+		checked: G(),
+		initialValue: c.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);
+		}));
+	}), x(() => U(), (e) => {
+		if (e) return pe(e, $);
+	}), oe(() => {
+		c.setFilled(G()), H();
+	}), ae(() => {
+		c.registerFieldControl(j, void 0);
+	}), f(A, {
+		value: Q,
+		get children() {
+			return [
+				f(Se, h({
+					ref: [((e) => ge(e)), D.ref],
+					get id() {
+						return be();
+					},
+					get class() {
+						return xe();
+					},
+					get style() {
+						return Ce();
+					},
+					get type() {
+						return K() ? "button" : void 0;
+					},
+					role: "switch",
+					get tabIndex() {
+						return q() && !K() ? -1 : 0;
+					},
+					get disabled() {
+						return K() && q() ? !0 : void 0;
+					},
+					get "aria-disabled"() {
+						return !K() && q() ? "true" : void 0;
+					},
+					get "aria-checked"() {
+						return G() ? "true" : "false";
+					},
+					get "aria-readonly"() {
+						return J() ? "true" : void 0;
+					},
+					get "aria-required"() {
+						return Y() ? "true" : void 0;
+					},
+					get "aria-labelledby"() {
+						return Te();
+					},
+					get "aria-describedby"() {
+						return Ee();
+					},
+					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)),
+				m(() => m(() => !!(!G() && X() && D.uncheckedValue !== void 0))() ? (() => {
+					var e = p(le);
+					return te(() => ({
+						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);
+					}), e;
+				})() : !G() && X() && D.uncheckedValue !== void 0),
+				(() => {
+					var e = p(ce);
+					return ne(() => [((e) => _e(e)), D.inputRef], e), v(e, h({
+						type: "checkbox",
+						get form() {
+							return D.form;
+						},
+						get id() {
+							return K() ? void 0 : Z();
+						},
+						get name() {
+							return X();
+						},
+						tabindex: -1,
+						get style() {
+							return X() ? ue : M;
+						},
+						"aria-hidden": "true",
+						get "aria-describedby"() {
+							return De();
+						},
+						get "aria-invalid"() {
+							return Q().valid === !1 && !q() ? "true" : void 0;
+						},
+						get disabled() {
+							return q();
+						},
+						get checked() {
+							return G();
+						},
+						get required() {
+							return Y();
+						},
+						onClick: Be,
+						onFocus: Ve
+					}, () => D.value === void 0 ? {} : { value: D.value }), !1), g(), e;
+				})()
+			];
+		}
+	});
+}
+function P(e) {
+	e.preventDefault(), e.preventBaseUIHandler();
+}
+function F(e) {
+	e.preventBaseUIHandler();
+}
+function de(e) {
+	if (e.target !== e.currentTarget) return;
+	let t = I(e.currentTarget), n = e.key === "Enter", r = e.key === " ";
+	if (t || !n && !r) {
+		t && r && e.preventDefault();
+		return;
+	}
+	e.defaultPrevented || (e.preventDefault(), n && (e.preventBaseUIHandler(), L(e.currentTarget, e)));
+}
+function fe(e) {
+	e.target === e.currentTarget && !e.defaultPrevented && e.key === " " && (e.preventBaseUIHandler(), L(e.currentTarget, e));
+}
+function I(e) {
+	return e.tagName === "A" && !!e.href;
+}
+function L(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
+	}));
+}
+function pe(e, t) {
+	let n = (n) => {
+		n.target === e.form && queueMicrotask(t);
+	}, r = /* @__PURE__ */ new Set([e.ownerDocument, e.getRootNode()]);
+	for (let e of r) e.addEventListener("reset", n);
+	return () => {
+		for (let e of r) e.removeEventListener("reset", n);
+	};
+}
+//#endregion
+//#region src/switch/thumb/SwitchThumb.tsx
+var R = /* @__PURE__ */ y("<span>");
+function z(e) {
+	let r = j(), o = T(e, "render", "class", "style"), s = S(() => r()), c = S(() => i(e.class, s())), l = t(e, () => s(), (e) => (() => {
+		var t = p(R);
+		return v(t, e, !1), g(), t;
+	})()), u = S(() => a(e.style, s())), d = S(() => n(s(), O));
+	return f(l, h({
+		get class() {
+			return c();
+		},
+		get style() {
+			return u();
+		}
+	}, d, o));
+}
+//#endregion
+//#region src/switch/index.parts.ts
+var B = /* @__PURE__ */ e({
+	Root: () => N,
+	Thumb: () => z
+});
+//#endregion
+export { B as t };

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

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