@threadlabs/looma 0.28.5 → 0.28.7

package/vue/chunks/UiMenuItem.js

@@ -1,5 +1,4 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as preserveRootFocus, r as useComponentHost, t as createDispatch } from "./host.js";
+import { a as concat, h as preserveRootFocus, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
@@ -49,14 +48,6 @@ var _hoisted_9 = {
 	class: "shortcut",
 	"aria-hidden": "true"
 };
-var htmlNextAuthoredCheck2Reported = /* @__PURE__ */ new Set();
-function htmlNextAuthoredCheck2(accepted, location, message) {
-	if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
-		htmlNextAuthoredCheck2Reported.add(location);
-		console.warn(message);
-	}
-	return accepted;
-}
 //#endregion
 //#region .build/vue/UiMenuItem.vue
 var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -202,18 +193,7 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = useTemplateRef("@html-next/root");
@@ -230,32 +210,8 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				false: checkedProps.value.href
 			}, concat(checkedProps.value.disabled)));
 		});
-		let guardedBindingPrevious;
-		const guardedBinding = computed(() => {
-			if (!htmlNextAuthoredCheck2(internalChecked.value == null || typeof internalChecked.value === "boolean", "{ action: null, checkbox: $internalChecked, radio: $internalChecked }[$type]:internalChecked", "./components/ui-menu-item/ui-menu-item.html: HR007: Reference internalChecked does not satisfy its declared type.")) return guardedBindingPrevious;
-			return guardedBindingPrevious = typeof {
-				action: null,
-				checkbox: internalChecked.value,
-				radio: internalChecked.value
-			}[checkedProps.value.type] === "boolean" ? String({
-				action: null,
-				checkbox: internalChecked.value,
-				radio: internalChecked.value
-			}[checkedProps.value.type]) : attribute({
-				action: null,
-				checkbox: internalChecked.value,
-				radio: internalChecked.value
-			}[checkedProps.value.type]);
-		});
 		provide("html-next:ui-menu-item:internalChecked", internalChecked);
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== (checkedProps.value.href && checkedProps.value.type === "action" ? "a" : "div"))) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-menu-item> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-menu-item> has an incompatible root."
-			})
-		});
+		checkHydratedRoot(checkedProps.value.href && checkedProps.value.type === "action" ? "a" : "div", "ui-menu-item");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.tone && "tone",
@@ -308,35 +264,21 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}, name),
 			state: { internalChecked }
 		});
-		function text(value) {
-			if (Array.isArray(value)) return value.map(text).join(" ");
-			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
-		}
-		function attribute(value) {
-			if (value === null || value === void 0 || value === false || typeof value === "object" && !Array.isArray(value)) return void 0;
-			return value === true ? "" : text(value);
-		}
-		function concat(...values) {
-			if (values.some((value) => value === Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
-			if (values.some((value) => value === void 0)) return void 0;
-			if (values.length === 0 || values.some((value) => typeof value === "object" && value !== null)) return Symbol.for("html-next.invalid-result");
-			return values.map((value) => value === null ? "" : String(value)).join("");
-		}
 		return (_ctx, _cache) => {
 			return checkedProps.value.href && checkedProps.value.type === "action" ? withDirectives((openBlock(), createElementBlock("a", mergeProps({
 				key: 0,
-				"data-component": "ui-menu-item",
+				class: "ui-menu-item",
 				role: "menuitem",
 				tabindex: "-1"
-			}, nativeAttrs(_ctx.$attrs), {
+			}, unref(nativeAttrs)(_ctx.$attrs), {
 				"aria-disabled": checkedProps.value.disabled ?? void 0,
 				href: guarded.value,
-				"data-checked": reflectedProp("checked", "checked", checkedProps.value.checked, void 0, false),
-				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-href": reflectedProp("href", "href", checkedProps.value.href, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-type": reflectedProp("type", "type", checkedProps.value.type, void 0, false),
-				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, true),
+				"data-checked": unref(reflectedProp)("checked", "checked", checkedProps.value.checked, void 0, false),
+				"data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-type": unref(reflectedProp)("type", "type", checkedProps.value.type, void 0, false),
+				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, true),
 				"data-ui-menu-item-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [
@@ -348,27 +290,40 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				values: { ...props }
 			}]]) : withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				key: 1,
-				"data-component": "ui-menu-item",
+				class: "ui-menu-item",
 				tabindex: "-1"
-			}, nativeAttrs(_ctx.$attrs), {
-				role: attribute({
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				role: unref(attribute)({
 					action: "menuitem",
 					checkbox: "menuitemcheckbox",
 					radio: "menuitemradio"
 				}[checkedProps.value.type]),
-				"aria-checked": guardedBinding.value,
+				"aria-checked": typeof {
+					action: null,
+					checkbox: internalChecked.value,
+					radio: internalChecked.value
+				}[checkedProps.value.type] === "boolean" ? String({
+					action: null,
+					checkbox: internalChecked.value,
+					radio: internalChecked.value
+				}[checkedProps.value.type]) : unref(attribute)({
+					action: null,
+					checkbox: internalChecked.value,
+					radio: internalChecked.value
+				}[checkedProps.value.type]),
 				"aria-disabled": checkedProps.value.disabled ?? void 0,
-				"data-checked": reflectedProp("checked", "checked", checkedProps.value.checked, void 0, false),
-				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-href": reflectedProp("href", "href", checkedProps.value.href, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-type": reflectedProp("type", "type", checkedProps.value.type, void 0, false),
-				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, true),
+				"data-checked": unref(reflectedProp)("checked", "checked", checkedProps.value.checked, void 0, false),
+				"data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-type": unref(reflectedProp)("type", "type", checkedProps.value.type, void 0, false),
+				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, true),
 				"data-ui-menu-item-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [
 				createElementVNode("span", _hoisted_6, [(checkedProps.value.type === "checkbox" || checkedProps.value.type === "radio") && internalChecked.value ? (openBlock(), createBlock(UiIcon_default, {
 					key: 0,
+					class: "ui-icon",
 					name: "check"
 				})) : createCommentVNode("v-if", true)]),
 				createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "icon")]),
