@threadlabs/looma 0.28.22 → 0.29.1

package/vue/chunks/UiSwitch.js

@@ -1,7 +1,7 @@
 import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { r as vBindControl } from "./control.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSwitch.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-ui-switch-prop-checked",
@@ -241,34 +241,42 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"data-ui-switch-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [withDirectives(createElementVNode("input", {
-				type: "checkbox",
-				role: "switch",
-				"data-hn-ui-switch": "",
-				disabled: checkedProps.value.disabled ?? void 0,
-				required: checkedProps.value.required ?? void 0,
-				name: checkedProps.value.name ?? void 0,
-				"^value": checkedProps.value.value ?? void 0,
-				ref_key: "inputElement",
-				ref: inputElement
-			}, null, 8, _hoisted_2), [[unref(vBindControl), {
-				tag: "input",
-				name: "checked",
-				value: internalChecked.value,
-				nativeProperty: true,
-				defaultChecked: false
-			}]]), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", {
-				class: "description",
-				"aria-hidden": "true",
-				"data-hn-ui-switch": "",
-				ref_key: "descriptionElement",
-				ref: descriptionElement
-			}, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}), [
+				withDirectives(createElementVNode("input", {
+					type: "checkbox",
+					role: "switch",
+					"data-hn-ui-switch": "",
+					disabled: checkedProps.value.disabled ?? void 0,
+					required: checkedProps.value.required ?? void 0,
+					name: checkedProps.value.name ?? void 0,
+					"^value": checkedProps.value.value ?? void 0,
+					ref_key: "inputElement",
+					ref: inputElement
+				}, null, 8, _hoisted_2), [[unref(vBindControl), {
+					tag: "input",
+					name: "checked",
+					value: internalChecked.value,
+					nativeProperty: true,
+					defaultChecked: false
+				}]]),
+				_cache[1] || (_cache[1] = createTextVNode(toDisplayString(" "), -1)),
+				createElementVNode("span", _hoisted_3, [
+					createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+					_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
+					createElementVNode("span", {
+						class: "description",
+						"aria-hidden": "true",
+						"data-hn-ui-switch": "",
+						ref_key: "descriptionElement",
+						ref: descriptionElement
+					}, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)
+				])
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-df95cf7c"]]);
+}), [["__scopeId", "data-v-65de4e5a"]]);
 //#endregion
 export { UiSwitch_default as t };

package/vue/chunks/UiSwitcher.js

@@ -182,6 +182,6 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-657992bf"]]);
+}), [["__scopeId", "data-v-67d5efc7"]]);
 //#endregion
 export { UiSwitcher_default as t };

package/vue/chunks/UiTable.js

@@ -110,6 +110,6 @@ var UiTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-6aae3d46"]]);
+}), [["__scopeId", "data-v-68a07a41"]]);
 //#endregion
 export { UiTable_default as t };

package/vue/chunks/UiTabs.js

@@ -1,6 +1,6 @@
 import { _ as uniqueKeys, a as concat, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
-import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiTabs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-ui-tabs-prop-activation",
@@ -288,21 +288,25 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"aria-orientation": checkedProps.value.orientation ?? void 0,
 				ref_key: "listElement",
 				ref: listElement
-			}, [renderSlot(_ctx.$slots, "tab", {}, () => [createVNode(unref(KeyedBoundary), null, {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(tabs.value, (tab, index, loop) => tab.id), (tab) => {
-					return openBlock(), createElementBlock("button", {
-						key: tab.id,
-						type: "button",
-						role: "tab",
-						"data-hn-ui-tabs": "",
-						id: unref(concat)(tab.id, "-tab"),
-						value: tab.id,
-						"aria-controls": tab.id,
-						"aria-selected": tab.id === internalValue.value
-					}, toDisplayString(tab.label), 9, _hoisted_3);
-				}), 128))]),
-				_: 1
-			})], true)], 8, _hoisted_2), createElementVNode("div", {
+			}, [renderSlot(_ctx.$slots, "tab", {}, () => [
+				_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
+				createVNode(unref(KeyedBoundary), null, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(tabs.value, (tab, index, loop) => tab.id), (tab) => {
+						return openBlock(), createElementBlock("button", {
+							key: tab.id,
+							type: "button",
+							role: "tab",
+							"data-hn-ui-tabs": "",
+							id: unref(concat)(tab.id, "-tab"),
+							value: tab.id,
+							"aria-controls": tab.id,
+							"aria-selected": tab.id === internalValue.value
+						}, toDisplayString(tab.label), 9, _hoisted_3);
+					}), 128))]),
+					_: 1
+				}),
+				_cache[1] || (_cache[1] = createTextVNode(toDisplayString(" "), -1))
+			], true)], 8, _hoisted_2), createElementVNode("div", {
 				class: "panels",
 				"data-hn-ui-tabs": "",
 				ref_key: "panelsElement",
@@ -313,6 +317,6 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-34fb5f5c"]]);
+}), [["__scopeId", "data-v-1fd60e13"]]);
 //#endregion
 export { UiTabs_default as t };

