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

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-mVHV41Ky.js";
 export { e as NavigationMenu };