@threadlabs/looma 0.5.1 → 0.6.0-rc.1

package/vue/chunks/UiContainer.js

@@ -12,22 +12,13 @@ var UiContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		measure: {}
 	},
 	setup(__props) {
-		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;
-		/** The resolved values the styles' :host-state() rules test. */
-		const hostState = computed(() => ["measure", "gutters"].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) {
-			return props[name];
-		}
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.measure && `measure measure=${props.measure}`, props.gutters && `gutters gutters=${props.gutters}`].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-container" }, _ctx.$attrs, { "data-ui-container-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-4a497418"]]);
+}), [["__scopeId", "data-v-4c7bb81d"]]);
 //#endregion
 export { UiContainer_default as t };

package/vue/chunks/UiContextMenu.js

@@ -1,6 +1,13 @@
 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 { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, useTemplateRef, watchEffect } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-context-menu/ui-context-menu.js";
+//#region .build/vue/UiContextMenu.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "menu",
+	role: "menu",
+	"aria-orientation": "vertical",
+	ref: "menu"
+};
 //#endregion
 //#region .build/vue/UiContextMenu.vue
 var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -9,11 +16,12 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 	props: {
 		for: { default: "" },
 		open: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		}
 	},
 	emits: [
+		"update:open",
 		"open",
 		"close",
 		"select"
@@ -22,56 +30,58 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		const props = __props;
 		const emit = __emit;
 		const root = ref(null);
-		const refs = {};
-		const state_internalOpen = ref(false);
+		const menuElement = useTemplateRef("menu");
+		const internalOpen = ref(false);
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
+		function dispatch(name, detail) {
 			const declared = {
-				"open": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+				open: {
+					bubbles: true,
+					composed: true,
+					cancelable: false
 				},
-				"close": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+				close: {
+					bubbles: true,
+					composed: true,
+					cancelable: false
 				},
-				"select": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+				select: {
+					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: (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) => [
+				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)),
-				"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))
+				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))
 			};
 			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);
+			const emitEvent = emit;
+			emitEvent(name, detail);
+			if (detail !== null && typeof detail === "object" && "open" in detail) emitEvent("update:open", detail["open"]);
 			return root.value?.dispatchEvent(new CustomEvent(name, {
 				bubbles: true,
 				composed: true,
 				...declared[name],
 				detail
 			})) ?? true;
-		};
+		}
 		function read(name) {
-			if (name === "internalOpen") return state_internalOpen.value;
+			if (name === "internalOpen") return internalOpen.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "internalOpen") {
-				state_internalOpen.value = value;
+				internalOpen.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -85,7 +95,9 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: { get menu() {
+				return menuElement.value;
+			} },
 			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;
@@ -138,16 +150,9 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			return openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-context-menu" }, _ctx.$attrs, {
 				ref_key: "root",
 				ref: root
-			}), [createElementVNode("div", {
-				class: "menu",
-				role: "menu",
-				"aria-orientation": "vertical",
-				ref: (element) => {
-					refs["menu"] = element;
-				}
-			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16);
+			}), [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16);
 		};
 	}
-}), [["__scopeId", "data-v-ef76cc50"]]);
+}), [["__scopeId", "data-v-39e418e5"]]);
 //#endregion
 export { UiContextMenu_default as t };

package/vue/chunks/UiDialog.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, toDisplayString, watchEffect } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, toDisplayString, useTemplateRef, watchEffect } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-dialog/ui-dialog.js";
 //#region .build/vue/UiDialog.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
@@ -7,7 +7,13 @@ var _hoisted_2 = {
 	key: 0,
 	class: "title"
 };
-var _hoisted_3 = { class: "body" };
+var _hoisted_3 = {
+	class: "close",
+	type: "button",
+	"aria-label": "Close",
+	ref: "close"
+};
+var _hoisted_4 = { class: "body" };
 //#endregion
 //#region .build/vue/UiDialog.vue
 var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -15,67 +21,63 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	__name: "UiDialog",
 	props: {
 		dismissible: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		for: { default: "" },
 		label: {},
 		modal: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		open: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		}
 	},
