solid-baseui 0.1.0-alpha.0

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

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

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

@@ -0,0 +1,42 @@
+import { $REFRESH as e } from "solid-js";
+//#region src/internals/itemEquality.ts
+function t(e, t) {
+	return Object.is(e, t);
+}
+function n(e, t, n) {
+	return e == null || t == null ? Object.is(e, t) : n(e, t);
+}
+function r(e, t, r) {
+	return !e || e.length === 0 ? !1 : e.some((e) => e !== void 0 && n(t, e, r));
+}
+function i(e, t, r) {
+	return !e || e.length === 0 ? -1 : e.findIndex((e) => e !== void 0 && n(e, t, r));
+}
+function a(e, t, n, r) {
+	let a = i(e, r && Array.isArray(t) ? t[t.length - 1] : t, n);
+	return a === -1 ? null : a;
+}
+function o(e, t, r) {
+	return e.filter((e) => !n(t, e, r));
+}
+function s(e, t, r) {
+	return e.length === t.length && e.every((e, i) => n(e, t[i], r));
+}
+//#endregion
+//#region src/internals/isSolidAccessor.ts
+function c(t) {
+	return typeof t == "function" && t.name === "bound read" && Object.prototype.hasOwnProperty.call(t, e);
+}
+//#endregion
+//#region src/internals/mergeStyleValue.ts
+function l(e, t) {
+	return typeof t == "string" ? `${u(e)}${t}` : t ? {
+		...e,
+		...t
+	} : e;
+}
+function u(e) {
+	return Object.entries(e).filter((e) => e[1] != null).map(([e, t]) => `${e}:${t};`).join("");
+}
+//#endregion
+export { t as a, o as c, n as i, r as l, c as n, i as o, s as r, a as s, l as t };

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

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

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

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

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

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