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

package/dist/lib/client/menubar-nFQGtNmY.js

@@ -0,0 +1,163 @@
+import { t as e } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { n, t as r } from "./resolveStyle-XcgAuaKR.js";
+import { composeEventHandlers as i, liveEventHandler as a } from "./internals/composeEventHandlers.js";
+import { r as o } from "./compositeNavigation-DCt1sQon.js";
+import { i as s, r as c } from "./FloatingTree-23B7KKPD.js";
+import { n as l } from "./DirectionContext-BwMabICS.js";
+import { t as u } from "./MenubarContext-BYt3fkt-.js";
+import { createComponent as d, getNextElement as f, mergeProps as ee, runHydrationEvents as p, spread as m, template as h } from "@solidjs/web";
+import { createEffect as g, createMemo as _, createSignal as v, createUniqueId as y, omit as te, onCleanup as ne } from "solid-js";
+//#region src/menubar/Menubar.tsx
+var b = /* @__PURE__ */ h("<div>"), re = { hasSubmenuOpen: (e) => e ? { "data-has-submenu-open": "" } : null };
+function x(h) {
+	let x = l(), w = h, ie = h, T = `base-ui-${y()}`, E = _(() => w.id || T), D = _(() => w.modal ?? !0), O = _(() => w.disabled ?? !1), k = _(() => w.orientation ?? "horizontal"), [A, ae] = v(null, { ownedWrite: !0 }), [j, M] = v(!1, { ownedWrite: !0 }), [N, P] = v(), [F, I] = v(0), L = new c(), R = y();
+	s({
+		tree: L,
+		id: R
+	});
+	let z = /* @__PURE__ */ new Map(), B = { value: !1 }, V = 0, H = 0, U = 0, W = !1, G = !1, K = _(() => ({
+		orientation: k(),
+		modal: D(),
+		hasSubmenuOpen: j()
+	})), oe = _(() => n(h.class, K())), q = _(() => r(h.style, K())), se = _(() => t(K(), re)), ce = te(ie, "render", "class", "disabled", "id", "loopFocus", "modal", "onFocusIn", "onKeyDown", "orientation", "ref", "style");
+	function J() {
+		G || (G = !0, queueMicrotask(() => {
+			G = !1, I((e) => e + 1);
+		}));
+	}
+	function le(e) {
+		return e.order = V, V += 1, z.set(e.token, e), J(), () => {
+			z.delete(e.token), J();
+		};
+	}
+	function Y() {
+		return Array.from(z.values()).sort(S);
+	}
+	function X() {
+		return Y().filter(C);
+	}
+	function ue(e) {
+		F();
+		let t = Y(), n = t.every((e) => !e.element()), r = n ? t.filter((e) => !e.disabled()) : X(), i = r.find((e) => e.token === N());
+		return (n || C(e)) && (i ?? r[0])?.token === e.token;
+	}
+	function Z(e) {
+		C(e) && P(e.token);
+	}
+	function Q(e) {
+		let t = e.composedPath(), n = t[0];
+		return Y().find((e) => {
+			let r = e.element();
+			return r && (t.includes(r) || n instanceof Node && r.contains(n));
+		});
+	}
+	function $(e) {
+		if (e.defaultPrevented || e.cancelBubble || e.shiftKey || e.ctrlKey || e.altKey || e.metaKey) return;
+		let t = X();
+		if (t.length === 0) return;
+		let n = Q(e)?.token ?? N(), r = t.findIndex((e) => e.token === n), i = o({
+			list: t.map((e) => e.element()),
+			currentIndex: r,
+			key: e.key,
+			orientation: k(),
+			rtl: x() === "rtl",
+			loop: w.loopFocus ?? !0
+		});
+		if (i === r || i < 0) return;
+		let a = t[i];
+		a && (e.preventDefault(), e.stopPropagation(), Z(a), a.element()?.focus({ preventScroll: !0 }));
+	}
+	let de = i(a(() => w.onFocusIn), (e) => {
+		let t = Q(e);
+		t && Z(t);
+	}), fe = i(a(() => w.onKeyDown), $), pe = {
+		modal: D,
+		disabled: O,
+		orientation: k,
+		hasSubmenuOpen: j,
+		rootElement: A,
+		rootId: E,
+		tree: L,
+		nodeId: R,
+		allowMouseUpTrigger: B,
+		createTriggerId() {
+			H += 1, H === 1 && typeof document < "u" && (U = (A() ?? document.getElementById(E()))?.querySelectorAll("[role=\"menuitem\"][aria-haspopup=\"menu\"]").length ?? 0, U > 0 && !W && (W = !0, queueMicrotask(() => {
+				U = 0;
+			})));
+			let e = U > 0 ? (H - 1) % U + 1 : H;
+			return `${E()}-trigger-${e}`;
+		},
+		isTabStop: ue,
+		notifyItemChange: J,
+		registerTrigger: le,
+		setActiveTrigger: Z,
+		relayKeyboardEvent: $
+	};
+	g(A, (e) => {
+		let t = e?.ownerDocument.defaultView?.MutationObserver;
+		if (!e || !t) return;
+		let n = new t(J);
+		return n.observe(e, {
+			attributes: !0,
+			childList: !0,
+			subtree: !0,
+			attributeFilter: [
+				"class",
+				"disabled",
+				"hidden",
+				"style"
+			]
+		}), () => n.disconnect();
+	});
+	let me = L.events.on("menuopenchange", (e) => {
+		!e.nodeId || e.parentNodeId !== R || (e.open ? M(!0) : e.reason !== "sibling-open" && e.reason !== "list-navigation" && M(!1));
+	});
+	ne(me);
+	let he = e(h, () => K(), (e) => (() => {
+		var t = f(b);
+		return m(t, e, !1), p(), t;
+	})());
+	return d(u, {
+		value: pe,
+		get children() {
+			return d(he, ee({
+				ref: [((e) => ae(e)), w.ref],
+				get id() {
+					return E();
+				},
+				role: "menubar",
+				get "aria-orientation"() {
+					return k();
+				},
+				get class() {
+					return oe();
+				},
+				get style() {
+					return q();
+				},
+				onFocusIn: de,
+				onKeyDown: fe
+			}, se, ce));
+		}
+	});
+}
+function S(e, t) {
+	let n = e.element(), r = t.element();
+	if (n && r && n !== r) {
+		let e = n.compareDocumentPosition(r);
+		if ((e & Node.DOCUMENT_POSITION_DISCONNECTED) === 0) {
+			if (e & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
+			if (e & Node.DOCUMENT_POSITION_PRECEDING) return 1;
+		}
+	}
+	return e.order - t.order;
+}
+function C(e) {
+	let t = e.element();
+	if (!t?.isConnected || e.disabled() || t.matches(":disabled")) return !1;
+	let n = t.ownerDocument.defaultView?.getComputedStyle(t);
+	return !n || n.display === "none" || n.display === "contents" || n.visibility === "hidden" || n.visibility === "collapse" ? !1 : typeof t.checkVisibility != "function" || t.checkVisibility();
+}
+//#endregion
+export { x as t };

package/dist/lib/client/mergeStyleValue-Dcd36yxZ.js

@@ -0,0 +1,12 @@
+//#region src/internals/mergeStyleValue.ts
+function e(e, n) {
+	return typeof n == "string" ? `${t(e)}${n}` : n ? {
+		...e,
+		...n
+	} : e;
+}
+function t(e) {
+	return Object.entries(e).filter((e) => e[1] != null).map(([e, t]) => `${e}:${t};`).join("");
+}
+//#endregion
+export { e as t };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../meter-xSU37Q0m.js";
+import { t as e } from "../meter-BvWdppcx.js";
 export { e as Meter };

package/dist/lib/client/meter-BvWdppcx.js

@@ -0,0 +1,178 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./useRender-CxZ8PI-g.js";
+import { n, t as r } from "./resolveStyle-XcgAuaKR.js";
+import { mergeStyles as i } from "./internals/mergeStyles.js";
+import { createComponent as a, effect as o, getNextElement as s, memo as c, mergeProps as l, runHydrationEvents as u, spread as d, style as f, template as p } from "@solidjs/web";
+import { createContext as m, createEffect as h, createMemo as g, createSignal as _, createUniqueId as v, omit as y, useContext as b } from "solid-js";
+//#region src/meter/root/MeterRootContext.ts
+var x = Symbol("MeterRootContext"), S = m(x);
+function C() {
+	let e = b(S);
+	if (e === x) throw Error("Base UI: MeterRootContext is missing. Meter parts must be placed within <Meter.Root>.");
+	return e;
+}
+//#endregion
+//#region src/meter/root/MeterRoot.tsx
+var w = /* @__PURE__ */ p("<div>"), T = /* @__PURE__ */ p("<span role=presentation>x"), E = {
+	"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
+};
+function D(e) {
+	let i = e, p = e, [m, h] = _(), v = y(p, "render", "children", "class", "format", "getAriaValueText", "locale", "max", "min", "style", "value"), b = g(() => i.min ?? 0), x = g(() => i.max ?? 100), C = g(() => {
+		let e = (i.value - b()) * 100 / (x() - b());
+		return O(Number.isNaN(e) ? 0 : e, 0, 100);
+	}), D = g(() => O(Number.isNaN(i.value) ? b() : i.value, b(), x())), k = g(() => i.format ? new Intl.NumberFormat(i.locale, i.format).format(D()) : new Intl.NumberFormat(i.locale, { style: "percent" }).format(C() / 100)), A = g(() => i.getAriaValueText ? i.getAriaValueText(k(), i.value) : k()), j = {}, M = g(() => n(e.class, j)), N = g(() => r(e.style, j)), P = {
+		formattedValue: k,
+		percentageValue: C,
+		setLabelId: h,
+		value: () => i.value
+	}, F = t(e, () => j, (e) => (() => {
+		var t = s(w);
+		return d(t, e, !1), u(), t;
+	})());
+	return a(S, {
+		value: P,
+		get children() {
+			return a(F, l({
+				get class() {
+					return M();
+				},
+				get style() {
+					return N();
+				},
+				get "aria-labelledby"() {
+					return m();
+				},
+				get "aria-valuemax"() {
+					return x();
+				},
+				get "aria-valuemin"() {
+					return b();
+				},
+				get "aria-valuenow"() {
+					return D();
+				},
+				get "aria-valuetext"() {
+					return A();
+				},
+				role: "meter"
+			}, v, { get children() {
+				return [c(() => p.children), (() => {
+					var e = s(T);
+					return o(() => E, (t, n) => {
+						f(e, t, n);
+					}), e;
+				})()];
+			} }));
+		}
+	});
+}
+function O(e, t, n) {
+	return Math.max(t, Math.min(e, n));
+}
+//#endregion
+//#region src/meter/track/MeterTrack.tsx
+var k = /* @__PURE__ */ p("<div>");
+function A(e) {
+	let i = y(e, "render", "class", "style"), o = {}, c = g(() => n(e.class, o)), f = g(() => r(e.style, o)), p = t(e, () => o, (e) => (() => {
+		var t = s(k);
+		return d(t, e, !1), u(), t;
+	})());
+	return a(p, l({
+		get class() {
+			return c();
+		},
+		get style() {
+			return f();
+		}
+	}, i));
+}
+//#endregion
+//#region src/meter/indicator/MeterIndicator.tsx
+var j = /* @__PURE__ */ p("<div>");
+function M(e) {
+	let o = C(), c = y(e, "render", "class", "style"), f = {}, p = g(() => n(e.class, f)), m = g(() => ({
+		"inset-inline-start": "0",
+		height: "inherit",
+		width: `${o.percentageValue()}%`
+	})), h = g(() => {
+		let t = r(e.style, f);
+		return typeof t == "string" ? `inset-inline-start:0;height:inherit;width:${o.percentageValue()}%;${t}` : i(m(), t === !1 ? void 0 : t);
+	}), _ = t(e, () => f, (e) => (() => {
+		var t = s(j);
+		return d(t, e, !1), u(), t;
+	})());
+	return a(_, l({
+		get class() {
+			return p();
+		},
+		get style() {
+			return h();
+		}
+	}, c));
+}
+//#endregion
+//#region src/meter/value/MeterValue.tsx
+var N = /* @__PURE__ */ p("<span>");
+function P(e) {
+	let i = e, o = C(), c = y(e, "render", "children", "class", "style"), f = {}, p = g(() => n(e.class, f)), m = g(() => r(e.style, f)), h = g(() => typeof i.children == "function" ? i.children(o.formattedValue(), o.value()) : o.formattedValue()), _ = t(e, () => f, (e) => (() => {
+		var t = s(N);
+		return d(t, e, !1), u(), t;
+	})());
+	return a(_, l({
+		get class() {
+			return p();
+		},
+		get style() {
+			return m();
+		},
+		"aria-hidden": "true"
+	}, c, { get children() {
+		return h();
+	} }));
+}
+//#endregion
+//#region src/meter/label/MeterLabel.tsx
+var F = /* @__PURE__ */ p("<span>");
+function I(e) {
+	let i = C(), o = `base-ui-${v()}`, c = y(e, "render", "class", "id", "style"), f = g(() => e.id ?? o), p = {}, m = g(() => n(e.class, p)), _ = g(() => r(e.style, p));
+	h(f, (e) => (i.setLabelId(e), () => {
+		i.setLabelId((t) => t === e ? void 0 : t);
+	}));
+	let b = t(e, () => p, (e) => (() => {
+		var t = s(F);
+		return d(t, e, !1), u(), t;
+	})());
+	return a(b, l({
+		get id() {
+			return f();
+		},
+		get class() {
+			return m();
+		},
+		get style() {
+			return _();
+		},
+		role: "presentation"
+	}, c));
+}
+//#endregion
+//#region src/meter/index.parts.ts
+var L = /* @__PURE__ */ e({
+	Indicator: () => M,
+	Label: () => I,
+	Root: () => D,
+	Track: () => A,
+	Value: () => P
+});
+//#endregion
+export { L as t };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../navigation-menu-ZILQmdn6.js";
+import { t as e } from "../navigation-menu-BbRyun3a.js";
 export { e as NavigationMenu };