@threadlabs/looma 0.14.7 → 0.15.0

package/vue/chunks/UiMenu.js

@@ -32,7 +32,11 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const internalOpen = ref(false);
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [props.density && `density density=${props.density}`, internalOpen.value && "internalOpen"].filter(Boolean).join(" "));
-		const isSelectDetail = (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));
+		const isSelectDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && (detail["checked"] === void 0 || typeof detail["checked"] === "boolean") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+			"value",
+			"checked",
+			"trigger"
+		].includes(key));
 		const isOpenDetail = (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",
@@ -69,6 +73,6 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-52848f2e"]]);
+}), [["__scopeId", "data-v-2007b7d0"]]);
 //#endregion
 export { UiMenu_default as t };

package/vue/chunks/UiMenuGroup.js

@@ -0,0 +1,25 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString } from "vue";
+//#region .build/vue/UiMenuGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = {
+	key: 0,
+	class: "heading"
+};
+//#endregion
+//#region .build/vue/UiMenuGroup.vue
+var UiMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiMenuGroup",
+	props: { label: { default: "" } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				"data-component": "ui-menu-group",
+				role: "group"
+			}, _ctx.$attrs, { "aria-label": __props.label }), [__props.label ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.label), 1)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-53e0d9bc"]]);
+//#endregion
+export { UiMenuGroup_default as t };

package/vue/chunks/UiMenuItem.js

@@ -1,31 +1,152 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
+import { t as UiIcon_default } from "./UiIcon.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-menu-item/ui-menu-item.js";
 //#region .build/vue/UiMenuItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-disabled", "data-value"];
+var _hoisted_1 = [
+	"aria-disabled",
+	"data-value",
+	"href",
+	"data-ui-menu-item-state"
+];
+var _hoisted_2 = { class: "label" };
+var _hoisted_3 = {
+	class: "shortcut",
+	"aria-hidden": "true"
+};
+var _hoisted_4 = [
+	"role",
+	"aria-checked",
+	"aria-disabled",
+	"data-value",
+	"data-ui-menu-item-state"
+];
+var _hoisted_5 = {
+	class: "indicator",
+	"aria-hidden": "true"
+};
+var _hoisted_6 = { class: "label" };
+var _hoisted_7 = {
+	class: "shortcut",
+	"aria-hidden": "true"
+};
 //#endregion
 //#region .build/vue/UiMenuItem.vue
 var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiMenuItem",
 	props: {
+		checked: {
+			type: Boolean,
+			default: false
+		},
 		disabled: {
 			type: Boolean,
 			default: false
 		},
+		href: { default: "" },
+		type: { default: "action" },
 		value: { default: "" }
 	},
-	setup(__props) {
+	emits: [
+		"update:checked",
+		"update:type",
+		"update:value",
+		"change"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const root = ref(null);
+		const internalChecked = ref(false);
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.type && `type type=${props.type}`].filter(Boolean).join(" "));
+		const isChangeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["checked"] === "boolean" && typeof detail["value"] === "string" && (detail["type"] === "checkbox" || detail["type"] === "radio") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+			"checked",
+			"value",
+			"type",
+			"trigger"
+		].includes(key));
+		const dispatch = createDispatch(root, emit, {
+			checks: { change: isChangeDetail },
+			modeled: [
+				"checked",
+				"type",
+				"value"
+			]
+		});
+		useComponentHost(controllerModule.default, {
+			root,
+			dispatch,
+			props,
+			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);
+		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
+			return __props.href && __props.type === "action" ? (openBlock(), createElementBlock("a", mergeProps({
+				key: 0,
 				"data-component": "ui-menu-item",
 				role: "menuitem",
 				tabindex: "-1"
 			}, _ctx.$attrs, {
 				"aria-disabled": __props.disabled,
-				"data-value": __props.value
-			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+				"data-value": __props.value,
+				href: attribute({
+					true: null,
+					false: __props.href
+				}[`${__props.disabled}`]),
+				"data-ui-menu-item-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "shortcut", {}, void 0, true)])], 16, _hoisted_1)) : (openBlock(), createElementBlock("div", mergeProps({
+				key: 1,
+				"data-component": "ui-menu-item",
+				tabindex: "-1"
+			}, _ctx.$attrs, {
+				role: attribute({
+					action: "menuitem",
+					checkbox: "menuitemcheckbox",
+					radio: "menuitemradio"
+				}[__props.type]),
+				"aria-checked": typeof {
+					action: null,
+					checkbox: internalChecked.value,
+					radio: internalChecked.value
+				}[__props.type] === "boolean" ? String({
+					action: null,
+					checkbox: internalChecked.value,
+					radio: internalChecked.value
+				}[__props.type]) : attribute({
+					action: null,
+					checkbox: internalChecked.value,
+					radio: internalChecked.value
+				}[__props.type]),
+				"aria-disabled": __props.disabled,
+				"data-value": __props.value,
+				"data-ui-menu-item-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [
+				createElementVNode("span", _hoisted_5, [__props.type === "checkbox" && internalChecked.value ? (openBlock(), createBlock(UiIcon_default, {
+					key: 0,
+					name: "check"
+				})) : createCommentVNode("v-if", true), __props.type === "radio" && internalChecked.value ? (openBlock(), createBlock(UiIcon_default, {
+					key: 1,
+					name: "circle-dot"
+				})) : createCommentVNode("v-if", true)]),
+				createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "shortcut", {}, void 0, true)])
+			], 16, _hoisted_4));
 		};
 	}
