solid-baseui 0.1.0-alpha.1 → 0.1.0-alpha.3

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/navigation-menu/index.js

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