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

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

package/dist/lib/client/switch-Bzuu5EIg.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, 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 = {
+	...l,
+	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 ce = /* @__PURE__ */ y("<span>"), le = /* @__PURE__ */ y("<input>"), ue = /* @__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"
+}, de = {
+	...M,
+	position: "absolute"
+};
+function N(e) {
+	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()
+	})), Se = S(() => i(e.class, Q())), Ce = t(e, () => Q(), (e) => (() => {
+		var t = p(ce);
+		return v(t, e, !1), g(), t;
+	})()), 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
+	}, 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 ze() {
+		q() || l.setFocused(!0);
+	}
+	function Be() {
+		!U() || q() || (l.setTouched(!0), l.setFocused(!1), l.validationMode() === "onBlur" && l.validation.commit(G()));
+	}
+	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 && ae(), i.isCanceled ? (e.preventDefault(), t.checked = E(G)) : V ? t.checked = E(G) : ge(n), queueMicrotask($);
+	}
+	function He() {
+		H()?.focus();
+	}
+	function $() {
+		let e = U();
+		e && (e.checked = E(G));
+	}
+	return x(() => ({
+		disabled: q(),
+		element: H(),
+		name: D.name
+	}), (e) => {
+		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 l.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: l.validityData().initialValue,
+		name: X()
+	}), (e) => {
+		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 me(e, $);
+	}), se(() => {
+		l.setFilled(G()), H();
+	}), oe(() => {
+		l.registerFieldControl(j, void 0);
+	}), f(A, {
+		value: Q,
+		get children() {
+			return [
+				f(Ce, h({
+					ref: [((e) => _e(e)), D.ref],
+					get id() {
+						return xe();
+					},
+					get class() {
+						return Se();
+					},
+					get style() {
+						return we();
+					},
+					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 Ee();
+					},
+					get "aria-describedby"() {
+						return De();
+					},
+					get "aria-invalid"() {
+						return Q().valid === !1 && !q() ? "true" : void 0;
+					},
+					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(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), ie(e, "value", r), i !== a?.o && _(e, "disabled", i);
+					}), e;
+				})() : !G() && X() && D.uncheckedValue !== void 0),
+				(() => {
+					var e = p(le);
+					return re(() => [((e) => ve(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() ? de : M;
+						},
+						"aria-hidden": "true",
+						get "aria-describedby"() {
+							return Oe();
+						},
+						get "aria-invalid"() {
+							return Q().valid === !1 && !q() ? "true" : void 0;
+						},
+						get disabled() {
+							return q();
+						},
+						get checked() {
+							return G();
+						},
+						get required() {
+							return Y();
+						},
+						onClick: Ve,
+						onFocus: He
+					}, () => D.value === void 0 ? {} : { value: D.value }), !1), g(), e;
+				})()
+			];
+		}
+	});
+}
+function P(e) {
+	e.preventDefault(), e.preventBaseUIHandler();
+}
+function F(e) {
+	e.preventBaseUIHandler();
+}
+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) {
+		t && r && e.preventDefault();
+		return;
+	}
+	e.defaultPrevented || (e.preventDefault(), n && (e.preventBaseUIHandler(), L(e.currentTarget, e)));
+}
+function pe(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 me(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-DWiBDv8D.js";
 export { e as Tabs };