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

package/dist/lib/client/DialogPopup-ZlqmGfdk.js

@@ -1,136 +0,0 @@
-import { getStateAttributesProps as e } from "./internals/getStateAttributesProps.js";
-import { n as t, t as n } from "./resolveStyle-XcgAuaKR.js";
-import { composeEventHandlers as r } from "./internals/composeEventHandlers.js";
-import { t as i } from "./FocusManager-grSdNHqW.js";
-import { d as a, f as o, h as s, s as c, u as l } from "./DialogHandle-DrN2YWCv.js";
-import { Dynamic as u, createComponent as d, mergeProps as f } from "@solidjs/web";
-import { Show as p, createEffect as m, createMemo as h, omit as g, onCleanup as _ } from "solid-js";
-//#region src/dialog/backdrop/DialogBackdrop.tsx
-function v(r) {
-	let i = s(), c = r, l = g(r, "as", "class", "forceRender", "ref", "style"), m = h(() => ({
-		open: i.store.open(),
-		transitionStatus: i.store.track().transitionStatus
-	})), v = h(() => t(r.class, m())), y = h(() => o({
-		"user-select": "none",
-		"-webkit-user-select": "none"
-	}, n(r.style, m()))), b = h(() => e(m(), a)), x = h(() => !!c.forceRender || !i.nested);
-	function S() {
-		let e = null;
-		return _(() => {
-			i.backdropElement() === e && i.setBackdropElement(null);
-		}), d(u, f({
-			get component() {
-				return r.as ?? "div";
-			},
-			ref: [((t) => {
-				e = t, i.setBackdropElement(t);
-			}), c.ref],
-			role: "presentation",
-			get hidden() {
-				return !i.presence.mounted();
-			},
-			get class() {
-				return v();
-			},
-			get style() {
-				return y();
-			}
-		}, b, l));
-	}
-	return d(p, {
-		get when() {
-			return x();
-		},
-		get children() {
-			return d(S, {});
-		}
-	});
-}
-//#endregion
-//#region src/dialog/popup/DialogPopup.tsx
-var y = /* @__PURE__ */ new Set([
-	"ArrowUp",
-	"ArrowDown",
-	"ArrowLeft",
-	"ArrowRight",
-	"Home",
-	"End"
-]);
-function b(a) {
-	c();
-	let p = s(), v = a, b = g(a, "as", "class", "finalFocus", "id", "initialFocus", "onKeyDown", "ref", "style"), x = h(() => ({
-		open: p.store.open(),
-		transitionStatus: p.store.track().transitionStatus,
-		nested: p.nested,
-		nestedDialogOpen: p.nestedOpenDialogCount() > 0
-	})), S = h(() => t(a.class, x())), C = h(() => o({ "--nested-dialogs": p.nestedOpenDialogCount() }, n(a.style, x()))), w = h(() => e(x(), l)), T = h(() => v.id ?? p.store.context.floatingId), E = h(() => v.initialFocus ?? ((e) => e !== "touch" || p.store.state.popupElement)), D = r(() => v.onKeyDown, () => (e) => {
-		y.has(e.key) && e.stopPropagation();
-	}), O = null;
-	m(() => T(), (e) => {
-		p.store.setPopupId(e);
-	}), _(() => {
-		p.store.state.popupElement === O && p.store.setPopupElement(null);
-	});
-	let k = d(u, f({
-		get component() {
-			return a.as ?? "div";
-		},
-		ref: [((e) => {
-			O = e, p.store.setPopupElement(e);
-		}), v.ref],
-		get id() {
-			return T();
-		},
-		get role() {
-			return p.role;
-		},
-		tabIndex: -1,
-		"data-base-ui-focusable": "",
-		get hidden() {
-			return !p.presence.mounted();
-		},
-		get "aria-labelledby"() {
-			return p.titleId();
-		},
-		get "aria-describedby"() {
-			return p.descriptionId();
-		},
-		get class() {
-			return S();
-		},
-		get style() {
-			return C();
-		},
-		onKeyDown: D
-	}, w, b));
-	return d(i, {
-		get context() {
-			return p.store.context.floatingRoot;
-		},
-		get tree() {
-			return p.tree;
-		},
-		get disabled() {
-			return !p.presence.mounted();
-		},
-		get closeOnFocusOut() {
-			return !p.disablePointerDismissal();
-		},
-		get initialFocus() {
-			return E();
-		},
-		get returnFocus() {
-			return v.finalFocus;
-		},
-		get modal() {
-			return p.modal() !== !1;
-		},
-		restoreFocus: "popup",
-		get openInteractionType() {
-			return p.store.openMethod();
-		},
-		children: k
-	});
-}
-//#endregion
-export { v as n, b as t };

package/dist/lib/client/FieldControl-Bc-z2og6.js

