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

package/dist/lib/client/field-C-o7jzKW.js

@@ -1,469 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
-import { n, t as r } from "./resolveStyle-XcgAuaKR.js";
-import { transitionStatusMapping as i } from "./internals/stateAttributesMapping.js";
-import { composeEventHandlers as a } from "./internals/composeEventHandlers.js";
-import { t as o } from "./runOnceAnimationsFinish-15EM-Z4l.js";
-import { t as s } from "./createTransitionStatus-B1L-whed.js";
-import { DEFAULT_VALIDITY_DATA as c, DEFAULT_VALIDITY_STATE as l, VALIDITY_KEYS as u, copyNativeValidity as d, fieldStateAttributesMapping as f } from "./internals/field-constants.js";
-import { n as p, t as m } from "./FieldRootContext-izCEh80D.js";
-import { n as h } from "./FormContext-BB05lWOI.js";
-import { n as g, r as _, t as v } from "./LabelableContext-DKsB0fIx.js";
-import { n as y, t as b } from "./FieldItemContext-Bwzf-4tL.js";
-import { n as x } from "./FieldsetRootContext-BgThSAcd.js";
-import { t as S } from "./form-types-DFBxc1LF.js";
-import { t as C } from "./FieldControl-Bc-z2og6.js";
-import { Dynamic as w, createComponent as T, getNextElement as E, insert as D, memo as O, mergeProps as k, template as A } from "@solidjs/web";
-import { For as j, Show as M, createEffect as N, createMemo as P, createSignal as F, createUniqueId as I, omit as L, onCleanup as R, onSettled as z, untrack as B } from "solid-js";
-//#region src/field/root/createFieldValidation.ts
-function V(e) {
-	let t = /* @__PURE__ */ new Map(), n = null, r = 0, i;
-	function a() {
-		i !== void 0 && (clearTimeout(i), i = void 0);
-	}
-	function o() {
-		let r = n ? t.get(n) : void 0;
-		if (!r) return null;
-		let i = null;
-		for (let t of r.keys()) if (H(t, e.form.formElement())) {
-			if (!t.validity.valid) return t;
-			i ??= t;
-		}
-		return i;
-	}
-	function s(e) {
-		for (let e of t.values()) for (let t of e.keys()) t.setCustomValidity("");
-		e?.setCustomValidity("");
-	}
-	function c(t, n) {
-		s(n), e.publish({
-			value: t,
-			state: {
-				...l,
-				valid: !0
-			},
-			error: "",
-			errors: [],
-			initialValue: e.getValidityData().initialValue
-		});
-	}
-	function d(t, n = !1) {
-		r += 1;
-		let i = r;
-		a();
-		let s = o();
-		if (n) {
-			if (e.state().valid !== !1 || !s) return;
-			let n = s.validity;
-			if (!n.valueMissing) {
-				c(t, s);
-				return;
-			}
-			for (let e of u) if (e !== "valueMissing" && e !== "customError" && n[e]) return;
-		}
-		let d = s ? U(s, e.isMarkedDirty()) : {
-			...l,
-			valid: !0
-		}, p = e.shouldValidateOnChange();
-		if (s?.validationMessage && !p) {
-			e.publish({
-				value: t,
-				state: d,
-				error: s.validationMessage,
-				errors: [s.validationMessage],
-				initialValue: e.getValidityData().initialValue
-			});
-			return;
-		}
-		let m = e.validate()?.(t, e.form.getFormValues()) ?? null;
-		if (W(m)) {
-			m.then((e) => {
-				i === r && f(t, s, d, e, p);
-			});
-			return;
-		}
-		f(t, s, d, m, p);
-	}
-	function f(t, n, r, i, a) {
-		let o = { ...r }, c = [], l = "";
-		i === null ? a && (s(n), o.customError = !1, n?.validationMessage ? (l = n.validationMessage, c = [l]) : (!n || n.validity.valid) && (o.valid = !0)) : (c = Array.isArray(i) ? i : [i], l = c[0] ?? "", o.valid = !1, o.customError = !0, n?.setCustomValidity(c.join("\n"))), e.publish({
-			value: t,
-			state: o,
-			error: l,
-			errors: c,
-			initialValue: e.getValidityData().initialValue
-		});
-	}
-	function p(t) {
-		a();
-		let n = e.shouldValidateOnChange(), o = e.validationDebounceTime();
-		if (n && t !== "" && o > 0) {
-			r += 1, i = setTimeout(() => {
-				i = void 0, d(t);
-			}, o);
-			return;
-		}
-		d(t, !n);
-	}
-	function m(e, n, r = () => n) {
-		let i = t.get(e);
-		return i || (i = /* @__PURE__ */ new Map(), t.set(e, i)), i.set(n, { getControl: r }), () => {
-			let r = t.get(e);
-			r?.delete(n), r?.size === 0 && t.delete(e);
-		};
-	}
-	function h() {
-		let e = o(), r = n && e ? t.get(n)?.get(e) : void 0;
-		return e ? r?.getControl() ?? e : null;
-	}
-	function g(e) {
-		n = e;
-	}
-	return R(a), {
-		commit: d,
-		change: p,
-		registerInput: m,
-		getInputControl: h,
-		setActiveInputSource: g
-	};
-}
-function H(e, t) {
-	return e.matches(":disabled") ? !1 : !t || e.form === t || e.form === null && !e.hasAttribute("form");
-}
-function U(e, t) {
-	let n = d(e.validity), r = n.valueMissing;
-	for (let e of u) if (e !== "valueMissing" && n[e]) {
-		r = !1;
-		break;
-	}
-	return r && !t && (n.valid = !0, n.valueMissing = !1), n;
-}
-function W(e) {
-	return typeof e == "object" && !!e && "then" in e;
-}
-//#endregion
-//#region src/field/root/FieldRoot.tsx
-function G(e) {
-	let i = h(), a = e, o = x(!0), s = _(), l = g({ parent: s }), u = L(e, "actionsRef", "as", "class", "dirty", "disabled", "invalid", "name", "style", "touched", "validate", "validationDebounceTime", "validationMode"), [d, p] = F(!1), [y, b] = F(!1), [C, E] = F(!1), [D, O] = F(!1), [A, j] = F(0), M = B(() => e.dirty ?? !1), I = null, z = null, H = !1, U, W = {
-		...c,
-		state: { ...c.state },
-		errors: []
-	}, [G, K] = F(W), q = P(() => o?.disabled() || (e.disabled ?? !1)), ee = P(() => (A(), z?.name)), J = P(() => e.name ?? ee()), Y = P(() => e.invalid === !0 || S(i.errors(), J())), X = P(() => e.validationMode ?? i.validationMode()), te = P(() => e.dirty ?? y()), ne = P(() => e.touched ?? d()), Z = P(() => ({
-		disabled: q(),
-		touched: ne(),
-		dirty: te(),
-		valid: Y() ? !1 : q() ? null : G().state.valid,
-		filled: C(),
-		focused: D()
-	})), re = P(() => n(e.class, Z())), ie = P(() => r(e.style, Z())), ae = P(() => t(Z(), f));
-	function oe(e) {
-		W = e, K(e);
-	}
-	function se(t) {
-		e.touched === void 0 && p(t);
-	}
-	function ce(t) {
-		e.dirty === void 0 && (t && (M = !0), b(t));
-	}
-	function le() {
-		return z ? z.value() : W.value;
-	}
-	function ue() {
-		return z ? z.getValue ? z.getValue() : z.value() : W.value;
-	}
-	function Q() {
-		M = !0, $.commit(le());
-	}
-	let $ = V({
-		form: i,
-		getValidityData: () => W,
-		publish: oe,
-		validate: () => e.validate,
-		validationDebounceTime: () => e.validationDebounceTime ?? 0,
-		state: Z,
-		isMarkedDirty: () => M,
-		shouldValidateOnChange: () => X() === "onChange" || X() === "onSubmit" && i.submitAttempted()
-	}), de = {
-		token: Symbol("Field"),
-		name: J,
-		validate: Q,
-		isInvalid: () => Y() || !q() && W.state.valid === !1,
-		getControl: () => $.getInputControl() ?? z?.getControl() ?? null,
-		getValue: ue
-	};
-	function fe() {
-		let e = !!(z?.id && !q());
-		e && !U ? U = i.registerField(de) : !e && U && (U(), U = void 0);
-	}
-	function pe(e, t) {
-		if (!t) {
-			I === e && (I = null, z = null, $.setActiveInputSource(null), j((e) => e + 1));
-			return;
-		}
-		I = e, z = t, $.setActiveInputSource(e), H || (H = !0, oe({
-			...W,
-			initialValue: B(le)
-		})), j((e) => e + 1);
-	}
-	let me = { validate: Q }, he = {
-		state: Z,
-		validityData: G,
-		name: J,
-		disabled: q,
-		invalid: Y,
-		validationMode: X,
-		shouldValidateOnChange: () => X() === "onChange" || X() === "onSubmit" && i.submitAttempted(),
-		setTouched: se,
-		setDirty: ce,
-		setFilled: E,
-		setFocused: O,
-		registerFieldControl: pe,
-		validation: $
-	};
-	return N(() => e.dirty, (e) => {
-		e !== void 0 && (M = e);
-	}), N(() => ({
-		version: A(),
-		disabled: q()
-	}), () => B(fe)), N(() => a.actionsRef, (e) => {
-		e?.(me);
-	}), R(() => U?.()), T(v, {
-		value: l,
-		get children() {
-			return T(m, {
-				value: he,
-				get children() {
-					return T(w, k({
-						get component() {
-							return e.as ?? "div";
-						},
-						get class() {
-							return re();
-						},
-						get style() {
-							return ie();
-						}
-					}, ae, u));
-				}
-			});
-		}
-	});
-}
-//#endregion
-//#region src/field/label/FieldLabel.tsx
-function K(e) {
-	let i = p(), o = y(), s = _(), c = e, l = e, u = `base-ui-${I()}`, [d, m] = F(), h = L(l, "as", "class", "id", "nativeLabel", "onClick", "onMouseDown", "onPointerDown", "ref", "style"), g = P(() => c.id ?? u), v = P(() => c.nativeLabel ?? !0), b = P(() => ({
-		...i.state(),
-		disabled: i.disabled() || o.disabled()
-	})), x = P(() => n(e.class, b())), S = P(() => r(e.style, b())), C = P(() => t(b(), f)), E = a(() => c.onClick), D = a(() => c.onMouseDown), A = a(() => c.onPointerDown);
-	function j(e) {
-		return e instanceof Element && !!e.closest("button,input,select,textarea");
-	}
-	function M() {
-		let e = s.controlId(), t = d();
-		if (!e || !t) return;
-		let n = t.ownerDocument.getElementById(e);
-		n instanceof HTMLElement && n.focus({ focusVisible: !0 });
-	}
-	function R(e) {
-		E.call(e.currentTarget, e), !e.baseUIHandlerPrevented && !v() && !j(e.target) && M();
-	}
-	function B(e) {
-		D.call(e.currentTarget, e), !e.baseUIHandlerPrevented && !j(e.target) && !e.defaultPrevented && e.detail > 1 && e.preventDefault();
-	}
-	function V(e) {
-		A.call(e.currentTarget, e), !e.baseUIHandlerPrevented && (v() || e.preventDefault());
-	}
-	return N(g, (e) => s.registerLabelId(e)), z(() => {
-		d();
-	}), T(w, k({
-		get component() {
-			return e.as ?? "label";
-		},
-		ref: [((e) => m(e)), c.ref],
-		get id() {
-			return g();
-		},
-		get class() {
-			return x();
-		},
-		get style() {
-			return S();
-		},
-		get for() {
-			return O(() => !!v())() ? s.controlId() ?? void 0 : void 0;
-		},
-		onClick: R,
-		onMouseDown: B,
-		onPointerDown: V
-	}, C, h));
-}
-//#endregion
-//#region src/field/description/FieldDescription.tsx
-function q(e) {
-	let i = p(), a = y(), o = _(), s = Symbol("FieldDescription"), c = `base-ui-${I()}`, l = L(e, "as", "class", "id", "style"), u = P(() => e.id ?? c), d = P(() => ({
-		...i.state(),
-		disabled: i.disabled() || a.disabled()
-	})), m = P(() => n(e.class, d())), h = P(() => r(e.style, d())), g = P(() => t(d(), f));
-	return N(u, (e) => o.registerMessageId(s, e)), R(() => o.registerMessageId(s, void 0)), T(w, k({
-		get component() {
-			return e.as ?? "p";
-		},
-		get id() {
-			return u();
-		},
-		get class() {
-			return m();
-		},
-		get style() {
-			return h();
-		}
-	}, g, l));
-}
-//#endregion
-//#region src/field/item/FieldItem.tsx
-function ee(e) {
-	let i = p(), a = _(), o = g({ parent: a }), s = L(e, "as", "class", "disabled", "style"), c = P(() => i.disabled() || (e.disabled ?? !1)), l = P(() => ({
-		...i.state(),
-		disabled: c()
-	})), u = P(() => n(e.class, l())), d = P(() => r(e.style, l())), m = P(() => t(l(), f)), h = { disabled: c };
-	return T(v, {
-		value: o,
-		get children() {
-			return T(b, {
-				value: h,
-				get children() {
-					return T(w, k({
-						get component() {
-							return e.as ?? "div";
-						},
-						get class() {
-							return u();
-						},
-						get style() {
-							return d();
-						}
-					}, m, s));
-				}
-			});
-		}
-	});
-}
-//#endregion
-//#region src/field/error/FieldError.tsx
-var J = /* @__PURE__ */ A("<ul>"), Y = /* @__PURE__ */ A("<li>"), X = {
-	...f,
-	...i
-};
-function te(e) {
-	let i, a = !1, c = p(), l = h(), u = _(), d = e, f = e, m = Symbol("FieldError"), g = `base-ui-${I()}`, v = L(f, "as", "children", "class", "id", "match", "ref", "style"), y = P(() => d.id ?? g), b = P(() => {
-		let e = c.name(), t = l.errors();
-		return e && Object.hasOwn(t, e) ? t[e] : null;
-	}), x = P(() => {
-		let e = b();
-		return Array.isArray(e) ? e.length > 0 : !!e;
-	}), S = P(() => typeof d.match == "string" ? d.match : void 0), C = P(() => {
-		if (d.match === !0) return !0;
-		if (c.state().disabled) return !1;
-		let e = S();
-		return e ? !!c.validityData().state[e] : x() || c.validityData().state.valid === !1;
-	}), A = P(() => {
-		if (!S() && x()) return b();
-		let e = c.validityData();
-		return e.errors.length > 1 ? e.errors : e.error;
-	}), z = P(() => {
-		if (d.children !== void 0) return d.children;
-		let e = A();
-		return Array.isArray(e) ? e.length > 1 ? (() => {
-			var t = E(J);
-			return D(t, T(j, {
-				each: e,
-				children: (e) => (() => {
-					var t = E(Y);
-					return D(t, e), t;
-				})()
-			})), t;
-		})() : e[0] : e;
-	}), [B, V] = F(), H = s(() => C()), U = P(() => ({
-		...c.state(),
-		transitionStatus: H.transitionStatus()
-	})), W = P(() => H.mounted() ? n(e.class, U()) : void 0), G = P(() => H.mounted() ? r(e.style, U()) : void 0), K = P(() => t(U(), X));
-	return N(() => ({
-		visible: C(),
-		id: y(),
-		message: C() ? z() : void 0
-	}), (e) => {
-		a = e.visible, u.registerMessageId(m, e.visible ? e.id : void 0), e.visible && V(e.message);
-	}), N(() => ({
-		visible: C(),
-		transitionStatus: H.transitionStatus(),
-		element: i
-	}), (e) => {
-		if (e.visible || e.transitionStatus !== "ending" || !e.element) return;
-		let t = new AbortController();
-		return o(e.element, () => {
-			a || (i = void 0, H.setMounted(!1));
-		}, t.signal), () => t.abort();
-	}), R(() => u.registerMessageId(m, void 0)), T(M, {
-		get when() {
-			return H.mounted();
-		},
-		get children() {
-			return T(w, k({
-				get component() {
-					return e.as ?? "div";
-				},
-				ref: [d.ref, ((e) => i = e)],
-				get id() {
-					return y();
-				},
-				get class() {
-					return W();
-				},
-				get style() {
-					return G();
-				}
-			}, K, v, { get children() {
-				return O(() => !!C())() ? z() : B();
-			} }));
-		}
-	});
-}
-//#endregion
-//#region src/field/validity/FieldValidity.tsx
-function ne(e) {
-	let t = p(), n = P(() => {
-		let e = t.validityData();
-		return t.invalid() ? {
-			...e,
-			state: {
-				...e.state,
-				valid: !1
-			}
-		} : e;
-	}), r = s(() => n().state.valid === !1), i = P(() => {
-		let e = n();
-		return {
-			error: e.error,
-			errors: e.errors,
-			value: e.value,
-			initialValue: e.initialValue,
-			validity: e.state,
-			transitionStatus: r.transitionStatus()
-		};
-	});
-	return O(() => e.children(i()));
-}
-//#endregion
-//#region src/field/index.parts.ts
-var Z = /* @__PURE__ */ e({
-	Control: () => C,
-	Description: () => q,
-	Error: () => te,
-	Item: () => ee,
-	Label: () => K,
-	Root: () => G,
-	Validity: () => ne
-});
-//#endregion
-export { Z as t };