package/vue/chunks/UiText.js

@@ -698,6 +698,6 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-7b76939b"]]);
+}), [["__scopeId", "data-v-90b431ab"]]);
 //#endregion
 export { UiText_default as t };

package/vue/chunks/UiTextarea.js

@@ -303,6 +303,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a9196919"]]);
+}), [["__scopeId", "data-v-2ab296aa"]]);
 //#endregion
 export { UiTextarea_default as t };

package/vue/chunks/UiToast.js

@@ -156,6 +156,6 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0c94c15a"]]);
+}), [["__scopeId", "data-v-a61ebbe5"]]);
 //#endregion
 export { UiToast_default as t };

package/vue/chunks/UiToastRegion.js

@@ -2,7 +2,7 @@ import { _ as uniqueKeys, a as concat, i as checkHydratedRoot, n as KeyedBoundar
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";
-import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiToastRegion.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-ui-toast-region-prop-duration",
@@ -214,40 +214,48 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				"data-ui-toast-region-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true), createVNode(unref(KeyedBoundary), null, {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(toasts.value, (toast, index, loop) => toast.id), (toast) => {
-					return openBlock(), createElementBlock("div", {
-						key: toast.id,
-						class: normalizeClass(["toast", { closing: toast.closing }]),
-						"data-hn-ui-toast-region": "",
-						id: toast.id,
-						role: toast.role,
-						"data-tone": toast.tone
-					}, [createElementVNode("span", _hoisted_3, toDisplayString(toast.message), 1), createElementVNode("span", {
-						class: "dismiss",
-						"data-hn-ui-toast-region": "",
-						"data-toast": toast.id
-					}, [createVNode(UiIconButton_default, {
-						class: "ui-icon-button",
-						size: "sm",
-						variant: "ghost",
-						round: true,
-						label: unref(concat)("Dismiss ", toast.message)
-					}, {
-						default: withCtx(() => [createVNode(UiIcon_default, {
-							class: "ui-icon",
-							name: "x"
-						})]),
-						_: 1
-					}, 8, ["label"])], 8, _hoisted_4)], 10, _hoisted_2);
-				}), 128))]),
-				_: 1
-			})], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}), [
+				renderSlot(_ctx.$slots, "default", {}, void 0, true),
+				_cache[1] || (_cache[1] = createTextVNode(toDisplayString(" "), -1)),
+				createVNode(unref(KeyedBoundary), null, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(toasts.value, (toast, index, loop) => toast.id), (toast) => {
+						return openBlock(), createElementBlock("div", {
+							key: toast.id,
+							class: normalizeClass(["toast", { closing: toast.closing }]),
+							"data-hn-ui-toast-region": "",
+							id: toast.id,
+							role: toast.role,
+							"data-tone": toast.tone
+						}, [
+							createElementVNode("span", _hoisted_3, toDisplayString(toast.message), 1),
+							_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
+							createElementVNode("span", {
+								class: "dismiss",
+								"data-hn-ui-toast-region": "",
+								"data-toast": toast.id
+							}, [createVNode(UiIconButton_default, {
+								class: "ui-icon-button",
+								size: "sm",
+								variant: "ghost",
+								round: true,
+								label: unref(concat)("Dismiss ", toast.message)
+							}, {
+								default: withCtx(() => [createVNode(UiIcon_default, {
+									class: "ui-icon",
+									name: "x"
+								})]),
+								_: 1
+							}, 8, ["label"])], 8, _hoisted_4)
+						], 10, _hoisted_2);
+					}), 128))]),
+					_: 1
+				})
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-eb136028"]]);
+}), [["__scopeId", "data-v-1ec5cbec"]]);
 //#endregion
 export { UiToastRegion_default as t };

