@threadlabs/looma 0.2.10 → 0.2.12

package/vue/{chunk-KQTGO5WQ.js → chunk-5USSUZFI.js}

@@ -105,7 +105,7 @@ function createAdapterComponent(component, displayName, additionalEventBindings
 
 // src/generated/UiAffordanceScope.ts
 import { defineComponent as _defineComponent } from "vue";
-import { renderSlot as _renderSlot, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { createElementVNode as _createElementVNode, renderSlot as _renderSlot, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 import { onMounted, onUnmounted, ref, watchEffect as watchEffect2 } from "vue";
 import { attachLoomaComponent } from "@threadlabs/looma/core/declarative";
 var UiAffordanceScope_default = /* @__PURE__ */ _defineComponent({
@@ -141,7 +141,7 @@ var UiAffordanceScope_default = /* @__PURE__ */ _defineComponent({
           ref: root
         }),
         [
-          _renderSlot(_ctx.$slots, "default")
+          _createElementVNode("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot(_ctx.$slots, "default")])
         ],
         16
         /* FULL_PROPS */
@@ -152,7 +152,7 @@ var UiAffordanceScope_default = /* @__PURE__ */ _defineComponent({
 
 // src/generated/UiAvatarGroup.ts
 import { defineComponent as _defineComponent2 } from "vue";
-import { renderSlot as _renderSlot2, mergeProps as _mergeProps2, openBlock as _openBlock2, createElementBlock as _createElementBlock2 } from "vue";
+import { createElementVNode as _createElementVNode2, renderSlot as _renderSlot2, mergeProps as _mergeProps2, openBlock as _openBlock2, createElementBlock as _createElementBlock2 } from "vue";
 import { onMounted as onMounted2, onUnmounted as onUnmounted2, ref as ref2, watchEffect as watchEffect3 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent2 } from "@threadlabs/looma/core/declarative";
 var _hoisted_1 = ["aria-label"];
@@ -189,7 +189,7 @@ var UiAvatarGroup_default = /* @__PURE__ */ _defineComponent2({
         ref_key: "root",
         ref: root
       }), [
-        _renderSlot2(_ctx.$slots, "default")
+        _createElementVNode2("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot2(_ctx.$slots, "default")])
       ], 16, _hoisted_1);
     };
   }
@@ -197,7 +197,7 @@ var UiAvatarGroup_default = /* @__PURE__ */ _defineComponent2({
 
 // src/generated/UiAvatar.ts
 import { defineComponent as _defineComponent3 } from "vue";
-import { createElementVNode as _createElementVNode, mergeProps as _mergeProps3, openBlock as _openBlock3, createElementBlock as _createElementBlock3 } from "vue";
+import { createElementVNode as _createElementVNode3, mergeProps as _mergeProps3, openBlock as _openBlock3, createElementBlock as _createElementBlock3 } from "vue";
 import { onMounted as onMounted3, onUnmounted as onUnmounted3, ref as ref3, watchEffect as watchEffect4 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent3 } from "@threadlabs/looma/core/declarative";
 var _hoisted_12 = {
@@ -243,13 +243,13 @@ var UiAvatar_default = /* @__PURE__ */ _defineComponent3({
           ref: root
         }),
         [
-          _createElementVNode("div", _hoisted_12, [
-            _createElementVNode("img", {
+          _createElementVNode3("div", _hoisted_12, [
+            _createElementVNode3("img", {
               src: props.src,
               hidden: void 0,
               "data-component": "ui-avatar"
             }, null, 8, _hoisted_2),
-            _cache[0] || (_cache[0] = _createElementVNode(
+            _cache[0] || (_cache[0] = _createElementVNode3(
               "span",
               {
                 class: "fallback",
@@ -270,7 +270,7 @@ var UiAvatar_default = /* @__PURE__ */ _defineComponent3({
 
 // src/generated/UiBadge.ts
 import { defineComponent as _defineComponent4 } from "vue";
-import { renderSlot as _renderSlot3, createElementVNode as _createElementVNode2, mergeProps as _mergeProps4, openBlock as _openBlock4, createElementBlock as _createElementBlock4 } from "vue";
+import { renderSlot as _renderSlot3, createElementVNode as _createElementVNode4, mergeProps as _mergeProps4, openBlock as _openBlock4, createElementBlock as _createElementBlock4 } from "vue";
 import { onMounted as onMounted4, onUnmounted as onUnmounted4, ref as ref4, watchEffect as watchEffect5 } from "vue";
 import { manageGeneratedProps } from "@threadlabs/looma/core/declarative-generated";
 var _hoisted_13 = ["data-variant", "data-tone"];
@@ -313,8 +313,8 @@ var UiBadge_default = /* @__PURE__ */ _defineComponent4({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode2("span", _hoisted_22, [
-          _renderSlot3(_ctx.$slots, "default")
+        _createElementVNode4("span", _hoisted_22, [
+          _createElementVNode4("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot3(_ctx.$slots, "default")])
         ])
       ], 16, _hoisted_13);
     };
@@ -323,7 +323,7 @@ var UiBadge_default = /* @__PURE__ */ _defineComponent4({
 
 // src/generated/UiButton.ts
 import { defineComponent as _defineComponent5 } from "vue";
-import { renderSlot as _renderSlot4, mergeProps as _mergeProps5, openBlock as _openBlock5, createElementBlock as _createElementBlock5 } from "vue";
+import { createElementVNode as _createElementVNode5, renderSlot as _renderSlot4, mergeProps as _mergeProps5, openBlock as _openBlock5, createElementBlock as _createElementBlock5 } from "vue";
 import { onMounted as onMounted5, onUnmounted as onUnmounted5, ref as ref5, watchEffect as watchEffect6 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent4 } from "@threadlabs/looma/core/declarative";
 var _hoisted_14 = ["data-size", "data-variant"];
@@ -361,7 +361,7 @@ var UiButton_default = /* @__PURE__ */ _defineComponent5({
         ref_key: "root",
         ref: root
       }), [
-        _renderSlot4(_ctx.$slots, "default")
+        _createElementVNode5("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot4(_ctx.$slots, "default")])
       ], 16, _hoisted_14);
     };
   }
@@ -369,7 +369,7 @@ var UiButton_default = /* @__PURE__ */ _defineComponent5({
 
 // src/generated/UiCallout.ts
 import { defineComponent as _defineComponent6 } from "vue";
-import { createElementVNode as _createElementVNode3, renderSlot as _renderSlot5, mergeProps as _mergeProps6, openBlock as _openBlock6, createElementBlock as _createElementBlock6 } from "vue";
+import { createElementVNode as _createElementVNode6, renderSlot as _renderSlot5, mergeProps as _mergeProps6, openBlock as _openBlock6, createElementBlock as _createElementBlock6 } from "vue";
 import { onMounted as onMounted6, onUnmounted as onUnmounted6, ref as ref6, watchEffect as watchEffect7 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps2 } from "@threadlabs/looma/core/declarative-generated";
 var _hoisted_15 = ["data-tone"];
@@ -414,8 +414,8 @@ var UiCallout_default = /* @__PURE__ */ _defineComponent6({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode3("div", _hoisted_23, [
-          _cache[0] || (_cache[0] = _createElementVNode3(
+        _createElementVNode6("div", _hoisted_23, [
+          _cache[0] || (_cache[0] = _createElementVNode6(
             "span",
             {
               class: "icon",
@@ -426,8 +426,8 @@ var UiCallout_default = /* @__PURE__ */ _defineComponent6({
             -1
             /* CACHED */
           )),
-          _createElementVNode3("div", _hoisted_3, [
-            _renderSlot5(_ctx.$slots, "default")
+          _createElementVNode6("div", _hoisted_3, [
+            _createElementVNode6("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot5(_ctx.$slots, "default")])
           ])
         ])
       ], 16, _hoisted_15);
@@ -437,7 +437,7 @@ var UiCallout_default = /* @__PURE__ */ _defineComponent6({
 
 // src/generated/UiCheckbox.ts
 import { defineComponent as _defineComponent7 } from "vue";
-import { renderSlot as _renderSlot6, mergeProps as _mergeProps7, openBlock as _openBlock7, createElementBlock as _createElementBlock7 } from "vue";
+import { createElementVNode as _createElementVNode7, renderSlot as _renderSlot6, mergeProps as _mergeProps7, openBlock as _openBlock7, createElementBlock as _createElementBlock7 } from "vue";
 import { onMounted as onMounted7, onUnmounted as onUnmounted7, ref as ref7, watchEffect as watchEffect8 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent5 } from "@threadlabs/looma/core/declarative";
 var _hoisted_16 = ["data-disabled"];
@@ -483,7 +483,7 @@ var UiCheckbox_default = /* @__PURE__ */ _defineComponent7({
         ref_key: "root",
         ref: root
       }), [
-        _renderSlot6(_ctx.$slots, "default")
+        _createElementVNode7("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot6(_ctx.$slots, "default")])
       ], 16, _hoisted_16);
     };
   }
@@ -491,7 +491,7 @@ var UiCheckbox_default = /* @__PURE__ */ _defineComponent7({
 
 // src/generated/UiChip.ts
 import { defineComponent as _defineComponent8 } from "vue";
-import { renderSlot as _renderSlot7, createElementVNode as _createElementVNode4, mergeProps as _mergeProps8, openBlock as _openBlock8, createElementBlock as _createElementBlock8 } from "vue";
+import { renderSlot as _renderSlot7, createElementVNode as _createElementVNode8, mergeProps as _mergeProps8, openBlock as _openBlock8, createElementBlock as _createElementBlock8 } from "vue";
 import { onMounted as onMounted8, onUnmounted as onUnmounted8, ref as ref8, watchEffect as watchEffect9 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps3 } from "@threadlabs/looma/core/declarative-generated";
 var _hoisted_17 = ["data-appearance", "data-size"];
@@ -538,9 +538,9 @@ var UiChip_default = /* @__PURE__ */ _defineComponent8({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode4("span", _hoisted_24, [
-          _createElementVNode4("span", _hoisted_32, [
-            _renderSlot7(_ctx.$slots, "default")
+        _createElementVNode8("span", _hoisted_24, [
+          _createElementVNode8("span", _hoisted_32, [
+            _createElementVNode8("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot7(_ctx.$slots, "default")])
           ])
         ])
       ], 16, _hoisted_17);
@@ -550,11 +550,11 @@ var UiChip_default = /* @__PURE__ */ _defineComponent8({
 
 // src/generated/UiCombobox.ts
 import { defineComponent as _defineComponent10 } 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 _mergeProps10, openBlock as _openBlock10, createElementBlock as _createElementBlock10 } from "vue";
+import { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode10, renderSlot as _renderSlot9, unref as _unref, withCtx as _withCtx, createVNode as _createVNode, mergeProps as _mergeProps10, openBlock as _openBlock10, createElementBlock as _createElementBlock10 } from "vue";
 
 // src/generated/UiTooltip.ts
 import { defineComponent as _defineComponent9 } from "vue";
-import { renderSlot as _renderSlot8, createElementVNode as _createElementVNode5, mergeProps as _mergeProps9, openBlock as _openBlock9, createElementBlock as _createElementBlock9 } from "vue";
+import { renderSlot as _renderSlot8, createElementVNode as _createElementVNode9, mergeProps as _mergeProps9, openBlock as _openBlock9, createElementBlock as _createElementBlock9 } from "vue";
 import { onMounted as onMounted9, onUnmounted as onUnmounted9, ref as ref9, watchEffect as watchEffect10 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent6 } from "@threadlabs/looma/core/declarative";
 var _hoisted_18 = {
@@ -611,8 +611,8 @@ var UiTooltip_default = /* @__PURE__ */ _defineComponent9({
           ref: root
         }),
         [
-          _createElementVNode5("div", _hoisted_18, [
-            _renderSlot8(_ctx.$slots, "default")
+          _createElementVNode9("div", _hoisted_18, [
+            _createElementVNode9("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot8(_ctx.$slots, "default")])
           ])
         ],
         16
@@ -723,7 +723,7 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
         ref_key: "root",
         ref: root
       }), [
-        _cache[6] || (_cache[6] = _createElementVNode6(
+        _cache[6] || (_cache[6] = _createElementVNode10(
           "label",
           {
             for: "input",
@@ -731,16 +731,16 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
             "data-component": "ui-combobox"
           },
           [
-            _createElementVNode6("template", { "data-component": "ui-combobox" }, [
+            _createElementVNode10("template", { "data-component": "ui-combobox" }, [
               _createTextVNode(_toDisplayString(void 0))
             ])
           ],
           -1
           /* CACHED */
         )),
-        _createElementVNode6("div", _hoisted_25, [
-          _renderSlot9(_ctx.$slots, "start"),
-          _cache[1] || (_cache[1] = _createElementVNode6(
+        _createElementVNode10("div", _hoisted_25, [
+          _createElementVNode10("span", { slot: "start", "data-looma-framework-slot": "start", style: { display: "contents" } }, [_renderSlot9(_ctx.$slots, "start")]),
+          _cache[1] || (_cache[1] = _createElementVNode10(
             "div",
             {
               class: "items",
@@ -751,7 +751,7 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
             -1
             /* CACHED */
           )),
-          _createElementVNode6("input", {
+          _createElementVNode10("input", {
             id: "input",
             role: "combobox",
             "aria-autocomplete": "list",
@@ -766,7 +766,7 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
             part: "input",
             "data-component": "ui-combobox"
           }, null, 8, _hoisted_33),
-          _cache[2] || (_cache[2] = _createElementVNode6(
+          _cache[2] || (_cache[2] = _createElementVNode10(
             "button",
             {
               type: "button",
@@ -777,14 +777,14 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
             -1
             /* CACHED */
           )),
-          _createElementVNode6("button", {
+          _createElementVNode10("button", {
             id: "help",
             type: "button",
             part: "affordance",
             disabled: props.disabled,
             "data-component": "ui-combobox"
           }, [..._cache[0] || (_cache[0] = [
-            _createElementVNode6(
+            _createElementVNode10(
               "span",
               {
                 "aria-hidden": "true",
@@ -795,7 +795,7 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
               /* CACHED */
             )
           ])], 8, _hoisted_4),
-          _cache[3] || (_cache[3] = _createElementVNode6(
+          _cache[3] || (_cache[3] = _createElementVNode10(
             "button",
             {
               type: "button",
@@ -804,7 +804,7 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
               "data-component": "ui-combobox"
             },
             [
-              _createElementVNode6("span", {
+              _createElementVNode10("span", {
                 "aria-hidden": "true",
                 "data-component": "ui-combobox"
               }, " \u2304 ")
@@ -819,7 +819,7 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
           "data-component": "ui-combobox"
         }, {
           default: _withCtx(() => [..._cache[4] || (_cache[4] = [
-            _createElementVNode6(
+            _createElementVNode10(
               "template",
               { "data-component": "ui-combobox" },
               [
@@ -832,8 +832,8 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
           _: 1
           /* STABLE */
         }),
-        _createElementVNode6("div", _hoisted_5, [
-          _cache[5] || (_cache[5] = _createElementVNode6(
+        _createElementVNode10("div", _hoisted_5, [
+          _cache[5] || (_cache[5] = _createElementVNode10(
             "div",
             {
               id: "listbox",
@@ -844,9 +844,9 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
             -1
             /* CACHED */
           )),
-          _renderSlot9(_ctx.$slots, "footer")
+          _createElementVNode10("span", { slot: "footer", "data-looma-framework-slot": "footer", style: { display: "contents" } }, [_renderSlot9(_ctx.$slots, "footer")])
         ]),
-        _cache[7] || (_cache[7] = _createElementVNode6(
+        _cache[7] || (_cache[7] = _createElementVNode10(
           "div",
           {
             id: "validation",
@@ -859,7 +859,7 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
           -1
           /* CACHED */
         )),
-        _cache[8] || (_cache[8] = _createElementVNode6(
+        _cache[8] || (_cache[8] = _createElementVNode10(
           "div",
           {
             class: "sr-only",
@@ -879,11 +879,11 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
 
 // src/generated/UiContextMenu.ts
 import { defineComponent as _defineComponent12 } from "vue";
-import { renderSlot as _renderSlot11, unref as _unref2, withCtx as _withCtx2, createVNode as _createVNode2, createElementVNode as _createElementVNode8, mergeProps as _mergeProps12, openBlock as _openBlock12, createElementBlock as _createElementBlock12 } from "vue";
+import { renderSlot as _renderSlot11, unref as _unref2, withCtx as _withCtx2, createVNode as _createVNode2, createElementVNode as _createElementVNode12, mergeProps as _mergeProps12, openBlock as _openBlock12, createElementBlock as _createElementBlock12 } from "vue";
 
 // src/generated/UiMenu.ts
 import { defineComponent as _defineComponent11 } from "vue";
-import { renderSlot as _renderSlot10, createElementVNode as _createElementVNode7, mergeProps as _mergeProps11, openBlock as _openBlock11, createElementBlock as _createElementBlock11 } from "vue";
+import { renderSlot as _renderSlot10, createElementVNode as _createElementVNode11, mergeProps as _mergeProps11, openBlock as _openBlock11, createElementBlock as _createElementBlock11 } from "vue";
 import { onMounted as onMounted11, onUnmounted as onUnmounted11, ref as ref11, watchEffect as watchEffect12 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent8 } from "@threadlabs/looma/core/declarative";
 var _hoisted_110 = {
@@ -937,8 +937,8 @@ var UiMenu_default = /* @__PURE__ */ _defineComponent11({
           ref: root
         }),
         [
-          _createElementVNode7("div", _hoisted_110, [
-            _renderSlot10(_ctx.$slots, "default")
+          _createElementVNode11("div", _hoisted_110, [
+            _createElementVNode11("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot10(_ctx.$slots, "default")])
           ])
         ],
         16
@@ -1003,11 +1003,11 @@ var UiContextMenu_default = /* @__PURE__ */ _defineComponent12({
           ref: root
         }),
         [
-          _renderSlot11(_ctx.$slots, "trigger"),
-          _createElementVNode8("div", _hoisted_111, [
+          _createElementVNode12("span", { slot: "trigger", "data-looma-framework-slot": "trigger", style: { display: "contents" } }, [_renderSlot11(_ctx.$slots, "trigger")]),
+          _createElementVNode12("div", _hoisted_111, [
             _createVNode2(_unref2(UiMenu_default), { "data-component": "ui-context-menu" }, {
               default: _withCtx2(() => [
-                _renderSlot11(_ctx.$slots, "default")
+                _createElementVNode12("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot11(_ctx.$slots, "default")])
               ]),
               _: 3
               /* FORWARDED */
@@ -1023,7 +1023,7 @@ var UiContextMenu_default = /* @__PURE__ */ _defineComponent12({
 
 // src/generated/UiDialog.ts
 import { defineComponent as _defineComponent13 } from "vue";
-import { renderSlot as _renderSlot12, createElementVNode as _createElementVNode9, mergeProps as _mergeProps13, openBlock as _openBlock13, createElementBlock as _createElementBlock13 } from "vue";
+import { renderSlot as _renderSlot12, createElementVNode as _createElementVNode13, mergeProps as _mergeProps13, openBlock as _openBlock13, createElementBlock as _createElementBlock13 } from "vue";
 import { onMounted as onMounted13, onUnmounted as onUnmounted13, ref as ref13, watchEffect as watchEffect14 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent10 } from "@threadlabs/looma/core/declarative";
 var _hoisted_112 = {
@@ -1073,8 +1073,8 @@ var UiDialog_default = /* @__PURE__ */ _defineComponent13({
           ref: root
         }),
         [
-          _createElementVNode9("dialog", _hoisted_112, [
-            _renderSlot12(_ctx.$slots, "default")
+          _createElementVNode13("dialog", _hoisted_112, [
+            _createElementVNode13("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot12(_ctx.$slots, "default")])
           ])
         ],
         16
@@ -1086,7 +1086,7 @@ var UiDialog_default = /* @__PURE__ */ _defineComponent13({
 
 // src/generated/UiDisclosure.ts
 import { defineComponent as _defineComponent14 } from "vue";
-import { renderSlot as _renderSlot13, mergeProps as _mergeProps14, openBlock as _openBlock14, createElementBlock as _createElementBlock14 } from "vue";
+import { createElementVNode as _createElementVNode14, renderSlot as _renderSlot13, mergeProps as _mergeProps14, openBlock as _openBlock14, createElementBlock as _createElementBlock14 } from "vue";
 import { onMounted as onMounted14, onUnmounted as onUnmounted14, ref as ref14, watchEffect as watchEffect15 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent11 } from "@threadlabs/looma/core/declarative";
 var UiDisclosure_default = /* @__PURE__ */ _defineComponent14({
@@ -1132,7 +1132,7 @@ var UiDisclosure_default = /* @__PURE__ */ _defineComponent14({
           ref: root
         }),
         [
-          _renderSlot13(_ctx.$slots, "default")
+          _createElementVNode14("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot13(_ctx.$slots, "default")])
         ],
         16
         /* FULL_PROPS */
@@ -1143,7 +1143,7 @@ var UiDisclosure_default = /* @__PURE__ */ _defineComponent14({
 
 // src/generated/UiEditable.ts
 import { defineComponent as _defineComponent15 } from "vue";
-import { renderSlot as _renderSlot14, createElementVNode as _createElementVNode10, mergeProps as _mergeProps15, openBlock as _openBlock15, createElementBlock as _createElementBlock15 } from "vue";
+import { renderSlot as _renderSlot14, createElementVNode as _createElementVNode15, mergeProps as _mergeProps15, openBlock as _openBlock15, createElementBlock as _createElementBlock15 } from "vue";
 import { onMounted as onMounted15, onUnmounted as onUnmounted15, ref as ref15, watchEffect as watchEffect16 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent12 } from "@threadlabs/looma/core/declarative";
 var _hoisted_113 = ["data-disabled"];
@@ -1195,11 +1195,11 @@ var UiEditable_default = /* @__PURE__ */ _defineComponent15({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode10("div", _hoisted_26, [
-          _renderSlot14(_ctx.$slots, "preview")
+        _createElementVNode15("div", _hoisted_26, [
+          _createElementVNode15("span", { slot: "preview", "data-looma-framework-slot": "preview", style: { display: "contents" } }, [_renderSlot14(_ctx.$slots, "preview")])
         ]),
-        _createElementVNode10("div", _hoisted_34, [
-          _renderSlot14(_ctx.$slots, "edit")
+        _createElementVNode15("div", _hoisted_34, [
+          _createElementVNode15("span", { slot: "edit", "data-looma-framework-slot": "edit", style: { display: "contents" } }, [_renderSlot14(_ctx.$slots, "edit")])
         ])
       ], 16, _hoisted_113);
     };
@@ -1208,7 +1208,7 @@ var UiEditable_default = /* @__PURE__ */ _defineComponent15({
 
 // src/generated/UiFloatingActionButton.ts
 import { defineComponent as _defineComponent16 } from "vue";
-import { renderSlot as _renderSlot15, createElementVNode as _createElementVNode11, mergeProps as _mergeProps16, openBlock as _openBlock16, createElementBlock as _createElementBlock16 } from "vue";
+import { renderSlot as _renderSlot15, createElementVNode as _createElementVNode16, mergeProps as _mergeProps16, openBlock as _openBlock16, createElementBlock as _createElementBlock16 } from "vue";
 import { onMounted as onMounted16, onUnmounted as onUnmounted16, ref as ref16, watchEffect as watchEffect17 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps4 } from "@threadlabs/looma/core/declarative-generated";
 var _hoisted_114 = ["data-disabled"];
@@ -1249,12 +1249,12 @@ var UiFloatingActionButton_default = /* @__PURE__ */ _defineComponent16({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode11("button", {
+        _createElementVNode16("button", {
           type: "button",
           "aria-label": props.label,
           "data-component": "ui-floating-action-button"
         }, [
-          _renderSlot15(_ctx.$slots, "default")
+          _createElementVNode16("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot15(_ctx.$slots, "default")])
         ], 8, _hoisted_27)
       ], 16, _hoisted_114);
     };
@@ -1263,7 +1263,7 @@ var UiFloatingActionButton_default = /* @__PURE__ */ _defineComponent16({
 
 // src/generated/UiFormField.ts
 import { defineComponent as _defineComponent17 } from "vue";
-import { renderSlot as _renderSlot16, mergeProps as _mergeProps17, openBlock as _openBlock17, createElementBlock as _createElementBlock17 } from "vue";
+import { createElementVNode as _createElementVNode17, renderSlot as _renderSlot16, mergeProps as _mergeProps17, openBlock as _openBlock17, createElementBlock as _createElementBlock17 } from "vue";
 import { onMounted as onMounted17, onUnmounted as onUnmounted17, ref as ref17, watchEffect as watchEffect18 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent13 } from "@threadlabs/looma/core/declarative";
 var _hoisted_115 = ["data-invalid", "data-disabled", "data-required"];
@@ -1302,7 +1302,7 @@ var UiFormField_default = /* @__PURE__ */ _defineComponent17({
         ref_key: "root",
         ref: root
       }), [
-        _renderSlot16(_ctx.$slots, "default")
+        _createElementVNode17("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot16(_ctx.$slots, "default")])
       ], 16, _hoisted_115);
     };
   }
@@ -1310,7 +1310,7 @@ var UiFormField_default = /* @__PURE__ */ _defineComponent17({
 
 // src/generated/UiIconButton.ts
 import { defineComponent as _defineComponent18 } from "vue";
-import { renderSlot as _renderSlot17, createElementVNode as _createElementVNode12, mergeProps as _mergeProps18, openBlock as _openBlock18, createElementBlock as _createElementBlock18 } from "vue";
+import { renderSlot as _renderSlot17, createElementVNode as _createElementVNode18, mergeProps as _mergeProps18, openBlock as _openBlock18, createElementBlock as _createElementBlock18 } from "vue";
 import { onMounted as onMounted18, onUnmounted as onUnmounted18, ref as ref18, watchEffect as watchEffect19 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent14 } from "@threadlabs/looma/core/declarative";
 var _hoisted_116 = ["data-disabled"];
@@ -1350,12 +1350,12 @@ var UiIconButton_default = /* @__PURE__ */ _defineComponent18({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode12("button", {
+        _createElementVNode18("button", {
           type: "button",
           "aria-label": props.label,
           "data-component": "ui-icon-button"
         }, [
-          _renderSlot17(_ctx.$slots, "default")
+          _createElementVNode18("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot17(_ctx.$slots, "default")])
         ], 8, _hoisted_28)
       ], 16, _hoisted_116);
     };
@@ -1364,7 +1364,7 @@ var UiIconButton_default = /* @__PURE__ */ _defineComponent18({
 
 // src/generated/UiInput.ts
 import { defineComponent as _defineComponent19 } from "vue";
-import { renderSlot as _renderSlot18, mergeProps as _mergeProps19, openBlock as _openBlock19, createElementBlock as _createElementBlock19 } from "vue";
+import { createElementVNode as _createElementVNode19, renderSlot as _renderSlot18, mergeProps as _mergeProps19, openBlock as _openBlock19, createElementBlock as _createElementBlock19 } from "vue";
 import { onMounted as onMounted19, onUnmounted as onUnmounted19, ref as ref19, watchEffect as watchEffect20 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent15 } from "@threadlabs/looma/core/declarative";
 var _hoisted_117 = ["data-invalid"];
@@ -1411,7 +1411,7 @@ var UiInput_default = /* @__PURE__ */ _defineComponent19({
         ref_key: "root",
         ref: root
       }), [
-        _renderSlot18(_ctx.$slots, "default")
+        _createElementVNode19("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot18(_ctx.$slots, "default")])
       ], 16, _hoisted_117);
     };
   }
@@ -1419,7 +1419,7 @@ var UiInput_default = /* @__PURE__ */ _defineComponent19({
 
 // src/generated/UiMenuItem.ts
 import { defineComponent as _defineComponent20 } from "vue";
-import { renderSlot as _renderSlot19, createElementVNode as _createElementVNode13, mergeProps as _mergeProps20, openBlock as _openBlock20, createElementBlock as _createElementBlock20 } from "vue";
+import { renderSlot as _renderSlot19, createElementVNode as _createElementVNode20, mergeProps as _mergeProps20, openBlock as _openBlock20, createElementBlock as _createElementBlock20 } from "vue";
 import { onMounted as onMounted20, onUnmounted as onUnmounted20, ref as ref20, watchEffect as watchEffect21 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps5 } from "@threadlabs/looma/core/declarative-generated";
 var _hoisted_118 = ["data-value"];
@@ -1462,8 +1462,8 @@ var UiMenuItem_default = /* @__PURE__ */ _defineComponent20({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode13("span", _hoisted_29, [
-          _renderSlot19(_ctx.$slots, "default")
+        _createElementVNode20("span", _hoisted_29, [
+          _createElementVNode20("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot19(_ctx.$slots, "default")])
         ])
       ], 16, _hoisted_118);
     };
@@ -1472,7 +1472,7 @@ var UiMenuItem_default = /* @__PURE__ */ _defineComponent20({
 
 // src/generated/UiPopover.ts
 import { defineComponent as _defineComponent21 } from "vue";
-import { renderSlot as _renderSlot20, createElementVNode as _createElementVNode14, mergeProps as _mergeProps21, openBlock as _openBlock21, createElementBlock as _createElementBlock21 } from "vue";
+import { renderSlot as _renderSlot20, createElementVNode as _createElementVNode21, mergeProps as _mergeProps21, openBlock as _openBlock21, createElementBlock as _createElementBlock21 } from "vue";
 import { onMounted as onMounted21, onUnmounted as onUnmounted21, ref as ref21, watchEffect as watchEffect22 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent16 } from "@threadlabs/looma/core/declarative";
 var _hoisted_119 = {
@@ -1524,8 +1524,8 @@ var UiPopover_default = /* @__PURE__ */ _defineComponent21({
           ref: root
         }),
         [
-          _createElementVNode14("div", _hoisted_119, [
-            _renderSlot20(_ctx.$slots, "default")
+          _createElementVNode21("div", _hoisted_119, [
+            _createElementVNode21("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot20(_ctx.$slots, "default")])
           ])
         ],
         16
@@ -1537,7 +1537,7 @@ var UiPopover_default = /* @__PURE__ */ _defineComponent21({
 
 // src/generated/UiRadioGroup.ts
 import { defineComponent as _defineComponent22 } from "vue";
-import { renderSlot as _renderSlot21, mergeProps as _mergeProps22, openBlock as _openBlock22, createElementBlock as _createElementBlock22 } from "vue";
+import { createElementVNode as _createElementVNode22, renderSlot as _renderSlot21, mergeProps as _mergeProps22, openBlock as _openBlock22, createElementBlock as _createElementBlock22 } from "vue";
 import { onMounted as onMounted22, onUnmounted as onUnmounted22, ref as ref22, watchEffect as watchEffect23 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent17 } from "@threadlabs/looma/core/declarative";
 var _hoisted_120 = ["data-orientation", "data-disabled"];
@@ -1586,7 +1586,7 @@ var UiRadioGroup_default = /* @__PURE__ */ _defineComponent22({
         ref_key: "root",
         ref: root
       }), [
-        _renderSlot21(_ctx.$slots, "default")
+        _createElementVNode22("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot21(_ctx.$slots, "default")])
       ], 16, _hoisted_120);
     };
   }
@@ -1594,7 +1594,7 @@ var UiRadioGroup_default = /* @__PURE__ */ _defineComponent22({
 
 // src/generated/UiRadio.ts
 import { defineComponent as _defineComponent23 } from "vue";
-import { renderSlot as _renderSlot22, mergeProps as _mergeProps23, openBlock as _openBlock23, createElementBlock as _createElementBlock23 } from "vue";
+import { createElementVNode as _createElementVNode23, renderSlot as _renderSlot22, mergeProps as _mergeProps23, openBlock as _openBlock23, createElementBlock as _createElementBlock23 } from "vue";
 import { onMounted as onMounted23, onUnmounted as onUnmounted23, ref as ref23, watchEffect as watchEffect24 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent18 } from "@threadlabs/looma/core/declarative";
 var _hoisted_121 = ["data-disabled"];
@@ -1640,7 +1640,7 @@ var UiRadio_default = /* @__PURE__ */ _defineComponent23({
         ref_key: "root",
         ref: root
       }), [
-        _renderSlot22(_ctx.$slots, "default")
+        _createElementVNode23("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot22(_ctx.$slots, "default")])
       ], 16, _hoisted_121);
     };
   }
@@ -1648,7 +1648,7 @@ var UiRadio_default = /* @__PURE__ */ _defineComponent23({
 
 // src/generated/UiSearchResultRow.ts
 import { defineComponent as _defineComponent24 } from "vue";
-import { renderSlot as _renderSlot23, createElementVNode as _createElementVNode15, mergeProps as _mergeProps24, openBlock as _openBlock24, createElementBlock as _createElementBlock24 } from "vue";
+import { renderSlot as _renderSlot23, createElementVNode as _createElementVNode24, mergeProps as _mergeProps24, openBlock as _openBlock24, createElementBlock as _createElementBlock24 } from "vue";
 import { onMounted as onMounted24, onUnmounted as onUnmounted24, ref as ref24, watchEffect as watchEffect25 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent19 } from "@threadlabs/looma/core/declarative";
 var _hoisted_122 = ["disabled"];
@@ -1720,29 +1720,29 @@ var UiSearchResultRow_default = /* @__PURE__ */ _defineComponent24({
           ref: root
         }),
         [
-          _createElementVNode15("button", {
+          _createElementVNode24("button", {
             class: "search-result-row",
             type: "button",
             disabled: props.disabled,
             part: "button",
             "data-component": "ui-search-result-row"
           }, [
-            _createElementVNode15("span", _hoisted_210, [
-              _renderSlot23(_ctx.$slots, "leading")
+            _createElementVNode24("span", _hoisted_210, [
+              _createElementVNode24("span", { slot: "leading", "data-looma-framework-slot": "leading", style: { display: "contents" } }, [_renderSlot23(_ctx.$slots, "leading")])
             ]),
-            _createElementVNode15("span", _hoisted_35, [
-              _createElementVNode15("span", _hoisted_42, [
-                _renderSlot23(_ctx.$slots, "title")
+            _createElementVNode24("span", _hoisted_35, [
+              _createElementVNode24("span", _hoisted_42, [
+                _createElementVNode24("span", { slot: "title", "data-looma-framework-slot": "title", style: { display: "contents" } }, [_renderSlot23(_ctx.$slots, "title")])
               ]),
-              _createElementVNode15("span", _hoisted_52, [
-                _renderSlot23(_ctx.$slots, "meta")
+              _createElementVNode24("span", _hoisted_52, [
+                _createElementVNode24("span", { slot: "meta", "data-looma-framework-slot": "meta", style: { display: "contents" } }, [_renderSlot23(_ctx.$slots, "meta")])
               ]),
-              _createElementVNode15("span", _hoisted_6, [
-                _renderSlot23(_ctx.$slots, "excerpt")
+              _createElementVNode24("span", _hoisted_6, [
+                _createElementVNode24("span", { slot: "excerpt", "data-looma-framework-slot": "excerpt", style: { display: "contents" } }, [_renderSlot23(_ctx.$slots, "excerpt")])
               ])
             ]),
-            _createElementVNode15("span", _hoisted_7, [
-              _renderSlot23(_ctx.$slots, "trailing")
+            _createElementVNode24("span", _hoisted_7, [
+              _createElementVNode24("span", { slot: "trailing", "data-looma-framework-slot": "trailing", style: { display: "contents" } }, [_renderSlot23(_ctx.$slots, "trailing")])
             ])
           ], 8, _hoisted_122)
         ],
@@ -1755,7 +1755,7 @@ var UiSearchResultRow_default = /* @__PURE__ */ _defineComponent24({
 
 // src/generated/UiSearchShell.ts
 import { defineComponent as _defineComponent25 } from "vue";
-import { renderSlot as _renderSlot24, createElementVNode as _createElementVNode16, mergeProps as _mergeProps25, openBlock as _openBlock25, createElementBlock as _createElementBlock25 } from "vue";
+import { renderSlot as _renderSlot24, createElementVNode as _createElementVNode25, mergeProps as _mergeProps25, openBlock as _openBlock25, createElementBlock as _createElementBlock25 } from "vue";
 import { onMounted as onMounted25, onUnmounted as onUnmounted25, ref as ref25, watchEffect as watchEffect26 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent20 } from "@threadlabs/looma/core/declarative";
 var _hoisted_123 = {
@@ -1820,20 +1820,20 @@ var UiSearchShell_default = /* @__PURE__ */ _defineComponent25({
           ref: root
         }),
         [
-          _createElementVNode16("div", _hoisted_123, [
-            _renderSlot24(_ctx.$slots, "backdrop"),
-            _createElementVNode16("div", _hoisted_211, [
-              _createElementVNode16("div", _hoisted_36, [
-                _renderSlot24(_ctx.$slots, "search")
+          _createElementVNode25("div", _hoisted_123, [
+            _createElementVNode25("span", { slot: "backdrop", "data-looma-framework-slot": "backdrop", style: { display: "contents" } }, [_renderSlot24(_ctx.$slots, "backdrop")]),
+            _createElementVNode25("div", _hoisted_211, [
+              _createElementVNode25("div", _hoisted_36, [
+                _createElementVNode25("span", { slot: "search", "data-looma-framework-slot": "search", style: { display: "contents" } }, [_renderSlot24(_ctx.$slots, "search")])
               ]),
-              _createElementVNode16("div", _hoisted_43, [
-                _renderSlot24(_ctx.$slots, "status")
+              _createElementVNode25("div", _hoisted_43, [
+                _createElementVNode25("span", { slot: "status", "data-looma-framework-slot": "status", style: { display: "contents" } }, [_renderSlot24(_ctx.$slots, "status")])
               ]),
-              _createElementVNode16("div", _hoisted_53, [
-                _renderSlot24(_ctx.$slots, "body")
+              _createElementVNode25("div", _hoisted_53, [
+                _createElementVNode25("span", { slot: "body", "data-looma-framework-slot": "body", style: { display: "contents" } }, [_renderSlot24(_ctx.$slots, "body")])
               ]),
-              _createElementVNode16("div", _hoisted_62, [
-                _renderSlot24(_ctx.$slots, "footer")
+              _createElementVNode25("div", _hoisted_62, [
+                _createElementVNode25("span", { slot: "footer", "data-looma-framework-slot": "footer", style: { display: "contents" } }, [_renderSlot24(_ctx.$slots, "footer")])
               ])
             ])
           ])
@@ -1847,7 +1847,7 @@ var UiSearchShell_default = /* @__PURE__ */ _defineComponent25({
 
 // src/generated/UiSelect.ts
 import { defineComponent as _defineComponent26 } from "vue";
-import { renderSlot as _renderSlot25, mergeProps as _mergeProps26, openBlock as _openBlock26, createElementBlock as _createElementBlock26 } from "vue";
+import { createElementVNode as _createElementVNode26, renderSlot as _renderSlot25, mergeProps as _mergeProps26, openBlock as _openBlock26, createElementBlock as _createElementBlock26 } from "vue";
 import { onMounted as onMounted26, onUnmounted as onUnmounted26, ref as ref26, watchEffect as watchEffect27 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent21 } from "@threadlabs/looma/core/declarative";
 var _hoisted_124 = ["data-invalid"];
@@ -1894,7 +1894,7 @@ var UiSelect_default = /* @__PURE__ */ _defineComponent26({
         ref_key: "root",
         ref: root
       }), [
-        _renderSlot25(_ctx.$slots, "default")
+        _createElementVNode26("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot25(_ctx.$slots, "default")])
       ], 16, _hoisted_124);
     };
   }
@@ -1902,7 +1902,7 @@ var UiSelect_default = /* @__PURE__ */ _defineComponent26({
 
 // src/generated/UiSwitch.ts
 import { defineComponent as _defineComponent27 } from "vue";
-import { createElementVNode as _createElementVNode17, renderSlot as _renderSlot26, mergeProps as _mergeProps27, openBlock as _openBlock27, createElementBlock as _createElementBlock27 } from "vue";
+import { createElementVNode as _createElementVNode27, renderSlot as _renderSlot26, mergeProps as _mergeProps27, openBlock as _openBlock27, createElementBlock as _createElementBlock27 } from "vue";
 import { onMounted as onMounted27, onUnmounted as onUnmounted27, ref as ref27, watchEffect as watchEffect28 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent22 } from "@threadlabs/looma/core/declarative";
 var _hoisted_125 = ["data-disabled"];
@@ -1948,7 +1948,7 @@ var UiSwitch_default = /* @__PURE__ */ _defineComponent27({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode17("input", {
+        _createElementVNode27("input", {
           type: "checkbox",
           checked: void 0,
           required: props.required,
@@ -1956,7 +1956,7 @@ var UiSwitch_default = /* @__PURE__ */ _defineComponent27({
           "aria-hidden": "true",
           "data-component": "ui-switch"
         }, null, 8, _hoisted_212),
-        _renderSlot26(_ctx.$slots, "default")
+        _createElementVNode27("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot26(_ctx.$slots, "default")])
       ], 16, _hoisted_125);
     };
   }
@@ -1964,7 +1964,7 @@ var UiSwitch_default = /* @__PURE__ */ _defineComponent27({
 
 // src/generated/UiTabs.ts
 import { defineComponent as _defineComponent28 } from "vue";
-import { renderSlot as _renderSlot27, mergeProps as _mergeProps28, openBlock as _openBlock28, createElementBlock as _createElementBlock28 } from "vue";
+import { createElementVNode as _createElementVNode28, renderSlot as _renderSlot27, mergeProps as _mergeProps28, openBlock as _openBlock28, createElementBlock as _createElementBlock28 } from "vue";
 import { onMounted as onMounted28, onUnmounted as onUnmounted28, ref as ref28, watchEffect as watchEffect29 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent23 } from "@threadlabs/looma/core/declarative";
 var _hoisted_126 = ["data-orientation"];
@@ -2006,7 +2006,7 @@ var UiTabs_default = /* @__PURE__ */ _defineComponent28({
         ref_key: "root",
         ref: root
       }), [
-        _renderSlot27(_ctx.$slots, "default")
+        _createElementVNode28("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot27(_ctx.$slots, "default")])
       ], 16, _hoisted_126);
     };
   }
@@ -2014,7 +2014,7 @@ var UiTabs_default = /* @__PURE__ */ _defineComponent28({
 
 // src/generated/UiTextarea.ts
 import { defineComponent as _defineComponent29 } from "vue";
-import { renderSlot as _renderSlot28, mergeProps as _mergeProps29, openBlock as _openBlock29, createElementBlock as _createElementBlock29 } from "vue";
+import { createElementVNode as _createElementVNode29, renderSlot as _renderSlot28, mergeProps as _mergeProps29, openBlock as _openBlock29, createElementBlock as _createElementBlock29 } from "vue";
 import { onMounted as onMounted29, onUnmounted as onUnmounted29, ref as ref29, watchEffect as watchEffect30 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent24 } from "@threadlabs/looma/core/declarative";
 var _hoisted_127 = ["data-invalid"];
@@ -2062,7 +2062,7 @@ var UiTextarea_default = /* @__PURE__ */ _defineComponent29({
         ref_key: "root",
         ref: root
       }), [
-        _renderSlot28(_ctx.$slots, "default")
+        _createElementVNode29("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot28(_ctx.$slots, "default")])
       ], 16, _hoisted_127);
     };
   }
@@ -2070,7 +2070,7 @@ var UiTextarea_default = /* @__PURE__ */ _defineComponent29({
 
 // src/generated/UiToastRegion.ts
 import { defineComponent as _defineComponent30 } from "vue";
-import { renderSlot as _renderSlot29, mergeProps as _mergeProps30, openBlock as _openBlock30, createElementBlock as _createElementBlock30 } from "vue";
+import { createElementVNode as _createElementVNode30, renderSlot as _renderSlot29, mergeProps as _mergeProps30, openBlock as _openBlock30, createElementBlock as _createElementBlock30 } from "vue";
 import { onMounted as onMounted30, onUnmounted as onUnmounted30, ref as ref30, watchEffect as watchEffect31 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent25 } from "@threadlabs/looma/core/declarative";
 var UiToastRegion_default = /* @__PURE__ */ _defineComponent30({
@@ -2118,7 +2118,7 @@ var UiToastRegion_default = /* @__PURE__ */ _defineComponent30({
           ref: root
         }),
         [
-          _renderSlot29(_ctx.$slots, "default")
+          _createElementVNode30("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot29(_ctx.$slots, "default")])
         ],
         16
         /* FULL_PROPS */
@@ -2129,7 +2129,7 @@ var UiToastRegion_default = /* @__PURE__ */ _defineComponent30({
 
 // src/generated/UiTopBar.ts
 import { defineComponent as _defineComponent31 } from "vue";
-import { renderSlot as _renderSlot30, createElementVNode as _createElementVNode18, mergeProps as _mergeProps31, openBlock as _openBlock31, createElementBlock as _createElementBlock31 } from "vue";
+import { renderSlot as _renderSlot30, createElementVNode as _createElementVNode31, mergeProps as _mergeProps31, openBlock as _openBlock31, createElementBlock as _createElementBlock31 } from "vue";
 import { onMounted as onMounted31, onUnmounted as onUnmounted31, ref as ref31, watchEffect as watchEffect32 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent26 } from "@threadlabs/looma/core/declarative";
 var _hoisted_128 = {
@@ -2186,18 +2186,18 @@ var UiTopBar_default = /* @__PURE__ */ _defineComponent31({
           ref: root
         }),
         [
-          _createElementVNode18("header", _hoisted_128, [
-            _createElementVNode18("div", _hoisted_213, [
-              _renderSlot30(_ctx.$slots, "leading")
+          _createElementVNode31("header", _hoisted_128, [
+            _createElementVNode31("div", _hoisted_213, [
+              _createElementVNode31("span", { slot: "leading", "data-looma-framework-slot": "leading", style: { display: "contents" } }, [_renderSlot30(_ctx.$slots, "leading")])
             ]),
-            _createElementVNode18("div", _hoisted_37, [
-              _renderSlot30(_ctx.$slots, "default")
+            _createElementVNode31("div", _hoisted_37, [
+              _createElementVNode31("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot30(_ctx.$slots, "default")])
             ]),
-            _createElementVNode18("div", _hoisted_44, [
-              _renderSlot30(_ctx.$slots, "search")
+            _createElementVNode31("div", _hoisted_44, [
+              _createElementVNode31("span", { slot: "search", "data-looma-framework-slot": "search", style: { display: "contents" } }, [_renderSlot30(_ctx.$slots, "search")])
             ]),
-            _createElementVNode18("div", _hoisted_54, [
-              _renderSlot30(_ctx.$slots, "actions")
+            _createElementVNode31("div", _hoisted_54, [
+              _createElementVNode31("span", { slot: "actions", "data-looma-framework-slot": "actions", style: { display: "contents" } }, [_renderSlot30(_ctx.$slots, "actions")])
             ])
           ])
         ],
@@ -2210,7 +2210,7 @@ var UiTopBar_default = /* @__PURE__ */ _defineComponent31({
 
 // src/generated/UiTreeItem.ts
 import { defineComponent as _defineComponent32 } from "vue";
-import { createElementVNode as _createElementVNode19, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot31, mergeProps as _mergeProps32, openBlock as _openBlock32, createElementBlock as _createElementBlock32 } from "vue";
+import { createElementVNode as _createElementVNode32, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot31, mergeProps as _mergeProps32, openBlock as _openBlock32, createElementBlock as _createElementBlock32 } from "vue";
 import { onMounted as onMounted32, onUnmounted as onUnmounted32, ref as ref32, watchEffect as watchEffect33 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent27 } from "@threadlabs/looma/core/declarative";
 var _hoisted_129 = ["aria-label", "data-container", "data-selected", "data-disabled", "data-drop-scope", "data-accepts"];
@@ -2294,8 +2294,8 @@ var UiTreeItem_default = /* @__PURE__ */ _defineComponent32({
         ref_key: "root",
         ref: root
       }), [
-        _createElementVNode19("div", _hoisted_214, [
-          props.sortable && !props.disabled ? _cache[0] || (_cache[0] = _createElementVNode19(
+        _createElementVNode32("div", _hoisted_214, [
+          props.sortable && !props.disabled ? _cache[0] || (_cache[0] = _createElementVNode32(
             "button",
             {
               class: "drag-handle",
@@ -2304,12 +2304,12 @@ var UiTreeItem_default = /* @__PURE__ */ _defineComponent32({
               "data-component": "ui-tree-item"
             },
             [
-              _createElementVNode19("span", { "data-component": "ui-tree-item" })
+              _createElementVNode32("span", { "data-component": "ui-tree-item" })
             ],
             -1
             /* CACHED */
           )) : _createCommentVNode("v-if", true),
-          props.container ? _cache[1] || (_cache[1] = _createElementVNode19(
+          props.container ? _cache[1] || (_cache[1] = _createElementVNode32(
             "button",
             {
               class: "disclosure",
@@ -2318,11 +2318,11 @@ var UiTreeItem_default = /* @__PURE__ */ _defineComponent32({
               "data-component": "ui-tree-item"
             },
             [
-              _createElementVNode19("span", { "data-component": "ui-tree-item" })
+              _createElementVNode32("span", { "data-component": "ui-tree-item" })
             ],
             -1
             /* CACHED */
-          )) : _cache[4] || (_cache[4] = _createElementVNode19(
+          )) : _cache[4] || (_cache[4] = _createElementVNode32(
             "span",
             {
               class: "disclosure-spacer",
@@ -2333,16 +2333,16 @@ var UiTreeItem_default = /* @__PURE__ */ _defineComponent32({
             -1
             /* CACHED */
           )),
-          _createElementVNode19("span", _hoisted_38, [
-            _renderSlot31(_ctx.$slots, "leading")
+          _createElementVNode32("span", _hoisted_38, [
+            _createElementVNode32("span", { slot: "leading", "data-looma-framework-slot": "leading", style: { display: "contents" } }, [_renderSlot31(_ctx.$slots, "leading")])
           ]),
-          _createElementVNode19("span", _hoisted_45, [
-            _renderSlot31(_ctx.$slots, "default")
+          _createElementVNode32("span", _hoisted_45, [
+            _createElementVNode32("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot31(_ctx.$slots, "default")])
           ]),
-          _createElementVNode19("span", _hoisted_55, [
-            _renderSlot31(_ctx.$slots, "actions")
+          _createElementVNode32("span", _hoisted_55, [
+            _createElementVNode32("span", { slot: "actions", "data-looma-framework-slot": "actions", style: { display: "contents" } }, [_renderSlot31(_ctx.$slots, "actions")])
           ]),
-          _cache[2] || (_cache[2] = _createElementVNode19(
+          _cache[2] || (_cache[2] = _createElementVNode32(
             "span",
             {
               class: "drop-indicator row-drop-indicator",
@@ -2355,10 +2355,10 @@ var UiTreeItem_default = /* @__PURE__ */ _defineComponent32({
             /* CACHED */
           ))
         ]),
-        props.container ? _createElementVNode19("div", _hoisted_63, [
-          _renderSlot31(_ctx.$slots, "children")
+        props.container ? _createElementVNode32("div", _hoisted_63, [
+          _createElementVNode32("span", { slot: "children", "data-looma-framework-slot": "children", style: { display: "contents" } }, [_renderSlot31(_ctx.$slots, "children")])
         ]) : _createCommentVNode("v-if", true),
-        _cache[3] || (_cache[3] = _createElementVNode19(
+        _cache[3] || (_cache[3] = _createElementVNode32(
           "span",
           {
             class: "drop-indicator subtree-drop-indicator",
@@ -2377,7 +2377,7 @@ var UiTreeItem_default = /* @__PURE__ */ _defineComponent32({
 
 // src/generated/UiTree.ts
 import { defineComponent as _defineComponent33 } from "vue";
-import { renderSlot as _renderSlot32, mergeProps as _mergeProps33, openBlock as _openBlock33, createElementBlock as _createElementBlock33 } from "vue";
+import { createElementVNode as _createElementVNode33, renderSlot as _renderSlot32, mergeProps as _mergeProps33, openBlock as _openBlock33, createElementBlock as _createElementBlock33 } from "vue";
 import { onMounted as onMounted33, onUnmounted as onUnmounted33, ref as ref33, watchEffect as watchEffect34 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent28 } from "@threadlabs/looma/core/declarative";
 var UiTree_default = /* @__PURE__ */ _defineComponent33({
@@ -2424,7 +2424,7 @@ var UiTree_default = /* @__PURE__ */ _defineComponent33({
           ref: root
         }),
         [
-          _renderSlot32(_ctx.$slots, "default")
+          _createElementVNode33("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot32(_ctx.$slots, "default")])
         ],
         16
         /* FULL_PROPS */
@@ -2435,7 +2435,7 @@ var UiTree_default = /* @__PURE__ */ _defineComponent33({
 
 // src/generated/UiCenter.ts
 import { defineComponent as _defineComponent34 } from "vue";
-import { renderSlot as _renderSlot33, mergeProps as _mergeProps34, openBlock as _openBlock34, createElementBlock as _createElementBlock34 } from "vue";
+import { createElementVNode as _createElementVNode34, renderSlot as _renderSlot33, mergeProps as _mergeProps34, openBlock as _openBlock34, createElementBlock as _createElementBlock34 } from "vue";
 import { onMounted as onMounted34, onUnmounted as onUnmounted34, ref as ref34, watchEffect as watchEffect35 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps6 } from "@threadlabs/looma/core/declarative-generated";
 var UiCenter_default = /* @__PURE__ */ _defineComponent34({
@@ -2474,7 +2474,7 @@ var UiCenter_default = /* @__PURE__ */ _defineComponent34({
           ref: root
         }),
         [
-          _renderSlot33(_ctx.$slots, "default")
+          _createElementVNode34("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot33(_ctx.$slots, "default")])
         ],
         16
         /* FULL_PROPS */
@@ -2485,7 +2485,7 @@ var UiCenter_default = /* @__PURE__ */ _defineComponent34({
 
 // src/generated/UiCluster.ts
 import { defineComponent as _defineComponent35 } from "vue";
-import { renderSlot as _renderSlot34, mergeProps as _mergeProps35, openBlock as _openBlock35, createElementBlock as _createElementBlock35 } from "vue";
+import { createElementVNode as _createElementVNode35, renderSlot as _renderSlot34, mergeProps as _mergeProps35, openBlock as _openBlock35, createElementBlock as _createElementBlock35 } from "vue";
 import { onMounted as onMounted35, onUnmounted as onUnmounted35, ref as ref35, watchEffect as watchEffect36 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps7 } from "@threadlabs/looma/core/declarative-generated";
 var UiCluster_default = /* @__PURE__ */ _defineComponent35({
@@ -2526,7 +2526,7 @@ var UiCluster_default = /* @__PURE__ */ _defineComponent35({
           ref: root
         }),
         [
-          _renderSlot34(_ctx.$slots, "default")
+          _createElementVNode35("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot34(_ctx.$slots, "default")])
         ],
         16
         /* FULL_PROPS */
@@ -2537,7 +2537,7 @@ var UiCluster_default = /* @__PURE__ */ _defineComponent35({
 
 // src/generated/UiGrid.ts
 import { defineComponent as _defineComponent36 } from "vue";
-import { renderSlot as _renderSlot35, mergeProps as _mergeProps36, openBlock as _openBlock36, createElementBlock as _createElementBlock36 } from "vue";
+import { createElementVNode as _createElementVNode36, renderSlot as _renderSlot35, mergeProps as _mergeProps36, openBlock as _openBlock36, createElementBlock as _createElementBlock36 } from "vue";
 import { onMounted as onMounted36, onUnmounted as onUnmounted36, ref as ref36, watchEffect as watchEffect37 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps8 } from "@threadlabs/looma/core/declarative-generated";
 var UiGrid_default = /* @__PURE__ */ _defineComponent36({
@@ -2576,7 +2576,7 @@ var UiGrid_default = /* @__PURE__ */ _defineComponent36({
           ref: root
         }),
         [
-          _renderSlot35(_ctx.$slots, "default")
+          _createElementVNode36("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot35(_ctx.$slots, "default")])
         ],
         16
         /* FULL_PROPS */
@@ -2587,7 +2587,7 @@ var UiGrid_default = /* @__PURE__ */ _defineComponent36({
 
 // src/generated/UiInline.ts
 import { defineComponent as _defineComponent37 } from "vue";
-import { renderSlot as _renderSlot36, mergeProps as _mergeProps37, openBlock as _openBlock37, createElementBlock as _createElementBlock37 } from "vue";
+import { createElementVNode as _createElementVNode37, renderSlot as _renderSlot36, mergeProps as _mergeProps37, openBlock as _openBlock37, createElementBlock as _createElementBlock37 } from "vue";
 import { onMounted as onMounted37, onUnmounted as onUnmounted37, ref as ref37, watchEffect as watchEffect38 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps9 } from "@threadlabs/looma/core/declarative-generated";
 var UiInline_default = /* @__PURE__ */ _defineComponent37({
@@ -2630,7 +2630,7 @@ var UiInline_default = /* @__PURE__ */ _defineComponent37({
           ref: root
         }),
         [
-          _renderSlot36(_ctx.$slots, "default")
+          _createElementVNode37("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot36(_ctx.$slots, "default")])
         ],
         16
         /* FULL_PROPS */
@@ -2641,7 +2641,7 @@ var UiInline_default = /* @__PURE__ */ _defineComponent37({
 
 // src/generated/UiReel.ts
 import { defineComponent as _defineComponent38 } from "vue";
-import { renderSlot as _renderSlot37, mergeProps as _mergeProps38, openBlock as _openBlock38, createElementBlock as _createElementBlock38 } from "vue";
+import { createElementVNode as _createElementVNode38, renderSlot as _renderSlot37, mergeProps as _mergeProps38, openBlock as _openBlock38, createElementBlock as _createElementBlock38 } from "vue";
 import { onMounted as onMounted38, onUnmounted as onUnmounted38, ref as ref38, watchEffect as watchEffect39 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent29 } from "@threadlabs/looma/core/declarative";
 var UiReel_default = /* @__PURE__ */ _defineComponent38({
@@ -2679,7 +2679,7 @@ var UiReel_default = /* @__PURE__ */ _defineComponent38({
           ref: root
         }),
         [
-          _renderSlot37(_ctx.$slots, "default")
+          _createElementVNode38("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot37(_ctx.$slots, "default")])
         ],
         16
         /* FULL_PROPS */
@@ -2690,7 +2690,7 @@ var UiReel_default = /* @__PURE__ */ _defineComponent38({
 
 // src/generated/UiSeparator.ts
 import { defineComponent as _defineComponent39 } from "vue";
-import { renderSlot as _renderSlot38, mergeProps as _mergeProps39, openBlock as _openBlock39, createElementBlock as _createElementBlock39 } from "vue";
+import { createElementVNode as _createElementVNode39, renderSlot as _renderSlot38, mergeProps as _mergeProps39, openBlock as _openBlock39, createElementBlock as _createElementBlock39 } from "vue";
 import { onMounted as onMounted39, onUnmounted as onUnmounted39, ref as ref39, watchEffect as watchEffect40 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent30 } from "@threadlabs/looma/core/declarative";
 var UiSeparator_default = /* @__PURE__ */ _defineComponent39({
@@ -2726,7 +2726,7 @@ var UiSeparator_default = /* @__PURE__ */ _defineComponent39({
           ref: root
         }),
         [
-          _renderSlot38(_ctx.$slots, "default")
+          _createElementVNode39("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot38(_ctx.$slots, "default")])
         ],
         16
         /* FULL_PROPS */
@@ -2737,7 +2737,7 @@ var UiSeparator_default = /* @__PURE__ */ _defineComponent39({
 
 // src/generated/UiSidebar.ts
 import { defineComponent as _defineComponent40 } from "vue";
-import { renderSlot as _renderSlot39, mergeProps as _mergeProps40, openBlock as _openBlock40, createElementBlock as _createElementBlock40 } from "vue";
+import { createElementVNode as _createElementVNode40, renderSlot as _renderSlot39, mergeProps as _mergeProps40, openBlock as _openBlock40, createElementBlock as _createElementBlock40 } from "vue";
 import { onMounted as onMounted40, onUnmounted as onUnmounted40, ref as ref40, watchEffect as watchEffect41 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent31 } from "@threadlabs/looma/core/declarative";
 var UiSidebar_default = /* @__PURE__ */ _defineComponent40({
@@ -2787,7 +2787,7 @@ var UiSidebar_default = /* @__PURE__ */ _defineComponent40({
           ref: root
         }),
         [
-          _renderSlot39(_ctx.$slots, "default")
+          _createElementVNode40("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot39(_ctx.$slots, "default")])
         ],
         16
         /* FULL_PROPS */
@@ -2798,7 +2798,7 @@ var UiSidebar_default = /* @__PURE__ */ _defineComponent40({
 
 // src/generated/UiStack.ts
 import { defineComponent as _defineComponent41 } from "vue";
-import { renderSlot as _renderSlot40, mergeProps as _mergeProps41, openBlock as _openBlock41, createElementBlock as _createElementBlock41 } from "vue";
+import { createElementVNode as _createElementVNode41, renderSlot as _renderSlot40, mergeProps as _mergeProps41, openBlock as _openBlock41, createElementBlock as _createElementBlock41 } from "vue";
 import { onMounted as onMounted41, onUnmounted as onUnmounted41, ref as ref41, watchEffect as watchEffect42 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps10 } from "@threadlabs/looma/core/declarative-generated";
 var UiStack_default = /* @__PURE__ */ _defineComponent41({
@@ -2839,7 +2839,7 @@ var UiStack_default = /* @__PURE__ */ _defineComponent41({
           ref: root
         }),
         [
-          _renderSlot40(_ctx.$slots, "default")
+          _createElementVNode41("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot40(_ctx.$slots, "default")])
         ],
         16
         /* FULL_PROPS */
@@ -2850,7 +2850,7 @@ var UiStack_default = /* @__PURE__ */ _defineComponent41({
 
 // src/generated/UiSwitcher.ts
 import { defineComponent as _defineComponent42 } from "vue";
-import { renderSlot as _renderSlot41, mergeProps as _mergeProps42, openBlock as _openBlock42, createElementBlock as _createElementBlock42 } from "vue";
+import { createElementVNode as _createElementVNode42, renderSlot as _renderSlot41, mergeProps as _mergeProps42, openBlock as _openBlock42, createElementBlock as _createElementBlock42 } from "vue";
 import { onMounted as onMounted42, onUnmounted as onUnmounted42, ref as ref42, watchEffect as watchEffect43 } from "vue";
 import { manageGeneratedProps as manageGeneratedProps11 } from "@threadlabs/looma/core/declarative-generated";
 var UiSwitcher_default = /* @__PURE__ */ _defineComponent42({
@@ -2891,7 +2891,7 @@ var UiSwitcher_default = /* @__PURE__ */ _defineComponent42({
           ref: root
         }),
         [
-          _renderSlot41(_ctx.$slots, "default")
+          _createElementVNode42("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot41(_ctx.$slots, "default")])
         ],
         16
         /* FULL_PROPS */
@@ -3247,7 +3247,7 @@ var UiEditorTableToolbar_default = /* @__PURE__ */ _defineComponent48({
 
 // src/generated/UiEditorToolbar.ts
 import { defineComponent as _defineComponent49 } from "vue";
-import { renderSlot as _renderSlot42, mergeProps as _mergeProps49, openBlock as _openBlock49, createElementBlock as _createElementBlock49 } from "vue";
+import { createElementVNode as _createElementVNode43, renderSlot as _renderSlot42, mergeProps as _mergeProps49, openBlock as _openBlock49, createElementBlock as _createElementBlock49 } from "vue";
 import { onMounted as onMounted49, onUnmounted as onUnmounted49, ref as ref49, watchEffect as watchEffect50 } from "vue";
 import { attachLoomaComponent as attachLoomaComponent38 } from "@threadlabs/looma/core/declarative";
 var UiEditorToolbar_default = /* @__PURE__ */ _defineComponent49({
@@ -3280,7 +3280,7 @@ var UiEditorToolbar_default = /* @__PURE__ */ _defineComponent49({
           ref: root
         }),
         [
-          _renderSlot42(_ctx.$slots, "default")
+          _createElementVNode43("span", { "data-looma-framework-slot": "", style: { display: "contents" } }, [_renderSlot42(_ctx.$slots, "default")])
         ],
         16
         /* FULL_PROPS */