package/dist/lib/client/fieldset-BQTAWv2L.js

@@ -1,65 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
-import { n, t as r } from "./resolveStyle-XcgAuaKR.js";
-import { n as i, t as a } from "./FieldsetRootContext-BgThSAcd.js";
-import { Dynamic as o, createComponent as s, mergeProps as c } from "@solidjs/web";
-import { createEffect as l, createMemo as u, createSignal as d, createUniqueId as f, omit as p } from "solid-js";
-//#region src/fieldset/root/FieldsetRoot.tsx
-function m(e) {
-	let l = i(!0), [f, m] = d(), h = p(e, "as", "class", "disabled", "style"), g = u(() => l?.disabled() || (e.disabled ?? !1)), _ = u(() => ({ disabled: g() })), v = u(() => n(e.class, _())), y = u(() => r(e.style, _())), b = u(() => t(_()));
-	return s(a, {
-		value: {
-			legendId: f,
-			setLegendId: m,
-			disabled: g
-		},
-		get children() {
-			return s(o, c({
-				get component() {
-					return e.as ?? "fieldset";
-				},
-				get class() {
-					return v();
-				},
-				get style() {
-					return y();
-				},
-				get "aria-labelledby"() {
-					return f();
-				},
-				get disabled() {
-					return g();
-				}
-			}, b, h));
-		}
-	});
-}
-//#endregion
-//#region src/fieldset/legend/FieldsetLegend.tsx
-function h(e) {
-	let a = i(), d = `base-ui-${f()}`, m = p(e, "as", "class", "id", "style"), h = u(() => e.id ?? d), g = u(() => ({ disabled: a.disabled() })), _ = u(() => n(e.class, g())), v = u(() => r(e.style, g())), y = u(() => t(g()));
-	return l(h, (e) => (a.setLegendId(e), () => {
-		a.setLegendId((t) => t === e ? void 0 : t);
-	})), s(o, c({
-		get component() {
-			return e.as ?? "div";
-		},
-		get id() {
-			return h();
-		},
-		get class() {
-			return _();
-		},
-		get style() {
-			return v();
-		}
-	}, y, m));
-}
-//#endregion
-//#region src/fieldset/index.parts.ts
-var g = /* @__PURE__ */ e({
-	Legend: () => h,
-	Root: () => m
-});
-//#endregion
-export { g as t };

