@threadlabs/looma 0.6.0 → 0.6.2

package/vue/UiEditorInsertTableGrid.vue

@@ -182,7 +182,7 @@ onBeforeUnmount(() => {
       class="grid"
       role="group"
       aria-label="Table dimensions"
-      :style="{ '--ui-editor-table-grid-rows': rows, '--ui-editor-table-grid-cols': cols }"
+      :style="{ '--_rows': rows, '--_cols': cols }"
     >
       <button
         v-for="cell in cells"
@@ -220,8 +220,8 @@ onBeforeUnmount(() => {
 
 .grid {
   display: grid;
-  grid-template-columns: repeat(var(--ui-editor-table-grid-cols, 8), 1.25rem);
-  grid-template-rows: repeat(var(--ui-editor-table-grid-rows, 8), 1.25rem);
+  grid-template-columns: repeat(var(--_cols, 8), 1.25rem);
+  grid-template-rows: repeat(var(--_rows, 8), 1.25rem);
   gap: 2px;
   margin-bottom: var(--ui-space-2);
 }

package/vue/UiEditorTableContextMenu.vue

@@ -222,7 +222,7 @@ onBeforeUnmount(() => {
           <span
             class="swatch"
             :class="{ default: !swatch.color }"
-            :style="{ '--ui-editor-table-context-swatch': swatch.color }"
+            :style="{ '--_swatch': swatch.color }"
           ></span>
           <span class="swatch-label">{{ swatch.label }}</span>
         </button>
@@ -321,7 +321,7 @@ onBeforeUnmount(() => {
   height: 1rem;
   border-radius: 999px;
   border: 1px solid var(--ui-border);
-  background: var(--ui-editor-table-context-swatch, #fff);
+  background: var(--_swatch, #fff);
   box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.35);
   flex-shrink: 0;
 }

package/vue/UiEditorTableToolbar.vue

@@ -292,7 +292,7 @@ onBeforeUnmount(() => {
               <span
                 class="swatch"
                 :class="{ default: !swatch.color }"
-                :style="{ '--ui-editor-table-toolbar-swatch': swatch.color }"
+                :style="{ '--_swatch': swatch.color }"
               ></span>
               <span>{{ swatch.label }}</span>
             </button>
@@ -495,7 +495,7 @@ onBeforeUnmount(() => {
   flex: 0 0 14px;
   border: 1px solid color-mix(in srgb, var(--ui-border) 80%, #000);
   border-radius: 3px;
-  background: var(--ui-editor-table-toolbar-swatch);
+  background: var(--_swatch);
 }
 
 .swatch.default {

package/vue/UiEditorToolbar.vue

@@ -45,9 +45,10 @@ const hostState = computed(() =>
   padding: var(--ui-editor-toolbar-padding-block, 6px)
     var(--ui-editor-toolbar-padding-inline, 12px);
   min-height: var(--ui-editor-toolbar-min-height, 48px);
-  overflow-x: auto;
-  scrollbar-width: none;
-  white-space: nowrap;
+  /* More controls than the column is wide is normal at a readable measure, so the row wraps.
+     Scrolling hid the tail behind an invisible scrollbar. */
+  flex-wrap: wrap;
+  row-gap: var(--ui-editor-toolbar-row-gap, var(--ui-editor-toolbar-gap, 2px));
   background: var(--ui-editor-toolbar-surface, var(--ui-surface));
   border-bottom: 1px solid var(--ui-editor-toolbar-border, var(--ui-border));
 }
@@ -69,6 +70,7 @@ const hostState = computed(() =>
 }
 
 [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"] {
+  flex-wrap: nowrap;
   position: static;
   top: auto;
   width: max-content;

package/vue/UiMenuItem.vue

@@ -46,6 +46,19 @@ withDefaults(
     color var(--ui-motion-fast) var(--ui-motion-ease);
 }
 
+/* Centre the glyphs, not the line box: a label without descenders otherwise reads high. */
+/* Centre the glyphs, not the line box: a label without descenders otherwise reads high.
+ * Trimming applies to block containers, so the box is a block with centred content. */
+@supports (text-box-trim: trim-both) {
+  [data-component~="ui-menu-item"] {
+    display: block;
+    min-block-size: var(--ui-menu-item-min-block-size, var(--ui-control-size-md, 2.5rem));
+    align-content: center;
+    text-box-trim: trim-both;
+    text-box-edge: cap alphabetic;
+  }
+}
+
 [data-component~="ui-menu-item"]:is(:hover, :focus-visible):not([aria-disabled="true"]) {
   background: var(--ui-menu-item-hover-surface, var(--ui-surface-subtle));
 }

package/vue/UiStack.vue

@@ -32,7 +32,7 @@ const hostState = computed(() =>
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  gap: var(--ui-layout-gap, var(--_layout-gap));
+  gap: var(--ui-stack-gap, var(--_layout-gap));
   min-inline-size: 0;
   max-inline-size: 100%;
   margin: 0;

package/vue/UiTabs.vue

@@ -259,6 +259,19 @@ onBeforeUnmount(() => {
     border-color var(--ui-motion-fast) var(--ui-motion-ease);
 }
 
+/* Centre the glyphs, not the line box: a label without descenders otherwise reads high. */
+/* Centre the glyphs, not the line box: a label without descenders otherwise reads high.
+ * Trimming applies to block containers, so the box is a block with centred content. */
+@supports (text-box-trim: trim-both) {
+  .list button {
+    display: block;
+    text-align: center;
+    align-content: center;
+    text-box-trim: trim-both;
+    text-box-edge: cap alphabetic;
+  }
+}
+
 [data-component~="ui-tabs"][data-ui-tabs-state~="stretch"] .list {
   grid-auto-columns: minmax(max-content, 1fr);
 }

package/vue/UiToastRegion.vue

@@ -264,13 +264,13 @@ defineExpose({
   background: var(--ui-surface-elevated);
   color: var(--ui-text-primary);
   box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
-  animation: ui-toast-enter var(--ui-toast-enter-duration, 0.32s)
+  animation: ui-toast-enter var(--ui-toast-region-enter-duration, 0.32s)
     var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
 }
 
 /* Leaving slides on down and fades; the controller removes the toast when this ends. */
 .toast.closing {
-  animation: ui-toast-exit var(--ui-toast-exit-duration, 0.22s) var(--ui-motion-ease) both;
+  animation: ui-toast-exit var(--ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease) both;
   pointer-events: none;
 }
 

package/vue/UiTooltip.d.ts

@@ -5,6 +5,7 @@ type __VLS_Props = {
     open?: boolean;
     placement?: string;
     showDelay?: number;
+    trigger?: 'hover' | 'click' | 'focus';
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -22,6 +23,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
         readonly trigger: "keyboard" | "pointer" | "programmatic";
     }) => any;
     "update:open": (value: boolean) => any;
+    "update:trigger": (value: "click" | "focus" | "hover") => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: ((detail: {
         readonly open: boolean;
@@ -34,7 +36,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
         readonly trigger: "keyboard" | "pointer" | "programmatic";
     }) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:trigger"?: ((value: "click" | "focus" | "hover") => any) | undefined;
 }>, {
+    trigger: "hover" | "click" | "focus";
     for: string;
     hideDelay: number;
     inverse: boolean;

package/vue/UiTooltip.vue

@@ -13,6 +13,7 @@ const props = withDefaults(
     open?: boolean
     placement?: string
     showDelay?: number
+    trigger?: 'hover' | 'click' | 'focus'
   }>(),
   {
     for: '',
@@ -21,10 +22,12 @@ const props = withDefaults(
     open: false,
     placement: 'top-start',
     showDelay: 500,
+    trigger: 'hover',
   },
 )
 const emit = defineEmits<{
   'update:open': [value: boolean]
+  'update:trigger': [value: 'hover' | 'click' | 'focus']
   open: [
     detail: {
       readonly open: boolean
@@ -91,6 +94,9 @@ function dispatch(name: string, detail?: unknown): boolean {
   if (detail !== null && typeof detail === 'object' && 'open' in detail) {
     emitEvent('update:open', (detail as Record<string, unknown>)['open'])
   }
+  if (detail !== null && typeof detail === 'object' && 'trigger' in detail) {
+    emitEvent('update:trigger', (detail as Record<string, unknown>)['trigger'])
+  }
   return root.value?.dispatchEvent(
     new CustomEvent(name, { bubbles: true, composed: true, ...declared[name], detail }),
   ) ?? true

package/vue/chunks/UiAvatar.js

@@ -133,6 +133,6 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-038b6eb1"]]);
+}), [["__scopeId", "data-v-3a27ff1d"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

@@ -114,6 +114,6 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}, toDisplayString(`+${overflowCount.value}`), 9, _hoisted_2)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-6029679e"]]);
+}), [["__scopeId", "data-v-2ad5d86f"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.js

@@ -19,6 +19,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			return openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-badge" }, _ctx.$attrs, { "data-ui-badge-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-43aa138f"]]);
+}), [["__scopeId", "data-v-7e9b5784"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiCluster.js

@@ -19,6 +19,6 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-cluster" }, _ctx.$attrs, { "data-ui-cluster-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-06d4310a"]]);
+}), [["__scopeId", "data-v-6de2f2e4"]]);
 //#endregion
 export { UiCluster_default as t };

package/vue/chunks/UiCombobox.js

@@ -6,16 +6,17 @@ import * as controllerModule from "@threadlabs/looma/components/ui-combobox/ui-c
 //#region .build/vue/UiCombobox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-combobox-state"];
 var _hoisted_2 = ["for"];
-var _hoisted_3 = {
+var _hoisted_3 = { class: "control" };
+var _hoisted_4 = {
 	class: "field",
 	ref: "field"
 };
-var _hoisted_4 = [
+var _hoisted_5 = [
 	"data-index",
 	"disabled",
 	"aria-label"
 ];
-var _hoisted_5 = [
+var _hoisted_6 = [
 	"id",
 	"aria-controls",
 	"aria-expanded",
@@ -28,45 +29,45 @@ var _hoisted_5 = [
 	"readonly",
 	"required"
 ];
-var _hoisted_6 = {
+var _hoisted_7 = {
 	key: 1,
 	type: "button",
 	"data-combobox-action": "clear",
 	"aria-label": "Clear"
 };
-var _hoisted_7 = ["id", "disabled"];
 var _hoisted_8 = ["aria-controls"];
-var _hoisted_9 = ["hidden"];
-var _hoisted_10 = [
+var _hoisted_9 = ["id", "disabled"];
+var _hoisted_10 = ["hidden"];
+var _hoisted_11 = [
 	"id",
 	"aria-label",
 	"aria-busy"
 ];
-var _hoisted_11 = ["role", "aria-label"];
-var _hoisted_12 = {
+var _hoisted_12 = ["role", "aria-label"];
+var _hoisted_13 = {
 	key: 0,
 	class: "group"
 };
-var _hoisted_13 = [
+var _hoisted_14 = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
 	"data-index"
 ];
-var _hoisted_14 = { class: "primary" };
-var _hoisted_15 = ["id", "data-index"];
-var _hoisted_16 = {
+var _hoisted_15 = { class: "primary" };
+var _hoisted_16 = ["id", "data-index"];
+var _hoisted_17 = {
 	key: 1,
 	class: "message"
 };
-var _hoisted_17 = ["id", "hidden"];
-var _hoisted_18 = {
+var _hoisted_18 = ["id", "hidden"];
+var _hoisted_19 = {
 	class: "sr-only",
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "true"
 };
-var _hoisted_19 = {
+var _hoisted_20 = {
 	class: "authored-options",
 	hidden: "",
 	"aria-hidden": "true",
@@ -143,6 +144,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const popupElement = useTemplateRef("popup");
 		const listboxElement = useTemplateRef("listbox");
 		const optionsElement = useTemplateRef("options");
+		const internalItems = ref([]);
 		const raw = ref("");
 		const display = ref("");
 		const selected = ref(null);
@@ -327,6 +329,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			})) ?? true;
 		}
 		function read(name) {
+			if (name === "internalItems") return internalItems.value;
 			if (name === "raw") return raw.value;
 			if (name === "display") return display.value;
 			if (name === "selected") return selected.value;
@@ -347,6 +350,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			return props[name];
 		}
 		function write(name, value) {
+			if (name === "internalItems") {
+				internalItems.value = value;
+				return true;
+			}
 			if (name === "raw") {
 				raw.value = value;
 				return true;
@@ -512,9 +519,9 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					for: `${uid.value}-input`,
 					class: normalizeClass({ "sr-only": __props.labelVisibility === "sr-only" })
 				}, [createTextVNode(toDisplayString(__props.label) + " ", 1), __props.required ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" *")], 64)) : createCommentVNode("v-if", true)], 10, _hoisted_2),
-				createElementVNode("div", _hoisted_3, [
+				createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [
 					renderSlot(_ctx.$slots, "start", {}, void 0, true),
-					__props.multiple ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.items, (item, index) => {
+					__props.multiple ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(internalItems.value, (item, index) => {
 						return openBlock(), createElementBlock("button", {
 							key: item.id,
 							class: "item",
@@ -526,7 +533,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						}, [renderSlot(_ctx.$slots, `item-${item.id}`, {}, () => [createVNode(UiBadge_default, null, {
 							default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
 							_: 2
-						}, 1024)], true)], 8, _hoisted_4);
+						}, 1024)], true)], 8, _hoisted_5);
 					}), 128)) : createCommentVNode("v-if", true),
 					createElementVNode("input", {
 						role: "combobox",
@@ -544,8 +551,8 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						readonly: __props.readonly,
 						required: __props.required,
 						ref: "input"
-					}, null, 40, _hoisted_5),
-					__props.clearable ? (openBlock(), createElementBlock("button", _hoisted_6, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+					}, null, 40, _hoisted_6),
+					__props.clearable ? (openBlock(), createElementBlock("button", _hoisted_7, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
 						class: "affordance-icon",
 						"aria-hidden": "true",
 						viewBox: "0 0 24 24",
@@ -554,21 +561,14 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"stroke-width": "2",
 						"stroke-linecap": "round"
 					}, [createElementVNode("path", { d: "M7 7l10 10M17 7 7 17" })], -1)])])) : createCommentVNode("v-if", true),
-					__props.help ? (openBlock(), createElementBlock("button", {
-						key: 2,
-						type: "button",
-						"aria-label": "Help",
-						id: `${uid.value}-help`,
-						disabled: __props.disabled
-					}, [..._cache[1] || (_cache[1] = [createElementVNode("span", { "aria-hidden": "true" }, "?", -1)])], 8, _hoisted_7)) : createCommentVNode("v-if", true),
 					__props.disclosure ? (openBlock(), createElementBlock("button", {
-						key: 3,
+						key: 2,
 						type: "button",
 						"data-combobox-action": "disclosure",
 						tabindex: "-1",
 						"aria-label": "Show suggestions",
 						"aria-controls": `${uid.value}-listbox`
-					}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
+					}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
 						class: "affordance-icon",
 						"aria-hidden": "true",
 						viewBox: "0 0 24 24",
@@ -578,9 +578,34 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
 					}, [createElementVNode("path", { d: "m6 9 6 6 6-6" })], -1)])], 8, _hoisted_8)) : createCommentVNode("v-if", true)
-				], 512),
+				], 512), __props.help ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					class: "help",
+					type: "button",
+					"aria-label": "Help",
+					id: `${uid.value}-help`,
+					disabled: __props.disabled
+				}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
+					class: "help-icon",
+					"aria-hidden": "true",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				}, [
+					createElementVNode("circle", {
+						cx: "12",
+						cy: "12",
+						r: "10"
+					}),
+					createElementVNode("path", { d: "M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3" }),
+					createElementVNode("path", { d: "M12 17h.01" })
+				], -1)])], 8, _hoisted_9)) : createCommentVNode("v-if", true)]),
 				__props.help ? (openBlock(), createBlock(UiTooltip_default, {
 					key: 0,
+					trigger: "click",
 					id: `${uid.value}-help-text`,
 					for: `${uid.value}-help`
 				}, {
@@ -603,7 +628,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							key: group.name,
 							role: group.role,
 							"aria-label": group.label ?? void 0
-						}, [group.name ? (openBlock(), createElementBlock("div", _hoisted_12, toDisplayString(group.name), 1)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(group.rows, (row) => {
+						}, [group.name ? (openBlock(), createElementBlock("div", _hoisted_13, toDisplayString(group.name), 1)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(group.rows, (row) => {
 							return openBlock(), createElementBlock("div", {
 								key: row.id,
 								class: normalizeClass(["option", { active: row.index === active.value }]),
@@ -612,8 +637,8 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 								"aria-selected": row.value === selected.value,
 								"aria-disabled": row.disabled,
 								"data-index": row.index
-							}, [renderSlot(_ctx.$slots, `option-${row.id}`, {}, () => [createElementVNode("span", _hoisted_14, toDisplayString(row.label), 1)], true)], 10, _hoisted_13);
-						}), 128))], 8, _hoisted_11);
+							}, [renderSlot(_ctx.$slots, `option-${row.id}`, {}, () => [createElementVNode("span", _hoisted_15, toDisplayString(row.label), 1)], true)], 10, _hoisted_14);
+						}), 128))], 8, _hoisted_12);
 					}), 128)),
 					creatable.value ? (openBlock(), createElementBlock("div", {
 						key: 0,
@@ -622,21 +647,21 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"aria-selected": "false",
 						id: `${uid.value}-option-${createIndex.value}`,
 						"data-index": createIndex.value
-					}, toDisplayString(`Create “${raw.value}”`), 11, _hoisted_15)) : createCommentVNode("v-if", true),
-					message.value ? (openBlock(), createElementBlock("div", _hoisted_16, toDisplayString(message.value), 1)) : createCommentVNode("v-if", true)
-				], 8, _hoisted_10), renderSlot(_ctx.$slots, "footer", {}, void 0, true)], 8, _hoisted_9),
+					}, toDisplayString(`Create “${raw.value}”`), 11, _hoisted_16)) : createCommentVNode("v-if", true),
+					message.value ? (openBlock(), createElementBlock("div", _hoisted_17, toDisplayString(message.value), 1)) : createCommentVNode("v-if", true)
+				], 8, _hoisted_11), renderSlot(_ctx.$slots, "footer", {}, void 0, true)], 8, _hoisted_10),
 				createElementVNode("div", {
 					class: "message",
 					id: `${uid.value}-validation`,
 					hidden: !validation.value.issues.length
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(validation.value.issues, (issue, index) => {
 					return openBlock(), createElementBlock("div", { key: index }, toDisplayString(issue.message), 1);
-				}), 128))], 8, _hoisted_17),
-				createElementVNode("div", _hoisted_18, toDisplayString(statusText.value), 1),
-				createElementVNode("div", _hoisted_19, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)
+				}), 128))], 8, _hoisted_18),
+				createElementVNode("div", _hoisted_19, toDisplayString(statusText.value), 1),
+				createElementVNode("div", _hoisted_20, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-147b231f"]]);
+}), [["__scopeId", "data-v-f1d9bb8a"]]);
 //#endregion
 export { UiCombobox_default as t };

