solid-baseui 0.1.0-alpha.0

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

@@ -0,0 +1,2 @@
+import { t as e } from "../input-gb0ejxkm.js";
+export { e as Input };

package/dist/lib/client/input-gb0ejxkm.js

@@ -0,0 +1,7 @@
+import { t as e } from "./FieldControl-Bc-z2og6.js";
+//#region src/input/Input.tsx
+function t(t) {
+	return e(t);
+}
+//#endregion
+export { t };

package/dist/lib/client/internals/composeEventHandlers.js

@@ -0,0 +1,50 @@
+//#region src/internals/composeEventHandlers.ts
+function e(...e) {
+	return function(n) {
+		let i = r(n);
+		for (let n of e) if (t(n(), this, i), i.baseUIHandlerPrevented) break;
+	};
+}
+function t(e, t, r) {
+	typeof e == "function" ? Reflect.apply(e, t, [r]) : n(e) && Reflect.apply(e[0], t, [e[1], r]);
+}
+function n(e) {
+	return Array.isArray(e) && e.length === 2 && typeof e[0] == "function";
+}
+function r(e) {
+	let t = e;
+	return i(t), t;
+}
+function i(e) {
+	let t = () => a(e), n = Object.getOwnPropertyDescriptor(e, "preventBaseUIHandler");
+	if (n && !n.configurable) {
+		if ("writable" in n && n.writable) {
+			Object.defineProperty(e, "preventBaseUIHandler", { value: t });
+			return;
+		}
+		throw TypeError("Cannot install Base UI event methods: preventBaseUIHandler is not configurable");
+	}
+	Object.defineProperty(e, "preventBaseUIHandler", {
+		configurable: !0,
+		writable: !0,
+		value: t
+	});
+}
+function a(e) {
+	let t = Object.getOwnPropertyDescriptor(e, "baseUIHandlerPrevented");
+	if (t && !t.configurable) {
+		if (e.baseUIHandlerPrevented === !0) return;
+		if ("writable" in t && t.writable) {
+			Object.defineProperty(e, "baseUIHandlerPrevented", { value: !0 });
+			return;
+		}
+		throw TypeError("Cannot set Base UI event state: baseUIHandlerPrevented is not configurable");
+	}
+	Object.defineProperty(e, "baseUIHandlerPrevented", {
+		configurable: !0,
+		writable: !0,
+		value: !0
+	});
+}
+//#endregion
+export { e as composeEventHandlers, r as makeEventPreventable };

package/dist/lib/client/internals/createBaseUIEventDetails.js

@@ -0,0 +1,31 @@
+//#region src/internals/createBaseUIEventDetails.ts
+function e(e, t, n, r) {
+	let i = !1, a = !1, o = r ?? {};
+	return {
+		reason: e,
+		event: t ?? new Event("base-ui"),
+		cancel() {
+			i = !0;
+		},
+		allowPropagation() {
+			a = !0;
+		},
+		get isCanceled() {
+			return i;
+		},
+		get isPropagationAllowed() {
+			return a;
+		},
+		trigger: n,
+		...o
+	};
+}
+function t(e, t, n) {
+	return {
+		reason: e,
+		event: t ?? new Event("base-ui"),
+		...n ?? {}
+	};
+}
+//#endregion
+export { e as createChangeEventDetails, t as createGenericEventDetails };

package/dist/lib/client/internals/csp-context/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../../CSPContext-faVzToiT.js";
+export { t as CSPContext, e as useCSPContext };

package/dist/lib/client/internals/direction-context/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../../DirectionContext-BwMabICS.js";
+export { t as DirectionContext, e as useDirection };

package/dist/lib/client/internals/field-constants.js

