@threadlabs/looma 0.30.8 → 0.31.0

package/vue/components.css

@@ -1783,7 +1783,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-b6776f7f {
+@keyframes ui-checkbox-check-aac88235 {
 from {
     opacity: 0;
     transform: translateY(-0.09rem) rotate(45deg) scale(0.55);
@@ -1878,7 +1878,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-b6776f7f 180ms var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1))
+    animation: ui-checkbox-check-aac88235 180ms var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1))
       both;
 }
 input:indeterminate:where([data-hn-ui-checkbox])::after {
@@ -3035,18 +3035,20 @@ dd:where([data-hn-ui-description-item]) {
 
 /* Own the layout wrapper; nested component roots are outside these scoped rules. */
 
+/* Alerts have no close target to add height above the title. */
+
 /* :host-qualified so page heading rules that reach in cannot outrank the dialog chrome. */
 
 /* A CSS-drawn X. */
 
 /* A touch target, like Button on coarse pointers. */
-@keyframes ui-dialog-enter-995d5c18 {
+@keyframes ui-dialog-enter-0e4bd8b5 {
 from {
     opacity: 0;
     transform: scale(0.96);
 }
 }
-@keyframes ui-dialog-backdrop-enter-995d5c18 {
+@keyframes ui-dialog-backdrop-enter-0e4bd8b5 {
 from {
     background-color: transparent;
 }
@@ -3094,7 +3096,7 @@ from {
     pointer-events: auto;
     opacity: 1;
     transform: scale(1);
-    animation: ui-dialog-enter-995d5c18 var(--ui-dialog-duration, var(--ui-motion-base))
+    animation: ui-dialog-enter-0e4bd8b5 var(--ui-dialog-duration, var(--ui-motion-base))
       var(--ui-motion-ease);
 }
 :scope[data-ui-dialog-state~="size=sm"]:where([data-hn-ui-dialog]) {
@@ -3124,6 +3126,9 @@ header:where([data-hn-ui-dialog]) {
     padding: calc(var(--ui-space-3) + var(--ui-space-1) / 2) var(--ui-space-3) var(--ui-space-3)
       var(--ui-space-5);
 }
+:scope[data-ui-dialog-state~="alert"] header:where([data-hn-ui-dialog]) {
+    padding: var(--ui-space-5) var(--ui-space-5) var(--ui-space-3);
+}
 :scope .title:where([data-hn-ui-dialog]) {
     flex: 1;
     min-inline-size: 0;
@@ -3212,7 +3217,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-995d5c18 var(--_ui-dialog-duration, var(--ui-motion-base))
+    animation: ui-dialog-backdrop-enter-0e4bd8b5 var(--_ui-dialog-duration, var(--ui-motion-base))
       var(--ui-motion-ease);
 }
 :scope[open][data-ui-backdrop-hidden]:where([data-hn-ui-dialog])::backdrop {
@@ -9431,7 +9436,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-f4df0ea9 {
+@keyframes ui-toast-enter-cab264c9 {
 from {
     opacity: 0;
     transform: translateY(-1rem);
@@ -9441,7 +9446,7 @@ to {
     transform: translateY(0);
 }
 }
-@keyframes ui-toast-exit-f4df0ea9 {
+@keyframes ui-toast-exit-cab264c9 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -9451,7 +9456,7 @@ to {
     transform: translateY(0.75rem);
 }
 }
-@keyframes ui-toast-enter-bottom-f4df0ea9 {
+@keyframes ui-toast-enter-bottom-cab264c9 {
 from {
     opacity: 0;
     transform: translateY(1rem);
@@ -9461,7 +9466,7 @@ to {
     transform: translateY(0);
 }
 }
-@keyframes ui-toast-exit-bottom-f4df0ea9 {
+@keyframes ui-toast-exit-bottom-cab264c9 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -9552,7 +9557,7 @@ to {
       --_ui-toast-region-shadow,
       var(--ui-overlay-shadow, var(--ui-elevation-overlay, var(--ui-shadow-lg)))
     );
-    animation: ui-toast-enter-f4df0ea9 var(--_ui-toast-region-enter-duration, 0.32s)
+    animation: ui-toast-enter-cab264c9 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]) {
@@ -9572,17 +9577,17 @@ to {
     --_ui-toast-region-tone-surface: var(--ui-danger-soft);
 }
 .toast.closing:where([data-hn-ui-toast-region]) {
-    animation: ui-toast-exit-f4df0ea9 var(--_ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease)
+    animation: ui-toast-exit-cab264c9 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-f4df0ea9;
+    animation-name: ui-toast-enter-bottom-cab264c9;
 }
 :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-f4df0ea9;
+    animation-name: ui-toast-exit-bottom-cab264c9;
 }
 @media (prefers-reduced-motion: reduce) {
 .toast:where([data-hn-ui-toast-region]),.toast.closing:where([data-hn-ui-toast-region]) {
@@ -9783,7 +9788,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-26f52f6b {
+@keyframes ui-tree-item-marquee-16fe002b {
 from {
     transform: translateX(0);
 }
@@ -10039,7 +10044,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-26f52f6b var(--_marquee-duration) linear 0.5s 1 normal forwards;
+    animation: ui-tree-item-marquee-16fe002b 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/index.js

@@ -11,8 +11,20 @@ import "@tiptap/pm/tables";
 import "@tiptap/pm/transform";
 import { closeHistory } from "@tiptap/pm/history";
 import { DOMParser, DOMSerializer, Fragment as Fragment$1 } from "@tiptap/pm/model";
-import { IndexedList, NONCONFORMING, READY_INPUT, UNRESOLVED_INPUT, acceptProps, armElement, attachGeneratedController, awaitInput, buildTemplate, checkBoolean, checkConstrained, checkFormat, checkInteger, checkNumber, checkObject, checkSelected, checkString, clearRegion, computedCycle, defineComponent as defineComponent$1, detailCheck, dispatchDeclared, dispose, evaluateInput, fillSlot, formatOf, generatedInputs, hostState, inputRead, keywordFormat, manageProps, notifyPropertySet, project, readIndex, readMember, readonlyView, readsChanged, rec, replaceRoot, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, writeUrlAttribute } from "@nextwebwg/html-next/generated-runtime";
+import { IndexedList, NONCONFORMING, READY_INPUT, UNRESOLVED_INPUT, acceptProps, activateModule, armElement, attachGeneratedController, awaitInput, buildTemplate, checkBoolean, checkConstrained, checkFormat, checkInteger, checkNumber, checkObject, checkSelected, checkString, clearRegion, computedCycle, defineComponent as defineComponent$1, detailCheck, dispatchDeclared, dispose, evaluateInput, fillSlot, formatOf, generatedInputs, hostState, inputRead, keywordFormat, manageProps, notifyPropertySet, project, readIndex, readMember, readonlyView, readsChanged, rec, replaceRoot, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, writeUrlAttribute } from "@nextwebwg/html-next/generated-runtime";
 export * from "@threadlabs/looma/editor";
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
 //#region src/vue/editor/primitives.ts
 /** Each Vue editor component's element tag, for tooling that enumerates them. */
 var EDITOR_ADAPTER_COMPONENT_TAG_MAP = {
@@ -2691,6 +2703,7 @@ function setCodeBlockLanguage(editor, pos, value, names) {
 }
 //#endregion
 //#region components/ui-button/ui-button.js
+var ui_button_exports = /* @__PURE__ */ __exportAll({ connect: () => connect$11 });
 function connect$11(host) {
 	const onClick = (event) => {
 		if (!host.props.loading.value && !host.props.pending.value) return;
@@ -2700,10 +2713,6 @@ function connect$11(host) {
 	host.element.addEventListener("click", onClick, true);
 	return () => host.element.removeEventListener("click", onClick, true);
 }
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-function controller$11(host) {
-	host.on("connect", () => connect$11(host));
-}
 //#endregion
 //#region vanilla/UiButton.js
 var T0$16 = [
@@ -2859,6 +2868,7 @@ var S$18 = {
 	t: [],
 	f: import.meta.url,
 	g: "ui-button",
+	a: (host, I) => C$11(host, I),
 	b: generatedInputs
 };
 var A$3 = [
@@ -3130,7 +3140,7 @@ var D$18 = {
 		}
 	}
 };
-var C$11 = (host) => controller$11(host);
+var C$11 = (host) => activateModule(ui_button_exports, host);
 function createUiButton(options = {}, html) {
 	const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
 	const v = [
@@ -3828,7 +3838,7 @@ function createUiButton(options = {}, html) {
 	};
 	const I = { B };
 	const J = project(I, children, slots);
-	attachGeneratedController(element, S$18, v, p, C$11, void 0, I);
+	attachGeneratedController(element, S$18, v, p, void 0, void 0, I);
 	manageProps(I);
 	return element;
 }
@@ -4456,6 +4466,7 @@ function createIdResolver(document, onLate) {
 }
 //#endregion
 //#region components/ui-affordance-scope/ui-affordance-scope.js
+var ui_affordance_scope_exports = /* @__PURE__ */ __exportAll({ connect: () => connect$10 });
 function distance(point, rect) {
 	const dx = Math.max(rect.left - point.x, 0, point.x - rect.right);
 	const dy = Math.max(rect.top - point.y, 0, point.y - rect.bottom);
@@ -4538,10 +4549,6 @@ function connect$10(host) {
 		clear();
 	};
 }
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-function controller$10(host) {
-	host.on("connect", () => connect$10(host));
-}
 //#endregion
 //#region vanilla/UiAffordanceScope.js
 var T0$15 = [
@@ -4557,6 +4564,7 @@ var S$17 = {
 	t: ["b"],
 	f: import.meta.url,
 	g: "ui-affordance-scope",
+	a: (host, I) => C$10(host, I),
 	b: generatedInputs,
 	i: [false]
 };
@@ -4582,7 +4590,7 @@ var D$17 = {
 		}
 	}
 };
-var C$10 = (host) => controller$10(host);
+var C$10 = (host) => activateModule(ui_affordance_scope_exports, host);
 function createUiAffordanceScope(options = {}, html) {
 	const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
 	const element = document.createElement("span");
@@ -4634,7 +4642,7 @@ function createUiAffordanceScope(options = {}, html) {
 	attachGeneratedController(element, S$17, v, (c, d) => {
 		((c, d) => p0(R, c, d))(c, d);
 		for (const f of I.R) f(c, d);
-	}, C$10, void 0, I);
+	}, void 0, void 0, I);
 	manageProps(I);
 	return element;
 }
@@ -4856,6 +4864,7 @@ function warnOnce(warned, problems, element) {
 }
 //#endregion
 //#region components/ui-form-field/ui-form-field.js
+var ui_form_field_exports = /* @__PURE__ */ __exportAll({ connect: () => connect$9 });
 var nextFieldId = 0;
 function id(prefix) {
 	nextFieldId += 1;
@@ -4936,10 +4945,6 @@ function connect$9(host) {
 		removeOwned(activeInput);
 	};
 }
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-function controller$9(host) {
-	host.on("connect", () => connect$9(host));
-}
 //#endregion
 //#region vanilla/UiFormField.js
 var T0$13 = [
@@ -4991,6 +4996,7 @@ var S$15 = {
 	t: [],
 	f: import.meta.url,
 	g: "ui-form-field",
+	a: (host, I) => C$9(host, I),
 	b: generatedInputs
 };
 var D$15 = {
@@ -5022,7 +5028,7 @@ var D$15 = {
 		}
 	}
 };
-var C$9 = (host) => controller$9(host);
+var C$9 = (host) => activateModule(ui_form_field_exports, host);
 function createUiFormField(options = {}, html) {
 	const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
 	const element = document.createElement("div");
@@ -5152,7 +5158,7 @@ function createUiFormField(options = {}, html) {
 	};
 	const I = { B };
 	const J = project(I, children, slots);
-	attachGeneratedController(element, S$15, v, ((c, d) => p0(R, c, d)), C$9, void 0, I);
+	attachGeneratedController(element, S$15, v, ((c, d) => p0(R, c, d)), void 0, void 0, I);
 	manageProps(I);
 	return element;
 }
@@ -6597,6 +6603,7 @@ function createUiIcon(options = {}, html) {
 defineComponent$1("ui-icon", createUiIcon, ["name", "tone"]);
 //#endregion
 //#region components/ui-icon-button/ui-icon-button.js
+var ui_icon_button_exports = /* @__PURE__ */ __exportAll({ connect: () => connect$8 });
 function connect$8(host) {
 	const stop = host.effect(() => {
 		if (host.props.anticipatory.value) host.element.setAttribute("data-ui-affordance", "button");
@@ -6613,10 +6620,6 @@ function connect$8(host) {
 		host.element.removeEventListener("click", onClick, true);
 	};
 }
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-function controller$8(host) {
-	host.on("connect", () => connect$8(host));
-}
 //#endregion
 //#region vanilla/UiIconButton.js
 var T0$11 = [
@@ -6642,6 +6645,7 @@ var S$13 = {
 	t: [],
 	f: import.meta.url,
 	g: "ui-icon-button",
+	a: (host, I) => C$8(host, I),
 	b: generatedInputs
 };
 var D$13 = {
@@ -6755,7 +6759,7 @@ var D$13 = {
 		}
 	}
 };
-var C$8 = (host) => controller$8(host);
+var C$8 = (host) => activateModule(ui_icon_button_exports, host);
 function createUiIconButton(options = {}, html) {
 	const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
 	const element = document.createElement("button");
@@ -6886,7 +6890,7 @@ function createUiIconButton(options = {}, html) {
 	};
 	const I = { B };
 	const J = project(I, children, slots);
-	attachGeneratedController(element, S$13, v, ((c, d) => p0(R, c, d)), C$8, void 0, I);
+	attachGeneratedController(element, S$13, v, ((c, d) => p0(R, c, d)), void 0, void 0, I);
 	manageProps(I);
 	return element;
 }
@@ -7211,6 +7215,7 @@ function navigateMenu(event, menu) {
 }
 //#endregion
 //#region components/ui-menu/ui-menu.js
+var ui_menu_exports = /* @__PURE__ */ __exportAll({ connect: () => connect$7 });
 function triggerFor(event) {
 	if (event instanceof KeyboardEvent) return "keyboard";
 	if (event instanceof MouseEvent || event instanceof PointerEvent) return event.detail === 0 ? "keyboard" : "pointer";
@@ -7378,10 +7383,6 @@ function connect$7(host) {
 		releaseAnchor();
 	};
 }
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-function controller$7(host) {
-	host.on("connect", () => connect$7(host));
-}
 //#endregion
 //#region vanilla/UiMenu.js
 var T0$9 = [
@@ -7487,6 +7488,7 @@ var S$11 = {
 		]
 	},
 	x: dispatchDeclared,
+	a: (host, I) => C$7(host, I),
 	b: generatedInputs,
 	i: [false]
 };
@@ -7553,7 +7555,7 @@ var D$11 = {
 		}
 	}
 };
-var C$7 = (host) => controller$7(host);
+var C$7 = (host) => activateModule(ui_menu_exports, host);
 function createUiMenu(options = {}, html) {
 	const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
 	const element = document.createElement("div");
@@ -7624,7 +7626,7 @@ function createUiMenu(options = {}, html) {
 	attachGeneratedController(element, S$11, v, (c, d) => {
 		((c, d) => p0(R, c, d))(c, d);
 		for (const f of I.R) f(c, d);
-	}, C$7, void 0, I);
+	}, void 0, void 0, I);
 	manageProps(I);
 	return element;
 }
@@ -7639,6 +7641,7 @@ defineComponent$1("ui-menu", createUiMenu, [
 ]);
 //#endregion
 //#region components/ui-menu-item/ui-menu-item.js
+var ui_menu_item_exports = /* @__PURE__ */ __exportAll({ connect: () => connect$6 });
 function radioScope(item) {
 	return item.closest("[role=\"group\"]") ?? item.closest("[role=\"menu\"]");
 }
@@ -7692,10 +7695,6 @@ function connect$6(host) {
 		item.removeEventListener("ui-menu-item-clear", onClear);
 	};
 }
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-function controller$6(host) {
-	host.on("connect", () => connect$6(host));
-}
 //#endregion
 //#region vanilla/UiMenuItem.js
 var T0$8 = [
@@ -7830,6 +7829,7 @@ var S$10 = {
 		false
 	] },
 	x: dispatchDeclared,
+	a: (host, I) => C$6(host, I),
 	b: generatedInputs,
 	i: [false]
 };
@@ -7934,7 +7934,7 @@ var D$10 = {
 		}
 	}
 };
-var C$6 = (host) => controller$6(host);
+var C$6 = (host) => activateModule(ui_menu_item_exports, host);
 function createUiMenuItem(options = {}, html) {
 	const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
 	const v = [
@@ -8224,7 +8224,7 @@ function createUiMenuItem(options = {}, html) {
 	attachGeneratedController(element, S$10, v, (c, d) => {
 		p(c, d);
 		for (const f of I.R) f(c, d);
-	}, C$6, void 0, I);
+	}, void 0, void 0, I);
 	manageProps(I);
 	return element;
 }
@@ -8238,6 +8238,7 @@ defineComponent$1("ui-menu-item", createUiMenuItem, [
 ]);
 //#endregion
 //#region components/ui-popover/ui-popover.js
+var ui_popover_exports = /* @__PURE__ */ __exportAll({ connect: () => connect$5 });
 function connect$5(host) {
 	const element = host.element;
 	const document = element.ownerDocument;
@@ -8355,10 +8356,6 @@ function connect$5(host) {
 		releaseAnchor();
 	};
 }
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-function controller$5(host) {
-	host.on("connect", () => connect$5(host));
-}
 //#endregion
 //#region vanilla/UiPopover.js
 var T0$7 = [
@@ -8443,6 +8440,7 @@ var S$9 = {
 		]
 	},
 	x: dispatchDeclared,
+	a: (host, I) => C$5(host, I),
 	b: generatedInputs,
 	i: [false]
 };
@@ -8503,7 +8501,7 @@ var D$9 = {
 		}
 	}
 };
-var C$5 = (host) => controller$5(host);
+var C$5 = (host) => activateModule(ui_popover_exports, host);
 function createUiPopover(options = {}, html) {
 	const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
 	const element = document.createElement("span");
@@ -8557,7 +8555,7 @@ function createUiPopover(options = {}, html) {
 	attachGeneratedController(element, S$9, v, (c, d) => {
 		((c, d) => p0(R, c, d))(c, d);
 		for (const f of I.R) f(c, d);
-	}, C$5, void 0, I);
+	}, void 0, void 0, I);
 	manageProps(I);
 	return element;
 }
@@ -9996,6 +9994,7 @@ defineComponent$1("ui-text", createUiText, [
 ]);
 //#endregion
 //#region components/ui-tooltip/ui-tooltip.js
+var ui_tooltip_exports = /* @__PURE__ */ __exportAll({ connect: () => connect$4 });
 var warmTooltips = /* @__PURE__ */ new WeakMap();
 function connect$4(host) {
 	const element = host.element;
@@ -10232,10 +10231,6 @@ function connect$4(host) {
 		closeOverlay(document, overlayId);
 	};
 }
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-function controller$4(host) {
-	host.on("connect", () => connect$4(host));
-}
 //#endregion
 //#region vanilla/UiTooltip.js
 var T0$4 = [
@@ -10334,6 +10329,7 @@ var S$6 = {
 		]
 	},
 	x: dispatchDeclared,
+	a: (host, I) => C$4(host, I),
 	b: generatedInputs,
 	i: [false]
 };
@@ -10417,7 +10413,7 @@ var D$6 = {
 		}
 	}
 };
-var C$4 = (host) => controller$4(host);
+var C$4 = (host) => activateModule(ui_tooltip_exports, host);
 function createUiTooltip(options = {}, html) {
 	const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
 	const element = document.createElement("span");
@@ -10502,7 +10498,7 @@ function createUiTooltip(options = {}, html) {
 	attachGeneratedController(element, S$6, v, (c, d) => {
 		((c, d) => p0(R, c, d))(c, d);
 		for (const f of I.R) f(c, d);
-	}, C$4, void 0, I);
+	}, void 0, void 0, I);
 	manageProps(I);
 	return element;
 }
@@ -11310,6 +11306,7 @@ function trackTrigger(host) {
 }
 //#endregion
 //#region components/ui-checkbox/ui-checkbox.js
+var ui_checkbox_exports = /* @__PURE__ */ __exportAll({ connect: () => connect$3 });
 function connect$3(host) {
 	const input = host.refs.input;
 	describeInput(input, host.refs.description);
@@ -11342,10 +11339,6 @@ function connect$3(host) {
 		input.removeEventListener("change", onChange);
 	};
 }
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-function controller$3(host) {
-	host.on("connect", () => connect$3(host));
-}
 //#endregion
 //#region vanilla/UiCheckbox.js
 var T0$3 = [
@@ -11415,6 +11408,7 @@ var S$5 = {
 		false
 	] },
 	x: dispatchDeclared,
+	a: (host, I) => C$3(host, I),
 	b: generatedInputs,
 	i: [false]
 };
@@ -11500,7 +11494,7 @@ var D$5 = {
 		}
 	}
 };