package/vue/chunks/UiEditorInsertTableGrid.js

@@ -175,8 +175,8 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 					role: "group",
 					"aria-label": "Table dimensions",
 					style: normalizeStyle({
-						"--ui-editor-table-grid-rows": rows.value,
-						"--ui-editor-table-grid-cols": cols.value
+						"--_rows": rows.value,
+						"--_cols": cols.value
 					})
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(cells.value, (cell) => {
 					return openBlock(), createElementBlock("button", {
@@ -198,6 +198,6 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-c4064690"]]);
+}), [["__scopeId", "data-v-00e6602a"]]);
 //#endregion
 export { UiEditorInsertTableGrid_default as t };

package/vue/chunks/UiEditorTableContextMenu.js

@@ -157,7 +157,7 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 					"data-action": swatch.action
 				}, [createElementVNode("span", {
 					class: normalizeClass(["swatch", { default: !swatch.color }]),
-					style: normalizeStyle({ "--ui-editor-table-context-swatch": swatch.color })
+					style: normalizeStyle({ "--_swatch": swatch.color })
 				}, null, 6), createElementVNode("span", _hoisted_5, toDisplayString(swatch.label), 1)], 10, _hoisted_4);
 			}), 128))])])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(sections.value, (section) => {
 				return openBlock(), createElementBlock(Fragment, { key: section.heading }, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "sep" }, null, -1)), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, toDisplayString(section.heading), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {
@@ -172,6 +172,6 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 			}), 128))], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-7c984caf"]]);
+}), [["__scopeId", "data-v-9cbdf038"]]);
 //#endregion
 export { UiEditorTableContextMenu_default as t };