@@ -1,116 +0,0 @@
-import { getStateAttributesProps as e } from "./internals/getStateAttributesProps.js";
-import { w as t } from "./reasons-Co5CzjKq.js";
-import { n, t as r } from "./resolveStyle-XcgAuaKR.js";
-import { createChangeEventDetails as i } from "./internals/createBaseUIEventDetails.js";
-import { composeEventHandlers as a } from "./internals/composeEventHandlers.js";
-import { fieldStateAttributesMapping as o } from "./internals/field-constants.js";
-import { n as s } from "./FieldRootContext-izCEh80D.js";
-import { n as c } from "./FormContext-BB05lWOI.js";
-import { r as l } from "./LabelableContext-DKsB0fIx.js";
-import { Dynamic as u, createComponent as d, mergeProps as f } from "@solidjs/web";
-import { createEffect as p, createMemo as m, createSignal as h, createUniqueId as g, omit as _, onCleanup as v, onSettled as y, untrack as b } from "solid-js";
-//#region src/field/control/FieldControl.tsx
-function x(x) {
-	let w = s(!0), T = c(), E = l(), D = x, O = x, k = Symbol("FieldControl"), A = !1, j = b(E.controlId), M = typeof j == "string" ? j : `base-ui-${g()}`, [N, P] = h(), F = _(O, "aria-describedby", "aria-labelledby", "as", "autofocus", "class", "defaultValue", "disabled", "id", "name", "onBlur", "onFocus", "onInput", "onKeyDown", "onValueChange", "ref", "style", "value"), I = m(() => D.id ?? M), L = m(() => w.disabled() || (D.disabled ?? !1)), R = m(() => w.name() ?? D.name), z = m(() => ({
-		...w.state(),
-		disabled: L()
-	})), B = m(() => n(x.class, z())), V = m(() => r(x.style, z())), H = m(() => e(z(), o)), U = () => {
-		if (D.value !== void 0) return D.value;
-		let e = N();
-		return S(e) ? e.value : D.defaultValue;
-	}, W = {
-		id: M,
-		name: void 0,
-		value: U,
-		getValue: () => {
-			let e = N();
-			return S(e) ? e.value : U();
-		},
-		getControl: () => N() ?? null
-	}, G = a(() => D.onInput), K = a(() => D.onFocus), q = a(() => D.onBlur), J = a(() => D.onKeyDown);
-	function Y(e) {
-		if (P(e), A || !S(e)) return;
-		A = !0;
-		let t = b(() => D.defaultValue);
-		if (b(() => D.value) === void 0 && t !== void 0 && !Array.isArray(t)) {
-			let n = String(t);
-			"defaultValue" in e && (e.defaultValue = n), e.value = n;
-		}
-	}
-	function X(e) {
-		if (G.call(e.currentTarget, e), e.baseUIHandlerPrevented) return;
-		let n = C(e.currentTarget);
-		D.onValueChange?.(n, i(t, e)), w.setDirty(n !== (w.validityData().initialValue ?? "")), w.setFilled(n !== ""), e.defaultPrevented || (T.clearError(R()), w.validation.change(n));
-	}
-	function Z(e) {
-		K.call(e.currentTarget, e), !e.baseUIHandlerPrevented && w.setFocused(!0);
-	}
-	function Q(e) {
-		q.call(e.currentTarget, e), !e.baseUIHandlerPrevented && (w.setTouched(!0), w.setFocused(!1), w.validationMode() === "onBlur" && w.validation.commit(C(e.currentTarget)));
-	}
-	function $(e) {
-		J.call(e.currentTarget, e), !e.baseUIHandlerPrevented && e.currentTarget.tagName === "INPUT" && e.key === "Enter" && (w.setTouched(!0), w.validation.commit(C(e.currentTarget)));
-	}
-	return p(() => ({
-		id: I(),
-		name: D.name,
-		disabled: L(),
-		element: N()
-	}), (e) => {
-		W.id = e.id, W.name = e.name, w.registerFieldControl(k, e.disabled || !e.element ? void 0 : W), E.registerControlId(k, e.element ? e.id : void 0);
-	}), p(() => N(), (e) => {
-		if (S(e)) return w.validation.registerInput(k, e, () => b(() => N() ?? null));
-	}), p(() => D.value, (e) => {
-		e !== void 0 && w.setFilled(e !== "");
-	}), y(() => {
-		let e = N();
-		S(e) && w.setFilled(e.value !== ""), D.autofocus && e?.ownerDocument.activeElement === e && w.setFocused(!0);
-	}), v(() => {
-		w.registerFieldControl(k, void 0), E.registerControlId(k, void 0);
-	}), d(u, f({
-		get component() {
-			return x.as ?? "input";
-		},
-		ref: [Y, D.ref],
-		get id() {
-			return I();
-		},
-		get class() {
-			return B();
-		},
-		get style() {
-			return V();
-		},
-		get name() {
-			return R();
-		},
-		get disabled() {
-			return L();
-		}
-	}, () => D.value === void 0 ? { defaultValue: D.defaultValue } : { value: D.value }, {
-		get autofocus() {
-			return D.autofocus;
-		},
-		get "aria-labelledby"() {
-			return D["aria-labelledby"] ?? E.labelId();
-		},
-		get "aria-describedby"() {
-			return E.getAriaDescribedBy(D["aria-describedby"]);
-		},
-		get "aria-invalid"() {
-			return z().valid === !1 && !L() ? "true" : void 0;
-		},
-		onInput: X,
-		onFocus: Z,
-		onBlur: Q,
-		onKeyDown: $
-	}, H, F));
-}
-function S(e) {
-	return !!(e && (e.tagName === "INPUT" || e.tagName === "SELECT" || e.tagName === "TEXTAREA"));
-}
-function C(e) {
-	return "value" in e ? String(e.value) : "";
-}
-//#endregion
-export { x as t };