package/vue/chunks/UiTooltip.js

@@ -1,6 +1,6 @@
 import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiTooltip.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"hidden",
@@ -18,6 +18,10 @@ var _hoisted_2 = {
 	"data-hn-ui-tooltip": ""
 };
 var _hoisted_3 = {
+	class: "label",
+	"data-hn-ui-tooltip": ""
+};
+var _hoisted_4 = {
 	class: "shortcut",
 	"data-hn-ui-tooltip": ""
 };
@@ -269,12 +273,16 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				"data-ui-tooltip-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "shortcut", {}, void 0, true)])])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}), [createElementVNode("div", _hoisted_2, [
+				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
+				createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "shortcut", {}, void 0, true)])
+			])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-cbf1f070"]]);
+}), [["__scopeId", "data-v-d355258d"]]);
 //#endregion
 export { UiTooltip_default as t };

package/vue/chunks/UiTopBar.js

@@ -36,6 +36,6 @@ var UiTopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-3dafe49c"]]);
+}), [["__scopeId", "data-v-68b1594a"]]);
 //#endregion
 export { UiTopBar_default as t };

package/vue/chunks/UiTree.js

@@ -269,6 +269,6 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-6f1dde85"]]);
+}), [["__scopeId", "data-v-f9abbef8"]]);
 //#endregion
 export { UiTree_default as t };

package/vue/chunks/UiTreeItem.js

@@ -599,6 +599,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							"data-hn-ui-tree-item": ""
 						})
 					], -1)])], 8, _hoisted_2)) : createCommentVNode("v-if", true),
+					_cache[4] || (_cache[4] = createTextVNode(toDisplayString(" "), -1)),
 					createElementVNode("button", {
 						class: "disclosure",
 						type: "button",
@@ -612,6 +613,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"aria-hidden": "true",
 						"data-hn-ui-tree-item": ""
 					}, null, -1)])], 8, _hoisted_3),
+					_cache[5] || (_cache[5] = createTextVNode(toDisplayString(" "), -1)),
 					createElementVNode("label", _hoisted_4, [createElementVNode("input", {
 						class: "selection-checkbox",
 						type: "checkbox",
@@ -621,12 +623,14 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						disabled: checkedProps.value.disabled ?? void 0,
 						"aria-label": guardedBinding.value
 					}, null, 8, _hoisted_5)]),
+					_cache[6] || (_cache[6] = createTextVNode(toDisplayString(" "), -1)),
 					createElementVNode("span", {
 						class: "leading",
 						"data-hn-ui-tree-item": "",
 						ref_key: "leadingElement",
 						ref: leadingElement
 					}, [renderSlot(_ctx.$slots, "leading", {}, void 0, true)], 512),
+					_cache[7] || (_cache[7] = createTextVNode(toDisplayString(" "), -1)),
 					createElementVNode("span", {
 						class: "label",
 						"data-hn-ui-tree-item": "",
@@ -638,24 +642,30 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						ref_key: "labelTextElement",
 						ref: labelTextElement
 					}, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(checkedProps.value.label), 1)], true)], 512)], 512),
