@threadlabs/looma 0.5.1 → 0.6.0-rc.1

package/vue/chunks/UiSwitcher.js

@@ -13,26 +13,17 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		threshold: {}
 	},
 	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. */
+		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
-			"gap",
-			"threshold",
-			"align"
-		].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];
-		}
+			props.gap && `gap gap=${props.gap}`,
+			props.threshold && `threshold threshold=${props.threshold}`,
+			props.align && `align align=${props.align}`
+		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-switcher" }, _ctx.$attrs, { "data-ui-switcher-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-e2eb3fd3"]]);
+}), [["__scopeId", "data-v-4ba623e1"]]);
 //#endregion
 export { UiSwitcher_default as t };

package/vue/chunks/UiTabs.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, watchEffect } from "vue";
+import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, useTemplateRef, watchEffect } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-tabs/ui-tabs.js";
 //#region .build/vue/UiTabs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-tabs-state"];
@@ -10,108 +10,75 @@ var _hoisted_3 = [
 	"aria-controls",
 	"aria-selected"
 ];
+var _hoisted_4 = {
+	class: "panels",
+	ref: "panels"
+};
 //#endregion
 //#region .build/vue/UiTabs.vue
 var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiTabs",
 	props: {
+		density: { default: "comfortable" },
 		label: { default: "Tabs" },
 		orientation: { default: "horizontal" },
 		stretch: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		value: { default: "" }
 	},
-	emits: ["select"],
+	emits: ["update:value", "select"],
 	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),
-			n: (v) => typeof v === "number" && v === v ? v : void 0,
-			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),
-			call: (fn, ...args) => {
-				if (fn === "format") {
-					let index = 1;
-					return typeof args[0] === "string" ? args[0].replace(/%s/g, () => index < args.length ? hn.text(args[index++]) : "%s") : void 0;
-				}
-				const n = args.map(hn.n);
-				if (n.some((value) => value === void 0)) return void 0;
-				const v = n;
-				switch (fn) {
-					case "abs": return v.length === 1 ? Math.abs(v[0]) : void 0;
-					case "round": return v.length === 1 ? Math.round(v[0]) : void 0;
-					case "min": return v.length > 0 ? Math.min(...v) : void 0;
-					case "max": return v.length > 0 ? Math.max(...v) : void 0;
-					case "clamp": return v.length === 3 ? Math.min(Math.max(v[0], v[1]), v[2]) : void 0;
-				}
-			},
-			shape: (items, where, sort, limit) => {
-				let list = Array.isArray(items) ? items.slice() : [];
-				if (where !== void 0) list = list.filter((item) => hn.t(where(item)));
-				if (sort.length > 0) {
-					const field = (item, path) => item !== null && typeof item === "object" && !Array.isArray(item) ? path.split(".").reduce((value, key) => value?.[key], item) : item;
-					const compare = (a, b) => typeof a === "number" && typeof b === "number" ? a - b : hn.text(a).localeCompare(hn.text(b));
-					list.sort((a, b) => {
-						for (const key of sort) {
-							const descending = key.startsWith("-");
-							const order = compare(field(a, descending ? key.slice(1) : key), field(b, descending ? key.slice(1) : key));
-							if (order !== 0) return descending ? -order : order;
-						}
-						return 0;
-					});
-				}
-				return typeof limit === "number" ? list.slice(0, Math.max(0, Math.trunc(limit))) : list;
-			}
-		};
 		const props = __props;
 		const emit = __emit;
 		const root = ref(null);