-}), [["__scopeId", "data-v-01e62ef9"]]);
+}), [["__scopeId", "data-v-bbdeb8c5"]]);
 //#endregion
 export { UiMenuItem_default as t };

package/vue/chunks/UiPopover.js

@@ -56,6 +56,6 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-a66f6ec4"]]);
+}), [["__scopeId", "data-v-bc4517c7"]]);
 //#endregion
 export { UiPopover_default as t };

package/vue/chunks/UiRadioGroup.js

@@ -5,6 +5,7 @@ import * as controllerModule from "@threadlabs/looma/components/ui-radio-group/u
 //#region .build/vue/UiRadioGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-required",
+	"aria-invalid",
 	"disabled",
 	"data-ui-radio-group-state"
 ];
@@ -18,6 +19,10 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			type: Boolean,
 			default: false
 		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
 		label: { default: "Options" },
 		name: { default: "" },
 		orientation: { default: "horizontal" },
@@ -38,7 +43,7 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const root = ref(null);
 		const internalValue = ref("");
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.orientation && `orientation orientation=${props.orientation}`].filter(Boolean).join(" "));
+		const hostState = computed(() => [props.invalid && "invalid", props.orientation && `orientation orientation=${props.orientation}`].filter(Boolean).join(" "));
 		const isSelectDetail = (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",
@@ -68,6 +73,7 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				role: "radiogroup"
 			}, _ctx.$attrs, {
 				"aria-required": __props.required,
+				"aria-invalid": __props.invalid,
 				disabled: __props.disabled,
 				"data-ui-radio-group-state": hostState.value || void 0,
 				ref_key: "root",
@@ -75,6 +81,6 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}), [createElementVNode("legend", null, toDisplayString(__props.label), 1), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-96877df0"]]);
+}), [["__scopeId", "data-v-3a85bfdd"]]);
 //#endregion
 export { UiRadioGroup_default as t };

package/vue/chunks/UiSearchShell.js

@@ -67,6 +67,6 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			])], 8, _hoisted_1)], 16);
 		};
 	}
-}), [["__scopeId", "data-v-40145d41"]]);
+}), [["__scopeId", "data-v-20a7b8e3"]]);
 //#endregion
 export { UiSearchShell_default as t };

package/vue/chunks/UiSelect.js

@@ -60,6 +60,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[vModelSelect, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-c81ec3d9"]]);
+}), [["__scopeId", "data-v-981584d4"]]);
 //#endregion
 export { UiSelect_default as t };

package/vue/chunks/UiSwitch.js

@@ -90,6 +90,6 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-87fc218c"]]);
+}), [["__scopeId", "data-v-66d4f1f1"]]);
 //#endregion
 export { UiSwitch_default as t };

package/vue/chunks/UiSwitcher.js

@@ -1,5 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
+import { computed, createElementBlock, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-switcher/ui-switcher.js";
 //#region .build/vue/UiSwitcher.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-switcher-state"];
 //#endregion
@@ -10,20 +12,35 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	props: {
 		align: {},
 		gap: {},
+		limit: {},
 		threshold: {}
 	},
 	setup(__props) {
 		const props = __props;
+		const root = ref(null);
+		const overLimit = ref(false);
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
+			overLimit.value && "overLimit",
 			props.gap && `gap gap=${props.gap}`,
 			props.threshold && `threshold threshold=${props.threshold}`,
 			props.align && `align align=${props.align}`
 		].filter(Boolean).join(" "));