package/vue/chunks/UiEditorTableToolbar.js

@@ -250,7 +250,7 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 						"data-action": swatch.action
 					}, [createElementVNode("span", {
 						class: normalizeClass(["swatch", { default: !swatch.color }]),
-						style: normalizeStyle({ "--ui-editor-table-toolbar-swatch": swatch.color })
+						style: normalizeStyle({ "--_swatch": swatch.color })
 					}, null, 6), createElementVNode("span", null, toDisplayString(swatch.label), 1)], 10, _hoisted_14);
 				}), 128))])])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(sections.value, (section) => {
 					return openBlock(), createElementBlock("div", {
@@ -270,6 +270,6 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-c7ed049b"]]);
+}), [["__scopeId", "data-v-1066cfb2"]]);
 //#endregion
 export { UiEditorTableToolbar_default as t };

package/vue/chunks/UiEditorToolbar.js

@@ -23,6 +23,6 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}, _ctx.$attrs, { "data-ui-editor-toolbar-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-472b5c16"]]);
+}), [["__scopeId", "data-v-0da1a114"]]);
 //#endregion
 export { UiEditorToolbar_default as t };

package/vue/chunks/UiMenuItem.js

@@ -26,6 +26,6 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-deb5a674"]]);
+}), [["__scopeId", "data-v-69407da9"]]);
 //#endregion
 export { UiMenuItem_default as t };