-		const refs = {};
-		const state_internalValue = ref("");
-		const state_tabs = ref([]);
+		const listElement = useTemplateRef("list");
+		const panelsElement = useTemplateRef("panels");
+		const internalValue = ref("");
+		const tabs = ref([]);
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [
+			props.density && `density density=${props.density}`,
+			props.stretch && "stretch",
+			props.orientation && `orientation orientation=${props.orientation}`
+		].filter(Boolean).join(" "));
 		/** 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
+		function dispatch(name, detail) {
+			const declared = { select: {
+				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) => [
+			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)) };
 			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" && "value" in detail) emitEvent("update:value", detail["value"]);
 			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(() => ["stretch", "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;
-			if (name === "tabs") return state_tabs.value;
+			if (name === "internalValue") return internalValue.value;
+			if (name === "tabs") return tabs.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "internalValue") {
-				state_internalValue.value = value;
+				internalValue.value = value;
 				return true;
 			}
 			if (name === "tabs") {
-				state_tabs.value = value;
+				tabs.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -125,7 +92,14 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: {
+				get list() {
+					return listElement.value;
+				},
+				get panels() {
+					return panelsElement.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;
@@ -182,29 +156,22 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [createElementVNode("div", {
 				class: "list",
 				role: "tablist",
-				"aria-label": hn.enumerated(props.label),
-				"aria-orientation": hn.enumerated(props.orientation),
-				ref: (element) => {
-					refs["list"] = element;
-				}
-			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_tabs.value, void 0, [], void 0), (tab, index) => {
+				"aria-label": __props.label,
+				"aria-orientation": __props.orientation,
+				ref: "list"
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (tab) => {
 				return openBlock(), createElementBlock("button", {
-					key: tab?.id,
+					key: tab.id,
 					type: "button",
 					role: "tab",
-					id: hn.attr(hn.call("format", "%s-tab", tab?.id)),
-					value: hn.attr(tab?.id),
-					"aria-controls": hn.enumerated(tab?.id),
-					"aria-selected": hn.enumerated(tab?.id === state_internalValue.value)
-				}, toDisplayString(hn.text(tab?.label)), 9, _hoisted_3);
-			}), 128))], 8, _hoisted_2), createElementVNode("div", {
-				class: "panels",
-				ref: (element) => {
-					refs["panels"] = element;
-				}
-			}, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
+					id: `${tab.id}-tab`,
+					value: tab.id,
+					"aria-controls": tab.id,
+					"aria-selected": tab.id === internalValue.value
+				}, toDisplayString(tab.label), 9, _hoisted_3);
+			}), 128))], 8, _hoisted_2), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-33cbeff4"]]);
+}), [["__scopeId", "data-v-b9e876c6"]]);
 //#endregion
 export { UiTabs_default as t };

package/vue/chunks/UiTextarea.js

@@ -1,9 +1,8 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createElementBlock, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, shallowRef, watchEffect } from "vue";
+import { computed, createElementBlock, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, shallowRef, vModelText, watchEffect, withDirectives } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-textarea/ui-textarea.js";
 //#region .build/vue/UiTextarea.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"value",
 	"disabled",
 	"readonly",
 	"required",
@@ -17,19 +16,19 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	__name: "UiTextarea",
 	props: {
 		disabled: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		invalid: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		readonly: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		required: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		rows: { default: 4 },
@@ -38,24 +37,21 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
-		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;
 		const emit = __emit;
-		const updateModel = (event) => emit("update:modelValue", event.target.value);
+		const model = computed({
+			get: () => props.modelValue ?? props.value ?? void 0,
+			set: (value) => emit("update:modelValue", value)
+		});
 		const root = ref(null);
-		const refs = {};
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
+		function dispatch(name, detail) {
 			return root.value?.dispatchEvent(new CustomEvent(name, {
 				bubbles: true,
 				composed: true,
 				detail
 			})) ?? true;
-		};
+		}
 		function read(name) {
 			return props[name];
 		}
@@ -71,7 +67,7 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			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;
@@ -121,19 +117,18 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			if (typeof cleanup === "function") cleanup();
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("textarea", mergeProps({ "data-component": "ui-textarea" }, _ctx.$attrs, {
-				value: hn.attr(props.modelValue ?? props.value),
-				disabled: hn.attr(props.disabled),
-				readonly: hn.attr(props.readonly),
-				required: hn.attr(props.required),
-				"aria-invalid": hn.enumerated(props.invalid),
-				rows: hn.attr(props.rows),
-				onInput: updateModel,
+			return withDirectives((openBlock(), createElementBlock("textarea", mergeProps({ "data-component": "ui-textarea" }, _ctx.$attrs, {
+				disabled: __props.disabled,
+				readonly: __props.readonly,
+				required: __props.required,
+				"aria-invalid": __props.invalid,
+				rows: __props.rows,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 				ref_key: "root",
 				ref: root
-			}), null, 16, _hoisted_1);
+			}), null, 16, _hoisted_1)), [[vModelText, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-f4e08b37"]]);
+}), [["__scopeId", "data-v-2b01ccc0"]]);
 //#endregion
 export { UiTextarea_default as t };

package/vue/chunks/UiToastRegion.js

@@ -13,110 +13,76 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 	__name: "UiToastRegion",
 	props: {
 		auto: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		duration: { default: 5e3 },
 		message: { default: "Notification" },
 		open: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		}
 	},
-	emits: ["close", "dismiss"],
+	emits: [
+		"update:open",
+		"close",
+		"dismiss"
+	],
 	setup(__props, { expose: __expose, 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),
-			n: (v) => typeof v === "number" && v === v ? v : void 0,
-			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),
-			call: (fn, ...args) => {
-				if (fn === "format") {
-					let index = 1;
-					return typeof args[0] === "string" ? args[0].replace(/%s/g, () => index < args.length ? hn.text(args[index++]) : "%s") : void 0;
-				}
-				const n = args.map(hn.n);
-				if (n.some((value) => value === void 0)) return void 0;
-				const v = n;
-				switch (fn) {
-					case "abs": return v.length === 1 ? Math.abs(v[0]) : void 0;
-					case "round": return v.length === 1 ? Math.round(v[0]) : void 0;
-					case "min": return v.length > 0 ? Math.min(...v) : void 0;
-					case "max": return v.length > 0 ? Math.max(...v) : void 0;
-					case "clamp": return v.length === 3 ? Math.min(Math.max(v[0], v[1]), v[2]) : void 0;
-				}
-			},
-			shape: (items, where, sort, limit) => {
-				let list = Array.isArray(items) ? items.slice() : [];
-				if (where !== void 0) list = list.filter((item) => hn.t(where(item)));
-				if (sort.length > 0) {
-					const field = (item, path) => item !== null && typeof item === "object" && !Array.isArray(item) ? path.split(".").reduce((value, key) => value?.[key], item) : item;
-					const compare = (a, b) => typeof a === "number" && typeof b === "number" ? a - b : hn.text(a).localeCompare(hn.text(b));
-					list.sort((a, b) => {
-						for (const key of sort) {
-							const descending = key.startsWith("-");
-							const order = compare(field(a, descending ? key.slice(1) : key), field(b, descending ? key.slice(1) : key));
-							if (order !== 0) return descending ? -order : order;
-						}
-						return 0;
-					});
-				}
-				return typeof limit === "number" ? list.slice(0, Math.max(0, Math.trunc(limit))) : list;
-			}
-		};
 		const props = __props;
 		const emit = __emit;
 		const root = ref(null);
-		const refs = {};
-		const state_internalOpen = ref(false);
-		const state_toasts = ref([]);
+		const internalOpen = ref(false);
+		const toasts = ref([]);
 		/** 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 = {
-				"close": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+				close: {
+					bubbles: true,
+					composed: true,
+					cancelable: false
 				},
-				"dismiss": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+				dismiss: {
+					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"] === "timeout" || 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"] === "timeout" || 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)),
-				"dismiss": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["id"] === "string" && (detail["reason"] === "action" || detail["reason"] === "timeout") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+				dismiss: (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["id"] === "string" && (detail["reason"] === "action" || detail["reason"] === "timeout") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 					"id",
 					"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 === "toasts") return state_toasts.value;
+			if (name === "internalOpen") return internalOpen.value;
+			if (name === "toasts") return toasts.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "internalOpen") {
-				state_internalOpen.value = value;
+				internalOpen.value = value;
 				return true;
 			}
 			if (name === "toasts") {
-				state_toasts.value = value;
+				toasts.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -130,7 +96,7 @@ var UiToastRegion_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: {},
 			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;
@@ -194,20 +160,20 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}, _ctx.$attrs, {
 				ref_key: "root",
 				ref: root
-			}), [renderSlot(_ctx.$slots, "default"), (openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_toasts.value, void 0, [], void 0), (toast, index) => {
+			}), [renderSlot(_ctx.$slots, "default"), (openBlock(true), createElementBlock(Fragment, null, renderList(toasts.value, (toast) => {
 				return openBlock(), createElementBlock("div", {
-					key: toast?.id,
-					class: normalizeClass(["toast", { "closing": hn.t(toast?.closing) }]),
-					id: hn.attr(toast?.id),
-					role: hn.attr(toast?.role)
-				}, [createElementVNode("span", _hoisted_2, toDisplayString(hn.text(toast?.message)), 1), createElementVNode("span", {
+					key: toast.id,
+					class: normalizeClass(["toast", { closing: toast.closing }]),
+					id: toast.id,
+					role: toast.role
+				}, [createElementVNode("span", _hoisted_2, toDisplayString(toast.message), 1), createElementVNode("span", {
 					class: "dismiss",
-					"data-toast": hn.attr(toast?.id)
+					"data-toast": toast.id
 				}, [createVNode(UiIconButton_default, {
 					size: "sm",
 					variant: "ghost",
 					round: true,
-					label: hn.call("format", "Dismiss %s", toast?.message)
+					label: `Dismiss ${toast.message}`
 				}, {
 					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
 						viewBox: "0 0 24 24",
@@ -222,6 +188,6 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}), 128))], 16);
 		};
 	}
-}), [["__scopeId", "data-v-b607cf88"]]);
+}), [["__scopeId", "data-v-7d8dab78"]]);
 //#endregion
 export { UiToastRegion_default as t };