-	emits: ["close"],
+	emits: ["update: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),
-			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;
 		const emit = __emit;
 		const root = ref(null);
-		const refs = {};
-		const state_internalOpen = ref(false);
-		const state_accessibleLabel = ref("Dialog");
+		const closeElement = useTemplateRef("close");
+		const internalOpen = ref(false);
+		const accessibleLabel = ref("Dialog");
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
-			const declared = { "close": {
-				"bubbles": true,
-				"composed": true,
-				"cancelable": false
+		function dispatch(name, detail) {
+			const declared = { close: {
+				bubbles: true,
+				composed: true,
+				cancelable: false
 			} };
-			const checks = { "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) => [
+			const checks = { 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);
+			const emitEvent = emit;
+			emitEvent(name, detail);
+			if (detail !== null && typeof detail === "object" && "open" in detail) emitEvent("update:open", detail["open"]);
 			return root.value?.dispatchEvent(new CustomEvent(name, {
 				bubbles: true,
 				composed: true,
 				...declared[name],
 				detail
 			})) ?? true;
-		};
+		}
 		function read(name) {
-			if (name === "internalOpen") return state_internalOpen.value;
-			if (name === "accessibleLabel") return state_accessibleLabel.value;
+			if (name === "internalOpen") return internalOpen.value;
+			if (name === "accessibleLabel") return accessibleLabel.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "internalOpen") {
-				state_internalOpen.value = value;
+				internalOpen.value = value;
 				return true;
 			}
 			if (name === "accessibleLabel") {
-				state_accessibleLabel.value = value;
+				accessibleLabel.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -89,7 +91,9 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: { get close() {
+				return closeElement.value;
+			} },
 			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;
@@ -140,23 +144,16 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("dialog", mergeProps({ "data-component": "ui-dialog" }, _ctx.$attrs, {
-				"aria-label": hn.enumerated(state_accessibleLabel.value),
+				"aria-label": accessibleLabel.value,
 				ref_key: "root",
 				ref: root
 			}), [
-				createElementVNode("header", null, [hn.t(props.label) ? (openBlock(), createElementBlock("h2", _hoisted_2, toDisplayString(hn.text(props.label)), 1)) : createCommentVNode("v-if", true), createElementVNode("button", {
-					class: "close",
-					type: "button",
-					"aria-label": "Close",
-					ref: (element) => {
-						refs["close"] = element;
-					}
-				}, null, 512)]),
-				createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				createElementVNode("header", null, [__props.label ? (openBlock(), createElementBlock("h2", _hoisted_2, toDisplayString(__props.label), 1)) : createCommentVNode("v-if", true), createElementVNode("button", _hoisted_3, null, 512)]),
+				createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				createElementVNode("footer", null, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-901875ac"]]);
+}), [["__scopeId", "data-v-05ac1756"]]);
 //#endregion
 export { UiDialog_default as t };

package/vue/chunks/UiDisclosure.js

@@ -1,5 +1,5 @@
 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 { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, toDisplayString, useTemplateRef, watchEffect } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-disclosure/ui-disclosure.js";
 //#region .build/vue/UiDisclosure.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-disclosure-state"];
@@ -16,84 +16,80 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	inheritAttrs: false,
 	__name: "UiDisclosure",
 	props: {
+		density: { default: "comfortable" },
 		disabled: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		open: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		summary: { default: "Details" }
 	},
-	emits: ["open", "close"],
+	emits: [
+		"update:open",
+		"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),
-			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;
 		const emit = __emit;
 		const root = ref(null);
-		const refs = {};
-		const state_internalOpen = ref(false);
-		const state_contentId = ref("");
+		const triggerElement = useTemplateRef("trigger");
+		const internalOpen = ref(false);
+		const contentId = ref("");
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.density && `density density=${props.density}`, internalOpen.value && "internalOpen"].filter(Boolean).join(" "));
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
+		function dispatch(name, detail) {
 			const declared = {
-				"open": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+				open: {
+					bubbles: true,
+					composed: true,
+					cancelable: false
 				},
-				"close": {
-					"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: (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) => [
+				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);
+			const emitEvent = emit;
+			emitEvent(name, detail);
+			if (detail !== null && typeof detail === "object" && "open" in detail) emitEvent("update:open", detail["open"]);
 			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;
-			if (name === "contentId") return state_contentId.value;
+			if (name === "internalOpen") return internalOpen.value;
+			if (name === "contentId") return contentId.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "internalOpen") {
-				state_internalOpen.value = value;
+				internalOpen.value = value;
 				return true;
 			}
 			if (name === "contentId") {
-				state_contentId.value = value;
+				contentId.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -107,7 +103,9 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: { get trigger() {
+				return triggerElement.value;
+			} },
 			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;
@@ -164,22 +162,20 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}), [createElementVNode("button", {
 				class: "trigger",
 				type: "button",
-				"aria-controls": hn.enumerated(state_contentId.value),
-				"aria-expanded": hn.enumerated(state_internalOpen.value),
-				disabled: hn.attr(props.disabled),
-				ref: (element) => {
-					refs["trigger"] = element;
-				}
-			}, [createElementVNode("span", null, toDisplayString(hn.text(props.summary)), 1), _cache[0] || (_cache[0] = createElementVNode("span", {
+				"aria-controls": contentId.value,
+				"aria-expanded": internalOpen.value,
+				disabled: __props.disabled,
+				ref: "trigger"
+			}, [createElementVNode("span", null, toDisplayString(__props.summary), 1), _cache[0] || (_cache[0] = createElementVNode("span", {
 				class: "chevron",
 				"aria-hidden": "true"
 			}, null, -1))], 8, _hoisted_2), createElementVNode("div", {
 				class: "panel",
-				id: hn.attr(state_contentId.value),
-				inert: hn.attr(!hn.t(state_internalOpen.value))
+				id: contentId.value,
+				inert: !internalOpen.value
 			}, [createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 8, _hoisted_3)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-ab5e82b4"]]);
+}), [["__scopeId", "data-v-d9a330a8"]]);
 //#endregion
 export { UiDisclosure_default as t };