@@ -0,0 +1,56 @@
+//#region src/internals/field-constants.ts
+var e = {
+	badInput: !1,
+	customError: !1,
+	patternMismatch: !1,
+	rangeOverflow: !1,
+	rangeUnderflow: !1,
+	stepMismatch: !1,
+	tooLong: !1,
+	tooShort: !1,
+	typeMismatch: !1,
+	valueMissing: !1,
+	valid: null
+}, t = {
+	disabled: !1,
+	touched: !1,
+	dirty: !1,
+	valid: null,
+	filled: !1,
+	focused: !1
+}, n = t, r = {
+	valid: null,
+	touched: !1,
+	dirty: !1,
+	filled: !1,
+	focused: !1
+}, i = {
+	state: e,
+	error: "",
+	errors: [],
+	value: null,
+	initialValue: null
+}, a = { valid(e) {
+	return e === null ? null : e ? { "data-valid": "" } : { "data-invalid": "" };
+} }, o = a, s = [
+	"badInput",
+	"customError",
+	"patternMismatch",
+	"rangeOverflow",
+	"rangeUnderflow",
+	"stepMismatch",
+	"tooLong",
+	"tooShort",
+	"typeMismatch",
+	"valueMissing"
+];
+function c(t) {
+	let n = {
+		...e,
+		valid: t.valid
+	};
+	for (let e of s) n[e] = t[e];
+	return n;
+}
+//#endregion
+export { n as DEFAULT_FIELD_ROOT_STATE, t as DEFAULT_FIELD_STATE, r as DEFAULT_FIELD_STATE_ATTRIBUTES, i as DEFAULT_VALIDITY_DATA, e as DEFAULT_VALIDITY_STATE, s as VALIDITY_KEYS, c as copyNativeValidity, a as fieldStateAttributesMapping, o as fieldValidityMapping };

package/dist/lib/client/internals/field-root-context/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../../FieldRootContext-izCEh80D.js";
+export { t as FieldRootContext, e as useFieldRootContext };

package/dist/lib/client/internals/form-context/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../../FormContext-BB05lWOI.js";
+export { t as FormContext, e as useFormContext };

package/dist/lib/client/internals/getStateAttributesProps.js

@@ -0,0 +1,21 @@
+//#region src/internals/getStateAttributesProps.ts
+function e(e, t) {
+	let n = Object.create(null);
+	for (let r of Object.keys(e)) {
+		let i = r, a = e[i];
+		if (t && Object.prototype.hasOwnProperty.call(t, r)) {
+			let e = t[i]?.(a);
+			if (e != null) for (let t of Object.keys(e)) Object.defineProperty(n, t, {
+				configurable: !0,
+				enumerable: !0,
+				writable: !0,
+				value: e[t]
+			});
+			continue;
+		}
+		a === !0 ? n[`data-${r.toLowerCase()}`] = "" : a && (n[`data-${r.toLowerCase()}`] = String(a));
+	}
+	return n;
+}
+//#endregion
+export { e as getStateAttributesProps };

package/dist/lib/client/internals/labelable-provider/index.js

@@ -0,0 +1,19 @@
+import { n as e, r as t, t as n } from "../../LabelableContext-DKsB0fIx.js";
+import { createComponent as r } from "@solidjs/web";
+import { untrack as i } from "solid-js";
+//#region src/internals/labelable-provider/LabelableProvider.tsx
+function a(a) {
+	let o = t(), s = e({
+		controlId: i(() => a.controlId),
+		labelId: i(() => a.labelId),
+		parent: o
+	});
+	return r(n, {
+		value: s,
+		get children() {
+			return a.children;
+		}
+	});
+}
+//#endregion
+export { n as LabelableContext, a as LabelableProvider, e as createLabelableContext, t as useLabelableContext };

package/dist/lib/client/internals/mergeStyles.js

@@ -0,0 +1,9 @@
+//#region src/internals/mergeStyles.ts
+function e(e, t) {
+	return e ? t ? {
+		...e,
+		...t
+	} : e : t;
+}
+//#endregion
+export { e as mergeStyles };

package/dist/lib/client/internals/reasons.js

@@ -0,0 +1,2 @@
+import { D as e } from "../reasons-Co5CzjKq.js";
+export { e as REASONS };

package/dist/lib/client/internals/stateAttributesMapping.js

@@ -0,0 +1,8 @@
+//#region src/internals/stateAttributesMapping.ts
+var e = /* @__PURE__ */ function(e) {
+	return e.startingStyle = "data-starting-style", e.endingStyle = "data-ending-style", e;
+}({}), t = { "data-starting-style": "" }, n = { "data-ending-style": "" }, r = { transitionStatus(e) {
+	return e === "starting" ? t : e === "ending" ? n : null;
+} };
+//#endregion
+export { e as TransitionStatusDataAttributes, r as transitionStatusMapping };

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

@@ -0,0 +1,2 @@
+import { t as e } from "../menu-DeMT08oD.js";
+export { e as Menu };

package/dist/lib/client/menu-DeMT08oD.js

