@threadlabs/looma 0.4.0 → 0.5.1

package/vue/chunks/UiMenu.js

@@ -0,0 +1,163 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, watchEffect } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-menu/ui-menu.js";
+//#region .build/vue/UiMenu.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-ui-menu-state"];
+var _hoisted_2 = { class: "surface" };
+//#endregion
+//#region .build/vue/UiMenu.vue
+var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiMenu",
+	props: {
+		for: { default: "" },
+		open: {
+			type: [Boolean, null],
+			default: false
+		},
+		placement: { default: "bottom-start" }
+	},
+	emits: [
+		"select",
+		"open",
+		"close"
+	],
+	setup(__props, { emit: __emit }) {
+		const hn = { t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false) };
+		const props = __props;
+		const emit = __emit;
+		const root = ref(null);
+		const refs = {};
+		const state_internalOpen = ref(false);
+		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
+		const dispatch = (name, detail) => {
+			const declared = {
+				"select": {
+					"bubbles": true,
+					"composed": true,
+					"cancelable": false
+				},
+				"open": {
+					"bubbles": true,
+					"composed": true,
+					"cancelable": false
+				},
+				"close": {
+					"bubbles": true,
+					"composed": true,
+					"cancelable": false
+				}
+			};
+			const checks = {
+				"select": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => ["value", "trigger"].includes(key)),
+				"open": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+					"open",
+					"reason",
+					"trigger"
+				].includes(key)),
+				"close": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic" || detail["reason"] === "light-dismiss" || detail["reason"] === "escape") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+					"open",
+					"reason",
+					"trigger"
+				].includes(key))
+			};
+			if (detail !== void 0 && checks[name] !== void 0 && !checks[name](detail)) throw new TypeError(`HR002: Event \`${name}\` detail does not satisfy its declared type.`);
+			emit(name, detail);
+			return root.value?.dispatchEvent(new CustomEvent(name, {
+				bubbles: true,
+				composed: true,
+				...declared[name],
+				detail
+			})) ?? true;
+		};
+		/** The resolved values the styles' :host-state() rules test. */
+		const hostState = computed(() => ["internalOpen"].flatMap((name) => {
+			const value = read(name);
+			const tokens = hn.t(value) ? [name] : [];
+			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
+			return tokens;
+		}).join(" "));
+		function read(name) {
+			if (name === "internalOpen") return state_internalOpen.value;
+			return props[name];
+		}
+		function write(name, value) {
+			if (name === "internalOpen") {
+				state_internalOpen.value = value;
+				return true;
+			}
+			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
+		}
+		const stops = [];
+		const host = {
+			get element() {
+				return root.value;
+			},
+			state: new Proxy({}, {
+				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
+				set: (_target, name, value) => typeof name === "string" && write(name, value)
+			}),
+			refs,
+			elements: new Proxy({}, { get: (_target, name) => {
+				if (typeof name !== "string" || root.value === null) return void 0;
+				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
+			} }),
+			signal(initialValue) {
+				const value = shallowRef(initialValue);
+				return {
+					get: () => value.value,
+					set: (next) => {
+						if (!Object.is(value.value, next)) value.value = next;
+					},
+					update: (next) => {
+						const updated = next(value.value);
+						if (!Object.is(value.value, updated)) value.value = updated;
+					}
+				};
+			},
+			computed(compute) {
+				const value = computed(compute);
+				return { get: () => value.value };
+			},
+			effect(run) {
+				const stop = watchEffect((onCleanup) => {
+					const cleanup = run();
+					if (typeof cleanup === "function") onCleanup(cleanup);
+				}, { flush: "post" });
+				stops.push(stop);
+				return stop;
+			},
+			on(event, listener) {
+				const element = root.value;
+				element?.addEventListener(event, listener);
+				const off = () => element?.removeEventListener(event, listener);
+				stops.push(off);
+				return off;
+			},
+			dispatch
+		};
+		let cleanup;
+		onMounted(() => {
+			Promise.resolve(controllerModule.default(host)).then((result) => {
+				cleanup = result;
+			});
+		});
+		onBeforeUnmount(() => {
+			for (const stop of stops.splice(0)) stop();
+			if (typeof cleanup === "function") cleanup();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				"data-component": "ui-menu",
+				role: "menu",
+				"aria-orientation": "vertical"
+			}, _ctx.$attrs, {
+				"data-ui-menu-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-75d428d7"]]);
+//#endregion
+export { UiMenu_default as t };

package/vue/chunks/UiMenuItem.js