+					_cache[8] || (_cache[8] = createTextVNode(toDisplayString(" "), -1)),
 					createElementVNode("span", {
 						class: "actions",
 						"data-hn-ui-tree-item": "",
 						ref_key: "actionsElement",
 						ref: actionsElement
-					}, [moving.value ? (openBlock(), createBlock(UiButton_default, {
-						key: 0,
-						class: "ui-button",
-						"data-tree-cancel-move": "",
-						variant: "ghost",
-						tone: "neutral",
-						size: "sm",
-						"aria-label": "Cancel move"
-					}, {
-						default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Cancel", -1)])]),
-						_: 1
-					})) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])], 512),
-					_cache[3] || (_cache[3] = createElementVNode("span", {
+					}, [
+						moving.value ? (openBlock(), createBlock(UiButton_default, {
+							key: 0,
+							class: "ui-button",
+							"data-tree-cancel-move": "",
+							variant: "ghost",
+							tone: "neutral",
+							size: "sm",
+							"aria-label": "Cancel move"
+						}, {
+							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Cancel", -1)])]),
+							_: 1
+						})) : createCommentVNode("v-if", true),
+						_cache[3] || (_cache[3] = createTextVNode(toDisplayString(" "), -1)),
+						createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])
+					], 512),
+					_cache[9] || (_cache[9] = createTextVNode(toDisplayString(" "), -1)),
+					_cache[10] || (_cache[10] = createElementVNode("span", {
 						class: "drop-indicator row-drop-indicator",
 						"aria-hidden": "true",
 						"data-hn-ui-tree-item": ""
@@ -669,7 +679,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					ref_key: "childrenElement",
 					ref: childrenElement
 				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_7),
-				_cache[4] || (_cache[4] = createElementVNode("span", {
+				_cache[11] || (_cache[11] = createElementVNode("span", {
 					class: "drop-indicator subtree-drop-indicator",
 					"aria-hidden": "true",
 					"data-hn-ui-tree-item": ""
@@ -680,6 +690,6 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ecab748f"]]);
+}), [["__scopeId", "data-v-facde003"]]);
 //#endregion
 export { UiTreeItem_default as t };

package/vue/chunks/_plugin-vue_export-helper.js

@@ -325,6 +325,7 @@ function useComponentHost(controllerLoader, options) {
 			data: Object.fromEntries(Object.entries(data).map(([name, value]) => [name, () => value.value])),
 			...options.acceptsState === void 0 ? {} : { acceptsState: options.acceptsState }
 		}, options.controllerSource?.definition ?? "<component>"),
+		scripts: options.scripts ?? Object.freeze({}),
 		on(type, callback) {
 			const entry = {
 				type,

package/vue/components.css

@@ -939,12 +939,12 @@ ol:where([data-hn-ui-breadcrumbs]) {
 }
 
 /* A rounded SVG arc grows and recedes over a quiet full-circle track. */
-@keyframes ui-spinner-rotate-b406e90c {
+@keyframes ui-spinner-rotate-416c566c {
 100% {
     transform: rotate(1turn);
 }
 }
-@keyframes ui-spinner-dash-b406e90c {
+@keyframes ui-spinner-dash-416c566c {
 0% {
     stroke-dasharray: 1, 150;
     stroke-dashoffset: 0;
@@ -980,7 +980,7 @@ svg {
     display: block;
     inline-size: 100%;
     block-size: 100%;
-    animation: ui-spinner-rotate-b406e90c 2s linear infinite;
+    animation: ui-spinner-rotate-416c566c 2s linear infinite;
 }
 circle {
     stroke-width: 3;
@@ -993,7 +993,7 @@ circle {
     stroke: currentColor;
     stroke-dasharray: 90, 150;
     stroke-dashoffset: 0;
-    animation: ui-spinner-dash-b406e90c 1.5s ease-in-out infinite;
+    animation: ui-spinner-dash-416c566c 1.5s ease-in-out infinite;
 }
 @media (prefers-reduced-motion: reduce) {
 svg,.arc {
@@ -1777,7 +1777,7 @@ html[data-ui-input-modality="touch"]
 /* The label, and under it an optional line saying what the choice means. */
 
 /* Centre the tick's box and lift it slightly for the rotated check shape. */
-@keyframes ui-checkbox-check-48b85ef3 {
+@keyframes ui-checkbox-check-228919dd {
 from {
     opacity: 0;
     transform: translateY(-0.09rem) rotate(45deg) scale(0.55);
@@ -1872,7 +1872,7 @@ input:checked:where([data-hn-ui-checkbox])::after {
     border-width: 0 0.125rem 0.125rem 0;
     opacity: 1;
     transform: translateY(-0.09rem) rotate(45deg);
-    animation: ui-checkbox-check-48b85ef3 180ms var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1))
+    animation: ui-checkbox-check-228919dd 180ms var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1))
       both;
 }
 input:indeterminate:where([data-hn-ui-checkbox])::after {
@@ -2066,6 +2066,8 @@ input:focus-visible:where([data-hn-ui-checkbox]) {
   inherits: false;
 }
 
+/* The label and the shortcut sit side by side, a gap apart, with the label wrapping on its own. */
+
 /* A keyboard shortcut follows the label after a thin divider, smaller and quieter, as menus show
    it. The label stays first in the description, so a screen reader hears the name, then the keys. */
 
@@ -2109,6 +2111,9 @@ input:focus-visible:where([data-hn-ui-checkbox]) {
 .surface:where([data-hn-ui-tooltip]) {
     --_tooltip-line: var(--_ui-tooltip-border, var(--ui-overlay-border, var(--ui-border-strong)));
     position: relative;
+    display: flex;
+    align-items: baseline;
+    gap: var(--ui-space-2);
     box-sizing: border-box;
     max-inline-size: var(--_ui-tooltip-max-inline-size, 18rem);
     border: var(--ui-border-width) solid var(--_tooltip-line);
@@ -2127,7 +2132,6 @@ input:focus-visible:where([data-hn-ui-checkbox]) {
 .shortcut:where([data-hn-ui-tooltip]) {
     display: inline-flex;
     align-items: center;
-    margin-inline-start: var(--ui-space-2);
     padding-inline-start: var(--ui-space-2);
     border-inline-start: 1px solid color-mix(in oklab, currentColor 28%, transparent);
     color: color-mix(in oklab, currentColor 72%, transparent);
@@ -3032,13 +3036,13 @@ dd:where([data-hn-ui-description-item]) {
 /* A CSS-drawn X. */
 
 /* A touch target, like Button on coarse pointers. */
-@keyframes ui-dialog-enter-d07f3be8 {
+@keyframes ui-dialog-enter-7c6e4c7d {
 from {
     opacity: 0;
     transform: scale(0.96);
 }
 }
-@keyframes ui-dialog-backdrop-enter-d07f3be8 {
+@keyframes ui-dialog-backdrop-enter-7c6e4c7d {
 from {
     background-color: transparent;
 }
@@ -3086,7 +3090,7 @@ from {
     pointer-events: auto;
     opacity: 1;
     transform: scale(1);
-    animation: ui-dialog-enter-d07f3be8 var(--ui-dialog-duration, var(--ui-motion-base))
+    animation: ui-dialog-enter-7c6e4c7d var(--ui-dialog-duration, var(--ui-motion-base))
       var(--ui-motion-ease);
 }
 :scope[data-ui-dialog-state~="size=sm"]:where([data-hn-ui-dialog]) {
@@ -3204,7 +3208,7 @@ footer:empty:where([data-hn-ui-dialog]) {
 }
 :scope[open]:modal:where([data-hn-ui-dialog])::backdrop {
     background-color: var(--ui-overlay-backdrop);
-    animation: ui-dialog-backdrop-enter-d07f3be8 var(--_ui-dialog-duration, var(--ui-motion-base))
+    animation: ui-dialog-backdrop-enter-7c6e4c7d var(--_ui-dialog-duration, var(--ui-motion-base))
       var(--ui-motion-ease);
 }
 :scope[open][data-ui-backdrop-hidden]:where([data-hn-ui-dialog])::backdrop {
@@ -9428,7 +9432,7 @@ input:where([data-hn-ui-switch]),input:where([data-hn-ui-switch])::after {
 }
 
 /* Leaving slides on down and fades; the controller removes the toast when this ends. */
-@keyframes ui-toast-enter-eb136028 {
+@keyframes ui-toast-enter-1ec5cbec {
 from {
     opacity: 0;
     transform: translateY(-1rem);
@@ -9438,7 +9442,7 @@ to {
     transform: translateY(0);
 }
 }
-@keyframes ui-toast-exit-eb136028 {
+@keyframes ui-toast-exit-1ec5cbec {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -9448,7 +9452,7 @@ to {
     transform: translateY(0.75rem);
 }
 }
-@keyframes ui-toast-enter-bottom-eb136028 {
+@keyframes ui-toast-enter-bottom-1ec5cbec {
 from {
     opacity: 0;
     transform: translateY(1rem);
@@ -9458,7 +9462,7 @@ to {
     transform: translateY(0);
 }
 }
-@keyframes ui-toast-exit-bottom-eb136028 {
+@keyframes ui-toast-exit-bottom-1ec5cbec {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -9549,7 +9553,7 @@ to {
       --_ui-toast-region-shadow,
       var(--ui-overlay-shadow, var(--ui-elevation-overlay, var(--ui-shadow-lg)))
     );
-    animation: ui-toast-enter-eb136028 var(--_ui-toast-region-enter-duration, 0.32s)
+    animation: ui-toast-enter-1ec5cbec var(--_ui-toast-region-enter-duration, 0.32s)
       var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
 }
 .toast[data-tone="info"]:where([data-hn-ui-toast-region]) {
@@ -9569,17 +9573,17 @@ to {
     --_ui-toast-region-tone-surface: var(--ui-danger-soft);
 }
 .toast.closing:where([data-hn-ui-toast-region]) {
-    animation: ui-toast-exit-eb136028 var(--_ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease)
+    animation: ui-toast-exit-1ec5cbec var(--_ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease)
       both;
     pointer-events: none;
 }
 :is(:scope[data-ui-toast-region-state~="placement=bottom"], :scope[data-ui-toast-region-state~="placement=bottom-start"], :scope[data-ui-toast-region-state~="placement=bottom-end"])
     .toast:where([data-hn-ui-toast-region]) {
-    animation-name: ui-toast-enter-bottom-eb136028;
+    animation-name: ui-toast-enter-bottom-1ec5cbec;
 }
 :is(:scope[data-ui-toast-region-state~="placement=bottom"], :scope[data-ui-toast-region-state~="placement=bottom-start"], :scope[data-ui-toast-region-state~="placement=bottom-end"])
     .toast.closing:where([data-hn-ui-toast-region]) {
-    animation-name: ui-toast-exit-bottom-eb136028;
+    animation-name: ui-toast-exit-bottom-1ec5cbec;
 }
 @media (prefers-reduced-motion: reduce) {
 .toast:where([data-hn-ui-toast-region]),.toast.closing:where([data-hn-ui-toast-region]) {
@@ -9780,7 +9784,7 @@ to {
    slides, the label reaches back under the icon (the controller measures how far) with its text
    where it was, and fades out across the gap before the icon, fully gone where the icon begins
    to cover it: the name slips under the icon rather than stopping at a hard edge beside it. */
-@keyframes ui-tree-item-marquee-ecab748f {
+@keyframes ui-tree-item-marquee-facde003 {
 from {
     transform: translateX(0);
 }
@@ -10036,7 +10040,7 @@ to {
 .row[data-ui-marquee] > .label > .label-text:where([data-hn-ui-tree-item]) {
     /* Once per pass: the controller restarts it after a rest at the end, so the name holds still
        long enough to read rather than sliding back and forth. */
-    animation: ui-tree-item-marquee-ecab748f var(--_marquee-duration) linear 0.5s 1 normal forwards;
+    animation: ui-tree-item-marquee-facde003 var(--_marquee-duration) linear 0.5s 1 normal forwards;
     will-change: transform;
 }
 .row[data-ui-marquee] > .label:where([data-hn-ui-tree-item]) {