@threadlabs/looma 0.30.8 → 0.31.0

package/vanilla/UiMenuItem.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, truthy, writeAttribute, writeUrlAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, armElement, replaceRoot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, truthy, writeAttribute, writeUrlAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, armElement, replaceRoot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-menu-item/ui-menu-item.js";
 import "../styles/ui-menu-item.css";
 
@@ -13,11 +13,11 @@ const T6 = ["",[]];
 const T7 = ["",[]];
 const T8 = ["",[]];
 let P0, P1, P2, P3, P4, P5, P6, P7, P8;
-const S = { n: ["internalChecked"], t: ["b"], f: import.meta.url, g: "ui-menu-item", d: { "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["type", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["checkbox","radio"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false] };
+const S = { n: ["internalChecked"], t: ["b"], f: import.meta.url, g: "ui-menu-item", d: { "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["type", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["checkbox","radio"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [false] };
 const A = [["a",{"role":"menuitem","tabindex":"-1"},[],"",[],["data-ui-menu-item-state","data-ui-menu-item-prop-checked","data-ui-menu-item-prop-disabled","data-ui-menu-item-prop-href","data-ui-menu-item-prop-tone","data-ui-menu-item-prop-type","data-ui-menu-item-prop-value","aria-disabled","data-value","href"]],["div",{"tabindex":"-1"},[],"",[],["data-ui-menu-item-state","data-ui-menu-item-prop-checked","data-ui-menu-item-prop-disabled","data-ui-menu-item-prop-href","data-ui-menu-item-prop-tone","data-ui-menu-item-prop-type","data-ui-menu-item-prop-value","role","aria-checked","aria-disabled","data-value"]]];
 const Q = [[],[]];
 const D = { g: "ui-menu-item", props: { "checked": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "href": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "tone": { "required":false,"values":["neutral","danger"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "type": { "required":false,"values":["action","checkbox","radio"],"default":"action", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "value": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiMenuItem(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -221,7 +221,7 @@ export function createUiMenuItem(options = {}, html) {
   const I = { B };
   const J = project(I, children, slots);
   I.R = new Set();
-  attachGeneratedController(element, S, v, (c, d) => { p(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  attachGeneratedController(element, S, v, (c, d) => { p(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiPopover.js

@@ -1,14 +1,14 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-popover/ui-popover.js";
 import "../styles/ui-popover.css";
 
 const T0 = ["",[],["div",["class","surface"],4]];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: ["internalOpen"], t: ["b"], f: import.meta.url, g: "ui-popover", d: { "open": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false] };
+const S = { n: ["internalOpen"], t: ["b"], f: import.meta.url, g: "ui-popover", d: { "open": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [false] };
 const D = { g: "ui-popover", props: { "for": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "placement": { "required":false,"values":["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end"],"default":"bottom-start", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "size": { "required":false,"values":["content","sm","md","lg"],"default":"content", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiPopover(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -44,7 +44,7 @@ export function createUiPopover(options = {}, html) {
   const I = { B };
   const J = project(I, children, slots);
   I.R = new Set();
-  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiRadio.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, readsChanged, rec, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, readsChanged, rec, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-radio/ui-radio.js";
 import "../styles/ui-radio.css";
 
@@ -7,9 +7,9 @@ const T0 = ["",[],"\n    ",["input",["type","radio"]],"\n    ",["span",["class",
 const T1 = ["",[]];
 const T2 = ["",[]];
 let P0, P1, P2;
-const S = { n: ["internalChecked"], t: ["b"], f: import.meta.url, g: "ui-radio", d: { "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false] };
+const S = { n: ["internalChecked"], t: ["b"], f: import.meta.url, g: "ui-radio", d: { "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [false] };
 const D = { g: "ui-radio", props: { "checked": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "value": { "required":false,"default":"on", c: checkString, t: "string", j: 0, m: "s" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiRadio(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -89,7 +89,7 @@ export function createUiRadio(options = {}, html) {
   const I = { B };
   const J = project(I, children, slots);
   I.R = new Set();
-  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   I.r["input"] = t0;
   I.r["description"] = t4;

package/vanilla/UiRadioGroup.js

@@ -1,14 +1,14 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, toText, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, toAttribute, toText, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-radio-group/ui-radio-group.js";
 import "../styles/ui-radio-group.css";
 
 const T0 = ["",[],"\n    ",["legend",[],0],"\n    ",4,"\n  "];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: ["internalValue"], t: ["s"], f: import.meta.url, g: "ui-radio-group", d: { "select": [detailCheck(checkObject([["value", checkString, false], ["previousValue", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [""] };
+const S = { n: ["internalValue"], t: ["s"], f: import.meta.url, g: "ui-radio-group", d: { "select": [detailCheck(checkObject([["value", checkString, false], ["previousValue", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [""] };
 const D = { g: "ui-radio-group", props: { "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "invalid": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "label": { "required":false,"default":"Options", c: checkString, t: "string", j: 0, m: "s" }, "labelVisibility": { "required":false,"values":["visible","sr-only"],"default":"visible", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "orientation": { "required":false,"values":["horizontal","vertical"],"default":"horizontal", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "value": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiRadioGroup(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -72,7 +72,7 @@ export function createUiRadioGroup(options = {}, html) {
   const I = { B };
   const J = project(I, children, slots);
   I.R = new Set();
-  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiScrollArea.js

@@ -1,14 +1,14 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkFormat, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-scroll-area/ui-scroll-area.js";
 import "../styles/ui-scroll-area.css";
 
 const T0 = ["",[],["div",["class","content"],4]];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-scroll-area", b: generatedInputs };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-scroll-area", a: (host, I) => C(host, I), b: generatedInputs };
 const D = { g: "ui-scroll-area", props: { "fill": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "orientation": { "required":false,"values":["vertical","horizontal"],"default":"vertical", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "padding": { "required":false,"values":["none","xs","sm","md","lg"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "size": { "required":false,"values":["content","sm","md","lg"],"default":"content", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "trim": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiScrollArea(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -44,7 +44,7 @@ export function createUiScrollArea(options = {}, html) {
   const R = { n: element, v0: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, f0: undefined };
   const I = { B };
   const J = project(I, children, slots);
-  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), C, undefined, I);
+  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), undefined, undefined, I);
   manageProps(I);
   I.r["content"] = t0;
   return element;

package/vanilla/UiSearchShell.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, keywordFormat, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, keywordFormat, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-search-shell/ui-search-shell.js";
 import "../styles/ui-search-shell.css";
 
@@ -9,9 +9,9 @@ const T2 = ["",[]];
 const T3 = ["",[]];
 const T4 = ["",[]];
 let P0, P1, P2, P3, P4;
-const S = { n: ["internalOpen"], t: ["b"], f: import.meta.url, g: "ui-search-shell", d: { "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false] };
+const S = { n: ["internalOpen"], t: ["b"], f: import.meta.url, g: "ui-search-shell", d: { "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [false] };
 const D = { g: "ui-search-shell", props: { "dismissible": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "label": { "required":false,"default":"Search", c: checkString, t: "string", j: 0, m: "s" }, "modal": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiSearchShell(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -88,7 +88,7 @@ export function createUiSearchShell(options = {}, html) {
   const I = { B };
   const J = project(I, children, slots);
   I.R = new Set();
-  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   I.r["dialog"] = t0;
   return element;

package/vanilla/UiSelect.js

@@ -1,14 +1,14 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkFormat, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-select/ui-select.js";
 import "../styles/ui-select.css";
 
 const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-select", b: generatedInputs };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-select", a: (host, I) => C(host, I), b: generatedInputs };
 const D = { g: "ui-select", props: { "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "invalid": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "value": { "required":false, c: checkString, t: "string", j: 0, m: "s" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiSelect(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -58,7 +58,7 @@ export function createUiSelect(options = {}, html) {
   const R = { n: element, v0: undefined, v1: undefined, v2: undefined, v3: undefined, a1: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
   const I = { B };
   const J = project(I, children, slots);
-  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), C, undefined, I);
+  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), undefined, undefined, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiSidebar.js

@@ -1,14 +1,14 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, toAttribute, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-sidebar/ui-sidebar.js";
 import "../styles/ui-sidebar.css";
 
 const T0 = ["",[],"\n    ",["div",["class","viewport"],["div",["class","content"],4]],"\n    ",["div",["class","resizer","role","separator","aria-orientation","vertical","tabindex","0","data-ui-affordance","resize"],"\n      ",["span",["class","guide","aria-hidden","true"]],"\n    "],"\n  "];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: ["internalCollapsed","drawer","resizing"], t: ["b","b","b"], f: import.meta.url, g: "ui-sidebar", d: { "resize": [detailCheck(checkObject([["width", checkNumber, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "toggle": [detailCheck(checkObject([["open", checkBoolean, false], ["mode", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["docked","drawer"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false, false, false] };
+const S = { n: ["internalCollapsed","drawer","resizing"], t: ["b","b","b"], f: import.meta.url, g: "ui-sidebar", d: { "resize": [detailCheck(checkObject([["width", checkNumber, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "toggle": [detailCheck(checkObject([["open", checkBoolean, false], ["mode", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["docked","drawer"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [false, false, false] };
 const D = { g: "ui-sidebar", props: { "breakpoint": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "collapsed": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "maxWidth": { "required":false,"default":480, c: checkNumber, t: "number", j: 0, m: "n" }, "minWidth": { "required":false,"default":200, c: checkNumber, t: "number", j: 0, m: "n" }, "resizable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "resizeLabel": { "required":false,"default":"Resize sidebar", c: checkString, t: "string", j: 0, m: "s" }, "resizeStep": { "required":false,"default":16, c: checkNumber, t: "number", j: 0, m: "n" }, "side": { "required":false,"values":["start","end"],"default":"start", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "width": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiSidebar(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -56,7 +56,7 @@ export function createUiSidebar(options = {}, html) {
   const I = { B };
   const J = project(I, children, slots);
   I.R = new Set();
-  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   I.r["resizer"] = t2;
   return element;

package/vanilla/UiSwitch.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, readsChanged, rec, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, readsChanged, rec, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-switch/ui-switch.js";
 import "../styles/ui-switch.css";
 
@@ -7,9 +7,9 @@ const T0 = ["",[],"\n    ",["input",["type","checkbox","role","switch"]],"\n
 const T1 = ["",[]];
 const T2 = ["",[]];
 let P0, P1, P2;
-const S = { n: ["internalChecked"], t: ["b"], f: import.meta.url, g: "ui-switch", d: { "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false] };
+const S = { n: ["internalChecked"], t: ["b"], f: import.meta.url, g: "ui-switch", d: { "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [false] };
 const D = { g: "ui-switch", props: { "checked": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "value": { "required":false,"default":"on", c: checkString, t: "string", j: 0, m: "s" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiSwitch(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -89,7 +89,7 @@ export function createUiSwitch(options = {}, html) {
   const I = { B };
   const J = project(I, children, slots);
   I.R = new Set();
-  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   I.r["input"] = t0;
   I.r["description"] = t4;

package/vanilla/UiSwitcher.js

@@ -1,14 +1,14 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkFormat, checkInteger, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkFormat, checkInteger, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-switcher/ui-switcher.js";
 import "../styles/ui-switcher.css";
 
 const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: ["overLimit"], t: ["b"], f: import.meta.url, g: "ui-switcher", b: generatedInputs, i: [false] };
+const S = { n: ["overLimit"], t: ["b"], f: import.meta.url, g: "ui-switcher", a: (host, I) => C(host, I), b: generatedInputs, i: [false] };
 const D = { g: "ui-switcher", props: { "align": { "required":false,"values":["start","center","end","stretch"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "gap": { "required":false,"values":["xs","s","m","l","xl"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "limit": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" }, "threshold": { "required":false,"values":["xs","sm","md","lg"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiSwitcher(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -44,7 +44,7 @@ export function createUiSwitcher(options = {}, html) {
   const I = { B };
   const J = project(I, children, slots);
   I.R = new Set();
-  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiTable.js

@@ -1,14 +1,14 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkFormat, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-table/ui-table.js";
 import "../styles/ui-table.css";
 
 const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-table", b: generatedInputs };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-table", a: (host, I) => C(host, I), b: generatedInputs };
 const D = { g: "ui-table", props: { "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "stickyHeader": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiTable(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -43,7 +43,7 @@ export function createUiTable(options = {}, html) {
   const R = { n: element, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
   const I = { B };
   const J = project(I, children, slots);
-  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), C, undefined, I);
+  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), undefined, undefined, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiTabs.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, KeyedList, NONCONFORMING, readMember, textCall, toAttribute, toText, trackContainer, writeAttribute, writeText, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, KeyedList, NONCONFORMING, readMember, textCall, toAttribute, toText, trackContainer, writeAttribute, writeText, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-tabs/ui-tabs.js";
 import "../styles/ui-tabs.css";
 
@@ -9,9 +9,9 @@ const T2 = ["button",["type","button","role","tab"],0];
 const T3 = ["",[]];
 let P0, P1, P2, P3;
 const E = new Map();
-const S = { n: ["internalValue","tabs"], t: ["s",["l",["o",["id","s","label","s"]]]], f: import.meta.url, g: "ui-tabs", d: { "select": [detailCheck(checkObject([["value", checkString, false], ["previousValue", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: ["", []] };
+const S = { n: ["internalValue","tabs"], t: ["s",["l",["o",["id","s","label","s"]]]], f: import.meta.url, g: "ui-tabs", d: { "select": [detailCheck(checkObject([["value", checkString, false], ["previousValue", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: ["", []] };
 const D = { g: "ui-tabs", props: { "activation": { "required":false,"values":["auto","manual"],"default":"auto", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "group": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "label": { "required":false,"default":"Tabs", c: checkString, t: "string", j: 0, m: "s" }, "orientation": { "required":false,"values":["horizontal","vertical"],"default":"horizontal", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "stretch": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "value": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiTabs(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -104,7 +104,7 @@ export function createUiTabs(options = {}, html) {
   const I = { B };
   const J = project(I, children, slots);
   I.R = new Set();
-  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   I.r["list"] = t0;
   I.r["panels"] = t2;

package/vanilla/UiTextarea.js

@@ -1,11 +1,11 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, toAttribute, toText, writeAttribute, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, checkBoolean, checkFormat, checkInteger, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, toAttribute, toText, writeAttribute, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, checkBoolean, checkFormat, checkInteger, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-textarea/ui-textarea.js";
 import "../styles/ui-textarea.css";
 
-const S = { n: [], t: [], f: import.meta.url, g: "ui-textarea", b: generatedInputs };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-textarea", a: (host, I) => C(host, I), b: generatedInputs };
 const D = { g: "ui-textarea", props: { "autosize": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "invalid": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "maxRows": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" }, "readonly": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "rows": { "required":false,"default":4, c: checkInteger, t: "integer", j: 0, m: "i" }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "value": { "required":false, c: checkString, t: "string", j: 0, m: "s" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiTextarea(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -63,7 +63,7 @@ export function createUiTextarea(options = {}, html) {
   };
   const R = { n: element, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, v5: undefined, v6: undefined, v7: undefined, v8: undefined };
   const I = { B };
-  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), C, undefined, I);
+  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), undefined, undefined, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiToast.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, readIndex, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, readIndex, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-toast/ui-toast.js";
 import "../styles/ui-toast.css";
 
@@ -7,9 +7,9 @@ const T0 = ["",[],"\n    ",["div",["class","message"],4],"\n    ",["div",["class
 const T1 = ["",[]];
 const T2 = ["",[]];
 let P0, P1, P2;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-toast", d: { "dismiss": [detailCheck(checkObject([["id", checkString, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","timeout"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-toast", d: { "dismiss": [detailCheck(checkObject([["id", checkString, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","timeout"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs };
 const D = { g: "ui-toast", props: { "duration": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" }, "tone": { "required":false,"values":["neutral","info","success","warning","danger"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiToast(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -69,7 +69,7 @@ export function createUiToast(options = {}, html) {
   const R = { n: element, a4: t4, v0: undefined, v1: null, v2: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, f0: undefined, a3: t3, e1: t3.nextSibling, b1: undefined, f1: undefined };
   const I = { B };
   const J = project(I, children, slots);
-  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), C, undefined, I);
+  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), undefined, undefined, I);
   manageProps(I);
   I.r["action"] = t2;
   return element;

package/vanilla/UiToastRegion.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, KeyedList, NONCONFORMING, readMember, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, KeyedList, NONCONFORMING, readMember, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-toast-region/ui-toast-region.js";
 import "../styles/ui-toast-region.css";
 
@@ -8,9 +8,9 @@ const T1 = ["",[]];
 const T2 = ["div",["class","toast"],"\n      ",["span",["class","message"],0],"\n      ",["span",["class","dismiss"],"\n        ",["ui-icon-button",["size","sm","variant","ghost"],["ui-icon",["name","x"]]],"\n      "],"\n    "];
 let P0, P1, P2;
 const E = new Map();
-const S = { n: ["toasts"], t: [["l",["o",["id","s","message","s","tone",["p",formatOf(keywordFormat)],"role",["p",formatOf(keywordFormat)],"closing","b"]]]], f: import.meta.url, g: "ui-toast-region", d: { "dismiss": [detailCheck(checkObject([["id", checkString, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","timeout"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "show-toast": [detailCheck(checkObject([["message", checkString, false], ["id", checkString, true], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","info","success","warning","danger"]}), true], ["duration", checkNumber, true]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [[]] };
+const S = { n: ["toasts"], t: [["l",["o",["id","s","message","s","tone",["p",formatOf(keywordFormat)],"role",["p",formatOf(keywordFormat)],"closing","b"]]]], f: import.meta.url, g: "ui-toast-region", d: { "dismiss": [detailCheck(checkObject([["id", checkString, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","timeout"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "show-toast": [detailCheck(checkObject([["message", checkString, false], ["id", checkString, true], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","info","success","warning","danger"]}), true], ["duration", checkNumber, true]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [[]] };
 const D = { g: "ui-toast-region", props: { "duration": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" }, "placement": { "required":false,"values":["top","top-start","top-end","bottom","bottom-start","bottom-end"],"default":"top", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiToastRegion(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -97,7 +97,7 @@ export function createUiToastRegion(options = {}, html) {
   const I = { B };
   const J = project(I, children, slots);
   I.R = new Set();
-  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiTooltip.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-tooltip/ui-tooltip.js";
 import "../styles/ui-tooltip.css";
 
@@ -7,9 +7,9 @@ const T0 = ["",[],["div",["class","surface"],"\n      ",["span",["class","label"
 const T1 = ["",[]];
 const T2 = ["",[]];
 let P0, P1, P2;
-const S = { n: ["internalOpen"], t: ["b"], f: import.meta.url, g: "ui-tooltip", d: { "open": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false] };
+const S = { n: ["internalOpen"], t: ["b"], f: import.meta.url, g: "ui-tooltip", d: { "open": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [false] };
 const D = { g: "ui-tooltip", props: { "for": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "hideDelay": { "required":false,"default":100, c: checkNumber, t: "number", j: 0, m: "n" }, "inverse": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "placement": { "required":false,"values":["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end"],"default":"top", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "showDelay": { "required":false,"default":500, c: checkNumber, t: "number", j: 0, m: "n" }, "trigger": { "required":false,"values":["hover","click","focus"],"default":"hover", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiTooltip(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -65,7 +65,7 @@ export function createUiTooltip(options = {}, html) {
   const I = { B };
   const J = project(I, children, slots);
   I.R = new Set();
-  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiTree.js

@@ -1,14 +1,14 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkInteger, checkList, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkInteger, checkList, checkNumber, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-tree/ui-tree.js";
 import "../styles/ui-tree.css";
 
 const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-tree", d: { "reorder": [detailCheck(checkObject([["sourceId", checkString, false], ["targetId", checkString, false], ["position", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["before","inside","after"]}), false], ["sourceType", checkString, false], ["targetType", checkString, false], ["sourceScope", checkString, false], ["targetScope", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "reorder-rejected": [detailCheck(checkObject([["sourceId", checkString, false], ["targetId", checkString, false], ["position", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["before","inside","after"]}), false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["max-depth"]}), false], ["maxDepth", checkInteger, false], ["resultingDepth", checkInteger, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "activate": [detailCheck(checkObject([["id", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer"]}), false]], false)), true, true, false], "select": [detailCheck(checkObject([["ids", checkList(checkString), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-tree", d: { "reorder": [detailCheck(checkObject([["sourceId", checkString, false], ["targetId", checkString, false], ["position", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["before","inside","after"]}), false], ["sourceType", checkString, false], ["targetType", checkString, false], ["sourceScope", checkString, false], ["targetScope", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "reorder-rejected": [detailCheck(checkObject([["sourceId", checkString, false], ["targetId", checkString, false], ["position", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["before","inside","after"]}), false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["max-depth"]}), false], ["maxDepth", checkInteger, false], ["resultingDepth", checkInteger, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "activate": [detailCheck(checkObject([["id", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer"]}), false]], false)), true, true, false], "select": [detailCheck(checkObject([["ids", checkList(checkString), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs };
 const D = { g: "ui-tree", props: { "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "hoverExpandDelay": { "required":false,"default":700, c: checkNumber, t: "number", j: 0, m: "n" }, "label": { "required":false,"default":"Tree", c: checkString, t: "string", j: 0, m: "s" }, "marquee": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "maxDepth": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" }, "moveActivation": { "required":false,"values":["click","keyboard-touch"],"default":"click", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "selection": { "required":false,"values":["none","single","multiple"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiTree(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -44,7 +44,7 @@ export function createUiTree(options = {}, html) {
   const R = { n: element, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
   const I = { B };
   const J = project(I, children, slots);
-  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), C, undefined, I);
+  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), undefined, undefined, I);
   manageProps(I);
   return element;
 }