@@ -0,0 +1,37 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+//#region .build/vue/UiMenuItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-disabled", "data-value"];
+//#endregion
+//#region .build/vue/UiMenuItem.vue
+var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiMenuItem",
+	props: {
+		disabled: {
+			type: [Boolean, null],
+			default: false
+		},
+		value: { default: "" }
+	},
+	setup(__props) {
+		const hn = {
+			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
+			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v),
+			enumerated: (v) => typeof v === "boolean" ? String(v) : hn.attr(v)
+		};
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				"data-component": "ui-menu-item",
+				role: "menuitem",
+				tabindex: "-1"
+			}, _ctx.$attrs, {
+				"aria-disabled": hn.enumerated(props.disabled),
+				"data-value": hn.attr(props.value)
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-05a8f163"]]);
+//#endregion
+export { UiMenuItem_default as t };

package/vue/chunks/UiPopover.js

@@ -0,0 +1,149 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, watchEffect } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-popover/ui-popover.js";
+//#region .build/vue/UiPopover.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-ui-popover-state"];
+var _hoisted_2 = { class: "surface" };
+//#endregion
+//#region .build/vue/UiPopover.vue
+var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiPopover",
+	props: {
+		for: { default: "" },
+		open: {
+			type: [Boolean, null],
+			default: false
+		},
+		placement: { default: "bottom-start" }
+	},
+	emits: ["open", "close"],
+	setup(__props, { emit: __emit }) {
+		const hn = { t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false) };
+		const props = __props;
+		const emit = __emit;
+		const root = ref(null);
+		const refs = {};
+		const state_internalOpen = ref(false);
+		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
+		const dispatch = (name, detail) => {
+			const declared = {
+				"open": {
+					"bubbles": true,
+					"composed": true,
+					"cancelable": false
+				},
+				"close": {
+					"bubbles": true,
+					"composed": true,
+					"cancelable": false
+				}
+			};
+			const checks = {
+				"open": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic" || detail["reason"] === "light-dismiss" || detail["reason"] === "escape") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+					"open",
+					"reason",
+					"trigger"
+				].includes(key)),
+				"close": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic" || detail["reason"] === "light-dismiss" || detail["reason"] === "escape") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+					"open",
+					"reason",
+					"trigger"
+				].includes(key))
+			};
+			if (detail !== void 0 && checks[name] !== void 0 && !checks[name](detail)) throw new TypeError(`HR002: Event \`${name}\` detail does not satisfy its declared type.`);
+			emit(name, detail);
+			return root.value?.dispatchEvent(new CustomEvent(name, {
+				bubbles: true,
+				composed: true,
+				...declared[name],
+				detail
+			})) ?? true;
+		};
+		/** The resolved values the styles' :host-state() rules test. */
+		const hostState = computed(() => ["internalOpen"].flatMap((name) => {
+			const value = read(name);
+			const tokens = hn.t(value) ? [name] : [];
+			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
+			return tokens;
+		}).join(" "));
+		function read(name) {
+			if (name === "internalOpen") return state_internalOpen.value;
+			return props[name];
+		}
+		function write(name, value) {
+			if (name === "internalOpen") {
+				state_internalOpen.value = value;
+				return true;
+			}
+			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
+		}
+		const stops = [];
+		const host = {
+			get element() {
+				return root.value;
+			},
+			state: new Proxy({}, {
+				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
+				set: (_target, name, value) => typeof name === "string" && write(name, value)
+			}),
+			refs,
+			elements: new Proxy({}, { get: (_target, name) => {
+				if (typeof name !== "string" || root.value === null) return void 0;
+				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
+			} }),
+			signal(initialValue) {
+				const value = shallowRef(initialValue);
+				return {
+					get: () => value.value,
+					set: (next) => {
+						if (!Object.is(value.value, next)) value.value = next;
+					},
+					update: (next) => {
+						const updated = next(value.value);
+						if (!Object.is(value.value, updated)) value.value = updated;
+					}
+				};
+			},
+			computed(compute) {
+				const value = computed(compute);
+				return { get: () => value.value };
+			},
+			effect(run) {
+				const stop = watchEffect((onCleanup) => {
+					const cleanup = run();
+					if (typeof cleanup === "function") onCleanup(cleanup);
+				}, { flush: "post" });
+				stops.push(stop);
+				return stop;
+			},
+			on(event, listener) {
+				const element = root.value;
+				element?.addEventListener(event, listener);
+				const off = () => element?.removeEventListener(event, listener);
+				stops.push(off);
+				return off;
+			},
+			dispatch
+		};
+		let cleanup;
+		onMounted(() => {
+			Promise.resolve(controllerModule.default(host)).then((result) => {
+				cleanup = result;
+			});
+		});
+		onBeforeUnmount(() => {
+			for (const stop of stops.splice(0)) stop();
+			if (typeof cleanup === "function") cleanup();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-popover" }, _ctx.$attrs, {
+				"data-ui-popover-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-3d1188bf"]]);
+//#endregion
+export { UiPopover_default as t };