-var C$3 = (host) => controller$3(host);
+var C$3 = (host) => activateModule(ui_checkbox_exports, host);
 function createUiCheckbox(options = {}, html) {
 	const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
 	const element = document.createElement("label");
@@ -11645,7 +11639,7 @@ function createUiCheckbox(options = {}, html) {
 	attachGeneratedController(element, S$5, v, (c, d) => {
 		((c, d) => p0(R, c, d))(c, d);
 		for (const f of I.R) f(c, d);
-	}, C$3, void 0, I);
+	}, void 0, void 0, I);
 	manageProps(I);
 	I.r["input"] = t0;
 	I.r["description"] = t4;
@@ -11664,6 +11658,7 @@ defineComponent$1("ui-checkbox", createUiCheckbox, [
 ]);
 //#endregion
 //#region components/ui-disclosure/ui-disclosure.js
+var ui_disclosure_exports = /* @__PURE__ */ __exportAll({ connect: () => connect$2 });
 var disclosures = 0;
 var groups = /* @__PURE__ */ new WeakMap();
 var pendingGroups = /* @__PURE__ */ new WeakSet();
@@ -11799,10 +11794,6 @@ function connect$2(host) {
 		host.refs.panel.removeEventListener("beforematch", onBeforematch);
 	};
 }
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-function controller$2(host) {
-	host.on("connect", () => connect$2(host));
-}
 //#endregion
 //#region vanilla/UiDisclosure.js
 var T0$2 = [
@@ -11957,6 +11948,7 @@ var S$4 = {
 		]
 	},
 	x: dispatchDeclared,
