@threadlabs/looma 0.29.0 → 0.29.2

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]) {

package/vue/editor/LoomaEditor.d.ts

@@ -402,10 +402,10 @@ export declare const LoomaEditor: import("vue").DefineComponent<import("vue").Ex
     onImageActivate?: ((_detail: LoomaImageActivationDetail) => any) | undefined;
     onImageRenditionError?: ((_detail: LoomaImageRenditionErrorDetail) => any) | undefined;
 }>, {
-    extensions: LoomaEditorExtensions | undefined;
-    editable: boolean;
     label: string;
     placeholder: string;
+    extensions: LoomaEditorExtensions | undefined;
+    editable: boolean;
     linkBaseUrl: string;
     disableHighlight: boolean;
     codeLanguages: Readonly<Record<string, import("highlight.js").LanguageFn>> | null;

package/vue/editor/compact/index.d.ts

@@ -62,10 +62,10 @@ export declare const LoomaCompactEditor: import("vue").DefineComponent<import("v
     "onUpdate:modelValue"?: ((_value: JSONContent) => any) | undefined;
     onReady?: ((_editor: Editor) => any) | undefined;
 }>, {
+    id: string;
+    label: string;
     extensions: AnyExtension[];
     editable: boolean;
-    label: string;
-    id: string;
     modelValue: JSONContent;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /** Renders basic compact JSON as escaped Vue nodes, including during SSR. */