solid-baseui 0.1.0-alpha.0

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

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

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

@@ -0,0 +1,308 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.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 { fieldStateAttributesMapping as s } from "./internals/field-constants.js";
+import { n as c } from "./FieldRootContext-izCEh80D.js";
+import { n as l } from "./FormContext-BB05lWOI.js";
+import { r as ee } from "./LabelableContext-DKsB0fIx.js";
+import { Dynamic as u, createComponent as d, effect as te, getNextElement as f, memo as p, mergeProps as m, ref as ne, runHydrationEvents as re, setAttribute as h, spread as ie, template as g } from "@solidjs/web";
+import { createContext as _, createEffect as v, createMemo as y, createSignal as b, createUniqueId as x, flush as ae, omit as S, onCleanup as oe, onSettled as se, untrack as C, useContext as w } from "solid-js";
+//#region src/switch/stateAttributesMapping.ts
+var T = {
+	...s,
+	checked(e) {
+		return e ? { "data-checked": "" } : { "data-unchecked": "" };
+	}
+}, E = Symbol("SwitchRootContext"), D = _(E);
+function O() {
+	let e = w(D);
+	if (e === E) 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__ */ g("<input>"), le = /* @__PURE__ */ g("<input type=hidden>"), k = {
+	"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 = {
+	...k,
+	position: "absolute"
+};
+function A(e) {
+	let s = c(!0), g = l(), _ = ee(), w = e, E = e, O = Symbol("Switch"), A = Symbol("SwitchLabelSource"), N = `base-ui-${x()}`, F = `base-ui-${x()}`, I = `base-ui-${x()}`, L = C(_.controlId), me = typeof L == "string" ? L : N, R = C(() => w.checked !== void 0), [he, ge] = b(() => !!C(() => w.defaultChecked)), [z, _e] = b(), [B, ve] = b(), [ye, V] = b(), be = S(E, "aria-describedby", "aria-labelledby", "as", "checked", "class", "defaultChecked", "disabled", "form", "id", "inputRef", "name", "nativeButton", "onBlur", "onChange", "onCheckedChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "readOnly", "ref", "required", "style", "uncheckedValue", "value"), H = y(() => R ? !!w.checked : he()), U = y(() => w.nativeButton ?? !1), W = y(() => s.disabled() || (w.disabled ?? !1)), G = y(() => w.readOnly ?? !1), K = y(() => w.required ?? !1), q = y(() => s.name() ?? w.name), J = y(() => w.id ?? me), xe = y(() => U() ? J() : F), Y = y(() => ({
+		...s.state(),
+		checked: H(),
+		disabled: W(),
+		readOnly: G(),
+		required: K()
+	})), Se = y(() => r(e.class, Y())), Ce = y(() => i(e.style, Y())), we = y(() => t(Y(), T)), Te = y(() => w["aria-labelledby"] ?? _.labelId() ?? ye()), Ee = y(() => _.getAriaDescribedBy(w["aria-describedby"])), De = y(() => _.getAriaDescribedBy(void 0)), X = C(H), Z = {
+		id: F,
+		name: w.name,
+		value: H,
+		getControl: () => z() ?? null
+	}, Oe = o(() => C(() => W() ? j : void 0), () => w.onClick, () => Pe), Q = o(() => w.onFocus, () => Fe), ke = o(() => w.onBlur, () => Ie), Ae = o(() => C(() => W() ? M : void 0), () => w.onKeyDown, () => C(() => U() ? void 0 : de)), je = o(() => C(() => W() ? M : void 0), () => w.onKeyUp, () => C(() => U() ? void 0 : fe)), Me = o(() => C(() => W() ? M : void 0), () => w.onMouseDown), Ne = o(() => C(() => W() ? j : void 0), () => w.onPointerDown);
+	function Pe(e) {
+		if (G() || W()) return;
+		e.preventDefault();
+		let t = B();
+		t && P(t, e);
+	}
+	function Fe() {
+		W() || s.setFocused(!0);
+	}
+	function Ie() {
+		!B() || W() || (s.setTouched(!0), s.setFocused(!1), s.validationMode() === "onBlur" && s.validation.commit(H()));
+	}
+	function Le(e) {
+		let t = e.currentTarget;
+		if (e.stopPropagation(), e.defaultPrevented || W() || G()) {
+			(W() || G()) && e.preventDefault(), t.checked = C(H), queueMicrotask($);
+			return;
+		}
+		let r = t.checked, i = a(n, e);
+		w.onCheckedChange?.(r, i), R && ae(), i.isCanceled ? (e.preventDefault(), t.checked = C(H)) : R ? t.checked = C(H) : ge(r), queueMicrotask($);
+	}
+	function Re() {
+		z()?.focus();
+	}
+	function $() {
+		let e = B();
+		e && (e.checked = C(H));
+	}
+	return v(() => ({
+		disabled: W(),
+		element: z(),
+		name: w.name
+	}), (e) => {
+		Z.name = e.name, s.registerFieldControl(O, e.disabled || !e.element ? void 0 : Z);
+	}), v(() => ({
+		input: B(),
+		id: J()
+	}), (e) => {
+		_.registerControlId(A, e.input ? e.id : void 0);
+	}), v(() => ({
+		input: B(),
+		disabled: W()
+	}), (e) => {
+		if (!(!e.input || e.disabled)) return s.validation.registerInput(O, e.input, () => C(() => z() ?? null));
+	}), v(() => ({
+		explicit: w["aria-labelledby"],
+		fieldLabel: _.labelId(),
+		input: B(),
+		inputId: J(),
+		nativeButton: U()
+	}), (e) => {
+		if (e.explicit || e.fieldLabel || e.nativeButton || !e.input) {
+			V(void 0);
+			return;
+		}
+		let t = e.input.closest("label") ?? e.input.labels?.[0];
+		if (!t) {
+			V(void 0);
+			return;
+		}
+		t.id ||= I, V(t.id || void 0);
+	}), v(() => ({
+		checked: H(),
+		initialValue: s.validityData().initialValue,
+		name: q()
+	}), (e) => {
+		e.checked !== X && (X = e.checked, C(() => {
+			g.clearError(e.name), s.setDirty(e.checked !== e.initialValue), s.setFilled(e.checked), s.validation.change(e.checked);
+		}));
+	}), v(() => B(), (e) => {
+		if (e) return pe(e, $);
+	}), se(() => {
+		s.setFilled(H()), z();
+	}), oe(() => {
+		s.registerFieldControl(O, void 0), _.registerControlId(A, void 0);
+	}), d(D, {
+		value: Y,
+		get children() {
+			return [
+				d(u, m({
+					get component() {
+						return e.as ?? "span";
+					},
+					ref: [((e) => _e(e)), w.ref],
+					get id() {
+						return xe();
+					},
+					get class() {
+						return Se();
+					},
+					get style() {
+						return Ce();
+					},
+					get type() {
+						return U() ? "button" : void 0;
+					},
+					role: "switch",
+					get tabIndex() {
+						return W() && !U() ? -1 : 0;
+					},
+					get disabled() {
+						return U() && W() ? !0 : void 0;
+					},
+					get "aria-disabled"() {
+						return !U() && W() ? "true" : void 0;
+					},
+					get "aria-checked"() {
+						return H() ? "true" : "false";
+					},
+					get "aria-readonly"() {
+						return G() ? "true" : void 0;
+					},
+					get "aria-required"() {
+						return K() ? "true" : void 0;
+					},
+					get "aria-labelledby"() {
+						return Te();
+					},
+					get "aria-describedby"() {
+						return Ee();
+					},
+					get "aria-invalid"() {
+						return Y().valid === !1 && !W() ? "true" : void 0;
+					},
+					onClick: Oe,
+					onFocus: Q,
+					onBlur: ke,
+					onKeyDown: Ae,
+					onKeyUp: je,
+					onMouseDown: Me,
+					onPointerDown: Ne
+				}, we, be)),
+				p(() => p(() => !!(!H() && q() && w.uncheckedValue !== void 0))() ? (() => {
+					var e = f(le);
+					return te(() => ({
+						e: w.form,
+						t: q(),
+						a: w.uncheckedValue,
+						o: W()
+					}), ({ e: t, t: n, a: r, o: i }, a) => {
+						t !== a?.e && h(e, "form", t), n !== a?.t && h(e, "name", n), e.value = r ?? "", i !== a?.o && h(e, "disabled", i);
+					}), e;
+				})() : !H() && q() && w.uncheckedValue !== void 0),
+				(() => {
+					var e = f(ce);
+					return ne(() => [((e) => ve(e)), w.inputRef], e), ie(e, m({
+						type: "checkbox",
+						get form() {
+							return w.form;
+						},
+						get id() {
+							return U() ? void 0 : J();
+						},
+						get name() {
+							return q();
+						},
+						tabindex: -1,
+						get style() {
+							return q() ? ue : k;
+						},
+						"aria-hidden": "true",
+						get "aria-describedby"() {
+							return De();
+						},
+						get "aria-invalid"() {
+							return Y().valid === !1 && !W() ? "true" : void 0;
+						},
+						get disabled() {
+							return W();
+						},
+						get checked() {
+							return H();
+						},
+						get required() {
+							return K();
+						},
+						onClick: Le,
+						onFocus: Re
+					}, () => w.value === void 0 ? {} : { value: w.value }), !1), re(), e;
+				})()
+			];
+		}
+	});
+}
+function j(e) {
+	e.preventDefault(), e.preventBaseUIHandler();
+}
+function M(e) {
+	e.preventBaseUIHandler();
+}
+function de(e) {
+	if (e.target !== e.currentTarget) return;
+	let t = N(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(), P(e.currentTarget, e)));
+}
+function fe(e) {
+	e.target === e.currentTarget && !e.defaultPrevented && e.key === " " && (e.preventBaseUIHandler(), P(e.currentTarget, e));
+}
+function N(e) {
+	return e.tagName === "A" && !!e.href;
+}
+function P(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
+function F(e) {
+	let n = O(), a = S(e, "as", "class", "style"), o = y(() => n()), s = y(() => r(e.class, o())), c = y(() => i(e.style, o())), l = y(() => t(o(), T));
+	return d(u, m({
+		get component() {
+			return e.as ?? "span";
+		},
+		get class() {
+			return s();
+		},
+		get style() {
+			return c();
+		}
+	}, l, a));
+}
+//#endregion
+//#region src/switch/index.parts.ts
+var I = /* @__PURE__ */ e({
+	Root: () => A,
+	Thumb: () => F
+});
+//#endregion
+export { I as t };

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

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