+	a: (host, I) => C$2(host, I),
 	b: generatedInputs,
 	i: [
 		false,
@@ -12044,7 +12036,7 @@ var D$4 = {
 		}
 	}
 };
-var C$2 = (host) => controller$2(host);
+var C$2 = (host) => activateModule(ui_disclosure_exports, host);
 function createUiDisclosure(options = {}, html) {
 	const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
 	const element = document.createElement("div");
@@ -12231,7 +12223,7 @@ function createUiDisclosure(options = {}, html) {
 	attachGeneratedController(element, S$4, v, (c, d) => {
 		((c, d) => p0(R, c, d))(c, d);
 		for (const f of I.R) f(c, d);
-	}, C$2, void 0, I);
+	}, void 0, void 0, I);
 	manageProps(I);
 	I.r["heading"] = t0;
 	I.r["trigger"] = t1;
@@ -12251,6 +12243,7 @@ defineComponent$1("ui-disclosure", createUiDisclosure, [
 ]);
 //#endregion
 //#region components/ui-input/ui-input.js
+var ui_input_exports = /* @__PURE__ */ __exportAll({ connect: () => connect$1 });
 function connect$1(host) {
 	return host.effect(() => {
 		const value = host.props.value.value;
@@ -12263,10 +12256,6 @@ function connect$1(host) {
 		input.value = text;
 	});
 }
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-function controller$1(host) {
-	host.on("connect", () => connect$1(host));
-}
 //#endregion
 //#region vanilla/UiInput.js
 var S$3 = {
@@ -12274,6 +12263,7 @@ var S$3 = {
 	t: [],
 	f: import.meta.url,
 	g: "ui-input",
+	a: (host, I) => C$1(host, I),
 	b: generatedInputs
 };
 var D$3 = {
@@ -12464,7 +12454,7 @@ var D$3 = {
 		}
 	}
 };
-var C$1 = (host) => controller$1(host);
+var C$1 = (host) => activateModule(ui_input_exports, host);
 function createUiInput(options = {}, html) {
 	const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
 	const element = document.createElement("input");
@@ -12613,7 +12603,7 @@ function createUiInput(options = {}, html) {
 		v6: void 0
 	};
 	const I = { B };
-	attachGeneratedController(element, S$3, v, ((c, d) => p0(R, c, d)), C$1, void 0, I);
+	attachGeneratedController(element, S$3, v, ((c, d) => p0(R, c, d)), void 0, void 0, I);
 	manageProps(I);
 	return element;
 }
@@ -13434,6 +13424,7 @@ var calloutNodeView = ({ node }) => {
 };
 //#endregion
 //#region components/ui-image/ui-image.js
+var ui_image_exports = /* @__PURE__ */ __exportAll({ connect: () => connect });
 /** Owns transient resize geometry; consumers own persistence and selection.
 * @lifecycle Pointer capture ends on release, Escape, cancellation, or teardown.
 * Only release commits a drag, so consumers can make it one undo operation.
@@ -13575,10 +13566,6 @@ function connect(host) {
 		document.removeEventListener("keydown", onEscape, true);
 	};
 }
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-function controller(host) {
-	host.on("connect", () => connect(host));
-}
 //#endregion
 //#region vanilla/UiImage.js
 var T0 = [
@@ -13692,6 +13679,7 @@ var S = {
 		false
 	] },
 	x: dispatchDeclared,
+	a: (host, I) => C(host, I),
 	b: generatedInputs
 };
 var D = {
@@ -13759,7 +13747,7 @@ var D = {
 		}
 	}
 };
-var C = (host) => controller(host);
+var C = (host) => activateModule(ui_image_exports, host);
 function createUiImage(options = {}, html) {
 	const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
 	const element = document.createElement("figure");
@@ -13872,7 +13860,7 @@ function createUiImage(options = {}, html) {
 	};
 	const I = { B };
 	const J = project(I, children, slots);
-	attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), C, void 0, I);
+	attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), void 0, void 0, I);
 	manageProps(I);
 	I.r["frame"] = t0;
 	return element;