package/vue/chunks/UiRadio.js

@@ -0,0 +1,164 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, watchEffect } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-radio/ui-radio.js";
+//#region .build/vue/UiRadio.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-ui-radio-state"];
+var _hoisted_2 = [
+	".checked",
+	"disabled",
+	"required",
+	"value",
+	"name"
+];
+var _hoisted_3 = { class: "label" };
+//#endregion
+//#region .build/vue/UiRadio.vue
+var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiRadio",
+	props: {
+		checked: {
+			type: [Boolean, null],
+			default: false
+		},
+		disabled: {
+			type: [Boolean, null],
+			default: false
+		},
+		name: { default: "" },
+		required: {
+			type: [Boolean, null],
+			default: false
+		},
+		value: { default: "on" }
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const hn = {
+			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
+			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
+			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v)
+		};
+		const props = __props;
+		const emit = __emit;
+		const root = ref(null);
+		const refs = {};
+		const state_internalChecked = ref(false);
+		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
+		const dispatch = (name, detail) => {
+			const declared = { "change": {
+				"bubbles": true,
+				"composed": true,
+				"cancelable": false
+			} };
+			const checks = { "change": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["checked"] === "boolean" && typeof detail["value"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+				"checked",
+				"value",
+				"trigger"
+			].includes(key)) };
+			if (detail !== void 0 && checks[name] !== void 0 && !checks[name](detail)) throw new TypeError(`HR002: Event \`${name}\` detail does not satisfy its declared type.`);
+			emit(name, detail);
+			return root.value?.dispatchEvent(new CustomEvent(name, {
+				bubbles: true,
+				composed: true,
+				...declared[name],
+				detail
+			})) ?? true;
+		};
+		/** The resolved values the styles' :host-state() rules test. */
+		const hostState = computed(() => ["disabled"].flatMap((name) => {
+			const value = read(name);
+			const tokens = hn.t(value) ? [name] : [];
+			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
+			return tokens;
+		}).join(" "));
+		function read(name) {
+			if (name === "internalChecked") return state_internalChecked.value;
+			return props[name];
+		}
+		function write(name, value) {
+			if (name === "internalChecked") {
+				state_internalChecked.value = value;
+				return true;
+			}
+			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
+		}
+		const stops = [];
+		const host = {
+			get element() {
+				return root.value;
+			},
+			state: new Proxy({}, {
+				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
+				set: (_target, name, value) => typeof name === "string" && write(name, value)
+			}),
+			refs,
+			elements: new Proxy({}, { get: (_target, name) => {
+				if (typeof name !== "string" || root.value === null) return void 0;
+				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
+			} }),
+			signal(initialValue) {
+				const value = shallowRef(initialValue);
+				return {
+					get: () => value.value,
+					set: (next) => {
+						if (!Object.is(value.value, next)) value.value = next;
+					},
+					update: (next) => {
+						const updated = next(value.value);
+						if (!Object.is(value.value, updated)) value.value = updated;
+					}
+				};
+			},
+			computed(compute) {
+				const value = computed(compute);
+				return { get: () => value.value };
+			},
+			effect(run) {
+				const stop = watchEffect((onCleanup) => {
+					const cleanup = run();
+					if (typeof cleanup === "function") onCleanup(cleanup);
+				}, { flush: "post" });
+				stops.push(stop);
+				return stop;
+			},
+			on(event, listener) {
+				const element = root.value;
+				element?.addEventListener(event, listener);
+				const off = () => element?.removeEventListener(event, listener);
+				stops.push(off);
+				return off;
+			},
+			dispatch
+		};
+		let cleanup;
+		onMounted(() => {
+			Promise.resolve(controllerModule.default(host)).then((result) => {
+				cleanup = result;
+			});
+		});
+		onBeforeUnmount(() => {
+			for (const stop of stops.splice(0)) stop();
+			if (typeof cleanup === "function") cleanup();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("label", mergeProps({ "data-component": "ui-radio" }, _ctx.$attrs, {
+				"data-ui-radio-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [createElementVNode("input", {
+				type: "radio",
+				".checked": state_internalChecked.value,
+				disabled: hn.attr(props.disabled),
+				required: hn.attr(props.required),
+				value: hn.attr(props.value),
+				name: hn.attr(props.name),
+				ref: (element) => {
+					refs["input"] = element;
+				}
+			}, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-e5d6bc8d"]]);
+//#endregion
+export { UiRadio_default as t };

package/vue/chunks/UiRadioGroup.js

@@ -0,0 +1,160 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, toDisplayString, watchEffect } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-radio-group/ui-radio-group.js";
+//#region .build/vue/UiRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-ui-radio-group-state"];
+//#endregion
+//#region .build/vue/UiRadioGroup.vue
+var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiRadioGroup",
+	props: {
+		disabled: {
+			type: [Boolean, null],
+			default: false
+		},
+		label: { default: "Options" },
+		name: { default: "" },
+		orientation: { default: "horizontal" },
+		required: {
+			type: [Boolean, null],
+			default: false
+		},
+		value: { default: "" }
+	},
+	emits: ["select", "change"],
+	setup(__props, { emit: __emit }) {
+		const hn = {
+			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
+			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v)
+		};
+		const props = __props;
+		const emit = __emit;
+		const root = ref(null);
+		const refs = {};
+		const state_internalValue = ref("");
+		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
+		const dispatch = (name, detail) => {
+			const declared = {
+				"select": {
+					"bubbles": true,
+					"composed": true,
+					"cancelable": false
+				},
+				"change": {
+					"bubbles": true,
+					"composed": true,
+					"cancelable": false
+				}
+			};
+			const checks = {
+				"select": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && typeof detail["previousValue"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+					"value",
+					"previousValue",
+					"trigger"
+				].includes(key)),
+				"change": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["checked"] === "boolean" && typeof detail["value"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+					"checked",
+					"value",
+					"trigger"
+				].includes(key))
+			};
+			if (detail !== void 0 && checks[name] !== void 0 && !checks[name](detail)) throw new TypeError(`HR002: Event \`${name}\` detail does not satisfy its declared type.`);
+			emit(name, detail);
+			return root.value?.dispatchEvent(new CustomEvent(name, {
+				bubbles: true,
+				composed: true,
+				...declared[name],
+				detail
+			})) ?? true;
+		};
+		/** The resolved values the styles' :host-state() rules test. */
+		const hostState = computed(() => ["orientation"].flatMap((name) => {
+			const value = read(name);
+			const tokens = hn.t(value) ? [name] : [];
+			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
+			return tokens;
+		}).join(" "));
+		function read(name) {
+			if (name === "internalValue") return state_internalValue.value;
+			return props[name];
+		}
+		function write(name, value) {
+			if (name === "internalValue") {
+				state_internalValue.value = value;
+				return true;
+			}
+			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
+		}
+		const stops = [];
+		const host = {
+			get element() {
+				return root.value;
+			},
+			state: new Proxy({}, {
+				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
+				set: (_target, name, value) => typeof name === "string" && write(name, value)
+			}),
+			refs,
+			elements: new Proxy({}, { get: (_target, name) => {
+				if (typeof name !== "string" || root.value === null) return void 0;
+				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
+			} }),
+			signal(initialValue) {
+				const value = shallowRef(initialValue);
+				return {
+					get: () => value.value,
+					set: (next) => {
+						if (!Object.is(value.value, next)) value.value = next;
+					},
+					update: (next) => {
+						const updated = next(value.value);
+						if (!Object.is(value.value, updated)) value.value = updated;
+					}
+				};
+			},
+			computed(compute) {
+				const value = computed(compute);
+				return { get: () => value.value };
+			},
+			effect(run) {
+				const stop = watchEffect((onCleanup) => {
+					const cleanup = run();
+					if (typeof cleanup === "function") onCleanup(cleanup);
+				}, { flush: "post" });
+				stops.push(stop);
+				return stop;
+			},
+			on(event, listener) {
+				const element = root.value;
+				element?.addEventListener(event, listener);
+				const off = () => element?.removeEventListener(event, listener);
+				stops.push(off);
+				return off;
+			},
+			dispatch
+		};
+		let cleanup;
+		onMounted(() => {
+			Promise.resolve(controllerModule.default(host)).then((result) => {
+				cleanup = result;
+			});
+		});
+		onBeforeUnmount(() => {
+			for (const stop of stops.splice(0)) stop();
+			if (typeof cleanup === "function") cleanup();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("fieldset", mergeProps({
+				"data-component": "ui-radio-group",
+				role: "radiogroup"
+			}, _ctx.$attrs, {
+				"data-ui-radio-group-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [createElementVNode("legend", null, toDisplayString(hn.text(props.label)), 1), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-9cda8db8"]]);
+//#endregion
+export { UiRadioGroup_default as t };