package/dist/lib/client/form-BINBiW5L.js

@@ -1,106 +0,0 @@
-import { w as e } from "./reasons-Co5CzjKq.js";
-import { n as t, t as n } from "./resolveStyle-XcgAuaKR.js";
-import { createGenericEventDetails as r } from "./internals/createBaseUIEventDetails.js";
-import { composeEventHandlers as i } from "./internals/composeEventHandlers.js";
-import { t as a } from "./FormContext-BB05lWOI.js";
-import { t as o } from "./form-types-DFBxc1LF.js";
-import { Dynamic as s, createComponent as c, mergeProps as l } from "@solidjs/web";
-import { createEffect as u, createMemo as d, createSignal as f, omit as p, untrack as m } from "solid-js";
-//#region src/form/Form.tsx
-var h = Object.freeze({}), g = {};
-function _(_) {
-	let y = null, b = !1, x = !1, S = /* @__PURE__ */ new Map(), C = _, w = m(() => C.errors), T = _, E = p(_, "actionsRef", "as", "class", "errors", "onFormSubmit", "onSubmit", "ref", "style", "validationMode"), [D, O] = f(m(() => C.errors) ?? h), k = d(() => C.validationMode ?? "onSubmit"), A = d(() => t(_.class, g)), j = d(() => n(_.style, g));
-	function M(e) {
-		return S.set(e.token, e), () => {
-			S.get(e.token) === e && S.delete(e.token);
-		};
-	}
-	function N() {
-		let e = {};
-		for (let t of S.values()) {
-			let n = t.name();
-			n && (e[n] = t.getValue());
-		}
-		return e;
-	}
-	function P(e = m(D)) {
-		let t = !1, n = null;
-		for (let r of S.values()) {
-			if (!r.isInvalid() && !o(e, r.name())) continue;
-			t = !0;
-			let i = r.getControl();
-			i && (!n || v(i, n)) && (n = i);
-		}
-		return n ? (n.focus(), n.tagName === "INPUT" && n.select(), !0) : t;
-	}
-	function F(e) {
-		let t = m(D);
-		if (!e || !Object.hasOwn(t, e)) return;
-		let n = { ...t };
-		delete n[e], O(n);
-	}
-	let I = { validate(e) {
-		if (e) {
-			for (let t of S.values()) if (t.name() === e) {
-				t.validate();
-				break;
-			}
-			return;
-		}
-		for (let e of S.values()) e.validate();
-	} }, L = i(() => T.onSubmit);
-	function R(t) {
-		x = !0;
-		for (let e of S.values()) e.validate();
-		if (P()) {
-			t.preventDefault();
-			return;
-		}
-		b = !0, L.call(t.currentTarget, t);
-		let n = C.onFormSubmit;
-		n && (t.preventDefault(), n(N(), r(e, t)));
-	}
-	let z = {
-		errors: D,
-		validationMode: k,
-		submitAttempted: () => x,
-		formElement: () => y,
-		clearError: F,
-		registerField: M,
-		getFormValues: N
-	};
-	return u(() => C.errors, (e) => {
-		if (e === w) return;
-		w = e;
-		let t = e ?? h;
-		O(t), b && (b = !1, m(() => P(t)));
-	}), u(() => C.actionsRef, (e) => {
-		e?.(I);
-	}), c(a, {
-		value: z,
-		get children() {
-			return c(s, l({
-				get component() {
-					return _.as ?? "form";
-				},
-				ref: [((e) => {
-					y = e.tagName === "FORM" ? e : null;
-				}), T.ref],
-				get class() {
-					return A();
-				},
-				get style() {
-					return j();
-				},
-				novalidate: !0,
-				onSubmit: R
-			}, E));
-		}
-	});
-}
-function v(e, t) {
-	let n = e.compareDocumentPosition(t);
-	return (n & Node.DOCUMENT_POSITION_DISCONNECTED) === 0 && (n & Node.DOCUMENT_POSITION_FOLLOWING) !== 0;
-}
-//#endregion
-export { _ as t };