+		const dispatch = createDispatch(root);
+		useComponentHost(controllerModule.default, {
+			root,
+			dispatch,
+			props,
+			state: { overLimit }
+		});
 		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);
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-switcher" }, _ctx.$attrs, {
+				"data-ui-switcher-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-8dc0b2a8"]]);
+}), [["__scopeId", "data-v-be049fb8"]]);
 //#endregion
 export { UiSwitcher_default as t };

package/vue/chunks/UiTabs.js

@@ -21,6 +21,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	inheritAttrs: false,
 	__name: "UiTabs",
 	props: {
+		activation: { default: "auto" },
 		density: { default: "comfortable" },
 		label: { default: "Tabs" },
 		orientation: { default: "horizontal" },
@@ -78,7 +79,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"aria-label": __props.label,
 				"aria-orientation": __props.orientation,
 				ref: "list"
-			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (tab) => {
+			}, [renderSlot(_ctx.$slots, "tab", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (tab) => {
 				return openBlock(), createElementBlock("button", {
 					key: tab.id,
 					type: "button",
@@ -88,9 +89,9 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					"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);
+			}), 128))])], 8, _hoisted_2), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-5babb4a8"]]);
+}), [["__scopeId", "data-v-d1626838"]]);
 //#endregion
 export { UiTabs_default as t };

package/vue/chunks/UiTextarea.js

@@ -17,6 +17,10 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	inheritAttrs: false,
 	__name: "UiTextarea",
 	props: {
+		autosize: {
+			type: Boolean,
+			default: false
+		},
 		disabled: {
 			type: Boolean,
 			default: false
@@ -48,7 +52,7 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		});
 		const root = ref(null);
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.size && `size size=${props.size}`].filter(Boolean).join(" "));
+		const hostState = computed(() => [props.size && `size size=${props.size}`, props.autosize && "autosize"].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(controllerModule.default, {
 			root,
@@ -62,6 +66,7 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				required: __props.required,
 				"aria-invalid": __props.invalid,
 				rows: __props.rows,
+				style: { "--_rows": __props.rows },
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 				"data-ui-textarea-state": hostState.value || void 0,
 				ref_key: "root",
@@ -69,6 +74,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}), null, 16, _hoisted_1)), [[vModelText, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-00f7b2fd"]]);
+}), [["__scopeId", "data-v-f371e58f"]]);
 //#endregion
 export { UiTextarea_default as t };

package/vue/chunks/UiToast.js

@@ -0,0 +1,81 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
+import { t as UiIcon_default } from "./UiIcon.js";
+import { t as UiIconButton_default } from "./UiIconButton.js";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useTemplateRef, withCtx } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-toast/ui-toast.js";
+//#region .build/vue/UiToast.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["role", "data-ui-toast-state"];
+var _hoisted_2 = { class: "message" };
+var _hoisted_3 = {
+	class: "action",
+	ref: "action"
+};
+//#endregion
+//#region .build/vue/UiToast.vue
+var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiToast",
+	props: {
+		duration: { default: 0 },
+		tone: { default: "neutral" }
+	},
+	emits: ["dismiss"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const root = ref(null);
+		const actionElement = useTemplateRef("action");
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.tone && `tone tone=${props.tone}`].filter(Boolean).join(" "));
+		const isDismissDetail = (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));
+		const dispatch = createDispatch(root, emit, { checks: { dismiss: isDismissDetail } });
+		useComponentHost(controllerModule.default, {
+			root,
+			dispatch,
+			props,
+			refs: { action: actionElement }
+		});
+		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);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-toast" }, _ctx.$attrs, {
+				role: attribute({
+					neutral: "status",
+					info: "status",
+					success: "status",
+					warning: "status",
+					danger: "alert"
+				}[__props.tone]),
+				"data-ui-toast-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [
+				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "action", {}, void 0, true)], 512),
+				createVNode(UiIconButton_default, {
+					class: "dismiss",
+					size: "sm",
+					variant: "ghost",
+					label: "Dismiss notification",
+					round: true
+				}, {
+					default: withCtx(() => [createVNode(UiIcon_default, { name: "x" })]),
+					_: 1
+				})
+			], 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-fdef5729"]]);
+//#endregion
+export { UiToast_default as t };

package/vue/chunks/UiToastRegion.js