@@ -380,6 +335,6 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-32e2a3e1"]]);
+}), [["__scopeId", "data-v-50b6e1bc"]]);
 //#endregion
 export { UiMenuItem_default as t };

package/vue/chunks/UiMeter.js

@@ -1,6 +1,6 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { a as concat, c as decimalMultiply, f as math, i as checkHydratedRoot, l as decimalSubtract, m as number, p as nativeAttrs, r as attribute, s as cycleCheckedComputed, t as _plugin_vue_export_helper_default, u as formatValue, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, getCurrentInstance, mergeProps, normalizeStyle, openBlock, renderList, unref, watchSyncEffect, withDirectives } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, mergeProps, normalizeStyle, openBlock, renderList, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiMeter.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"role",
@@ -21,227 +21,6 @@ var _hoisted_1 = [
 	"data-variant",
 	"data-ui-meter-state"
 ];
-function createFormatValue() {
-	const cache = /* @__PURE__ */ new Map();
-	function formatterFor(name, locale, options) {
-		const constructor = Reflect.get(Intl, name);
-		if (name === "DateTimeFormat" && options.timeZone === void 0) return new constructor(locale, options);
-		const entries = [];
-		for (const key of Object.keys(options).sort()) {
-			const value = options[key];
-			if (value === void 0) continue;
-			if (value !== null && typeof value !== "string" && typeof value !== "boolean" && typeof value !== "number" || typeof value === "number" && !Number.isFinite(value)) return new constructor(locale, options);
-			entries.push([
-				key,
-				typeof value,
-				Object.is(value, -0) ? "-0" : value
-			]);
-		}
-		const language = locale === void 0 && typeof navigator !== "undefined" ? navigator.language : void 0;
-		const key = JSON.stringify([
-			name,
-			locale,
-			language,
-			entries
-		]);
-		if (key.length > 4096) return new constructor(locale, options);
-		const cached = cache.get(key);
-		if (cached !== void 0 && cached.constructor === constructor) return cached.value;
-		const value = new constructor(locale, options);
-		if (cache.size >= 128 && !cache.has(key)) cache.delete(cache.keys().next().value);
-		cache.set(key, {
-			constructor,
-			value
-		});
-		return value;
-	}
-	/**
-	* The native Intl adapter. Self-contained so converters emit this same implementation only when
-	* authored expressions use formatting, without importing the live parser or interpreter.
-	* undefined is absence; the shared invalid-result symbol tells each target to retain its output.
-	*/
-	return function formatValue(value, inputType, operation, ...args) {
-		const invalid = Symbol.for("html-next.invalid-result");
-		if (value === invalid || args.includes(invalid)) return invalid;
-		if (value === void 0 || value === null || args.some((arg) => arg === void 0)) return;
-		const end = operation === "formatRange" ? args.shift() : void 0;
-		if (operation === "formatRange" && (end === null || end === void 0)) return;
-		const format = typeof args[0] === "string" ? args.shift() : Reflect.get({
-			number: "number",
-			integer: "number",
-			percentage: "percent",
-			date: "date",
-			time: "time",
-			datetime: "dateTime",
-			"datetime-local": "dateTime",
-			duration: "duration",
-			list: "list"
-		}, inputType ?? "");
-		const options = args.length > 0 ? args.shift() : {};
-		const locale = args.shift();
-		if (args.length > 0 || !format || options === null || typeof options !== "object" || Array.isArray(options) || locale !== void 0 && typeof locale !== "string") return invalid;
-		try {
-			const durationFields = [
-				"years",
-				"months",
-				"weeks",
-				"days",
-				"hours",
-				"minutes",
-				"seconds",
-				"milliseconds",
-				"microseconds",
-				"nanoseconds"
-			];
-			const settings = { ...options };
-			let formatter;
-			let input = value;
-			let last = end;
-			let zoneFree = false;
-			if ([
-				"number",
-				"currency",
-				"percent",
-				"unit"
-			].includes(format)) {
-				if (format !== "number") {
-					if (settings.style !== void 0 && settings.style !== format) return invalid;
-					settings.style = format;
-				}
-				const quantity = (candidate) => {
-					if (inputType === "percentage" && typeof candidate === "string" && /^-?(?:\d+(?:\.\d+)?|\.\d+)%$/.test(candidate)) return Number(candidate.slice(0, -1)) / 100;
-					return candidate;
-				};
-				input = quantity(input);
-				last = quantity(last);
-				if (typeof input !== "number" || !Number.isFinite(input) || operation === "formatRange" && (typeof last !== "number" || !Number.isFinite(last))) return invalid;
-				formatter = formatterFor("NumberFormat", locale, settings);
-			} else if ([
-				"date",
-				"time",
-				"dateTime"
-			].includes(format)) {
-				const civil = inputType === "date" || inputType === "time" || inputType === "datetime-local" || typeof input === "string" && !/(?:Z|[+-]\d\d:\d\d)$/.test(input);
-				zoneFree = civil;
-				if (civil && (settings.timeZone !== void 0 || settings.timeZoneName !== void 0)) return invalid;
-				if (format === "date" && (settings.timeStyle !== void 0 || [
-					"hour",
-					"minute",
-					"second",
-					"dayPeriod",
-					"fractionalSecondDigits"
-				].some((key) => settings[key] !== void 0)) || format === "time" && (settings.dateStyle !== void 0 || [
-					"year",
-					"month",
-					"day",
-					"weekday",
-					"era"
-				].some((key) => settings[key] !== void 0))) return invalid;
-				if (settings.dateStyle === void 0 && settings.timeStyle === void 0 && ![
-					"year",
-					"month",
-					"day",
-					"weekday",
-					"era",
-					"hour",
-					"minute",
-					"second",
-					"dayPeriod",
-					"fractionalSecondDigits"
-				].some((key) => settings[key] !== void 0)) {
-					if (format !== "time") settings.dateStyle = "medium";
-					if (format !== "date") settings.timeStyle = "medium";
-				}
-				if (civil) settings.timeZone = "UTC";
-				const asDate = (candidate) => {
-					if (typeof candidate === "number" && Number.isFinite(candidate)) return new Date(candidate);
-					if (typeof candidate !== "string") return;
-					let written = candidate.replace(" ", "T");
-					if (/^\d\d:\d\d(?::\d\d(?:\.\d{1,3})?)?$/.test(written)) {
-						if (format !== "time") return;
-						written = "1970-01-01T" + written + "Z";
-					} else if (/^\d{4,}-\d\d-\d\d$/.test(written)) {
-						if (format !== "date") return;
-						written += "T00:00:00Z";
-					} else if (/^\d{4,}-\d\d-\d\dT\d\d:\d\d(?::\d\d(?:\.\d{1,3})?)?$/.test(written)) written += "Z";
-					else if (!/^\d{4,}-\d\d-\d\dT\d\d:\d\d(?::\d\d(?:\.\d{1,3})?)?(?:Z|[+-]\d\d:\d\d)$/.test(written)) return;
-					const date = new Date(written.replace(/^(\d{5,})-/, (_match, year) => "+" + year.padStart(6, "0") + "-"));
-					if (!Number.isFinite(date.getTime())) return;
-					const match = /^(\d{4,})-(\d\d)-(\d\d)T(\d\d):(\d\d)(?::(\d\d))?/.exec(written);
-					if (!match) return;
-					const probe = /* @__PURE__ */ new Date(0);
-					probe.setUTCFullYear(Number(match[1]), Number(match[2]) - 1, Number(match[3]));
-					if (Number(match[1]) === 0 || probe.getUTCMonth() !== Number(match[2]) - 1 || probe.getUTCDate() !== Number(match[3]) || Number(match[4]) > 23 || Number(match[5]) > 59 || Number(match[6] ?? 0) > 59) return;
-					return date;
-				};
-				input = asDate(input);
-				last = operation === "formatRange" ? asDate(last) : void 0;
-				if (!input || operation === "formatRange" && !last) return invalid;
-				formatter = formatterFor("DateTimeFormat", locale, settings);
-			} else {
-				if (operation === "formatRange") return invalid;
-				if (format === "relativeTime") {
-					if (typeof input !== "number" || !Number.isFinite(input) || typeof settings.unit !== "string") return invalid;
-					const unit = settings.unit;
-					delete settings.unit;
-					formatter = formatterFor("RelativeTimeFormat", locale, settings);
-					return operation === "formatParts" ? formatter.formatToParts(input, unit) : formatter.format(input, unit);
-				}
-				if (format === "list") {
-					if (!Array.isArray(input) || input.some((item) => typeof item !== "string")) return invalid;
-					formatter = formatterFor("ListFormat", locale, settings);
-				} else if (format === "duration") {
-					if (inputType === "duration" && typeof input === "string") {
-						const match = /^(-?(?:\d+(?:\.\d+)?|\.\d+))(ms|s)$/.exec(input);
-						if (!match) return invalid;
-						const milliseconds = Number(match[1]) * (match[2] === "s" ? 1e3 : 1);
-						if (!Number.isFinite(milliseconds)) return invalid;
-						input = {
-							hours: Math.trunc(milliseconds / 36e5),
-							minutes: Math.trunc(milliseconds % 36e5 / 6e4),
-							seconds: Math.trunc(milliseconds % 6e4 / 1e3),
-							milliseconds: Math.trunc(milliseconds % 1e3),
-							microseconds: Math.trunc((milliseconds - Math.trunc(milliseconds)) * 1e3),
-							nanoseconds: Math.round((milliseconds * 1e3 - Math.trunc(milliseconds * 1e3)) * 1e3)
-						};
-					}
-					if (input === null || typeof input !== "object" || Array.isArray(input) || Object.keys(input).some((key) => !durationFields.includes(key))) return invalid;
-					if (!Reflect.get(Intl, "DurationFormat")) return invalid;
-					formatter = formatterFor("DurationFormat", locale, settings);
-				} else if (format === "displayName") {
-					if (typeof input !== "string" || operation === "formatParts") return invalid;
-					return formatterFor("DisplayNames", locale, settings).of(input);
-				} else if (format === "plural") {
-					if (typeof input !== "number" || !Number.isFinite(input) || operation === "formatParts") return invalid;
-					const forms = settings.forms;
-					if (!forms || typeof forms !== "object" || Array.isArray(forms) || typeof forms.other !== "string" || Object.entries(forms).some(([key, entry]) => ![
-						"zero",
-						"one",
-						"two",
-						"few",
-						"many",
-						"other"
-					].includes(key) || typeof entry !== "string")) return invalid;
-					delete settings.forms;
-					const message = forms[formatterFor("PluralRules", locale, settings).select(input)] ?? forms.other;
-					const numberOptions = { ...settings };
-					delete numberOptions.type;
-					delete numberOptions.forms;
-					const number = formatterFor("NumberFormat", locale, numberOptions).format(input);
-					return message.replace(/#/g, () => number);
-				}
-			}
-			if (!zoneFree && operation !== "formatParts") return operation === "formatRange" ? formatter.formatRange(input, last) : formatter.format(input);
-			const parts = operation === "formatRange" ? formatter.formatRangeToParts(input, last) : formatter.formatToParts(input);
-			if (zoneFree && operation !== "formatParts" && !parts.some((part) => part.type === "timeZoneName")) return operation === "formatRange" ? formatter.formatRange(input, last) : formatter.format(input);
-			const visible = zoneFree ? parts.filter((part, index) => part.type !== "timeZoneName" && !(part.type === "literal" && /^[\s(),]*$/.test(part.value) && (parts[index - 1]?.type === "timeZoneName" || parts[index + 1]?.type === "timeZoneName"))) : parts;
-			return operation === "formatParts" ? visible : visible.map((part) => part.value).join("");
-		} catch {
-			return invalid;
-		}
-	};
-}
-var moduleFormatValue = createFormatValue();
 //#endregion
 //#region .build/vue/UiMeter.vue
 var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -286,7 +65,6 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		}
 	},
 	setup(__props) {
-		const formatValue = moduleFormatValue;
 		const propValidityContract = { props: {
 			label: {
 				type: {
@@ -479,42 +257,7 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
-		const hydrationInstance = getCurrentInstance();
-		function cycleCheckedComputed(evaluate) {
-			const value = computed(evaluate);
-			let reading = false;
-			return new Proxy(value, { get(target, property) {
-				if (property !== "value") return Reflect.get(target, property);
-				if (reading) {
-					const message = "A reactive computed value depends on itself.";
-					throw Object.assign(/* @__PURE__ */ new Error(`HR006: ${message}`), {
-						name: "HtmlDiagnosticError",
-						diagnostic: Object.freeze({
-							code: "HR006",
-							message
-						})
-					});
-				}
-				reading = true;
-				try {
-					return target.value;
-				} finally {
-					reading = false;
-				}
-			} });
-		}
+		const reflectedProp = useReflectedProp();
 		let amountPrevious = null;
 		const amount = cycleCheckedComputed(() => {
 			const next = math("clamp", [
@@ -532,7 +275,7 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		let percentPrevious = null;
 		const percent = cycleCheckedComputed(() => {
 			const next = ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
-				true: number(number(amount.value) === void 0 || number(checkedProps.value.max) === void 0 ? void 0 : number(amount.value) / number(checkedProps.value.max)) === void 0 || number(100) === void 0 ? void 0 : number(number(amount.value) === void 0 || number(checkedProps.value.max) === void 0 ? void 0 : number(amount.value) / number(checkedProps.value.max)) * number(100),
+				true: number(number(amount.value) === void 0 || number(checkedProps.value.max) === void 0 ? void 0 : number(amount.value) / number(checkedProps.value.max)) === void 0 || number(100) === void 0 ? void 0 : decimalMultiply(number(number(amount.value) === void 0 || number(checkedProps.value.max) === void 0 ? void 0 : number(amount.value) / number(checkedProps.value.max)), number(100)),
 				false: 0
 			}, concat(number(checkedProps.value.max) === void 0 || number(0) === void 0 ? void 0 : number(checkedProps.value.max) > number(0)));
 			if (next === Symbol.for("html-next.invalid-result")) return percentPrevious;
@@ -723,14 +466,7 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding7Previous;
 			return guardedBinding7Previous = candidate;
 		});
-		const hydrationNode = hydrationInstance?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "span")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-meter> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-meter> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("span", "ui-meter");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.size && "size",
@@ -740,78 +476,8 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			checkedProps.value.variant && "variant",
 			checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`
 		].filter(Boolean).join(" "));
-		function text(value) {
-			if (Array.isArray(value)) return value.map(text).join(" ");
-			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
-		}
-		function attribute(value) {
-			if (value === null || value === void 0 || value === false || typeof value === "object" && !Array.isArray(value)) return void 0;
-			return value === true ? "" : text(value);
-		}
-		function number(value) {
-			return typeof value === "number" && !Number.isNaN(value) ? value : void 0;
-		}
-		function concat(...values) {
-			if (values.some((value) => value === Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
-			if (values.some((value) => value === void 0)) return void 0;
-			if (values.length === 0 || values.some((value) => typeof value === "object" && value !== null)) return Symbol.for("html-next.invalid-result");
-			return values.map((value) => value === null ? "" : String(value)).join("");
-		}
-		function math(fn, kinds, values) {
-			if (values.includes(Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
-			if (values.some((value) => value === void 0 || value === null)) return void 0;
-			if ((fn === "abs" || fn === "negate") && values.length !== 1 || fn === "round" && (values.length < 1 || values.length > 2) || (fn === "min" || fn === "max") && values.length === 0 || fn === "clamp" && values.length !== 3) return Symbol.for("html-next.invalid-result");
-			const kind = kinds[0];
-			const dimensional = kind === "length" || kind === "percentage" || kind === "duration";
-			if (!dimensional && kind !== "number") return Symbol.for("html-next.invalid-result");
-			let unit;
-			const numbers = [];
-			for (let index = 0; index < values.length; index++) {
-				if (kinds[index] !== kind) return Symbol.for("html-next.invalid-result");
-				const value = values[index];
-				if (!dimensional) {
-					if (typeof value !== "number" || !Number.isFinite(value)) return Symbol.for("html-next.invalid-result");
-					numbers.push(value);
-					continue;
-				}
-				if (typeof value !== "string") return Symbol.for("html-next.invalid-result");
-				const match = /^(-?(?:\d+(?:\.\d+)?|\.\d+))(vmin|vmax|rem|px|em|vw|vh|ch|ex|cm|mm|in|pt|pc|q|ms|s|%)$/.exec(value);
-				if (match === null || unit !== void 0 && match[2] !== unit) return Symbol.for("html-next.invalid-result");
-				unit = match[2];
-				if ((unit === "%" ? "percentage" : unit === "ms" || unit === "s" ? "duration" : "length") !== kind) return Symbol.for("html-next.invalid-result");
-				const number = Number(match[1]);
-				if (!Number.isFinite(number)) return Symbol.for("html-next.invalid-result");
-				numbers.push(number);
-			}
-			let result;
-			switch (fn) {
-				case "abs":
-					result = Math.abs(numbers[0]);
-					break;
-				case "negate":
-					result = -numbers[0];
-					break;
-				case "round": {
-					const step = Math.abs(numbers[1] ?? 1);
-					if (step === 0) return Symbol.for("html-next.invalid-result");
-					result = Math.round(numbers[0] / step) * step;
-					break;
-				}
-				case "min":
-					result = Math.min(...numbers);
-					break;
-				case "max":
-					result = Math.max(...numbers);
-					break;
-				case "clamp":
-					result = Math.max(numbers[0], Math.min(numbers[1], numbers[2]));
-					break;
-				default: return Symbol.for("html-next.invalid-result");
-			}
-			return !Number.isFinite(result) ? Symbol.for("html-next.invalid-result") : unit === void 0 ? result : String(result) + unit;
-		}
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-meter" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-meter" }, unref(nativeAttrs)(_ctx.$attrs), {
 				role: guarded.value,
 				"aria-valuemin": guardedBinding.value,
 				"aria-valuemax": guardedBinding2.value,
@@ -819,22 +485,22 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				"aria-valuetext": guardedBinding4.value,
 				"aria-label": guardedBinding5.value,
 				"data-ui-meter-segments": guardedBinding6.value,
-				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
-				"data-max": reflectedProp("max", "max", checkedProps.value.max, void 0, false),
-				"data-parts": reflectedProp("parts", "parts", checkedProps.value.parts, void 0, false),
-				"data-segments": reflectedProp("segments", "segments", checkedProps.value.segments, void 0, false),
-				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
-				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, false),
-				"data-value-text": reflectedProp("valueText", "value-text", checkedProps.value.valueText, void 0, false),
-				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-max": unref(reflectedProp)("max", "max", checkedProps.value.max, void 0, false),
+				"data-parts": unref(reflectedProp)("parts", "parts", checkedProps.value.parts, void 0, false),
+				"data-segments": unref(reflectedProp)("segments", "segments", checkedProps.value.segments, void 0, false),
+				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
+				"data-value-text": unref(reflectedProp)("valueText", "value-text", checkedProps.value.valueText, void 0, false),
+				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-meter-state": hostState.value || void 0
 			}), [checkedProps.value.variant === "progress" ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				class: "fill",
 				style: normalizeStyle({ "inline-size": guardedBinding7.value })
 			}, null, 4)) : createCommentVNode("v-if", true), checkedProps.value.variant === "distribution" ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(checkedProps.value.parts, (part, index) => {
-				return openBlock(), createElementBlock(Fragment, { key: index }, [part.value > 0 && part.value - part.value === 0 ? (openBlock(), createElementBlock("span", {
+				return openBlock(), createElementBlock(Fragment, { key: index }, [part.value > 0 && unref(decimalSubtract)(part.value, part.value) === 0 ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: "part",
 					"aria-hidden": "true",
@@ -849,6 +515,6 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-c308c037"]]);
+}), [["__scopeId", "data-v-4b7c5237"]]);
 //#endregion
 export { UiMeter_default as t };