@threadlabs/looma 0.3.0 → 0.3.1

package/vue/{chunk-UZMTYDP6.js → chunk-OX3EACZ7.js}

@@ -37,9 +37,13 @@ function toHTMLElement(value) {
   if (componentRoot instanceof HTMLElement) return componentRoot;
   return null;
 }
-function createAdapterComponent(component, displayName, additionalEventBindings = [], defaultHydrationMismatch = "class", propertyBindings = []) {
+function createAdapterComponent(component, displayName, additionalEventBindings = [], defaultHydrationMismatch = "class", propertyBindings = [], modelEvent) {
   const eventBindings = [...BASE_EVENT_BINDINGS, ...additionalEventBindings];
   const callbackAttrs = new Set(eventBindings.map(([, callbackAttr]) => callbackAttr));
+  if (modelEvent !== void 0) {
+    callbackAttrs.add("modelValue");
+    callbackAttrs.add("onUpdate:modelValue");
+  }
   const propertyAttrs = new Set(propertyBindings);
   return defineComponent({
     name: displayName,
@@ -51,20 +55,26 @@ function createAdapterComponent(component, displayName, additionalEventBindings
         if (!element) return;
         const adapterAttrs = attrs;
         const propertyTarget = element;
+        const modelled = modelEvent !== void 0 && "modelValue" in adapterAttrs;
         for (const propertyName of propertyBindings) {
-          if (propertyTarget[propertyName] !== adapterAttrs[propertyName]) {
-            propertyTarget[propertyName] = adapterAttrs[propertyName];
-          }
+          const value = modelled && propertyName === "value" ? adapterAttrs.modelValue : adapterAttrs[propertyName];
+          if (propertyTarget[propertyName] !== value) propertyTarget[propertyName] = value;
         }
         const handlers = eventBindings.map(
           ([eventName, callbackAttr]) => {
             const callback = adapterAttrs[callbackAttr];
             return [
               eventName,
-              typeof callback === "function" ? (event) => callback(event.detail) : void 0
+              typeof callback === "function" ? (event) => callback(event instanceof CustomEvent ? event.detail : event) : void 0
             ];
           }
         );
+        const updateModel = adapterAttrs["onUpdate:modelValue"];
+        if (modelEvent !== void 0 && typeof updateModel === "function") {
+          handlers.push([modelEvent, (event) => {
+            if (event.target === element) updateModel(element.value);
+          }]);
+        }
         for (const [eventName, handler] of handlers) {
           if (handler) element.addEventListener(eventName, handler);
         }
@@ -80,6 +90,7 @@ function createAdapterComponent(component, displayName, additionalEventBindings
             ([name]) => !callbackAttrs.has(name)
           )
         );
+        if (modelEvent !== void 0 && "modelValue" in attrs) forwardedAttrs.value = attrs.modelValue;
         const componentSlots = Object.fromEntries(
           Object.entries(slots).filter((entry) => Boolean(entry[1])).map(([slotName, slotFn]) => [
             slotName,
@@ -586,7 +597,7 @@ var UiCheckbox_default = /* @__PURE__ */ _defineComponent7({
 
 // src/generated/UiCombobox.ts
 import { defineComponent as _defineComponent9 } from "vue";
-import { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode6, renderSlot as _renderSlot9, unref as _unref, withCtx as _withCtx, createVNode as _createVNode, mergeProps as _mergeProps9, openBlock as _openBlock9, createElementBlock as _createElementBlock9 } from "vue";
+import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode6, renderSlot as _renderSlot9, createTextVNode as _createTextVNode, unref as _unref, withCtx as _withCtx, createVNode as _createVNode, mergeProps as _mergeProps9, openBlock as _openBlock9, createElementBlock as _createElementBlock9 } from "vue";
 
 // src/generated/UiTooltip.ts
 import { defineComponent as _defineComponent8 } from "vue";
@@ -672,33 +683,38 @@ import { getCurrentInstance as getCurrentInstance9, onMounted as onMounted9, onU
 import { attachLoomaComponent as attachLoomaComponent8, updateComponentProps as updateComponentProps8 } from "@threadlabs/looma/core/declarative";
 var _hoisted_18 = ["data-size"];
 var _hoisted_26 = {
+  for: "input",
+  part: "label",
+  "data-component": "ui-combobox"
+};
+var _hoisted_33 = {
   class: "field",
   part: "field",
   "data-component": "ui-combobox"
 };
-var _hoisted_33 = {
+var _hoisted_42 = {
   slot: "start",
   style: { "display": "contents" }
 };
-var _hoisted_42 = ["placeholder", "name", "disabled", "readonly", "required"];
-var _hoisted_5 = ["disabled"];
-var _hoisted_6 = {
+var _hoisted_5 = ["placeholder", "name", "disabled", "readonly", "required"];
+var _hoisted_6 = ["disabled"];
+var _hoisted_7 = {
   class: "popup",
   part: "popup",
   hidden: void 0,
   "data-component": "ui-combobox"
 };
-var _hoisted_7 = {
+var _hoisted_8 = {
   slot: "footer",
   style: { "display": "contents" }
 };
-var _hoisted_8 = {
+var _hoisted_9 = {
   class: "authored-options",
   hidden: "",
   "aria-hidden": "true",
   "data-component": "ui-combobox"
 };
-var _hoisted_9 = {
+var _hoisted_10 = {
   slot: "",
   style: { "display": "contents" }
 };
@@ -809,23 +825,15 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent9({
         ref_key: "root",
         ref: root
       }), [
-        _cache[6] || (_cache[6] = _createElementVNode6(
+        _createElementVNode6(
           "label",
-          {
-            for: "input",
-            part: "label",
-            "data-component": "ui-combobox"
-          },
-          [
-            _createElementVNode6("template", { "data-component": "ui-combobox" }, [
-              _createTextVNode(_toDisplayString(void 0))
-            ])
-          ],
-          -1
-          /* CACHED */
-        )),
-        _createElementVNode6("div", _hoisted_26, [
-          _createElementVNode6("span", _hoisted_33, [
+          _hoisted_26,
+          _toDisplayString(props.label),
+          1
+          /* TEXT */
+        ),
+        _createElementVNode6("div", _hoisted_33, [
+          _createElementVNode6("span", _hoisted_42, [
             _renderSlot9(_ctx.$slots, "start")
           ]),
           _cache[1] || (_cache[1] = _createElementVNode6(
@@ -853,7 +861,7 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent9({
             autocomplete: "off",
             part: "input",
             "data-component": "ui-combobox"
-          }, null, 8, _hoisted_42),
+          }, null, 8, _hoisted_5),
           _cache[2] || (_cache[2] = _createElementVNode6(
             "button",
             {
@@ -898,7 +906,7 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent9({
               -1
               /* CACHED */
             )
-          ])], 8, _hoisted_5),
+          ])], 8, _hoisted_6),
           _cache[3] || (_cache[3] = _createElementVNode6(
             "button",
             {
@@ -934,22 +942,18 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent9({
           for: "help",
           "data-component": "ui-combobox"
         }, {
-          default: _withCtx(() => [..._cache[4] || (_cache[4] = [
-            _createElementVNode6(
-              "template",
-              { "data-component": "ui-combobox" },
-              [
-                _createTextVNode(_toDisplayString(void 0))
-              ],
-              -1
-              /* CACHED */
+          default: _withCtx(() => [
+            _createTextVNode(
+              _toDisplayString(props.help),
+              1
+              /* TEXT */
             )
-          ])]),
+          ]),
           _: 1
           /* STABLE */
         }),
-        _createElementVNode6("div", _hoisted_6, [
-          _cache[5] || (_cache[5] = _createElementVNode6(
+        _createElementVNode6("div", _hoisted_7, [
+          _cache[4] || (_cache[4] = _createElementVNode6(
             "div",
             {
               id: "listbox",
@@ -960,11 +964,11 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent9({
             -1
             /* CACHED */
           )),
-          _createElementVNode6("span", _hoisted_7, [
+          _createElementVNode6("span", _hoisted_8, [
             _renderSlot9(_ctx.$slots, "footer")
           ])
         ]),
-        _cache[7] || (_cache[7] = _createElementVNode6(
+        _cache[5] || (_cache[5] = _createElementVNode6(
           "div",
           {
             id: "validation",
@@ -977,7 +981,7 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent9({
           -1
           /* CACHED */
         )),
-        _cache[8] || (_cache[8] = _createElementVNode6(
+        _cache[6] || (_cache[6] = _createElementVNode6(
           "div",
           {
             class: "sr-only",
@@ -990,8 +994,8 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent9({
           -1
           /* CACHED */
         )),
-        _createElementVNode6("div", _hoisted_8, [
-          _createElementVNode6("span", _hoisted_9, [
+        _createElementVNode6("div", _hoisted_9, [
+          _createElementVNode6("span", _hoisted_10, [
             _renderSlot9(_ctx.$slots, "default")
           ])
         ])
@@ -1167,22 +1171,30 @@ var UiContextMenu_default = /* @__PURE__ */ _defineComponent11({
 
 // src/generated/UiDialog.ts
 import { defineComponent as _defineComponent12 } from "vue";
-import { toDisplayString as _toDisplayString2, createTextVNode as _createTextVNode2, createElementVNode as _createElementVNode9, renderSlot as _renderSlot12, mergeProps as _mergeProps12, openBlock as _openBlock12, createElementBlock as _createElementBlock12 } from "vue";
+import { toDisplayString as _toDisplayString2, createElementVNode as _createElementVNode9, renderSlot as _renderSlot12, mergeProps as _mergeProps12, openBlock as _openBlock12, createElementBlock as _createElementBlock12 } from "vue";
 import { getCurrentInstance as getCurrentInstance12, onMounted as onMounted12, onUnmounted as onUnmounted12, ref as ref12, watchEffect as watchEffect13 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent11, updateComponentProps as updateComponentProps11 } from "@threadlabs/looma/core/declarative";
 var _hoisted_111 = {
-  class: "dialog__body",
+  class: "dialog__header",
   "data-component": "ui-dialog"
 };
 var _hoisted_27 = {
+  class: "dialog__title",
+  "data-component": "ui-dialog"
+};
+var _hoisted_34 = {
+  class: "dialog__body",
+  "data-component": "ui-dialog"
+};
+var _hoisted_43 = {
   slot: "",
   style: { "display": "contents" }
 };
-var _hoisted_34 = {
+var _hoisted_52 = {
   class: "dialog__footer",
   "data-component": "ui-dialog"
 };
-var _hoisted_43 = {
+var _hoisted_62 = {
   slot: "actions",
   style: { "display": "contents" }
 };
@@ -1242,38 +1254,34 @@ var UiDialog_default = /* @__PURE__ */ _defineComponent12({
           ref: root
         }),
         [
-          _cache[0] || (_cache[0] = _createElementVNode9(
-            "header",
-            {
-              class: "dialog__header",
-              "data-component": "ui-dialog"
-            },
-            [
-              _createElementVNode9("h2", {
-                class: "dialog__title",
-                "data-component": "ui-dialog"
-              }, [
-                _createElementVNode9("template", { "data-component": "ui-dialog" }, [
-                  _createTextVNode2(_toDisplayString2(void 0))
-                ])
-              ]),
-              _createElementVNode9("button", {
+          _createElementVNode9("header", _hoisted_111, [
+            _createElementVNode9(
+              "h2",
+              _hoisted_27,
+              _toDisplayString2(props.label),
+              1
+              /* TEXT */
+            ),
+            _cache[0] || (_cache[0] = _createElementVNode9(
+              "button",
+              {
                 class: "dialog__close",
                 type: "button",
                 "aria-label": "Close",
                 "data-component": "ui-dialog"
-              })
-            ],
-            -1
-            /* CACHED */
-          )),
-          _createElementVNode9("div", _hoisted_111, [
-            _createElementVNode9("span", _hoisted_27, [
+              },
+              null,
+              -1
+              /* CACHED */
+            ))
+          ]),
+          _createElementVNode9("div", _hoisted_34, [
+            _createElementVNode9("span", _hoisted_43, [
               _renderSlot12(_ctx.$slots, "default")
             ])
           ]),
-          _createElementVNode9("footer", _hoisted_34, [
-            _createElementVNode9("span", _hoisted_43, [
+          _createElementVNode9("footer", _hoisted_52, [
+            _createElementVNode9("span", _hoisted_62, [
               _renderSlot12(_ctx.$slots, "actions")
             ])
           ])
@@ -1287,15 +1295,16 @@ var UiDialog_default = /* @__PURE__ */ _defineComponent12({
 
 // src/generated/UiDisclosure.ts
 import { defineComponent as _defineComponent13 } from "vue";
-import { toDisplayString as _toDisplayString3, createTextVNode as _createTextVNode3, createElementVNode as _createElementVNode10, renderSlot as _renderSlot13, mergeProps as _mergeProps13, openBlock as _openBlock13, createElementBlock as _createElementBlock13 } from "vue";
+import { toDisplayString as _toDisplayString3, createElementVNode as _createElementVNode10, renderSlot as _renderSlot13, mergeProps as _mergeProps13, openBlock as _openBlock13, createElementBlock as _createElementBlock13 } from "vue";
 import { getCurrentInstance as getCurrentInstance13, onMounted as onMounted13, onUnmounted as onUnmounted13, ref as ref13, watchEffect as watchEffect14 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent12, updateComponentProps as updateComponentProps12 } from "@threadlabs/looma/core/declarative";
 var _hoisted_112 = ["disabled"];
-var _hoisted_28 = {
+var _hoisted_28 = { "data-component": "ui-disclosure" };
+var _hoisted_35 = {
   class: "disclosure__panel",
   "data-component": "ui-disclosure"
 };
-var _hoisted_35 = {
+var _hoisted_44 = {
   class: "disclosure__panel-inner",
   "data-component": "ui-disclosure"
 };
@@ -1359,19 +1368,15 @@ var UiDisclosure_default = /* @__PURE__ */ _defineComponent13({
             "aria-controls": void 0,
             disabled: props.disabled,
             "data-component": "ui-disclosure"
-          }, [..._cache[0] || (_cache[0] = [
+          }, [
             _createElementVNode10(
               "span",
-              { "data-component": "ui-disclosure" },
-              [
-                _createElementVNode10("template", { "data-component": "ui-disclosure" }, [
-                  _createTextVNode3(_toDisplayString3(void 0))
-                ])
-              ],
-              -1
-              /* CACHED */
+              _hoisted_28,
+              _toDisplayString3(props.summary),
+              1
+              /* TEXT */
             ),
-            _createElementVNode10(
+            _cache[0] || (_cache[0] = _createElementVNode10(
               "span",
               {
                 class: "disclosure__chevron",
@@ -1381,10 +1386,10 @@ var UiDisclosure_default = /* @__PURE__ */ _defineComponent13({
               null,
               -1
               /* CACHED */
-            )
-          ])], 8, _hoisted_112),
-          _createElementVNode10("div", _hoisted_28, [
-            _createElementVNode10("div", _hoisted_35, [
+            ))
+          ], 8, _hoisted_112),
+          _createElementVNode10("div", _hoisted_35, [
+            _createElementVNode10("div", _hoisted_44, [
               _renderSlot13(_ctx.$slots, "default")
             ])
           ])
@@ -1398,10 +1403,24 @@ var UiDisclosure_default = /* @__PURE__ */ _defineComponent13({
 
 // src/generated/UiEditable.ts
 import { defineComponent as _defineComponent14 } from "vue";
-import { toDisplayString as _toDisplayString4, createTextVNode as _createTextVNode4, createElementVNode as _createElementVNode11, mergeProps as _mergeProps14, openBlock as _openBlock14, createElementBlock as _createElementBlock14 } from "vue";
+import { toDisplayString as _toDisplayString4, createElementVNode as _createElementVNode11, mergeProps as _mergeProps14, openBlock as _openBlock14, createElementBlock as _createElementBlock14 } from "vue";
 import { getCurrentInstance as getCurrentInstance14, onMounted as onMounted14, onUnmounted as onUnmounted14, ref as ref14, watchEffect as watchEffect15 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent13, updateComponentProps as updateComponentProps13 } from "@threadlabs/looma/core/declarative";
 var _hoisted_113 = ["data-disabled"];
+var _hoisted_29 = {
+  class: "editable__field",
+  "data-component": "ui-editable"
+};
+var _hoisted_36 = {
+  class: "editable__preview",
+  type: "button",
+  "data-component": "ui-editable"
+};
+var _hoisted_45 = {
+  class: "editable__hint",
+  "aria-hidden": "true",
+  "data-component": "ui-editable"
+};
 var UiEditable_default = /* @__PURE__ */ _defineComponent14({
   ...{ inheritAttrs: false },
   __name: "UiEditable",
@@ -1463,48 +1482,41 @@ var UiEditable_default = /* @__PURE__ */ _defineComponent14({
         "data-disabled": props.disabled ? "" : void 0,
         ref_key: "root",
         ref: root
-      }), [..._cache[0] || (_cache[0] = [
-        _createElementVNode11(
-          "div",
-          {
-            class: "editable__field",
-            "data-component": "ui-editable"
-          },
-          [
-            _createElementVNode11("button", {
-              class: "editable__preview",
-              type: "button",
-              "data-component": "ui-editable"
-            }, [
-              _createElementVNode11("span", {
+      }), [
+        _createElementVNode11("div", _hoisted_29, [
+          _createElementVNode11("button", _hoisted_36, [
+            _cache[0] || (_cache[0] = _createElementVNode11(
+              "span",
+              {
                 class: "editable__text",
                 "data-component": "ui-editable"
-              }, [
-                _createElementVNode11("template", { "data-component": "ui-editable" }, [
-                  _createTextVNode4(_toDisplayString4(void 0))
-                ])
-              ]),
-              _createElementVNode11("span", {
-                class: "editable__hint",
-                "aria-hidden": "true",
-                "data-component": "ui-editable"
-              }, [
-                _createElementVNode11("template", { "data-component": "ui-editable" }, [
-                  _createTextVNode4(_toDisplayString4(void 0))
-                ])
-              ])
-            ]),
-            _createElementVNode11("input", {
+              },
+              _toDisplayString4(void 0),
+              -1
+              /* CACHED */
+            )),
+            _createElementVNode11(
+              "span",
+              _hoisted_45,
+              _toDisplayString4(props.hint),
+              1
+              /* TEXT */
+            )
+          ]),
+          _cache[1] || (_cache[1] = _createElementVNode11(
+            "input",
+            {
               class: "editable__input",
               type: "text",
               value: void 0,
               "data-component": "ui-editable"
-            })
-          ],
-          -1
-          /* CACHED */
-        ),
-        _createElementVNode11(
+            },
+            null,
+            -1
+            /* CACHED */
+          ))
+        ]),
+        _cache[2] || (_cache[2] = _createElementVNode11(
           "div",
           {
             class: "editable__actions",
@@ -1524,8 +1536,8 @@ var UiEditable_default = /* @__PURE__ */ _defineComponent14({
           ],
           -1
           /* CACHED */
-        )
-      ])], -2, _hoisted_113);
+        ))
+      ], -2, _hoisted_113);
     };
   }
 });
@@ -1536,19 +1548,19 @@ import { renderSlot as _renderSlot14, createElementVNode as _createElementVNode1
 import { getCurrentInstance as getCurrentInstance15, onMounted as onMounted15, onUnmounted as onUnmounted15, ref as ref15, watchEffect as watchEffect16 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent14, updateComponentProps as updateComponentProps14 } from "@threadlabs/looma/core/declarative";
 var _hoisted_114 = ["data-invalid", "data-disabled", "data-required"];
-var _hoisted_29 = {
+var _hoisted_210 = {
   slot: "label",
   style: { "display": "contents" }
 };
-var _hoisted_36 = {
+var _hoisted_37 = {
   slot: "",
   style: { "display": "contents" }
 };
-var _hoisted_44 = {
+var _hoisted_46 = {
   slot: "help",
   style: { "display": "contents" }
 };
-var _hoisted_52 = {
+var _hoisted_53 = {
   slot: "error",
   style: { "display": "contents" }
 };
@@ -1598,16 +1610,16 @@ var UiFormField_default = /* @__PURE__ */ _defineComponent15({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode12("span", _hoisted_29, [
+        _createElementVNode12("span", _hoisted_210, [
           _renderSlot14(_ctx.$slots, "label")
         ]),
-        _createElementVNode12("span", _hoisted_36, [
+        _createElementVNode12("span", _hoisted_37, [
           _renderSlot14(_ctx.$slots, "default")
         ]),
-        _createElementVNode12("span", _hoisted_44, [
+        _createElementVNode12("span", _hoisted_46, [
           _renderSlot14(_ctx.$slots, "help")
         ]),
-        _createElementVNode12("span", _hoisted_52, [
+        _createElementVNode12("span", _hoisted_53, [
           _renderSlot14(_ctx.$slots, "error")
         ])
       ], 16, _hoisted_114);
@@ -1747,7 +1759,7 @@ import { renderSlot as _renderSlot16, createElementVNode as _createElementVNode1
 import { getCurrentInstance as getCurrentInstance18, onMounted as onMounted18, onUnmounted as onUnmounted18, ref as ref18, watchEffect as watchEffect19 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps2, updateGeneratedProps as updateGeneratedProps2 } from "@threadlabs/looma/core/declarative-generated";
 var _hoisted_117 = ["data-value"];
-var _hoisted_210 = {
+var _hoisted_211 = {
   class: "menu-item__surface",
   "data-component": "ui-menu-item"
 };
@@ -1797,7 +1809,7 @@ var UiMenuItem_default = /* @__PURE__ */ _defineComponent18({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode13("span", _hoisted_210, [
+        _createElementVNode13("span", _hoisted_211, [
           _renderSlot16(_ctx.$slots, "default")
         ])
       ], 16, _hoisted_117);
@@ -1882,10 +1894,11 @@ var UiPopover_default = /* @__PURE__ */ _defineComponent19({
 
 // src/generated/UiRadioGroup.ts
 import { defineComponent as _defineComponent20 } from "vue";
-import { toDisplayString as _toDisplayString5, createTextVNode as _createTextVNode5, createElementVNode as _createElementVNode15, renderSlot as _renderSlot18, mergeProps as _mergeProps20, openBlock as _openBlock20, createElementBlock as _createElementBlock20 } from "vue";
+import { toDisplayString as _toDisplayString5, createElementVNode as _createElementVNode15, renderSlot as _renderSlot18, mergeProps as _mergeProps20, openBlock as _openBlock20, createElementBlock as _createElementBlock20 } from "vue";
 import { getCurrentInstance as getCurrentInstance20, onMounted as onMounted20, onUnmounted as onUnmounted20, ref as ref20, watchEffect as watchEffect21 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent18, updateComponentProps as updateComponentProps18 } from "@threadlabs/looma/core/declarative";
 var _hoisted_119 = ["data-orientation", "data-disabled"];
+var _hoisted_212 = { "data-component": "ui-radio-group" };
 var UiRadioGroup_default = /* @__PURE__ */ _defineComponent20({
   ...{ inheritAttrs: false },
   __name: "UiRadioGroup",
@@ -1946,17 +1959,13 @@ var UiRadioGroup_default = /* @__PURE__ */ _defineComponent20({
         ref_key: "root",
         ref: root
       }), [
-        _cache[0] || (_cache[0] = _createElementVNode15(
+        _createElementVNode15(
           "legend",
-          { "data-component": "ui-radio-group" },
-          [
-            _createElementVNode15("template", { "data-component": "ui-radio-group" }, [
-              _createTextVNode5(_toDisplayString5(void 0))
-            ])
-          ],
-          -1
-          /* CACHED */
-        )),
+          _hoisted_212,
+          _toDisplayString5(props.label),
+          1
+          /* TEXT */
+        ),
         _renderSlot18(_ctx.$slots, "default")
       ], 16, _hoisted_119);
     };
@@ -1969,12 +1978,12 @@ import { createElementVNode as _createElementVNode16, renderSlot as _renderSlot1
 import { getCurrentInstance as getCurrentInstance21, onMounted as onMounted21, onUnmounted as onUnmounted21, ref as ref21, watchEffect as watchEffect22 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent19, updateComponentProps as updateComponentProps19 } from "@threadlabs/looma/core/declarative";
 var _hoisted_120 = ["data-disabled"];
-var _hoisted_211 = {
+var _hoisted_213 = {
   class: "control",
   "data-component": "ui-radio"
 };
-var _hoisted_37 = ["name", "required", "value"];
-var _hoisted_45 = {
+var _hoisted_38 = ["name", "required", "value"];
+var _hoisted_47 = {
   class: "label",
   "data-component": "ui-radio"
 };
@@ -2031,7 +2040,7 @@ var UiRadio_default = /* @__PURE__ */ _defineComponent21({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode16("label", _hoisted_211, [
+        _createElementVNode16("label", _hoisted_213, [
           _createElementVNode16("input", {
             type: "radio",
             checked: void 0,
@@ -2039,8 +2048,8 @@ var UiRadio_default = /* @__PURE__ */ _defineComponent21({
             required: props.required,
             value: props.value,
             "data-component": "ui-radio"
-          }, null, 8, _hoisted_37),
-          _createElementVNode16("span", _hoisted_45, [
+          }, null, 8, _hoisted_38),
+          _createElementVNode16("span", _hoisted_47, [
             _renderSlot19(_ctx.$slots, "default")
           ])
         ])
@@ -2055,27 +2064,27 @@ import { renderSlot as _renderSlot20, createElementVNode as _createElementVNode1
 import { getCurrentInstance as getCurrentInstance22, onMounted as onMounted22, onUnmounted as onUnmounted22, ref as ref22, watchEffect as watchEffect23 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent20, updateComponentProps as updateComponentProps20 } from "@threadlabs/looma/core/declarative";
 var _hoisted_121 = ["disabled", "data-selected"];
-var _hoisted_212 = {
+var _hoisted_214 = {
   class: "search-result-row__leading",
   part: "leading",
   hidden: void 0,
   "data-component": "ui-search-result-row"
 };
-var _hoisted_38 = {
+var _hoisted_39 = {
   slot: "leading",
   style: { "display": "contents" }
 };
-var _hoisted_46 = {
+var _hoisted_48 = {
   class: "search-result-row__content",
   part: "content",
   "data-component": "ui-search-result-row"
 };
-var _hoisted_53 = {
+var _hoisted_54 = {
   class: "search-result-row__title",
   part: "title",
   "data-component": "ui-search-result-row"
 };
-var _hoisted_62 = {
+var _hoisted_63 = {
   slot: "title",
   style: { "display": "contents" }
 };
@@ -2095,7 +2104,7 @@ var _hoisted_92 = {
   hidden: void 0,
   "data-component": "ui-search-result-row"
 };
-var _hoisted_10 = {
+var _hoisted_102 = {
   slot: "excerpt",
   style: { "display": "contents" }
 };
@@ -2155,14 +2164,14 @@ var UiSearchResultRow_default = /* @__PURE__ */ _defineComponent22({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode17("span", _hoisted_212, [
-          _createElementVNode17("span", _hoisted_38, [
+        _createElementVNode17("span", _hoisted_214, [
+          _createElementVNode17("span", _hoisted_39, [
             _renderSlot20(_ctx.$slots, "leading")
           ])
         ]),
-        _createElementVNode17("span", _hoisted_46, [
-          _createElementVNode17("span", _hoisted_53, [
-            _createElementVNode17("span", _hoisted_62, [
+        _createElementVNode17("span", _hoisted_48, [
+          _createElementVNode17("span", _hoisted_54, [
+            _createElementVNode17("span", _hoisted_63, [
               _renderSlot20(_ctx.$slots, "title")
             ])
           ]),
@@ -2172,7 +2181,7 @@ var UiSearchResultRow_default = /* @__PURE__ */ _defineComponent22({
             ])
           ]),
           _createElementVNode17("span", _hoisted_92, [
-            _createElementVNode17("span", _hoisted_10, [
+            _createElementVNode17("span", _hoisted_102, [
               _renderSlot20(_ctx.$slots, "excerpt")
             ])
           ])
@@ -2197,26 +2206,26 @@ var _hoisted_123 = {
   part: "base",
   "data-component": "ui-search-shell"
 };
-var _hoisted_213 = {
+var _hoisted_215 = {
   class: "search-shell__panel",
   part: "panel",
   "data-component": "ui-search-shell"
 };
-var _hoisted_39 = {
+var _hoisted_310 = {
   class: "search-shell__search",
   part: "search",
   "data-component": "ui-search-shell"
 };
-var _hoisted_47 = {
+var _hoisted_49 = {
   slot: "search",
   style: { "display": "contents" }
 };
-var _hoisted_54 = {
+var _hoisted_55 = {
   class: "search-shell__status",
   part: "status",
   "data-component": "ui-search-shell"
 };
-var _hoisted_63 = {
+var _hoisted_64 = {
   slot: "status",
   style: { "display": "contents" }
 };
@@ -2234,7 +2243,7 @@ var _hoisted_93 = {
   part: "footer",
   "data-component": "ui-search-shell"
 };
-var _hoisted_102 = {
+var _hoisted_103 = {
   slot: "footer",
   style: { "display": "contents" }
 };
@@ -2292,14 +2301,14 @@ var UiSearchShell_default = /* @__PURE__ */ _defineComponent23({
         }),
         [
           _createElementVNode18("dialog", _hoisted_123, [
-            _createElementVNode18("div", _hoisted_213, [
-              _createElementVNode18("div", _hoisted_39, [
-                _createElementVNode18("span", _hoisted_47, [
+            _createElementVNode18("div", _hoisted_215, [
+              _createElementVNode18("div", _hoisted_310, [
+                _createElementVNode18("span", _hoisted_49, [
                   _renderSlot21(_ctx.$slots, "search")
                 ])
               ]),
-              _createElementVNode18("div", _hoisted_54, [
-                _createElementVNode18("span", _hoisted_63, [
+              _createElementVNode18("div", _hoisted_55, [
+                _createElementVNode18("span", _hoisted_64, [
                   _renderSlot21(_ctx.$slots, "status")
                 ])
               ]),
@@ -2309,7 +2318,7 @@ var UiSearchShell_default = /* @__PURE__ */ _defineComponent23({
                 ])
               ]),
               _createElementVNode18("div", _hoisted_93, [
-                _createElementVNode18("span", _hoisted_102, [
+                _createElementVNode18("span", _hoisted_103, [
                   _renderSlot21(_ctx.$slots, "footer")
                 ])
               ])
@@ -2325,7 +2334,7 @@ var UiSearchShell_default = /* @__PURE__ */ _defineComponent23({
 
 // src/generated/UiSelect.ts
 import { defineComponent as _defineComponent24 } from "vue";
-import { mergeProps as _mergeProps24, openBlock as _openBlock24, createElementBlock as _createElementBlock24 } from "vue";
+import { renderSlot as _renderSlot22, mergeProps as _mergeProps24, openBlock as _openBlock24, createElementBlock as _createElementBlock24 } from "vue";
 import { getCurrentInstance as getCurrentInstance24, onMounted as onMounted24, onUnmounted as onUnmounted24, ref as ref24, watchEffect as watchEffect25 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent22, updateComponentProps as updateComponentProps22 } from "@threadlabs/looma/core/declarative";
 var _hoisted_124 = ["disabled", "required", "multiple"];
@@ -2354,7 +2363,7 @@ var UiSelect_default = /* @__PURE__ */ _defineComponent24({
       const valuevalue = props.value;
       return { "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "invalid": passed("invalid", "invalid") ? valueinvalid : void 0, "multiple": passed("multiple", "multiple") ? valuemultiple : void 0, "required": passed("required", "required") ? valuerequired : void 0, "value": passed("value", "value") ? valuevalue : void 0 };
     };
-    const definition = { ...{ "contract": { "tag": "ui-select", "props": { "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "invalid": { "type": "boolean", "required": false, "target": { "attribute": "invalid" }, "default": false }, "multiple": { "type": "boolean", "required": false, "target": { "attribute": "multiple" }, "default": false }, "required": { "type": "boolean", "required": false, "target": { "attribute": "required" }, "default": false }, "value": { "type": "string", "required": false, "target": { "attribute": "value" } } } }, "template": { "kind": "element", "name": "select", "attributes": [{ "kind": "attribute", "name": "disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }, { "kind": "attribute", "name": "required", "expression": "required", "expressionPlan": { "source": "required", "ast": { "kind": "id", "name": "required" }, "dependencies": ["required"] } }, { "kind": "attribute", "name": "multiple", "expression": "multiple", "expressionPlan": { "source": "multiple", "ast": { "kind": "id", "name": "multiple" }, "dependencies": ["multiple"] } }], "children": [] }, "declarations": [], "root": { "kind": "native", "element": "select", "choices": ["select"] } }, source: { file: import.meta.url }, css: "" };
+    const definition = { ...{ "contract": { "tag": "ui-select", "props": { "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "invalid": { "type": "boolean", "required": false, "target": { "attribute": "invalid" }, "default": false }, "multiple": { "type": "boolean", "required": false, "target": { "attribute": "multiple" }, "default": false }, "required": { "type": "boolean", "required": false, "target": { "attribute": "required" }, "default": false }, "value": { "type": "string", "required": false, "target": { "attribute": "value" } } } }, "template": { "kind": "element", "name": "select", "attributes": [{ "kind": "attribute", "name": "disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }, { "kind": "attribute", "name": "required", "expression": "required", "expressionPlan": { "source": "required", "ast": { "kind": "id", "name": "required" }, "dependencies": ["required"] } }, { "kind": "attribute", "name": "multiple", "expression": "multiple", "expressionPlan": { "source": "multiple", "ast": { "kind": "id", "name": "multiple" }, "dependencies": ["multiple"] } }], "children": [{ "kind": "slot" }] }, "declarations": [], "root": { "kind": "native", "element": "select", "choices": ["select"] } }, source: { file: import.meta.url }, css: "" };
     const root = ref24();
     let detach;
     onMounted24(() => {
@@ -2378,23 +2387,25 @@ var UiSelect_default = /* @__PURE__ */ _defineComponent24({
         multiple: props.multiple,
         ref_key: "root",
         ref: root
-      }), null, 16, _hoisted_124);
+      }), [
+        _renderSlot22(_ctx.$slots, "default")
+      ], 16, _hoisted_124);
     };
   }
 });
 
 // src/generated/UiSwitch.ts
 import { defineComponent as _defineComponent25 } from "vue";
-import { createElementVNode as _createElementVNode19, renderSlot as _renderSlot22, mergeProps as _mergeProps25, openBlock as _openBlock25, createElementBlock as _createElementBlock25 } from "vue";
+import { createElementVNode as _createElementVNode19, renderSlot as _renderSlot23, mergeProps as _mergeProps25, openBlock as _openBlock25, createElementBlock as _createElementBlock25 } from "vue";
 import { getCurrentInstance as getCurrentInstance25, onMounted as onMounted25, onUnmounted as onUnmounted25, ref as ref25, watchEffect as watchEffect26 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent23, updateComponentProps as updateComponentProps23 } from "@threadlabs/looma/core/declarative";
 var _hoisted_125 = ["data-disabled"];
-var _hoisted_214 = {
+var _hoisted_216 = {
   class: "control",
   "data-component": "ui-switch"
 };
-var _hoisted_310 = ["required", "value"];
-var _hoisted_48 = {
+var _hoisted_311 = ["required", "value"];
+var _hoisted_410 = {
   class: "label",
   "data-component": "ui-switch"
 };
@@ -2449,7 +2460,7 @@ var UiSwitch_default = /* @__PURE__ */ _defineComponent25({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode19("label", _hoisted_214, [
+        _createElementVNode19("label", _hoisted_216, [
           _createElementVNode19("input", {
             type: "checkbox",
             role: "switch",
@@ -2457,9 +2468,9 @@ var UiSwitch_default = /* @__PURE__ */ _defineComponent25({
             required: props.required,
             value: props.value,
             "data-component": "ui-switch"
-          }, null, 8, _hoisted_310),
-          _createElementVNode19("span", _hoisted_48, [
-            _renderSlot22(_ctx.$slots, "default")
+          }, null, 8, _hoisted_311),
+          _createElementVNode19("span", _hoisted_410, [
+            _renderSlot23(_ctx.$slots, "default")
           ])
         ])
       ], 16, _hoisted_125);
@@ -2469,12 +2480,12 @@ var UiSwitch_default = /* @__PURE__ */ _defineComponent25({
 
 // src/generated/UiTabs.ts
 import { defineComponent as _defineComponent26 } from "vue";
-import { createElementVNode as _createElementVNode20, renderSlot as _renderSlot23, mergeProps as _mergeProps26, openBlock as _openBlock26, createElementBlock as _createElementBlock26 } from "vue";
+import { createElementVNode as _createElementVNode20, renderSlot as _renderSlot24, mergeProps as _mergeProps26, openBlock as _openBlock26, createElementBlock as _createElementBlock26 } from "vue";
 import { getCurrentInstance as getCurrentInstance26, onMounted as onMounted26, onUnmounted as onUnmounted26, ref as ref26, watchEffect as watchEffect27 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent24, updateComponentProps as updateComponentProps24 } from "@threadlabs/looma/core/declarative";
 var _hoisted_126 = ["data-orientation", "data-stretch"];
-var _hoisted_215 = ["aria-label"];
-var _hoisted_311 = {
+var _hoisted_217 = ["aria-label"];
+var _hoisted_312 = {
   class: "tabs__panels",
   "data-component": "ui-tabs"
 };
@@ -2535,9 +2546,9 @@ var UiTabs_default = /* @__PURE__ */ _defineComponent26({
           role: "tablist",
           "aria-label": props.label,
           "data-component": "ui-tabs"
-        }, null, 8, _hoisted_215),
-        _createElementVNode20("div", _hoisted_311, [
-          _renderSlot23(_ctx.$slots, "default")
+        }, null, 8, _hoisted_217),
+        _createElementVNode20("div", _hoisted_312, [
+          _renderSlot24(_ctx.$slots, "default")
         ])
       ], 16, _hoisted_126);
     };
@@ -2610,7 +2621,7 @@ var UiTextarea_default = /* @__PURE__ */ _defineComponent27({
 
 // src/generated/UiToastRegion.ts
 import { defineComponent as _defineComponent28 } from "vue";
-import { renderSlot as _renderSlot24, mergeProps as _mergeProps28, openBlock as _openBlock28, createElementBlock as _createElementBlock28 } from "vue";
+import { renderSlot as _renderSlot25, mergeProps as _mergeProps28, openBlock as _openBlock28, createElementBlock as _createElementBlock28 } from "vue";
 import { getCurrentInstance as getCurrentInstance28, onMounted as onMounted28, onUnmounted as onUnmounted28, ref as ref28, watchEffect as watchEffect29 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent26, updateComponentProps as updateComponentProps26 } from "@threadlabs/looma/core/declarative";
 var UiToastRegion_default = /* @__PURE__ */ _defineComponent28({
@@ -2676,7 +2687,7 @@ var UiToastRegion_default = /* @__PURE__ */ _defineComponent28({
           ref: root
         }),
         [
-          _renderSlot24(_ctx.$slots, "default")
+          _renderSlot25(_ctx.$slots, "default")
         ],
         16
         /* FULL_PROPS */
@@ -2687,7 +2698,7 @@ var UiToastRegion_default = /* @__PURE__ */ _defineComponent28({
 
 // src/generated/UiTopBar.ts
 import { defineComponent as _defineComponent29 } from "vue";
-import { renderSlot as _renderSlot25, createElementVNode as _createElementVNode21, mergeProps as _mergeProps29, openBlock as _openBlock29, createElementBlock as _createElementBlock29 } from "vue";
+import { renderSlot as _renderSlot26, createElementVNode as _createElementVNode21, mergeProps as _mergeProps29, openBlock as _openBlock29, createElementBlock as _createElementBlock29 } from "vue";
 import { getCurrentInstance as getCurrentInstance29, onMounted as onMounted29, onUnmounted as onUnmounted29, ref as ref29, watchEffect as watchEffect30 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent27, updateComponentProps as updateComponentProps27 } from "@threadlabs/looma/core/declarative";
 var _hoisted_128 = {
@@ -2695,24 +2706,24 @@ var _hoisted_128 = {
   part: "base",
   "data-component": "ui-top-bar"
 };
-var _hoisted_216 = {
+var _hoisted_218 = {
   class: "top-bar__leading",
   hidden: void 0,
   "data-component": "ui-top-bar"
 };
-var _hoisted_312 = {
+var _hoisted_313 = {
   slot: "leading",
   style: { "display": "contents" }
 };
-var _hoisted_49 = {
+var _hoisted_411 = {
   class: "top-bar__title",
   "data-component": "ui-top-bar"
 };
-var _hoisted_55 = {
+var _hoisted_56 = {
   slot: "",
   style: { "display": "contents" }
 };
-var _hoisted_64 = {
+var _hoisted_65 = {
   class: "top-bar__search",
   hidden: void 0,
   "data-component": "ui-top-bar"
@@ -2769,24 +2780,24 @@ var UiTopBar_default = /* @__PURE__ */ _defineComponent29({
         }),
         [
           _createElementVNode21("header", _hoisted_128, [
-            _createElementVNode21("div", _hoisted_216, [
-              _createElementVNode21("span", _hoisted_312, [
-                _renderSlot25(_ctx.$slots, "leading")
+            _createElementVNode21("div", _hoisted_218, [
+              _createElementVNode21("span", _hoisted_313, [
+                _renderSlot26(_ctx.$slots, "leading")
               ])
             ]),
-            _createElementVNode21("div", _hoisted_49, [
-              _createElementVNode21("span", _hoisted_55, [
-                _renderSlot25(_ctx.$slots, "default")
+            _createElementVNode21("div", _hoisted_411, [
+              _createElementVNode21("span", _hoisted_56, [
+                _renderSlot26(_ctx.$slots, "default")
               ])
             ]),
-            _createElementVNode21("div", _hoisted_64, [
+            _createElementVNode21("div", _hoisted_65, [
               _createElementVNode21("span", _hoisted_74, [
-                _renderSlot25(_ctx.$slots, "search")
+                _renderSlot26(_ctx.$slots, "search")
               ])
             ]),
             _createElementVNode21("div", _hoisted_84, [
               _createElementVNode21("span", _hoisted_94, [
-                _renderSlot25(_ctx.$slots, "actions")
+                _renderSlot26(_ctx.$slots, "actions")
               ])
             ])
           ])
@@ -2800,41 +2811,46 @@ var UiTopBar_default = /* @__PURE__ */ _defineComponent29({
 
 // src/generated/UiTreeItem.ts
 import { defineComponent as _defineComponent30 } from "vue";
-import { createElementVNode as _createElementVNode22, renderSlot as _renderSlot26, mergeProps as _mergeProps30, openBlock as _openBlock30, createElementBlock as _createElementBlock30 } from "vue";
+import { createElementVNode as _createElementVNode22, renderSlot as _renderSlot27, toDisplayString as _toDisplayString6, createTextVNode as _createTextVNode2, mergeProps as _mergeProps30, openBlock as _openBlock30, createElementBlock as _createElementBlock30 } from "vue";
 import { getCurrentInstance as getCurrentInstance30, onMounted as onMounted30, onUnmounted as onUnmounted30, ref as ref30, watchEffect as watchEffect31 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent28, updateComponentProps as updateComponentProps28 } from "@threadlabs/looma/core/declarative";
 var _hoisted_129 = ["data-drop-scope", "data-accepts"];
-var _hoisted_217 = {
+var _hoisted_219 = {
   class: "row",
   part: "row",
   "data-component": "ui-tree-item"
 };
-var _hoisted_313 = ["disabled"];
-var _hoisted_410 = {
+var _hoisted_314 = ["disabled"];
+var _hoisted_412 = {
   class: "leading",
   part: "leading",
   "data-component": "ui-tree-item"
 };
-var _hoisted_56 = {
+var _hoisted_57 = {
   slot: "leading",
   style: { "display": "contents" }
 };
-var _hoisted_65 = {
+var _hoisted_66 = {
+  class: "label",
+  part: "label",
+  "data-component": "ui-tree-item"
+};
+var _hoisted_75 = {
   class: "actions",
   part: "actions",
   "data-component": "ui-tree-item"
 };
-var _hoisted_75 = {
+var _hoisted_85 = {
   slot: "actions",
   style: { "display": "contents" }
 };
-var _hoisted_85 = {
+var _hoisted_95 = {
   class: "children",
   part: "children",
   role: "group",
   "data-component": "ui-tree-item"
 };
-var _hoisted_95 = {
+var _hoisted_104 = {
   slot: "",
   style: { "display": "contents" }
 };
@@ -2879,7 +2895,7 @@ var UiTreeItem_default = /* @__PURE__ */ _defineComponent30({
       const valuesubtreeDepth = props.subtreeDepth;
       return { "accepts": passed("accepts", "accepts") ? valueaccepts : void 0, "container": passed("container", "container") ? valuecontainer : void 0, "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "dragType": passed("dragType", "drag-type") ? valuedragType : void 0, "dropDepth": passed("dropDepth", "drop-depth") ? valuedropDepth : void 0, "dropScope": passed("dropScope", "drop-scope") ? valuedropScope : void 0, "expanded": passed("expanded", "expanded") ? valueexpanded : void 0, "itemId": passed("itemId", "item-id") ? valueitemId : void 0, "label": passed("label", "label") ? valuelabel : void 0, "selected": passed("selected", "selected") ? valueselected : void 0, "sortable": passed("sortable", "sortable") ? valuesortable : void 0, "subtreeDepth": passed("subtreeDepth", "subtree-depth") ? valuesubtreeDepth : void 0 };
     };
-    const definition = { ...{ "contract": { "tag": "ui-tree-item", "props": { "accepts": { "type": "string", "required": false, "target": { "attribute": "data-accepts" }, "default": "" }, "container": { "type": "boolean", "required": false, "target": { "attribute": "container" }, "default": false }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "dragType": { "type": "string", "required": false, "target": { "attribute": "dragtype" }, "default": "item" }, "dropDepth": { "type": "number", "required": false, "target": { "attribute": "dropdepth" } }, "dropScope": { "type": "string", "required": false, "target": { "attribute": "data-drop-scope" }, "default": "" }, "expanded": { "type": "boolean", "required": false, "target": { "attribute": "expanded" }, "default": false }, "itemId": { "type": "string", "required": false, "target": { "attribute": "itemid" }, "default": "" }, "label": { "type": "string", "required": false, "target": { "attribute": "label" }, "default": "" }, "selected": { "type": "boolean", "required": false, "target": { "attribute": "selected" }, "default": false }, "sortable": { "type": "boolean", "required": false, "target": { "attribute": "sortable" }, "default": false }, "subtreeDepth": { "type": "number", "required": false, "target": { "attribute": "subtreedepth" } } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "role", "value": "treeitem" }, { "kind": "attribute", "name": "data-drop-scope", "expression": "dropScope", "expressionPlan": { "source": "dropScope", "ast": { "kind": "id", "name": "dropScope" }, "dependencies": ["dropScope"] } }, { "kind": "attribute", "name": "data-accepts", "expression": "accepts", "expressionPlan": { "source": "accepts", "ast": { "kind": "id", "name": "accepts" }, "dependencies": ["accepts"] } }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "row" }, { "kind": "literal", "name": "part", "value": "row" }], "children": [{ "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "class", "value": "drag-handle" }, { "kind": "literal", "name": "part", "value": "drag-handle" }, { "kind": "literal", "name": "type", "value": "button" }], "children": [{ "kind": "element", "name": "svg", "attributes": [{ "kind": "literal", "name": "aria-hidden", "value": "true" }, { "kind": "literal", "name": "focusable", "value": "false" }, { "kind": "literal", "name": "viewBox", "value": "0 0 24 24" }, { "kind": "literal", "name": "fill", "value": "none" }, { "kind": "literal", "name": "stroke", "value": "currentColor" }, { "kind": "literal", "name": "stroke-width", "value": "2" }, { "kind": "literal", "name": "stroke-linecap", "value": "round" }, { "kind": "literal", "name": "stroke-linejoin", "value": "round" }], "children": [{ "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "9" }, { "kind": "literal", "name": "cy", "value": "12" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "9" }, { "kind": "literal", "name": "cy", "value": "5" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "9" }, { "kind": "literal", "name": "cy", "value": "19" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "15" }, { "kind": "literal", "name": "cy", "value": "12" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "15" }, { "kind": "literal", "name": "cy", "value": "5" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "15" }, { "kind": "literal", "name": "cy", "value": "19" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }] }], "flow": { "kind": "if", "test": "sortable and not disabled", "testPlan": { "source": "sortable and not disabled", "ast": { "kind": "binary", "op": "and", "left": { "kind": "id", "name": "sortable" }, "right": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "disabled" } } }, "dependencies": ["disabled", "sortable"] } } }, { "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "class", "value": "disclosure" }, { "kind": "literal", "name": "part", "value": "disclosure" }, { "kind": "literal", "name": "type", "value": "button" }, { "kind": "attribute", "name": "disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }], "children": [{ "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "disclosure-icon" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [] }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "leading" }, { "kind": "literal", "name": "part", "value": "leading" }], "children": [{ "kind": "slot", "fallback": [], "name": "leading" }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "label" }, { "kind": "literal", "name": "part", "value": "label" }], "children": [] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "actions" }, { "kind": "literal", "name": "part", "value": "actions" }], "children": [{ "kind": "slot", "fallback": [], "name": "actions" }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "drop-indicator row-drop-indicator" }, { "kind": "literal", "name": "part", "value": "drop-indicator" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [] }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "children" }, { "kind": "literal", "name": "part", "value": "children" }, { "kind": "literal", "name": "role", "value": "group" }], "children": [{ "kind": "slot" }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "drop-indicator subtree-drop-indicator" }, { "kind": "literal", "name": "part", "value": "drop-indicator" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [] }] }, "declarations": [{ "kind": "state", "name": "internalExpanded", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "structuralLevel", "expression": { "source": "1", "ast": { "kind": "literal", "value": 1 }, "dependencies": [] } }, { "kind": "state", "name": "tabStop", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "hasChildren", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "event", "name": "expand", "type": "object({ id: string, expanded: boolean, trigger: keyboard | pointer | programmatic })", "bubbles": false, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const definition = { ...{ "contract": { "tag": "ui-tree-item", "props": { "accepts": { "type": "string", "required": false, "target": { "attribute": "data-accepts" }, "default": "" }, "container": { "type": "boolean", "required": false, "target": { "attribute": "container" }, "default": false }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "dragType": { "type": "string", "required": false, "target": { "attribute": "dragtype" }, "default": "item" }, "dropDepth": { "type": "number", "required": false, "target": { "attribute": "dropdepth" } }, "dropScope": { "type": "string", "required": false, "target": { "attribute": "data-drop-scope" }, "default": "" }, "expanded": { "type": "boolean", "required": false, "target": { "attribute": "expanded" }, "default": false }, "itemId": { "type": "string", "required": false, "target": { "attribute": "itemid" }, "default": "" }, "label": { "type": "string", "required": false, "target": { "attribute": "label" }, "default": "" }, "selected": { "type": "boolean", "required": false, "target": { "attribute": "selected" }, "default": false }, "sortable": { "type": "boolean", "required": false, "target": { "attribute": "sortable" }, "default": false }, "subtreeDepth": { "type": "number", "required": false, "target": { "attribute": "subtreedepth" } } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "role", "value": "treeitem" }, { "kind": "attribute", "name": "data-drop-scope", "expression": "dropScope", "expressionPlan": { "source": "dropScope", "ast": { "kind": "id", "name": "dropScope" }, "dependencies": ["dropScope"] } }, { "kind": "attribute", "name": "data-accepts", "expression": "accepts", "expressionPlan": { "source": "accepts", "ast": { "kind": "id", "name": "accepts" }, "dependencies": ["accepts"] } }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "row" }, { "kind": "literal", "name": "part", "value": "row" }], "children": [{ "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "class", "value": "drag-handle" }, { "kind": "literal", "name": "part", "value": "drag-handle" }, { "kind": "literal", "name": "type", "value": "button" }], "children": [{ "kind": "element", "name": "svg", "attributes": [{ "kind": "literal", "name": "aria-hidden", "value": "true" }, { "kind": "literal", "name": "focusable", "value": "false" }, { "kind": "literal", "name": "viewBox", "value": "0 0 24 24" }, { "kind": "literal", "name": "fill", "value": "none" }, { "kind": "literal", "name": "stroke", "value": "currentColor" }, { "kind": "literal", "name": "stroke-width", "value": "2" }, { "kind": "literal", "name": "stroke-linecap", "value": "round" }, { "kind": "literal", "name": "stroke-linejoin", "value": "round" }], "children": [{ "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "9" }, { "kind": "literal", "name": "cy", "value": "12" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "9" }, { "kind": "literal", "name": "cy", "value": "5" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "9" }, { "kind": "literal", "name": "cy", "value": "19" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "15" }, { "kind": "literal", "name": "cy", "value": "12" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "15" }, { "kind": "literal", "name": "cy", "value": "5" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "15" }, { "kind": "literal", "name": "cy", "value": "19" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }] }], "flow": { "kind": "if", "test": "sortable and not disabled", "testPlan": { "source": "sortable and not disabled", "ast": { "kind": "binary", "op": "and", "left": { "kind": "id", "name": "sortable" }, "right": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "disabled" } } }, "dependencies": ["disabled", "sortable"] } } }, { "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "class", "value": "disclosure" }, { "kind": "literal", "name": "part", "value": "disclosure" }, { "kind": "literal", "name": "type", "value": "button" }, { "kind": "attribute", "name": "disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }], "children": [{ "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "disclosure-icon" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [] }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "leading" }, { "kind": "literal", "name": "part", "value": "leading" }], "children": [{ "kind": "slot", "fallback": [], "name": "leading" }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "label" }, { "kind": "literal", "name": "part", "value": "label" }], "children": [{ "kind": "slot", "fallback": [{ "kind": "element", "name": "template", "attributes": [{ "kind": "directive", "name": "value", "expression": "label", "expressionPlan": { "source": "label", "ast": { "kind": "id", "name": "label" }, "dependencies": ["label"] } }], "children": [] }], "name": "label" }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "actions" }, { "kind": "literal", "name": "part", "value": "actions" }], "children": [{ "kind": "slot", "fallback": [], "name": "actions" }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "drop-indicator row-drop-indicator" }, { "kind": "literal", "name": "part", "value": "drop-indicator" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [] }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "children" }, { "kind": "literal", "name": "part", "value": "children" }, { "kind": "literal", "name": "role", "value": "group" }], "children": [{ "kind": "slot" }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "drop-indicator subtree-drop-indicator" }, { "kind": "literal", "name": "part", "value": "drop-indicator" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [] }] }, "declarations": [{ "kind": "state", "name": "internalExpanded", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "structuralLevel", "expression": { "source": "1", "ast": { "kind": "literal", "value": 1 }, "dependencies": [] } }, { "kind": "state", "name": "tabStop", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "hasChildren", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "event", "name": "expand", "type": "object({ id: string, expanded: boolean, trigger: keyboard | pointer | programmatic })", "bubbles": false, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
     const root = ref30();
     const eventListener0 = (event) => emit("expand", event.detail);
     let detach;
@@ -2907,7 +2923,7 @@ var UiTreeItem_default = /* @__PURE__ */ _defineComponent30({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode22("div", _hoisted_217, [
+        _createElementVNode22("div", _hoisted_219, [
           _cache[1] || (_cache[1] = _createElementVNode22(
             "button",
             {
@@ -2987,29 +3003,27 @@ var UiTreeItem_default = /* @__PURE__ */ _defineComponent30({
               -1
               /* CACHED */
             )
-          ])], 8, _hoisted_313),
-          _createElementVNode22("span", _hoisted_410, [
-            _createElementVNode22("span", _hoisted_56, [
-              _renderSlot26(_ctx.$slots, "leading")
+          ])], 8, _hoisted_314),
+          _createElementVNode22("span", _hoisted_412, [
+            _createElementVNode22("span", _hoisted_57, [
+              _renderSlot27(_ctx.$slots, "leading")
             ])
           ]),
-          _cache[2] || (_cache[2] = _createElementVNode22(
-            "span",
-            {
-              class: "label",
-              part: "label",
-              "data-component": "ui-tree-item"
-            },
-            null,
-            -1
-            /* CACHED */
-          )),
-          _createElementVNode22("span", _hoisted_65, [
-            _createElementVNode22("span", _hoisted_75, [
-              _renderSlot26(_ctx.$slots, "actions")
+          _createElementVNode22("span", _hoisted_66, [
+            _renderSlot27(_ctx.$slots, "label", {}, () => [
+              _createTextVNode2(
+                _toDisplayString6(props.label),
+                1
+                /* TEXT */
+              )
+            ])
+          ]),
+          _createElementVNode22("span", _hoisted_75, [
+            _createElementVNode22("span", _hoisted_85, [
+              _renderSlot27(_ctx.$slots, "actions")
             ])
           ]),
-          _cache[3] || (_cache[3] = _createElementVNode22(
+          _cache[2] || (_cache[2] = _createElementVNode22(
             "span",
             {
               class: "drop-indicator row-drop-indicator",
@@ -3022,12 +3036,12 @@ var UiTreeItem_default = /* @__PURE__ */ _defineComponent30({
             /* CACHED */
           ))
         ]),
-        _createElementVNode22("div", _hoisted_85, [
-          _createElementVNode22("span", _hoisted_95, [
-            _renderSlot26(_ctx.$slots, "default")
+        _createElementVNode22("div", _hoisted_95, [
+          _createElementVNode22("span", _hoisted_104, [
+            _renderSlot27(_ctx.$slots, "default")
           ])
         ]),
-        _cache[4] || (_cache[4] = _createElementVNode22(
+        _cache[3] || (_cache[3] = _createElementVNode22(
           "span",
           {
             class: "drop-indicator subtree-drop-indicator",
@@ -3046,7 +3060,7 @@ var UiTreeItem_default = /* @__PURE__ */ _defineComponent30({
 
 // src/generated/UiTree.ts
 import { defineComponent as _defineComponent31 } from "vue";
-import { renderSlot as _renderSlot27, mergeProps as _mergeProps31, openBlock as _openBlock31, createElementBlock as _createElementBlock31 } from "vue";
+import { renderSlot as _renderSlot28, mergeProps as _mergeProps31, openBlock as _openBlock31, createElementBlock as _createElementBlock31 } from "vue";
 import { getCurrentInstance as getCurrentInstance31, onMounted as onMounted31, onUnmounted as onUnmounted31, ref as ref31, watchEffect as watchEffect32 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent29, updateComponentProps as updateComponentProps29 } from "@threadlabs/looma/core/declarative";
 var UiTree_default = /* @__PURE__ */ _defineComponent31({
@@ -3104,7 +3118,7 @@ var UiTree_default = /* @__PURE__ */ _defineComponent31({
           ref: root
         }),
         [
-          _renderSlot27(_ctx.$slots, "default")
+          _renderSlot28(_ctx.$slots, "default")
         ],
         16
         /* FULL_PROPS */
@@ -3115,7 +3129,7 @@ var UiTree_default = /* @__PURE__ */ _defineComponent31({
 
 // src/generated/UiCluster.ts
 import { defineComponent as _defineComponent32 } from "vue";
-import { renderSlot as _renderSlot28, mergeProps as _mergeProps32, openBlock as _openBlock32, createElementBlock as _createElementBlock32 } from "vue";
+import { renderSlot as _renderSlot29, mergeProps as _mergeProps32, openBlock as _openBlock32, createElementBlock as _createElementBlock32 } from "vue";
 import { getCurrentInstance as getCurrentInstance32, onMounted as onMounted32, onUnmounted as onUnmounted32, ref as ref32, watchEffect as watchEffect33 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps3, updateGeneratedProps as updateGeneratedProps3 } from "@threadlabs/looma/core/declarative-generated";
 var UiCluster_default = /* @__PURE__ */ _defineComponent32({
@@ -3165,7 +3179,7 @@ var UiCluster_default = /* @__PURE__ */ _defineComponent32({
           ref: root
         }),
         [
-          _renderSlot28(_ctx.$slots, "default")
+          _renderSlot29(_ctx.$slots, "default")
         ],
         16
         /* FULL_PROPS */
@@ -3176,7 +3190,7 @@ var UiCluster_default = /* @__PURE__ */ _defineComponent32({
 
 // src/generated/UiContainer.ts
 import { defineComponent as _defineComponent33 } from "vue";
-import { renderSlot as _renderSlot29, mergeProps as _mergeProps33, openBlock as _openBlock33, createElementBlock as _createElementBlock33 } from "vue";
+import { renderSlot as _renderSlot30, mergeProps as _mergeProps33, openBlock as _openBlock33, createElementBlock as _createElementBlock33 } from "vue";
 import { getCurrentInstance as getCurrentInstance33, onMounted as onMounted33, onUnmounted as onUnmounted33, ref as ref33, watchEffect as watchEffect34 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps4, updateGeneratedProps as updateGeneratedProps4 } from "@threadlabs/looma/core/declarative-generated";
 var UiContainer_default = /* @__PURE__ */ _defineComponent33({
@@ -3226,7 +3240,7 @@ var UiContainer_default = /* @__PURE__ */ _defineComponent33({
           ref: root
         }),
         [
-          _renderSlot29(_ctx.$slots, "default")
+          _renderSlot30(_ctx.$slots, "default")
         ],
         16
         /* FULL_PROPS */
@@ -3237,7 +3251,7 @@ var UiContainer_default = /* @__PURE__ */ _defineComponent33({
 
 // src/generated/UiGrid.ts
 import { defineComponent as _defineComponent34 } from "vue";
-import { renderSlot as _renderSlot30, mergeProps as _mergeProps34, openBlock as _openBlock34, createElementBlock as _createElementBlock34 } from "vue";
+import { renderSlot as _renderSlot31, mergeProps as _mergeProps34, openBlock as _openBlock34, createElementBlock as _createElementBlock34 } from "vue";
 import { getCurrentInstance as getCurrentInstance34, onMounted as onMounted34, onUnmounted as onUnmounted34, ref as ref34, watchEffect as watchEffect35 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps5, updateGeneratedProps as updateGeneratedProps5 } from "@threadlabs/looma/core/declarative-generated";
 var UiGrid_default = /* @__PURE__ */ _defineComponent34({
@@ -3287,7 +3301,7 @@ var UiGrid_default = /* @__PURE__ */ _defineComponent34({
           ref: root
         }),
         [
-          _renderSlot30(_ctx.$slots, "default")
+          _renderSlot31(_ctx.$slots, "default")
         ],
         16
         /* FULL_PROPS */
@@ -3298,7 +3312,7 @@ var UiGrid_default = /* @__PURE__ */ _defineComponent34({
 
 // src/generated/UiReel.ts
 import { defineComponent as _defineComponent35 } from "vue";
-import { renderSlot as _renderSlot31, mergeProps as _mergeProps35, openBlock as _openBlock35, createElementBlock as _createElementBlock35 } from "vue";
+import { renderSlot as _renderSlot32, mergeProps as _mergeProps35, openBlock as _openBlock35, createElementBlock as _createElementBlock35 } from "vue";
 import { getCurrentInstance as getCurrentInstance35, onMounted as onMounted35, onUnmounted as onUnmounted35, ref as ref35, watchEffect as watchEffect36 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent30, updateComponentProps as updateComponentProps30 } from "@threadlabs/looma/core/declarative";
 var UiReel_default = /* @__PURE__ */ _defineComponent35({
@@ -3347,7 +3361,7 @@ var UiReel_default = /* @__PURE__ */ _defineComponent35({
           ref: root
         }),
         [
-          _renderSlot31(_ctx.$slots, "default")
+          _renderSlot32(_ctx.$slots, "default")
         ],
         16
         /* FULL_PROPS */
@@ -3358,7 +3372,7 @@ var UiReel_default = /* @__PURE__ */ _defineComponent35({
 
 // src/generated/UiSeparator.ts
 import { defineComponent as _defineComponent36 } from "vue";
-import { renderSlot as _renderSlot32, mergeProps as _mergeProps36, openBlock as _openBlock36, createElementBlock as _createElementBlock36 } from "vue";
+import { renderSlot as _renderSlot33, mergeProps as _mergeProps36, openBlock as _openBlock36, createElementBlock as _createElementBlock36 } from "vue";
 import { getCurrentInstance as getCurrentInstance36, onMounted as onMounted36, onUnmounted as onUnmounted36, ref as ref36, watchEffect as watchEffect37 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent31, updateComponentProps as updateComponentProps31 } from "@threadlabs/looma/core/declarative";
 var UiSeparator_default = /* @__PURE__ */ _defineComponent36({
@@ -3403,7 +3417,7 @@ var UiSeparator_default = /* @__PURE__ */ _defineComponent36({
           ref: root
         }),
         [
-          _renderSlot32(_ctx.$slots, "default")
+          _renderSlot33(_ctx.$slots, "default")
         ],
         16
         /* FULL_PROPS */
@@ -3414,7 +3428,7 @@ var UiSeparator_default = /* @__PURE__ */ _defineComponent36({
 
 // src/generated/UiSidebar.ts
 import { defineComponent as _defineComponent37 } from "vue";
-import { renderSlot as _renderSlot33, createElementVNode as _createElementVNode23, mergeProps as _mergeProps37, openBlock as _openBlock37, createElementBlock as _createElementBlock37 } from "vue";
+import { renderSlot as _renderSlot34, createElementVNode as _createElementVNode23, mergeProps as _mergeProps37, openBlock as _openBlock37, createElementBlock as _createElementBlock37 } from "vue";
 import { getCurrentInstance as getCurrentInstance37, onMounted as onMounted37, onUnmounted as onUnmounted37, ref as ref37, watchEffect as watchEffect38 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent32, updateComponentProps as updateComponentProps32 } from "@threadlabs/looma/core/declarative";
 var _hoisted_130 = {
@@ -3490,7 +3504,7 @@ var UiSidebar_default = /* @__PURE__ */ _defineComponent37({
         }),
         [
           _createElementVNode23("div", _hoisted_130, [
-            _renderSlot33(_ctx.$slots, "default")
+            _renderSlot34(_ctx.$slots, "default")
           ])
         ],
         16
@@ -3502,7 +3516,7 @@ var UiSidebar_default = /* @__PURE__ */ _defineComponent37({
 
 // src/generated/UiStack.ts
 import { defineComponent as _defineComponent38 } from "vue";
-import { renderSlot as _renderSlot34, mergeProps as _mergeProps38, openBlock as _openBlock38, createElementBlock as _createElementBlock38 } from "vue";
+import { renderSlot as _renderSlot35, mergeProps as _mergeProps38, openBlock as _openBlock38, createElementBlock as _createElementBlock38 } from "vue";
 import { getCurrentInstance as getCurrentInstance38, onMounted as onMounted38, onUnmounted as onUnmounted38, ref as ref38, watchEffect as watchEffect39 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps6, updateGeneratedProps as updateGeneratedProps6 } from "@threadlabs/looma/core/declarative-generated";
 var UiStack_default = /* @__PURE__ */ _defineComponent38({
@@ -3555,7 +3569,7 @@ var UiStack_default = /* @__PURE__ */ _defineComponent38({
           ref: root
         }),
         [
-          _renderSlot34(_ctx.$slots, "default")
+          _renderSlot35(_ctx.$slots, "default")
         ],
         16
         /* FULL_PROPS */
@@ -3566,7 +3580,7 @@ var UiStack_default = /* @__PURE__ */ _defineComponent38({
 
 // src/generated/UiSwitcher.ts
 import { defineComponent as _defineComponent39 } from "vue";
-import { renderSlot as _renderSlot35, mergeProps as _mergeProps39, openBlock as _openBlock39, createElementBlock as _createElementBlock39 } from "vue";
+import { renderSlot as _renderSlot36, mergeProps as _mergeProps39, openBlock as _openBlock39, createElementBlock as _createElementBlock39 } from "vue";
 import { getCurrentInstance as getCurrentInstance39, onMounted as onMounted39, onUnmounted as onUnmounted39, ref as ref39, watchEffect as watchEffect40 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps7, updateGeneratedProps as updateGeneratedProps7 } from "@threadlabs/looma/core/declarative-generated";
 var UiSwitcher_default = /* @__PURE__ */ _defineComponent39({
@@ -3619,7 +3633,7 @@ var UiSwitcher_default = /* @__PURE__ */ _defineComponent39({
           ref: root
         }),
         [
-          _renderSlot35(_ctx.$slots, "default")
+          _renderSlot36(_ctx.$slots, "default")
         ],
         16
         /* FULL_PROPS */
@@ -4026,7 +4040,7 @@ var UiEditorTableToolbar_default = /* @__PURE__ */ _defineComponent45({
 
 // src/generated/UiEditorToolbar.ts
 import { defineComponent as _defineComponent46 } from "vue";
-import { renderSlot as _renderSlot36, mergeProps as _mergeProps46, openBlock as _openBlock46, createElementBlock as _createElementBlock46 } from "vue";
+import { renderSlot as _renderSlot37, mergeProps as _mergeProps46, openBlock as _openBlock46, createElementBlock as _createElementBlock46 } from "vue";
 import { getCurrentInstance as getCurrentInstance46, onMounted as onMounted46, onUnmounted as onUnmounted46, ref as ref46, watchEffect as watchEffect47 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent39, updateComponentProps as updateComponentProps39 } from "@threadlabs/looma/core/declarative";
 var UiEditorToolbar_default = /* @__PURE__ */ _defineComponent46({
@@ -4067,7 +4081,7 @@ var UiEditorToolbar_default = /* @__PURE__ */ _defineComponent46({
           ref: root
         }),
         [
-          _renderSlot36(_ctx.$slots, "default")
+          _renderSlot37(_ctx.$slots, "default")
         ],
         16
         /* FULL_PROPS */
@@ -4230,9 +4244,9 @@ var ContextMenu = createAdapterComponent(UiContextMenu_default, "ContextMenu", [
 var AffordanceScope = createAdapterComponent(UiAffordanceScope_default, "AffordanceScope");
 var Button = createAdapterComponent(UiButton_default, "Button");
 var IconButton = createAdapterComponent(UiIconButton_default, "IconButton");
-var Input = createAdapterComponent(UiInput_default, "Input", [], "class", ["value"]);
-var Select = createAdapterComponent(UiSelect_default, "Select", [], "class", ["value"]);
-var Textarea = createAdapterComponent(UiTextarea_default, "Textarea", [], "class", ["value"]);
+var Input = createAdapterComponent(UiInput_default, "Input", [], "class", ["value"], "input");
+var Select = createAdapterComponent(UiSelect_default, "Select", [], "class", ["value"], "change");
+var Textarea = createAdapterComponent(UiTextarea_default, "Textarea", [], "class", ["value"], "input");
 var FormField = createAdapterComponent(UiFormField_default, "FormField");
 var Tooltip = createAdapterComponent(UiTooltip_default, "Tooltip", [], "class", ["open"]);
 var ToastRegion = createAdapterComponent(UiToastRegion_default, "ToastRegion", [], "class", ["open"]);