@@ -1,65 +1,46 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { n as useComponentHost, t as createDispatch } from "./host.js";
+import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";
-import { Fragment, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, withCtx } from "vue";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, withCtx } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-toast-region/ui-toast-region.js";
 //#region .build/vue/UiToastRegion.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["id", "role"];
-var _hoisted_2 = { class: "message" };
-var _hoisted_3 = ["data-toast"];
+var _hoisted_1 = ["data-ui-toast-region-state"];
+var _hoisted_2 = [
+	"id",
+	"role",
+	"data-tone"
+];
+var _hoisted_3 = { class: "message" };
+var _hoisted_4 = ["data-toast"];
 //#endregion
 //#region .build/vue/UiToastRegion.vue
 var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiToastRegion",
 	props: {
-		auto: {
-			type: Boolean,
-			default: false
-		},
-		duration: { default: 5e3 },
-		message: { default: "Notification" },
-		open: {
-			type: Boolean,
-			default: false
-		}
+		duration: { default: 0 },
+		placement: { default: "top" }
 	},
-	emits: [
-		"update:open",
-		"close",
-		"dismiss"
-	],
+	emits: ["dismiss"],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
 		const root = ref(null);
-		const internalOpen = ref(false);
 		const toasts = ref([]);
-		const isCloseDetail = (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));
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.placement && `placement placement=${props.placement}`].filter(Boolean).join(" "));
 		const isDismissDetail = (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));
-		const dispatch = createDispatch(root, emit, {
-			checks: {
-				close: isCloseDetail,
-				dismiss: isDismissDetail
-			},
-			modeled: ["open"]
-		});
+		const dispatch = createDispatch(root, emit, { checks: { dismiss: isDismissDetail } });
 		const { host, ready } = useComponentHost(controllerModule.default, {
 			root,
 			dispatch,
 			props,
-			state: {
-				internalOpen,
-				toasts
-			}
+			state: { toasts }
 		});
 		__expose({ show: async (...args) => {
 			await ready();
@@ -73,6 +54,7 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				"aria-live": "polite",
 				popover: "manual"
 			}, _ctx.$attrs, {
+				"data-ui-toast-region-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [renderSlot(_ctx.$slots, "default"), (openBlock(true), createElementBlock(Fragment, null, renderList(toasts.value, (toast) => {
@@ -80,8 +62,9 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 					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", {
+					role: toast.role,
+					"data-tone": toast.tone
+				}, [createElementVNode("span", _hoisted_3, toDisplayString(toast.message), 1), createElementVNode("span", {
 					class: "dismiss",
 					"data-toast": toast.id
 				}, [createVNode(UiIconButton_default, {
@@ -90,19 +73,12 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 					round: true,
 					label: `Dismiss ${toast.message}`
 				}, {
-					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
-						viewBox: "0 0 24 24",
-						fill: "none",
-						stroke: "currentColor",
-						"stroke-width": "2",
-						"stroke-linecap": "round",
-						"aria-hidden": "true"
-					}, [createElementVNode("path", { d: "M18 6 6 18M6 6l12 12" })], -1)])]),
+					default: withCtx(() => [createVNode(UiIcon_default, { name: "x" })]),
 					_: 1
-				}, 8, ["label"])], 8, _hoisted_3)], 10, _hoisted_1);
-			}), 128))], 16);
+				}, 8, ["label"])], 8, _hoisted_4)], 10, _hoisted_2);
+			}), 128))], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-2b629142"]]);
+}), [["__scopeId", "data-v-a4727935"]]);
 //#endregion
 export { UiToastRegion_default as t };

package/vue/chunks/UiTooltip.js

@@ -21,7 +21,7 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			type: Boolean,
 			default: false
 		},
-		placement: { default: "top-start" },
+		placement: { default: "top" },
 		showDelay: { default: 500 },
 		trigger: { default: "hover" }
 	},
@@ -37,11 +37,7 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		const root = ref(null);
 		const internalOpen = ref(false);
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [
-			props.inverse && "inverse",
-			props.placement && "placement",
-			`placement=${encodeURIComponent(props.placement)}`
-		].filter(Boolean).join(" "));
+		const hostState = computed(() => [props.inverse && "inverse"].filter(Boolean).join(" "));
 		const isOpenDetail = (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",
@@ -72,6 +68,6 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-33cc4c66"]]);
+}), [["__scopeId", "data-v-bb92970c"]]);
 //#endregion
 export { UiTooltip_default as t };