@@ -0,0 +1,326 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { M as n, P as r, t as i } from "./reasons-Co5CzjKq.js";
+import { n as a, t as o } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as s } from "./internals/createBaseUIEventDetails.js";
+import { composeEventHandlers as c } from "./internals/composeEventHandlers.js";
+import { t as l } from "./PopupViewport-DgrIqQea.js";
+import { n as ee } from "./PopupStore-DjB-wO88.js";
+import { r as u, t as d } from "./safePolygon--bbKn0c8.js";
+import { i as f } from "./popupStateMapping-C9eZl19i.js";
+import { i as p, n as m, t as h } from "./PopupHandle-CcJG4NMy.js";
+import { t as te } from "./TriggerFocusGuards-CQ-JuASy.js";
+import { a as ne, i as re, n as ie, r as ae, t as oe } from "./buttonSemantics-paljfpOX.js";
+import { n as se } from "./DirectionContext-BwMabICS.js";
+import { C as g, _, a as v, c as y, d as b, f as x, g as S, h as C, i as ce, l as le, m as w, n as T, o as E, p as D, r as O, s as k, t as ue, u as de, v as fe, w as A, x as j, y as M } from "./MenuSubmenuTrigger-QZkQ0F2v.js";
+import { n as pe } from "./MenubarContext-BYt3fkt-.js";
+import { t as N } from "./Separator-9DboD_Si.js";
+import { Dynamic as P, createComponent as F, memo as me, mergeProps as I } from "@solidjs/web";
+import { Show as L, createEffect as R, createMemo as z, createSignal as B, createUniqueId as he, omit as V, onCleanup as ge, untrack as H } from "solid-js";
+//#region src/menu/trigger/MenuTrigger.tsx
+function U(e) {
+	let l = g(!0), m = pe(!0), h = e;
+	if (!l && !H(() => h.handle)) throw Error("Base UI: <Menu.Trigger> must be either used within a <Menu.Root> component or provided with a handle.");
+	let se = e, _ = m ? H(() => m.createTriggerId()) : `base-ui-${he()}`, v = z(() => h.id || _), y = z(() => h.nativeButton ?? !0), b = z(() => h.openOnHover ?? !!m?.hasSubmenuOpen()), x = z(() => h.delay ?? 100), S = z(() => h.closeDelay ?? 0), [C, ce] = B(null, { ownedWrite: !0 }), le = p(() => h.handle), w = z(() => le() ?? l?.store), T = z(() => {
+		let e = w();
+		return e instanceof A ? e : void 0;
+	}), E = () => {
+		let e = h.handle?.store;
+		return e instanceof A ? e : T();
+	}, D = z(() => !!(h.disabled || T()?.disabled() || m?.disabled())), O = z(() => {
+		let e = w();
+		return !!(e?.open() && e.activeTriggerId() === v());
+	}), k = z(() => ({
+		disabled: D(),
+		open: O()
+	})), ue = z(() => a(e.class, k())), fe = z(() => o(e.style, k())), j = z(() => t(k(), f)), M = V(se, "as", "class", "closeDelay", "delay", "disabled", "handle", "id", "nativeButton", "onClick", "onBlur", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseMove", "onPointerDown", "openOnHover", "payload", "ref", "style"), N = "", U, W, G = !1, K = !1, q, J = !1, Y = !1, X, Z = m ? {
+		token: Symbol("MenubarTrigger"),
+		order: 0,
+		element: C,
+		disabled: D
+	} : void 0;
+	if (Z) {
+		let e = m.registerTrigger(Z);
+		R(() => ({
+			disabled: D(),
+			element: C()
+		}), () => m.notifyItemChange()), ge(e);
+	}
+	ee(w, v, C, () => ({
+		payload: h.payload,
+		closeDelay: S()
+	})), R(() => ({
+		store: T(),
+		id: v(),
+		menubar: m
+	}), (e) => {
+		if (!e.store) return;
+		let t = H(() => e.store.registerMenubarTrigger(e.id, e.menubar));
+		return H(() => e.store.forwardMenubarTrigger(e.id, e.menubar)), t;
+	}), R(() => ({
+		open: O(),
+		reason: T()?.openChangeReason()
+	}), (e) => {
+		clearTimeout(W), G = e.open && e.reason === "trigger-hover", G && (W = setTimeout(() => {
+			G = !1;
+		}, 500));
+	});
+	function _e(e, t) {
+		clearTimeout(U), e.allowMouseUpTrigger = !1, U = setTimeout(() => {
+			e.allowMouseUpTrigger = !0;
+		}, 200), X?.();
+		let n = t.ownerDocument, r = (n) => {
+			clearTimeout(U), e.allowMouseUpTrigger = !1;
+			let r = n.target, a = e.track().positionerElement;
+			if (t.contains(r) || a?.contains(r) || r?.closest(`[data-rootownerid="${e.rootNodeId()}"]`)) return;
+			let o = t.getBoundingClientRect();
+			n.clientX >= o.left && n.clientX <= o.right && n.clientY >= o.top && n.clientY <= o.bottom || e.closeTree(n, i);
+		};
+		n.addEventListener("mouseup", r, { once: !0 }), X = () => n.removeEventListener("mouseup", r);
+	}
+	function Q(e, t) {
+		e.context.triggerElements.add(v(), t), e.forwardTriggerData(v(), t, {
+			payload: h.payload,
+			closeDelay: S()
+		}), e.forwardMenubarTrigger(v(), m), e.activateMenubarTrigger(v());
+	}
+	function ve(e) {
+		let t = E(), n = C();
+		if (!t || !n || e.button !== 0) return;
+		K = !0;
+		let i = O();
+		if (Q(t, n), m && i) {
+			K = !1;
+			return;
+		}
+		if (i || _e(t, n), t.setOpenMethod(N || "mouse"), i && G) {
+			t.setOpen(!0, s(r, e, n));
+			return;
+		}
+		t.setOpen(!i, s(r, e, n));
+	}
+	function ye(e) {
+		if (J && e !== q && e.detail === 0) {
+			J = !1;
+			return;
+		}
+		if (Y) return;
+		if (e.detail !== 0 && K) {
+			K = !1;
+			return;
+		}
+		K = !1;
+		let t = E(), n = C();
+		!t || !n || (Q(t, n), t.setOpenMethod("keyboard"), t.setPendingFocus("first"), t.setOpen(!O(), s(r, e, n)));
+	}
+	function be(e) {
+		!y() || e.key !== "Enter" || e.target !== e.currentTarget || (e.preventDefault(), e.preventBaseUIHandler(), J = !0, Y = !0, de(e.currentTarget, e, 0, (e) => {
+			q = e;
+		}), Y = !1, q.baseUIHandlerPrevented || ye(q), setTimeout(() => {
+			J = !1, q = void 0;
+		}));
+	}
+	function xe(e) {
+		let t = E();
+		if (!t) return;
+		let n = t.state[t.activeTriggerId() === v() ? "activeTriggerProps" : "inactiveTriggerProps"].onKeyDown;
+		typeof n == "function" && n(e);
+	}
+	function Se(e) {
+		E()?.handleTriggerKeyDown(e, e.currentTarget), e.defaultPrevented && e.key.startsWith("Arrow") && e.preventBaseUIHandler();
+	}
+	function Ce(e) {
+		Z && m.setActiveTrigger(Z);
+		let t = E(), r = C();
+		!m || !t || !r || D() || O() || !m.hasSubmenuOpen() || (Q(t, r), t.setOpenMethod("keyboard"), t.setPendingFocus("first"), t.setOpen(!0, s(n, e, r)));
+	}
+	let we = c(() => H(() => D() ? ae : void 0), () => h.onClick, () => ye), Te = c(() => h.onFocus, () => Ce), Ee = c(() => h.onBlur), De = c(() => H(() => D() ? ne : void 0), () => h.onMouseDown, () => ve), Oe = c(() => h.onMouseMove, () => () => T()?.setAllowMouseEnter(!0)), ke = c(() => H(() => D() ? ae : void 0), () => h.onPointerDown, () => (e) => {
+		N = e.pointerType || "";
+	}), Ae = c(() => H(() => D() ? re : void 0), () => h.onKeyDown, () => xe, () => Se, () => be, () => H(() => y() ? void 0 : oe)), je = c(() => H(() => D() ? ne : void 0), () => h.onKeyUp, () => H(() => y() ? void 0 : ie));
+	function Me(e) {
+		let t = H(() => e.store);
+		return u({
+			context: t.context.floatingRoot,
+			reference: C,
+			floating: () => t.track().positionerElement,
+			tree: () => t.tree(),
+			enabled: () => !D() && b() && t.hoverEnabled(),
+			floatingEnabled: () => !m && !D() && b() && t.hoverEnabled(),
+			delay: () => ({ close: S() }),
+			restMs: () => m ? 0 : x(),
+			restOnly: () => !m,
+			handleClose: () => d({ blockPointerEvents: !m }),
+			mouseOnly: () => !0,
+			shouldOpen: () => !m || m.hasSubmenuOpen() && !O()
+		}), null;
+	}
+	let $ = F(P, I({
+		get component() {
+			return e.as ?? "button";
+		},
+		ref: [((e) => ce(e)), h.ref],
+		get id() {
+			return v();
+		},
+		get type() {
+			return y() ? "button" : void 0;
+		},
+		get role() {
+			return m ? "menuitem" : y() ? void 0 : "button";
+		},
+		get tabIndex() {
+			return Z ? m.isTabStop(Z) ? 0 : -1 : !y() && D() ? -1 : 0;
+		},
+		get disabled() {
+			return (me(() => !!y())() ? D() : y()) || void 0;
+		},
+		get "aria-disabled"() {
+			return !y() && D() ? "true" : void 0;
+		},
+		"aria-haspopup": "menu",
+		get "aria-expanded"() {
+			return O() ? "true" : "false";
+		},
+		get "aria-controls"() {
+			return w()?.triggerPopupId(v());
+		},
+		"data-base-ui-click-trigger": "",
+		get "data-trigger-disabled"() {
+			return D() ? "" : void 0;
+		},
+		get class() {
+			return ue();
+		},
+		get style() {
+			return fe();
+		},
+		onClick: we,
+		onBlur: Ee,
+		onFocus: Te,
+		onKeyDown: Ae,
+		onKeyUp: je,
+		onMouseDown: De,
+		onMouseMove: Oe,
+		onPointerDown: ke
+	}, j, M));
+	return ge(() => {
+		clearTimeout(U), clearTimeout(W), X?.();
+	}), m ? [F(L, {
+		keyed: !0,
+		get when() {
+			return T();
+		},
+		children: (e) => F(Me, { store: e })
+	}), $] : [F(L, {
+		keyed: !0,
+		get when() {
+			return T();
+		},
+		children: (e) => F(Me, { store: e })
+	}), F(L, {
+		keyed: !0,
+		get when() {
+			return T();
+		},
+		fallback: $,
+		children: (e) => F(te, {
+			get context() {
+				return e.context.floatingRoot;
+			},
+			get enabled() {
+				return e.isMountedByTrigger(v());
+			},
+			trigger: C,
+			positioner: () => e.track().positionerElement,
+			beforeContentGuard: () => e.beforeContentGuard(),
+			afterGuardRef: (t) => e.setAfterTriggerGuard(t),
+			children: $
+		})
+	})];
+}
+//#endregion
+//#region src/menu/viewport/MenuViewport.tsx
+function W(e) {
+	let n = g(), r = S(), i = se(), s = e, c = e, [ee, u] = B({
+		activationDirection: void 0,
+		transitioning: !1
+	}, { ownedWrite: !0 }), d = z(() => ({
+		...ee(),
+		instant: n.store.instantType()
+	})), f = z(() => a(e.class, d())), p = z(() => o(e.style, d())), m = z(() => t(d(), _)), h = V(c, "as", "children", "class", "ref", "style");
+	return F(P, I({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [s.ref],
+		get class() {
+			return f();
+		},
+		get style() {
+			return p();
+		}
+	}, m, h, { get children() {
+		return F(l, {
+			get store() {
+				return n.store;
+			},
+			get side() {
+				return r.renderedSide();
+			},
+			get direction() {
+				return i();
+			},
+			onStateChange: u,
+			get children() {
+				return e.children;
+			}
+		});
+	} }));
+}
+//#endregion
+//#region src/menu/store/MenuHandle.ts
+var G = class extends h {
+	constructor() {
+		super("Menu", !0, new m());
+	}
+	open(e) {
+		this.openByTrigger(e);
+	}
+	close() {
+		this.closePopup();
+	}
+	get isOpen() {
+		return this.attachedStore?.open() ?? !1;
+	}
+};
+function K() {
+	return new G();
+}
+//#endregion
+//#region src/menu/index.parts.ts
+var q = /* @__PURE__ */ e({
+	Arrow: () => D,
+	Backdrop: () => M,
+	CheckboxItem: () => y,
+	CheckboxItemIndicator: () => k,
+	Group: () => x,
+	GroupLabel: () => b,
+	Handle: () => G,
+	Item: () => le,
+	LinkItem: () => E,
+	Popup: () => w,
+	Portal: () => fe,
+	Positioner: () => C,
+	RadioGroup: () => v,
+	RadioItem: () => ce,
+	RadioItemIndicator: () => O,
+	Root: () => j,
+	Separator: () => N,
+	SubmenuRoot: () => T,
+	SubmenuTrigger: () => ue,
+	Trigger: () => U,
+	Viewport: () => W,
+	createHandle: () => K
+});
+//#endregion
+export { q as t };

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

@@ -0,0 +1,2 @@
+import { t as e } from "../menubar-C4aomSYv.js";
+export { e as Menubar };