package/vue/chunks/UiStack.js

@@ -24,6 +24,6 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-stack" }, _ctx.$attrs, { "data-ui-stack-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-aa8062a9"]]);
+}), [["__scopeId", "data-v-9a903e2b"]]);
 //#endregion
 export { UiStack_default as t };

package/vue/chunks/UiTabs.js

@@ -172,6 +172,6 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), 128))], 8, _hoisted_2), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-b9e876c6"]]);
+}), [["__scopeId", "data-v-3e89baea"]]);
 //#endregion
 export { UiTabs_default as t };

package/vue/chunks/UiToastRegion.js

@@ -188,6 +188,6 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}), 128))], 16);
 		};
 	}
-}), [["__scopeId", "data-v-7d8dab78"]]);
+}), [["__scopeId", "data-v-660faa24"]]);
 //#endregion
 export { UiToastRegion_default as t };

package/vue/chunks/UiTooltip.js

@@ -21,10 +21,12 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			default: false
 		},
 		placement: { default: "top-start" },
-		showDelay: { default: 500 }
+		showDelay: { default: 500 },
+		trigger: { default: "hover" }
 	},
 	emits: [
 		"update:open",
+		"update:trigger",
 		"open",
 		"close"
 	],
@@ -69,6 +71,7 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			const emitEvent = emit;
 			emitEvent(name, detail);
 			if (detail !== null && typeof detail === "object" && "open" in detail) emitEvent("update:open", detail["open"]);
+			if (detail !== null && typeof detail === "object" && "trigger" in detail) emitEvent("update:trigger", detail["trigger"]);
 			return root.value?.dispatchEvent(new CustomEvent(name, {
 				bubbles: true,
 				composed: true,
@@ -157,6 +160,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-3099b119"]]);
+}), [["__scopeId", "data-v-3af2132e"]]);
 //#endregion
 export { UiTooltip_default as t };