@threadlabs/looma 0.2.5 → 0.2.6

package/vue/chunk-4DPYH3IT.js

@@ -0,0 +1,3538 @@
+// src/index.ts
+import "@threadlabs/looma/layout";
+import "@threadlabs/looma/core";
+
+// src/adapter.ts
+import {
+  defineComponent,
+  h,
+  shallowRef,
+  watchEffect
+} from "vue";
+var BASE_EVENT_BINDINGS = [
+  ["open", "onOpen"],
+  ["close", "onClose"],
+  ["select", "onSelect"],
+  ["change", "onChange"],
+  ["input", "onInput"],
+  ["dismiss", "onDismiss"]
+];
+function toHTMLElement(value) {
+  if (!value) return null;
+  if (value instanceof HTMLElement) return value;
+  const componentRoot = value.$el;
+  if (componentRoot instanceof HTMLElement) return componentRoot;
+  return null;
+}
+function createAdapterComponent(component, displayName, additionalEventBindings = [], defaultHydrationMismatch = "class", propertyBindings = []) {
+  const eventBindings = [...BASE_EVENT_BINDINGS, ...additionalEventBindings];
+  const callbackAttrs = new Set(eventBindings.map(([, callbackAttr]) => callbackAttr));
+  const propertyAttrs = new Set(propertyBindings);
+  return defineComponent({
+    name: displayName,
+    inheritAttrs: false,
+    setup(_props, { attrs, slots }) {
+      const elementRef = shallowRef(null);
+      watchEffect((onCleanup) => {
+        const element = elementRef.value;
+        if (!element) return;
+        const adapterAttrs = attrs;
+        const propertyTarget = element;
+        for (const propertyName of propertyBindings) {
+          if (propertyTarget[propertyName] !== adapterAttrs[propertyName]) {
+            propertyTarget[propertyName] = adapterAttrs[propertyName];
+          }
+        }
+        const handlers = eventBindings.map(
+          ([eventName, callbackAttr]) => {
+            const callback = adapterAttrs[callbackAttr];
+            return [
+              eventName,
+              typeof callback === "function" ? (event) => callback(event.detail) : void 0
+            ];
+          }
+        );
+        for (const [eventName, handler] of handlers) {
+          if (handler) element.addEventListener(eventName, handler);
+        }
+        onCleanup(() => {
+          for (const [eventName, handler] of handlers) {
+            if (handler) element.removeEventListener(eventName, handler);
+          }
+        });
+      });
+      return () => {
+        const forwardedAttrs = Object.fromEntries(
+          Object.entries(attrs).filter(
+            ([name]) => !callbackAttrs.has(name)
+          )
+        );
+        const componentSlots = Object.fromEntries(
+          Object.entries(slots).filter((entry) => Boolean(entry[1])).map(([slotName, slotFn]) => [slotName, () => slotFn()])
+        );
+        return h(
+          component,
+          {
+            "data-allow-mismatch": forwardedAttrs["data-allow-mismatch"] ?? defaultHydrationMismatch,
+            ...forwardedAttrs,
+            class: forwardedAttrs.class,
+            ref: (value) => {
+              elementRef.value = toHTMLElement(value);
+            }
+          },
+          Object.keys(componentSlots).length > 0 ? componentSlots : void 0
+        );
+      };
+    }
+  });
+}
+
+// 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 { onMounted, onUnmounted, ref, watchEffect as watchEffect2 } from "vue";
+import { attachLoomaComponent } from "@threadlabs/looma/core/declarative";
+var UiAffordanceScope_default = /* @__PURE__ */ _defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "UiAffordanceScope",
+  props: {
+    nearRadius: { type: [Number, null], required: false, default: 16 }
+  },
+  setup(__props) {
+    const props = __props;
+    const definition = { ...{ "contract": { "tag": "ui-affordance-scope", "props": { "nearRadius": { "type": "number", "required": false, "target": { "attribute": "nearradius" }, "default": 16 } } }, "template": { "kind": "element", "name": "span", "attributes": [], "children": [{ "kind": "slot" }] }, "declarations": [], "root": { "kind": "native", "element": "span", "choices": ["span"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref();
+    let detach;
+    onMounted(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent(root.value, definition, "ui-affordance-scope", props);
+    });
+    watchEffect2(() => {
+      if (root.value == null) return;
+      for (const name of ["nearRadius"]) root.value[name] = props[name];
+    });
+    onUnmounted(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock(
+        "span",
+        _mergeProps(_ctx.$attrs, {
+          "data-component": "ui-affordance-scope",
+          "data-component-root": "ui-affordance-scope",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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"];
+var UiAvatarGroup_default = /* @__PURE__ */ _defineComponent2({
+  ...{ inheritAttrs: false },
+  __name: "UiAvatarGroup",
+  props: {
+    label: { type: [String, null], required: false, default: "People" },
+    max: { type: [Number, null], required: false, default: 5 }
+  },
+  setup(__props) {
+    const props = __props;
+    const definition = { ...{ "contract": { "tag": "ui-avatar-group", "props": { "label": { "type": "string", "required": false, "target": { "attribute": "aria-label" }, "default": "People" }, "max": { "type": "number", "required": false, "target": { "attribute": "max" }, "default": 5 } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "role", "value": "group" }, { "kind": "attribute", "name": "aria-label", "expression": "label", "expressionPlan": { "source": "label", "ast": { "kind": "id", "name": "label" }, "dependencies": ["label"] } }], "children": [{ "kind": "slot" }] }, "declarations": [{ "kind": "state", "name": "overflowCount", "expression": { "source": "0", "ast": { "kind": "literal", "value": 0 }, "dependencies": [] } }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref2();
+    let detach;
+    onMounted2(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent2(root.value, definition, "ui-avatar-group", props);
+    });
+    watchEffect3(() => {
+      if (root.value == null) return;
+      for (const name of ["label", "max"]) root.value[name] = props[name];
+    });
+    onUnmounted2(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock2(), _createElementBlock2("div", _mergeProps2(_ctx.$attrs, {
+        "data-component": "ui-avatar-group",
+        "data-component-root": "ui-avatar-group",
+        "data-looma-managed": "framework",
+        role: "group",
+        "aria-label": props.label,
+        ref_key: "root",
+        ref: root
+      }), [
+        _renderSlot2(_ctx.$slots, "default")
+      ], 16, _hoisted_1);
+    };
+  }
+});
+
+// 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 { 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 = {
+  class: "avatar",
+  "data-component": "ui-avatar"
+};
+var _hoisted_2 = ["src"];
+var UiAvatar_default = /* @__PURE__ */ _defineComponent3({
+  ...{ inheritAttrs: false },
+  __name: "UiAvatar",
+  props: {
+    alt: { type: [String, null], required: false, default: "" },
+    fallback: { type: [String, null], required: false, default: "" },
+    name: { type: [String, null], required: false, default: "" },
+    src: { type: [String, null], required: false, default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const definition = { ...{ "contract": { "tag": "ui-avatar", "props": { "alt": { "type": "string", "required": false, "target": { "attribute": "alt" }, "default": "" }, "fallback": { "type": "string", "required": false, "target": { "attribute": "fallback" }, "default": "" }, "name": { "type": "string", "required": false, "target": { "attribute": "name" }, "default": "" }, "src": { "type": "string", "required": false, "target": { "attribute": "src" }, "default": "" } } }, "template": { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "role", "value": "img" }, { "kind": "attribute", "name": "data-has-image", "expression": "hasImage", "expressionPlan": { "source": "hasImage", "ast": { "kind": "id", "name": "hasImage" }, "dependencies": ["hasImage"] } }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "avatar" }], "children": [{ "kind": "element", "name": "img", "attributes": [{ "kind": "attribute", "name": "src", "expression": "src", "expressionPlan": { "source": "src", "ast": { "kind": "id", "name": "src" }, "dependencies": ["src"] } }, { "kind": "attribute", "name": "hidden", "expression": "not hasImage", "expressionPlan": { "source": "not hasImage", "ast": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "hasImage" } }, "dependencies": ["hasImage"] } }], "children": [] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "fallback" }], "children": [] }] }] }, "declarations": [{ "kind": "state", "name": "hasImage", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }], "root": { "kind": "native", "element": "span", "choices": ["span"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref3();
+    let detach;
+    onMounted3(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent3(root.value, definition, "ui-avatar", props);
+    });
+    watchEffect4(() => {
+      if (root.value == null) return;
+      for (const name of ["alt", "fallback", "name", "src"]) root.value[name] = props[name];
+    });
+    onUnmounted3(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock3(), _createElementBlock3(
+        "span",
+        _mergeProps3(_ctx.$attrs, {
+          "data-component": "ui-avatar",
+          "data-component-root": "ui-avatar",
+          "data-looma-managed": "framework",
+          role: "img",
+          "data-has-image": void 0,
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _createElementVNode("div", _hoisted_12, [
+            _createElementVNode("img", {
+              src: props.src,
+              hidden: void 0,
+              "data-component": "ui-avatar"
+            }, null, 8, _hoisted_2),
+            _cache[0] || (_cache[0] = _createElementVNode(
+              "span",
+              {
+                class: "fallback",
+                "data-component": "ui-avatar"
+              },
+              null,
+              -1
+              /* CACHED */
+            ))
+          ])
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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"];
+var _hoisted_22 = {
+  class: "badge__surface",
+  "data-component": "ui-badge"
+};
+var UiBadge_default = /* @__PURE__ */ _defineComponent4({
+  ...{ inheritAttrs: false },
+  __name: "UiBadge",
+  props: {
+    tone: { type: [String, null], required: false },
+    variant: { type: [String, null], required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const root = ref4();
+    let detach;
+    onMounted4(() => {
+      if (root.value == null) return;
+      detach = manageGeneratedProps(root.value, [
+        { name: "tone", attribute: "data-tone", value: props.tone, type: "string", required: false },
+        { name: "variant", attribute: "data-variant", value: props.variant, type: "string", required: false }
+      ]);
+    });
+    watchEffect5(() => {
+      if (root.value == null) return;
+      for (const name of ["tone", "variant"]) root.value[name] = props[name];
+    });
+    onUnmounted4(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock4(), _createElementBlock4("span", _mergeProps4(_ctx.$attrs, {
+        "data-component": "ui-badge",
+        "data-component-root": "ui-badge",
+        "data-looma-managed": "framework",
+        "data-variant": props.variant,
+        "data-tone": props.tone,
+        ref_key: "root",
+        ref: root
+      }), [
+        _createElementVNode2("span", _hoisted_22, [
+          _renderSlot3(_ctx.$slots, "default")
+        ])
+      ], 16, _hoisted_13);
+    };
+  }
+});
+
+// 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 { 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"];
+var UiButton_default = /* @__PURE__ */ _defineComponent5({
+  ...{ inheritAttrs: false },
+  __name: "UiButton",
+  props: {
+    disabled: { type: [Boolean, null], required: false, default: false },
+    size: { type: [String, null], required: false },
+    variant: { type: [String, null], required: false, default: "outline" }
+  },
+  setup(__props) {
+    const props = __props;
+    const definition = { ...{ "contract": { "tag": "ui-button", "props": { "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "size": { "type": "string", "required": false, "target": { "attribute": "data-size" } }, "variant": { "type": "string", "required": false, "target": { "attribute": "data-variant" }, "default": "outline" } } }, "template": { "kind": "element", "name": "span", "attributes": [{ "kind": "attribute", "name": "data-size", "expression": "size", "expressionPlan": { "source": "size", "ast": { "kind": "id", "name": "size" }, "dependencies": ["size"] } }, { "kind": "attribute", "name": "data-variant", "expression": "variant", "expressionPlan": { "source": "variant", "ast": { "kind": "id", "name": "variant" }, "dependencies": ["variant"] } }], "children": [{ "kind": "slot" }] }, "declarations": [], "root": { "kind": "native", "element": "span", "choices": ["span"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref5();
+    let detach;
+    onMounted5(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent4(root.value, definition, "ui-button", props);
+    });
+    watchEffect6(() => {
+      if (root.value == null) return;
+      for (const name of ["disabled", "size", "variant"]) root.value[name] = props[name];
+    });
+    onUnmounted5(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock5(), _createElementBlock5("span", _mergeProps5(_ctx.$attrs, {
+        "data-component": "ui-button",
+        "data-component-root": "ui-button",
+        "data-looma-managed": "framework",
+        "data-size": props.size,
+        "data-variant": props.variant,
+        ref_key: "root",
+        ref: root
+      }), [
+        _renderSlot4(_ctx.$slots, "default")
+      ], 16, _hoisted_14);
+    };
+  }
+});
+
+// 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 { 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"];
+var _hoisted_23 = {
+  class: "callout__surface",
+  "data-component": "ui-callout"
+};
+var _hoisted_3 = {
+  class: "content",
+  "data-component": "ui-callout"
+};
+var UiCallout_default = /* @__PURE__ */ _defineComponent6({
+  ...{ inheritAttrs: false },
+  __name: "UiCallout",
+  props: {
+    tone: { type: [String, null], required: false, default: "info" }
+  },
+  setup(__props) {
+    const props = __props;
+    const root = ref6();
+    let detach;
+    onMounted6(() => {
+      if (root.value == null) return;
+      detach = manageGeneratedProps2(root.value, [
+        { name: "tone", attribute: "data-tone", value: props.tone, type: ["info", "note", "warning", "success", "error"], required: false }
+      ]);
+    });
+    watchEffect7(() => {
+      if (root.value == null) return;
+      for (const name of ["tone"]) root.value[name] = props[name];
+    });
+    onUnmounted6(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock6(), _createElementBlock6("div", _mergeProps6(_ctx.$attrs, {
+        "data-component": "ui-callout",
+        "data-component-root": "ui-callout",
+        "data-looma-managed": "framework",
+        role: "note",
+        "data-tone": props.tone,
+        ref_key: "root",
+        ref: root
+      }), [
+        _createElementVNode3("div", _hoisted_23, [
+          _cache[0] || (_cache[0] = _createElementVNode3(
+            "span",
+            {
+              class: "icon",
+              "aria-hidden": "true",
+              "data-component": "ui-callout"
+            },
+            null,
+            -1
+            /* CACHED */
+          )),
+          _createElementVNode3("div", _hoisted_3, [
+            _renderSlot5(_ctx.$slots, "default")
+          ])
+        ])
+      ], 16, _hoisted_15);
+    };
+  }
+});
+
+// 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 { 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"];
+var UiCheckbox_default = /* @__PURE__ */ _defineComponent7({
+  ...{ inheritAttrs: false },
+  __name: "UiCheckbox",
+  props: {
+    checked: { type: [Boolean, null], required: false },
+    defaultChecked: { type: [Boolean, null], required: false, default: false },
+    disabled: { type: [Boolean, null], required: false, default: false },
+    indeterminate: { type: [Boolean, null], required: false, default: false },
+    required: { type: [Boolean, null], required: false, default: false },
+    value: { type: [String, null], required: false, default: "on" }
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-checkbox", "props": { "checked": { "type": "boolean", "required": false, "target": { "attribute": "checked" } }, "defaultChecked": { "type": "boolean", "required": false, "target": { "attribute": "defaultchecked" }, "default": false }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "data-disabled" }, "default": false }, "indeterminate": { "type": "boolean", "required": false, "target": { "attribute": "indeterminate" }, "default": false }, "required": { "type": "boolean", "required": false, "target": { "attribute": "required" }, "default": false }, "value": { "type": "string", "required": false, "target": { "attribute": "value" }, "default": "on" } } }, "template": { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "role", "value": "checkbox" }, { "kind": "attribute", "name": "data-disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }], "children": [{ "kind": "slot" }] }, "declarations": [{ "kind": "state", "name": "internalChecked", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "event", "name": "change", "type": "object({ checked: boolean, value: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "span", "choices": ["span"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref7();
+    const eventListener0 = (event) => emit("change", event.detail);
+    let detach;
+    onMounted7(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent5(root.value, definition, "ui-checkbox", props);
+      root.value.addEventListener("change", eventListener0);
+    });
+    watchEffect8(() => {
+      if (root.value == null) return;
+      for (const name of ["checked", "defaultChecked", "disabled", "indeterminate", "required", "value"]) root.value[name] = props[name];
+    });
+    onUnmounted7(() => {
+      root.value?.removeEventListener("change", eventListener0);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock7(), _createElementBlock7("span", _mergeProps7(_ctx.$attrs, {
+        "data-component": "ui-checkbox",
+        "data-component-root": "ui-checkbox",
+        "data-looma-managed": "framework",
+        role: "checkbox",
+        "data-disabled": props.disabled ? "" : void 0,
+        ref_key: "root",
+        ref: root
+      }), [
+        _renderSlot6(_ctx.$slots, "default")
+      ], 16, _hoisted_16);
+    };
+  }
+});
+
+// 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 { 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"];
+var _hoisted_24 = {
+  class: "chip__surface",
+  "data-component": "ui-chip"
+};
+var _hoisted_32 = {
+  class: "chip__label",
+  "data-component": "ui-chip"
+};
+var UiChip_default = /* @__PURE__ */ _defineComponent8({
+  ...{ inheritAttrs: false },
+  __name: "UiChip",
+  props: {
+    appearance: { type: [String, null], required: false, default: "tag" },
+    size: { type: [String, null], required: false, default: "xs" }
+  },
+  setup(__props) {
+    const props = __props;
+    const root = ref8();
+    let detach;
+    onMounted8(() => {
+      if (root.value == null) return;
+      detach = manageGeneratedProps3(root.value, [
+        { name: "appearance", attribute: "data-appearance", value: props.appearance, type: ["tag", "pill"], required: false },
+        { name: "size", attribute: "data-size", value: props.size, type: ["xs", "sm"], required: false }
+      ]);
+    });
+    watchEffect9(() => {
+      if (root.value == null) return;
+      for (const name of ["appearance", "size"]) root.value[name] = props[name];
+    });
+    onUnmounted8(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock8(), _createElementBlock8("span", _mergeProps8(_ctx.$attrs, {
+        "data-component": "ui-chip",
+        "data-component-root": "ui-chip",
+        "data-looma-managed": "framework",
+        "data-appearance": props.appearance,
+        "data-size": props.size,
+        ref_key: "root",
+        ref: root
+      }), [
+        _createElementVNode4("span", _hoisted_24, [
+          _createElementVNode4("span", _hoisted_32, [
+            _renderSlot7(_ctx.$slots, "default")
+          ])
+        ])
+      ], 16, _hoisted_17);
+    };
+  }
+});
+
+// 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";
+
+// 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 { 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 = {
+  class: "tooltip__surface",
+  "data-component": "ui-tooltip"
+};
+var UiTooltip_default = /* @__PURE__ */ _defineComponent9({
+  ...{ inheritAttrs: false },
+  __name: "UiTooltip",
+  props: {
+    defaultOpen: { type: [Boolean, null], required: false, default: false },
+    for: { type: [String, null], required: false, default: "" },
+    hideDelay: { type: [Number, null], required: false, default: 100 },
+    open: { type: [Boolean, null], required: false },
+    placement: { type: [String, null], required: false, default: "top-start" },
+    showDelay: { type: [Number, null], required: false, default: 500 },
+    toggleOnClick: { type: [Boolean, null], required: false, default: false }
+  },
+  emits: ["open", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-tooltip", "props": { "defaultOpen": { "type": "boolean", "required": false, "target": { "attribute": "defaultopen" }, "default": false }, "for": { "type": "string", "required": false, "target": { "attribute": "for" }, "default": "" }, "hideDelay": { "type": "number", "required": false, "target": { "attribute": "hidedelay" }, "default": 100 }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" } }, "placement": { "type": "string", "required": false, "target": { "attribute": "placement" }, "default": "top-start" }, "showDelay": { "type": "number", "required": false, "target": { "attribute": "showdelay" }, "default": 500 }, "toggleOnClick": { "type": "boolean", "required": false, "target": { "attribute": "toggleonclick" }, "default": false } } }, "template": { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "role", "value": "tooltip" }, { "kind": "attribute", "name": "hidden", "expression": "not internalOpen", "expressionPlan": { "source": "not internalOpen", "ast": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "internalOpen" } }, "dependencies": ["internalOpen"] } }, { "kind": "attribute", "name": "data-state-open", "expression": "internalOpen", "expressionPlan": { "source": "internalOpen", "ast": { "kind": "id", "name": "internalOpen" }, "dependencies": ["internalOpen"] } }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "tooltip__surface" }], "children": [{ "kind": "slot" }] }] }, "declarations": [{ "kind": "state", "name": "internalOpen", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "event", "name": "open", "type": "object({ open: boolean, reason: action | programmatic | light-dismiss | escape, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "close", "type": "object({ open: boolean, reason: action | programmatic | light-dismiss | escape, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "span", "choices": ["span"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref9();
+    const eventListener0 = (event) => emit("open", event.detail);
+    const eventListener1 = (event) => emit("close", event.detail);
+    let detach;
+    onMounted9(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent6(root.value, definition, "ui-tooltip", props);
+      root.value.addEventListener("open", eventListener0);
+      root.value.addEventListener("close", eventListener1);
+    });
+    watchEffect10(() => {
+      if (root.value == null) return;
+      for (const name of ["defaultOpen", "for", "hideDelay", "open", "placement", "showDelay", "toggleOnClick"]) root.value[name] = props[name];
+    });
+    onUnmounted9(() => {
+      root.value?.removeEventListener("open", eventListener0);
+      root.value?.removeEventListener("close", eventListener1);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock9(), _createElementBlock9(
+        "span",
+        _mergeProps9(_ctx.$attrs, {
+          "data-component": "ui-tooltip",
+          "data-component-root": "ui-tooltip",
+          "data-looma-managed": "framework",
+          role: "tooltip",
+          hidden: void 0,
+          "data-state-open": void 0,
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _createElementVNode5("div", _hoisted_18, [
+            _renderSlot8(_ctx.$slots, "default")
+          ])
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// src/generated/UiCombobox.ts
+import { onMounted as onMounted10, onUnmounted as onUnmounted10, ref as ref10, watchEffect as watchEffect11 } from "vue";
+import { attachLoomaComponent as attachLoomaComponent7 } from "@threadlabs/looma/core/declarative";
+var _hoisted_19 = ["data-size"];
+var _hoisted_25 = {
+  class: "field",
+  part: "field",
+  "data-component": "ui-combobox"
+};
+var _hoisted_33 = ["placeholder", "name", "disabled", "readonly", "required"];
+var _hoisted_4 = ["disabled"];
+var _hoisted_5 = {
+  class: "popup",
+  part: "popup",
+  hidden: void 0,
+  "data-component": "ui-combobox"
+};
+var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
+  ...{ inheritAttrs: false },
+  __name: "UiCombobox",
+  props: {
+    clearable: { type: [Boolean, null], required: false, default: false },
+    config: { type: null, required: false },
+    defaultQuery: { type: [String, null], required: false, default: "" },
+    defaultValue: { type: [String, null], required: false },
+    disabled: { type: [Boolean, null], required: false, default: false },
+    disclosure: { type: [Boolean, null], required: false, default: false },
+    help: { type: [String, null], required: false, default: "" },
+    label: { type: [String, null], required: false, default: "" },
+    labelVisibility: { type: [String, null], required: false, default: "visible" },
+    multiple: { type: [Boolean, null], required: false, default: false },
+    name: { type: [String, null], required: false, default: "" },
+    placeholder: { type: [String, null], required: false, default: "" },
+    query: { type: [String, null], required: false },
+    readOnly: { type: [Boolean, null], required: false, default: false },
+    required: { type: [Boolean, null], required: false, default: false },
+    size: { type: [String, null], required: false, default: "md" },
+    tokenSeparators: { type: [Array, null], required: false },
+    value: { type: [String, null, Array], required: false }
+  },
+  emits: ["query-change", "value-change", "free-entry", "create-entry", "dependency-invalidate", "validation-change", "options-change", "add-item", "remove-item", "create-item"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-combobox", "props": { "clearable": { "type": "boolean", "required": false, "target": { "attribute": "clearable" }, "default": false }, "config": { "type": { "kind": "terminal", "name": "unknown" }, "required": false, "target": { "property": "config" } }, "defaultQuery": { "type": "string", "required": false, "target": { "attribute": "defaultquery" }, "default": "" }, "defaultValue": { "type": "string", "required": false, "target": { "attribute": "defaultvalue" } }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "disclosure": { "type": "boolean", "required": false, "target": { "attribute": "disclosure" }, "default": false }, "help": { "type": "string", "required": false, "target": { "attribute": "help" }, "default": "" }, "label": { "type": "string", "required": false, "target": { "attribute": "label" }, "default": "" }, "labelVisibility": { "type": { "enum": ["visible", "sr-only"] }, "required": false, "target": { "attribute": "labelvisibility" }, "default": "visible" }, "multiple": { "type": "boolean", "required": false, "target": { "attribute": "multiple" }, "default": false }, "name": { "type": "string", "required": false, "target": { "attribute": "name" }, "default": "" }, "placeholder": { "type": "string", "required": false, "target": { "attribute": "placeholder" }, "default": "" }, "query": { "type": "string", "required": false, "target": { "attribute": "query" } }, "readOnly": { "type": "boolean", "required": false, "target": { "attribute": "readonly" }, "default": false }, "required": { "type": "boolean", "required": false, "target": { "attribute": "required" }, "default": false }, "size": { "type": { "enum": ["sm", "md"] }, "required": false, "target": { "attribute": "data-size" }, "default": "md" }, "tokenSeparators": { "type": { "kind": "list", "item": { "kind": "terminal", "name": "string" } }, "required": false, "target": { "property": "tokenSeparators" } }, "value": { "type": { "kind": "union", "members": [{ "kind": "terminal", "name": "string" }, { "kind": "terminal", "name": "null" }, { "kind": "list", "item": { "kind": "object", "fields": [{ "name": "id", "type": { "kind": "terminal", "name": "string" }, "optional": false }, { "name": "value", "type": { "kind": "terminal", "name": "string" }, "optional": false }, { "name": "label", "type": { "kind": "terminal", "name": "string" }, "optional": false }, { "name": "description", "type": { "kind": "terminal", "name": "string" }, "optional": true }, { "name": "metadata", "type": { "kind": "terminal", "name": "unknown" }, "optional": true }, { "name": "group", "type": { "kind": "terminal", "name": "string" }, "optional": true }, { "name": "disabled", "type": { "kind": "terminal", "name": "boolean" }, "optional": true }], "open": false } }] }, "required": false, "target": { "property": "value" } } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "property", "key": "value", "name": "value", "expression": "value", "expressionPlan": { "source": "value", "ast": { "kind": "id", "name": "value" }, "dependencies": ["value"] } }, { "kind": "property", "key": "tokenseparators", "name": "tokenSeparators", "expression": "tokenSeparators", "expressionPlan": { "source": "tokenSeparators", "ast": { "kind": "id", "name": "tokenSeparators" }, "dependencies": ["tokenSeparators"] } }, { "kind": "property", "key": "config", "name": "config", "expression": "config", "expressionPlan": { "source": "config", "ast": { "kind": "id", "name": "config" }, "dependencies": ["config"] } }, { "kind": "attribute", "name": "data-size", "expression": "size", "expressionPlan": { "source": "size", "ast": { "kind": "id", "name": "size" }, "dependencies": ["size"] } }], "children": [{ "kind": "element", "name": "label", "attributes": [{ "kind": "literal", "name": "for", "value": "input" }, { "kind": "literal", "name": "part", "value": "label" }], "children": [{ "kind": "element", "name": "template", "attributes": [{ "kind": "directive", "name": "value", "expression": "label", "expressionPlan": { "source": "label", "ast": { "kind": "id", "name": "label" }, "dependencies": ["label"] } }], "children": [] }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "field" }, { "kind": "literal", "name": "part", "value": "field" }], "children": [{ "kind": "slot", "fallback": [], "name": "start" }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "items" }, { "kind": "literal", "name": "role", "value": "group" }], "children": [], "flow": { "kind": "if", "test": "multiple", "testPlan": { "source": "multiple", "ast": { "kind": "id", "name": "multiple" }, "dependencies": ["multiple"] } } }, { "kind": "element", "name": "input", "attributes": [{ "kind": "literal", "name": "id", "value": "input" }, { "kind": "literal", "name": "role", "value": "combobox" }, { "kind": "literal", "name": "aria-autocomplete", "value": "list" }, { "kind": "literal", "name": "aria-controls", "value": "listbox" }, { "kind": "attribute", "name": "value", "expression": "display", "expressionPlan": { "source": "display", "ast": { "kind": "id", "name": "display" }, "dependencies": ["display"] } }, { "kind": "attribute", "name": "placeholder", "expression": "placeholder", "expressionPlan": { "source": "placeholder", "ast": { "kind": "id", "name": "placeholder" }, "dependencies": ["placeholder"] } }, { "kind": "attribute", "name": "name", "expression": "name", "expressionPlan": { "source": "name", "ast": { "kind": "id", "name": "name" }, "dependencies": ["name"] } }, { "kind": "attribute", "name": "disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }, { "kind": "attribute", "name": "readonly", "expression": "readOnly", "expressionPlan": { "source": "readOnly", "ast": { "kind": "id", "name": "readOnly" }, "dependencies": ["readOnly"] } }, { "kind": "attribute", "name": "required", "expression": "required", "expressionPlan": { "source": "required", "ast": { "kind": "id", "name": "required" }, "dependencies": ["required"] } }, { "kind": "literal", "name": "autocomplete", "value": "off" }, { "kind": "literal", "name": "part", "value": "input" }], "children": [] }, { "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "type", "value": "button" }, { "kind": "literal", "name": "part", "value": "affordance" }], "children": [{ "kind": "text", "value": "\xD7" }], "flow": { "kind": "if", "test": "clearable", "testPlan": { "source": "clearable", "ast": { "kind": "id", "name": "clearable" }, "dependencies": ["clearable"] } } }, { "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "id", "value": "help" }, { "kind": "literal", "name": "type", "value": "button" }, { "kind": "literal", "name": "part", "value": "affordance" }, { "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": "aria-hidden", "value": "true" }], "children": [{ "kind": "text", "value": "?" }] }], "flow": { "kind": "if", "test": "help", "testPlan": { "source": "help", "ast": { "kind": "id", "name": "help" }, "dependencies": ["help"] } } }, { "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "type", "value": "button" }, { "kind": "literal", "name": "part", "value": "affordance" }, { "kind": "literal", "name": "aria-controls", "value": "listbox" }], "children": [{ "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [{ "kind": "text", "value": "\u2304" }] }], "flow": { "kind": "if", "test": "disclosure", "testPlan": { "source": "disclosure", "ast": { "kind": "id", "name": "disclosure" }, "dependencies": ["disclosure"] } } }] }, { "kind": "element", "name": "ui-tooltip", "attributes": [{ "kind": "literal", "name": "id", "value": "help-text" }, { "kind": "literal", "name": "for", "value": "help" }], "children": [{ "kind": "element", "name": "template", "attributes": [{ "kind": "directive", "name": "value", "expression": "help", "expressionPlan": { "source": "help", "ast": { "kind": "id", "name": "help" }, "dependencies": ["help"] } }], "children": [] }], "flow": { "kind": "if", "test": "help", "testPlan": { "source": "help", "ast": { "kind": "id", "name": "help" }, "dependencies": ["help"] } } }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "popup" }, { "kind": "literal", "name": "part", "value": "popup" }, { "kind": "attribute", "name": "hidden", "expression": "not expanded", "expressionPlan": { "source": "not expanded", "ast": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "expanded" } }, "dependencies": ["expanded"] } }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "id", "value": "listbox" }, { "kind": "literal", "name": "role", "value": "listbox" }], "children": [] }, { "kind": "slot", "fallback": [], "name": "footer" }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "id", "value": "validation" }, { "kind": "literal", "name": "class", "value": "message" }, { "kind": "literal", "name": "part", "value": "validation" }, { "kind": "attribute", "name": "hidden", "expression": "not validation.issues.length", "expressionPlan": { "source": "not validation.issues.length", "ast": { "kind": "unary", "op": "not", "operand": { "kind": "member", "object": { "kind": "member", "object": { "kind": "id", "name": "validation" }, "key": "issues" }, "key": "length" } }, "dependencies": ["validation.issues.length"] } }], "children": [] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "sr-only" }, { "kind": "literal", "name": "role", "value": "status" }, { "kind": "literal", "name": "aria-live", "value": "polite" }, { "kind": "literal", "name": "aria-atomic", "value": "true" }], "children": [] }] }, "declarations": [{ "kind": "state", "name": "raw", "expression": { "source": "''", "ast": { "kind": "literal", "value": "" }, "dependencies": [] } }, { "kind": "state", "name": "display", "expression": { "source": "''", "ast": { "kind": "literal", "value": "" }, "dependencies": [] } }, { "kind": "state", "name": "selected", "expression": { "source": "null", "ast": { "kind": "literal", "value": null }, "dependencies": [] } }, { "kind": "state", "name": "expanded", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "rows", "expression": { "source": "[]", "ast": { "kind": "array", "items": [] }, "dependencies": [] } }, { "kind": "state", "name": "active", "expression": { "source": "-1", "ast": { "kind": "unary", "op": "-", "operand": { "kind": "literal", "value": 1 } }, "dependencies": [] } }, { "kind": "state", "name": "loading", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "helpOpen", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "lookupError", "expression": { "source": "''", "ast": { "kind": "literal", "value": "" }, "dependencies": [] } }, { "kind": "state", "name": "validation", "expression": { "source": "{ status: 'pristine', touched: false, dirty: false, issues: [] }", "ast": { "kind": "object", "pairs": [{ "key": "status", "value": { "kind": "literal", "value": "pristine" } }, { "key": "touched", "value": { "kind": "literal", "value": false } }, { "key": "dirty", "value": { "kind": "literal", "value": false } }, { "key": "issues", "value": { "kind": "array", "items": [] } }] }, "dependencies": [] } }, { "kind": "event", "name": "query-change", "type": "object({ query: string, display: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "value-change", "type": "object({ value: string | null, query: string, option: object({ id: string, value: string, label: string, description?: string, metadata?: unknown, group?: string, disabled?: boolean }) | null, kind: selection | clear | free-entry | create | invalidation, trigger: keyboard | pointer | programmatic }) | list(object({ id: string, value: string, label: string, description?: string, metadata?: unknown, group?: string, disabled?: boolean }))", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "free-entry", "type": "object({ value: string | null, query: string, option: object({ id: string, value: string, label: string, description?: string, metadata?: unknown, group?: string, disabled?: boolean }) | null, kind: selection | clear | free-entry | create | invalidation, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "create-entry", "type": "object({ value: string | null, query: string, option: object({ id: string, value: string, label: string, description?: string, metadata?: unknown, group?: string, disabled?: boolean }) | null, kind: selection | clear | free-entry | create | invalidation, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "dependency-invalidate", "type": "object({ value: string | null, query: string, option: object({ id: string, value: string, label: string, description?: string, metadata?: unknown, group?: string, disabled?: boolean }) | null, kind: selection | clear | free-entry | create | invalidation, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "validation-change", "type": "object({ status: pristine | pending | valid | warning | error, touched: boolean, dirty: boolean, issues: list(object({ message: string, path?: list(unknown), severity?: error | warning })), output?: unknown })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "options-change", "type": "list(object({ id: string, value: string, label: string, description?: string, metadata?: unknown, group?: string, disabled?: boolean }))", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "add-item", "type": "object({ item: object({ id: string, value: string, label: string, description?: string, metadata?: unknown, group?: string, disabled?: boolean }), index: integer, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "remove-item", "type": "object({ item: object({ id: string, value: string, label: string, description?: string, metadata?: unknown, group?: string, disabled?: boolean }), index: integer, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "create-item", "type": "object({ query: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "method", "name": "validate", "exportName": "validate", "returns": "promise(unknown)" }, { "kind": "method", "name": "focusInput", "exportName": "focusInput", "returns": "promise(undefined)" }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref10();
+    const eventListener0 = (event) => emit("query-change", event.detail);
+    const eventListener1 = (event) => emit("value-change", event.detail);
+    const eventListener2 = (event) => emit("free-entry", event.detail);
+    const eventListener3 = (event) => emit("create-entry", event.detail);
+    const eventListener4 = (event) => emit("dependency-invalidate", event.detail);
+    const eventListener5 = (event) => emit("validation-change", event.detail);
+    const eventListener6 = (event) => emit("options-change", event.detail);
+    const eventListener7 = (event) => emit("add-item", event.detail);
+    const eventListener8 = (event) => emit("remove-item", event.detail);
+    const eventListener9 = (event) => emit("create-item", event.detail);
+    let detach;
+    onMounted10(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent7(root.value, definition, "ui-combobox", props);
+      root.value.addEventListener("query-change", eventListener0);
+      root.value.addEventListener("value-change", eventListener1);
+      root.value.addEventListener("free-entry", eventListener2);
+      root.value.addEventListener("create-entry", eventListener3);
+      root.value.addEventListener("dependency-invalidate", eventListener4);
+      root.value.addEventListener("validation-change", eventListener5);
+      root.value.addEventListener("options-change", eventListener6);
+      root.value.addEventListener("add-item", eventListener7);
+      root.value.addEventListener("remove-item", eventListener8);
+      root.value.addEventListener("create-item", eventListener9);
+    });
+    watchEffect11(() => {
+      if (root.value == null) return;
+      for (const name of ["clearable", "config", "defaultQuery", "defaultValue", "disabled", "disclosure", "help", "label", "labelVisibility", "multiple", "name", "placeholder", "query", "readOnly", "required", "size", "tokenSeparators", "value"]) root.value[name] = props[name];
+    });
+    __expose({
+      validate: () => root.value["validate"](),
+      focusInput: () => root.value["focusInput"]()
+    });
+    onUnmounted10(() => {
+      root.value?.removeEventListener("query-change", eventListener0);
+      root.value?.removeEventListener("value-change", eventListener1);
+      root.value?.removeEventListener("free-entry", eventListener2);
+      root.value?.removeEventListener("create-entry", eventListener3);
+      root.value?.removeEventListener("dependency-invalidate", eventListener4);
+      root.value?.removeEventListener("validation-change", eventListener5);
+      root.value?.removeEventListener("options-change", eventListener6);
+      root.value?.removeEventListener("add-item", eventListener7);
+      root.value?.removeEventListener("remove-item", eventListener8);
+      root.value?.removeEventListener("create-item", eventListener9);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock10(), _createElementBlock10("div", _mergeProps10(_ctx.$attrs, {
+        "data-component": "ui-combobox",
+        "data-component-root": "ui-combobox",
+        "data-looma-managed": "framework",
+        "data-size": props.size,
+        ref_key: "root",
+        ref: root
+      }), [
+        _cache[6] || (_cache[6] = _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_25, [
+          _renderSlot9(_ctx.$slots, "start"),
+          _cache[1] || (_cache[1] = _createElementVNode6(
+            "div",
+            {
+              class: "items",
+              role: "group",
+              "data-component": "ui-combobox"
+            },
+            null,
+            -1
+            /* CACHED */
+          )),
+          _createElementVNode6("input", {
+            id: "input",
+            role: "combobox",
+            "aria-autocomplete": "list",
+            "aria-controls": "listbox",
+            value: void 0,
+            placeholder: props.placeholder,
+            name: props.name,
+            disabled: props.disabled,
+            readonly: props.readOnly,
+            required: props.required,
+            autocomplete: "off",
+            part: "input",
+            "data-component": "ui-combobox"
+          }, null, 8, _hoisted_33),
+          _cache[2] || (_cache[2] = _createElementVNode6(
+            "button",
+            {
+              type: "button",
+              part: "affordance",
+              "data-component": "ui-combobox"
+            },
+            " \xD7 ",
+            -1
+            /* CACHED */
+          )),
+          _createElementVNode6("button", {
+            id: "help",
+            type: "button",
+            part: "affordance",
+            disabled: props.disabled,
+            "data-component": "ui-combobox"
+          }, [..._cache[0] || (_cache[0] = [
+            _createElementVNode6(
+              "span",
+              {
+                "aria-hidden": "true",
+                "data-component": "ui-combobox"
+              },
+              " ? ",
+              -1
+              /* CACHED */
+            )
+          ])], 8, _hoisted_4),
+          _cache[3] || (_cache[3] = _createElementVNode6(
+            "button",
+            {
+              type: "button",
+              part: "affordance",
+              "aria-controls": "listbox",
+              "data-component": "ui-combobox"
+            },
+            [
+              _createElementVNode6("span", {
+                "aria-hidden": "true",
+                "data-component": "ui-combobox"
+              }, " \u2304 ")
+            ],
+            -1
+            /* CACHED */
+          ))
+        ]),
+        _createVNode(_unref(UiTooltip_default), {
+          id: "help-text",
+          for: "help",
+          "data-component": "ui-combobox"
+        }, {
+          default: _withCtx(() => [..._cache[4] || (_cache[4] = [
+            _createElementVNode6(
+              "template",
+              { "data-component": "ui-combobox" },
+              [
+                _createTextVNode(_toDisplayString(void 0))
+              ],
+              -1
+              /* CACHED */
+            )
+          ])]),
+          _: 1
+          /* STABLE */
+        }),
+        _createElementVNode6("div", _hoisted_5, [
+          _cache[5] || (_cache[5] = _createElementVNode6(
+            "div",
+            {
+              id: "listbox",
+              role: "listbox",
+              "data-component": "ui-combobox"
+            },
+            null,
+            -1
+            /* CACHED */
+          )),
+          _renderSlot9(_ctx.$slots, "footer")
+        ]),
+        _cache[7] || (_cache[7] = _createElementVNode6(
+          "div",
+          {
+            id: "validation",
+            class: "message",
+            part: "validation",
+            hidden: void 0,
+            "data-component": "ui-combobox"
+          },
+          null,
+          -1
+          /* CACHED */
+        )),
+        _cache[8] || (_cache[8] = _createElementVNode6(
+          "div",
+          {
+            class: "sr-only",
+            role: "status",
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            "data-component": "ui-combobox"
+          },
+          null,
+          -1
+          /* CACHED */
+        ))
+      ], 16, _hoisted_19);
+    };
+  }
+});
+
+// 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";
+
+// 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 { 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 = {
+  class: "menu__surface",
+  "data-component": "ui-menu"
+};
+var UiMenu_default = /* @__PURE__ */ _defineComponent11({
+  ...{ inheritAttrs: false },
+  __name: "UiMenu",
+  props: {
+    defaultOpen: { type: [Boolean, null], required: false, default: false },
+    for: { type: [String, null], required: false },
+    open: { type: [Boolean, null], required: false },
+    placement: { type: [String, null], required: false, default: "bottom-start" }
+  },
+  emits: ["select", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-menu", "props": { "defaultOpen": { "type": "boolean", "required": false, "target": { "attribute": "defaultopen" }, "default": false }, "for": { "type": "string", "required": false, "target": { "attribute": "for" } }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" } }, "placement": { "type": "string", "required": false, "target": { "attribute": "placement" }, "default": "bottom-start" } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "role", "value": "menu" }, { "kind": "literal", "name": "aria-orientation", "value": "vertical" }, { "kind": "attribute", "name": "data-state-open", "expression": "internalOpen", "expressionPlan": { "source": "internalOpen", "ast": { "kind": "id", "name": "internalOpen" }, "dependencies": ["internalOpen"] } }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "menu__surface" }], "children": [{ "kind": "slot" }] }] }, "declarations": [{ "kind": "state", "name": "internalOpen", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "event", "name": "select", "type": "object({ value: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "close", "type": "object({ open: boolean, reason: action | programmatic | light-dismiss | escape, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref11();
+    const eventListener0 = (event) => emit("select", event.detail);
+    const eventListener1 = (event) => emit("close", event.detail);
+    let detach;
+    onMounted11(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent8(root.value, definition, "ui-menu", props);
+      root.value.addEventListener("select", eventListener0);
+      root.value.addEventListener("close", eventListener1);
+    });
+    watchEffect12(() => {
+      if (root.value == null) return;
+      for (const name of ["defaultOpen", "for", "open", "placement"]) root.value[name] = props[name];
+    });
+    onUnmounted11(() => {
+      root.value?.removeEventListener("select", eventListener0);
+      root.value?.removeEventListener("close", eventListener1);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock11(), _createElementBlock11(
+        "div",
+        _mergeProps11(_ctx.$attrs, {
+          "data-component": "ui-menu",
+          "data-component-root": "ui-menu",
+          "data-looma-managed": "framework",
+          role: "menu",
+          "aria-orientation": "vertical",
+          "data-state-open": void 0,
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _createElementVNode7("div", _hoisted_110, [
+            _renderSlot10(_ctx.$slots, "default")
+          ])
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// src/generated/UiContextMenu.ts
+import { onMounted as onMounted12, onUnmounted as onUnmounted12, ref as ref12, watchEffect as watchEffect13 } from "vue";
+import { attachLoomaComponent as attachLoomaComponent9 } from "@threadlabs/looma/core/declarative";
+var _hoisted_111 = {
+  class: "menu",
+  "data-state-open": void 0,
+  "data-component": "ui-context-menu"
+};
+var UiContextMenu_default = /* @__PURE__ */ _defineComponent12({
+  ...{ inheritAttrs: false },
+  __name: "UiContextMenu",
+  props: {
+    defaultOpen: { type: [Boolean, null], required: false, default: false },
+    for: { type: [String, null], required: false },
+    open: { type: [Boolean, null], required: false }
+  },
+  emits: ["open", "close", "select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-context-menu", "props": { "defaultOpen": { "type": "boolean", "required": false, "target": { "attribute": "defaultopen" }, "default": false }, "for": { "type": "string", "required": false, "target": { "attribute": "for" } }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" } } } }, "template": { "kind": "element", "name": "span", "attributes": [{ "kind": "attribute", "name": "data-state-open", "expression": "internalOpen", "expressionPlan": { "source": "internalOpen", "ast": { "kind": "id", "name": "internalOpen" }, "dependencies": ["internalOpen"] } }], "children": [{ "kind": "slot", "fallback": [], "name": "trigger" }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "menu" }, { "kind": "attribute", "name": "data-state-open", "expression": "internalOpen", "expressionPlan": { "source": "internalOpen", "ast": { "kind": "id", "name": "internalOpen" }, "dependencies": ["internalOpen"] } }], "children": [{ "kind": "element", "name": "ui-menu", "attributes": [], "children": [{ "kind": "slot" }] }] }] }, "declarations": [{ "kind": "state", "name": "internalOpen", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "focusTrigger", "expression": { "source": "'programmatic'", "ast": { "kind": "literal", "value": "programmatic" }, "dependencies": [] } }, { "kind": "event", "name": "open", "type": "object({ open: boolean, reason: action | programmatic | light-dismiss | escape, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "close", "type": "object({ open: boolean, reason: action | programmatic | light-dismiss | escape, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "select", "type": "object({ value: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "span", "choices": ["span"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref12();
+    const eventListener0 = (event) => emit("open", event.detail);
+    const eventListener1 = (event) => emit("close", event.detail);
+    const eventListener2 = (event) => emit("select", event.detail);
+    let detach;
+    onMounted12(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent9(root.value, definition, "ui-context-menu", props);
+      root.value.addEventListener("open", eventListener0);
+      root.value.addEventListener("close", eventListener1);
+      root.value.addEventListener("select", eventListener2);
+    });
+    watchEffect13(() => {
+      if (root.value == null) return;
+      for (const name of ["defaultOpen", "for", "open"]) root.value[name] = props[name];
+    });
+    onUnmounted12(() => {
+      root.value?.removeEventListener("open", eventListener0);
+      root.value?.removeEventListener("close", eventListener1);
+      root.value?.removeEventListener("select", eventListener2);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock12(), _createElementBlock12(
+        "span",
+        _mergeProps12(_ctx.$attrs, {
+          "data-component": "ui-context-menu",
+          "data-component-root": "ui-context-menu",
+          "data-looma-managed": "framework",
+          "data-state-open": void 0,
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot11(_ctx.$slots, "trigger"),
+          _createElementVNode8("div", _hoisted_111, [
+            _createVNode2(_unref2(UiMenu_default), { "data-component": "ui-context-menu" }, {
+              default: _withCtx2(() => [
+                _renderSlot11(_ctx.$slots, "default")
+              ]),
+              _: 3
+              /* FORWARDED */
+            })
+          ])
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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 = {
+  "aria-label": void 0,
+  "data-component": "ui-dialog"
+};
+var UiDialog_default = /* @__PURE__ */ _defineComponent13({
+  ...{ inheritAttrs: false },
+  __name: "UiDialog",
+  props: {
+    defaultOpen: { type: [Boolean, null], required: false, default: false },
+    dismissible: { type: [Boolean, null], required: false, default: true },
+    label: { type: [String, null], required: false },
+    modal: { type: [Boolean, null], required: false, default: true },
+    open: { type: [Boolean, null], required: false }
+  },
+  emits: ["close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-dialog", "props": { "defaultOpen": { "type": "boolean", "required": false, "target": { "attribute": "defaultopen" }, "default": false }, "dismissible": { "type": "boolean", "required": false, "target": { "attribute": "dismissible" }, "default": true }, "label": { "type": "string", "required": false, "target": { "attribute": "label" } }, "modal": { "type": "boolean", "required": false, "target": { "attribute": "modal" }, "default": true }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" } } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "attribute", "name": "data-state-open", "expression": "internalOpen", "expressionPlan": { "source": "internalOpen", "ast": { "kind": "id", "name": "internalOpen" }, "dependencies": ["internalOpen"] } }], "children": [{ "kind": "element", "name": "dialog", "attributes": [{ "kind": "attribute", "name": "aria-label", "expression": "accessibleLabel", "expressionPlan": { "source": "accessibleLabel", "ast": { "kind": "id", "name": "accessibleLabel" }, "dependencies": ["accessibleLabel"] } }], "children": [{ "kind": "slot" }] }] }, "declarations": [{ "kind": "state", "name": "internalOpen", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "accessibleLabel", "expression": { "source": "'Dialog'", "ast": { "kind": "literal", "value": "Dialog" }, "dependencies": [] } }, { "kind": "event", "name": "close", "type": "object({ open: boolean, reason: action | programmatic | light-dismiss | escape, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref13();
+    const eventListener0 = (event) => emit("close", event.detail);
+    let detach;
+    onMounted13(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent10(root.value, definition, "ui-dialog", props);
+      root.value.addEventListener("close", eventListener0);
+    });
+    watchEffect14(() => {
+      if (root.value == null) return;
+      for (const name of ["defaultOpen", "dismissible", "label", "modal", "open"]) root.value[name] = props[name];
+    });
+    onUnmounted13(() => {
+      root.value?.removeEventListener("close", eventListener0);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock13(), _createElementBlock13(
+        "div",
+        _mergeProps13(_ctx.$attrs, {
+          "data-component": "ui-dialog",
+          "data-component-root": "ui-dialog",
+          "data-looma-managed": "framework",
+          "data-state-open": void 0,
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _createElementVNode9("dialog", _hoisted_112, [
+            _renderSlot12(_ctx.$slots, "default")
+          ])
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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({
+  ...{ inheritAttrs: false },
+  __name: "UiDisclosure",
+  props: {
+    defaultOpen: { type: [Boolean, null], required: false, default: false },
+    disabled: { type: [Boolean, null], required: false, default: false },
+    open: { type: [Boolean, null], required: false }
+  },
+  emits: ["open", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-disclosure", "props": { "defaultOpen": { "type": "boolean", "required": false, "target": { "attribute": "defaultopen" }, "default": false }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" } } } }, "template": { "kind": "element", "name": "div", "attributes": [], "children": [{ "kind": "slot" }] }, "declarations": [{ "kind": "state", "name": "internalOpen", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "contentId", "expression": { "source": "''", "ast": { "kind": "literal", "value": "" }, "dependencies": [] } }, { "kind": "event", "name": "open", "type": "object({ open: boolean, reason: action | programmatic | light-dismiss | escape, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "close", "type": "object({ open: boolean, reason: action | programmatic | light-dismiss | escape, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref14();
+    const eventListener0 = (event) => emit("open", event.detail);
+    const eventListener1 = (event) => emit("close", event.detail);
+    let detach;
+    onMounted14(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent11(root.value, definition, "ui-disclosure", props);
+      root.value.addEventListener("open", eventListener0);
+      root.value.addEventListener("close", eventListener1);
+    });
+    watchEffect15(() => {
+      if (root.value == null) return;
+      for (const name of ["defaultOpen", "disabled", "open"]) root.value[name] = props[name];
+    });
+    onUnmounted14(() => {
+      root.value?.removeEventListener("open", eventListener0);
+      root.value?.removeEventListener("close", eventListener1);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock14(), _createElementBlock14(
+        "div",
+        _mergeProps14(_ctx.$attrs, {
+          "data-component": "ui-disclosure",
+          "data-component-root": "ui-disclosure",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot13(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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"];
+var _hoisted_26 = {
+  part: "preview",
+  "data-component": "ui-editable"
+};
+var _hoisted_34 = {
+  part: "edit",
+  hidden: void 0,
+  "data-component": "ui-editable"
+};
+var UiEditable_default = /* @__PURE__ */ _defineComponent15({
+  ...{ inheritAttrs: false },
+  __name: "UiEditable",
+  props: {
+    defaultEdit: { type: [Boolean, null], required: false, default: false },
+    disabled: { type: [Boolean, null], required: false, default: false },
+    edit: { type: [Boolean, null], required: false }
+  },
+  emits: ["edit-change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-editable", "props": { "defaultEdit": { "type": "boolean", "required": false, "target": { "attribute": "defaultedit" }, "default": false }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "data-disabled" }, "default": false }, "edit": { "type": "boolean", "required": false, "target": { "attribute": "edit" } } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "attribute", "name": "data-state-edit", "expression": "internalEdit", "expressionPlan": { "source": "internalEdit", "ast": { "kind": "id", "name": "internalEdit" }, "dependencies": ["internalEdit"] } }, { "kind": "attribute", "name": "data-disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "part", "value": "preview" }], "children": [{ "kind": "slot", "fallback": [], "name": "preview" }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "part", "value": "edit" }, { "kind": "attribute", "name": "hidden", "expression": "not internalEdit", "expressionPlan": { "source": "not internalEdit", "ast": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "internalEdit" } }, "dependencies": ["internalEdit"] } }], "children": [{ "kind": "slot", "fallback": [], "name": "edit" }] }] }, "declarations": [{ "kind": "state", "name": "internalEdit", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "event", "name": "edit-change", "type": "object({ edit: boolean, reason: activate | light-dismiss | escape | programmatic, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref15();
+    const eventListener0 = (event) => emit("edit-change", event.detail);
+    let detach;
+    onMounted15(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent12(root.value, definition, "ui-editable", props);
+      root.value.addEventListener("edit-change", eventListener0);
+    });
+    watchEffect16(() => {
+      if (root.value == null) return;
+      for (const name of ["defaultEdit", "disabled", "edit"]) root.value[name] = props[name];
+    });
+    onUnmounted15(() => {
+      root.value?.removeEventListener("edit-change", eventListener0);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock15(), _createElementBlock15("div", _mergeProps15(_ctx.$attrs, {
+        "data-component": "ui-editable",
+        "data-component-root": "ui-editable",
+        "data-looma-managed": "framework",
+        "data-state-edit": void 0,
+        "data-disabled": props.disabled ? "" : void 0,
+        ref_key: "root",
+        ref: root
+      }), [
+        _createElementVNode10("div", _hoisted_26, [
+          _renderSlot14(_ctx.$slots, "preview")
+        ]),
+        _createElementVNode10("div", _hoisted_34, [
+          _renderSlot14(_ctx.$slots, "edit")
+        ])
+      ], 16, _hoisted_113);
+    };
+  }
+});
+
+// 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 { 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"];
+var _hoisted_27 = ["aria-label"];
+var UiFloatingActionButton_default = /* @__PURE__ */ _defineComponent16({
+  ...{ inheritAttrs: false },
+  __name: "UiFloatingActionButton",
+  props: {
+    disabled: { type: [Boolean, null], required: false, default: false },
+    label: { type: [String, null], required: false, default: "" },
+    mobileOnly: { type: [Boolean, null], required: false, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const root = ref16();
+    let detach;
+    onMounted16(() => {
+      if (root.value == null) return;
+      detach = manageGeneratedProps4(root.value, [
+        { name: "disabled", attribute: "data-disabled", value: props.disabled, type: "boolean", required: false },
+        { name: "label", attribute: "data-label", value: props.label, type: "string", required: false },
+        { name: "mobileOnly", attribute: "data-mobile-only", value: props.mobileOnly, type: "boolean", required: false }
+      ]);
+    });
+    watchEffect17(() => {
+      if (root.value == null) return;
+      for (const name of ["disabled", "label", "mobileOnly"]) root.value[name] = props[name];
+    });
+    onUnmounted16(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock16(), _createElementBlock16("span", _mergeProps16(_ctx.$attrs, {
+        "data-component": "ui-floating-action-button",
+        "data-component-root": "ui-floating-action-button",
+        "data-looma-managed": "framework",
+        "data-disabled": props.disabled ? "" : void 0,
+        ref_key: "root",
+        ref: root
+      }), [
+        _createElementVNode11("button", {
+          type: "button",
+          "aria-label": props.label,
+          "data-component": "ui-floating-action-button"
+        }, [
+          _renderSlot15(_ctx.$slots, "default")
+        ], 8, _hoisted_27)
+      ], 16, _hoisted_114);
+    };
+  }
+});
+
+// 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 { 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"];
+var UiFormField_default = /* @__PURE__ */ _defineComponent17({
+  ...{ inheritAttrs: false },
+  __name: "UiFormField",
+  props: {
+    disabled: { type: [Boolean, null], required: false, default: false },
+    invalid: { type: [Boolean, null], required: false, default: false },
+    required: { type: [Boolean, null], required: false, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const definition = { ...{ "contract": { "tag": "ui-form-field", "props": { "disabled": { "type": "boolean", "required": false, "target": { "attribute": "data-disabled" }, "default": false }, "invalid": { "type": "boolean", "required": false, "target": { "attribute": "data-invalid" }, "default": false }, "required": { "type": "boolean", "required": false, "target": { "attribute": "data-required" }, "default": false } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "attribute", "name": "data-invalid", "expression": "invalid", "expressionPlan": { "source": "invalid", "ast": { "kind": "id", "name": "invalid" }, "dependencies": ["invalid"] } }, { "kind": "attribute", "name": "data-disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }, { "kind": "attribute", "name": "data-required", "expression": "required", "expressionPlan": { "source": "required", "ast": { "kind": "id", "name": "required" }, "dependencies": ["required"] } }], "children": [{ "kind": "slot" }] }, "declarations": [], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref17();
+    let detach;
+    onMounted17(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent13(root.value, definition, "ui-form-field", props);
+    });
+    watchEffect18(() => {
+      if (root.value == null) return;
+      for (const name of ["disabled", "invalid", "required"]) root.value[name] = props[name];
+    });
+    onUnmounted17(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock17(), _createElementBlock17("div", _mergeProps17(_ctx.$attrs, {
+        "data-component": "ui-form-field",
+        "data-component-root": "ui-form-field",
+        "data-looma-managed": "framework",
+        "data-invalid": props.invalid ? "" : void 0,
+        "data-disabled": props.disabled ? "" : void 0,
+        "data-required": props.required ? "" : void 0,
+        ref_key: "root",
+        ref: root
+      }), [
+        _renderSlot16(_ctx.$slots, "default")
+      ], 16, _hoisted_115);
+    };
+  }
+});
+
+// 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 { 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"];
+var _hoisted_28 = ["aria-label"];
+var UiIconButton_default = /* @__PURE__ */ _defineComponent18({
+  ...{ inheritAttrs: false },
+  __name: "UiIconButton",
+  props: {
+    anticipatory: { type: [Boolean, null], required: false, default: false },
+    disabled: { type: [Boolean, null], required: false, default: false },
+    label: { type: [String, null], required: false, default: "" },
+    size: { type: [String, null], required: false, default: "md" },
+    variant: { type: [String, null], required: false, default: "ghost" }
+  },
+  setup(__props) {
+    const props = __props;
+    const definition = { ...{ "contract": { "tag": "ui-icon-button", "props": { "anticipatory": { "type": "boolean", "required": false, "target": { "attribute": "anticipatory" }, "default": false }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "data-disabled" }, "default": false }, "label": { "type": "string", "required": false, "target": { "attribute": "aria-label" }, "default": "" }, "size": { "type": { "enum": ["sm", "md", "lg"] }, "required": false, "target": { "attribute": "size" }, "default": "md" }, "variant": { "type": { "enum": ["ghost", "outline", "solid"] }, "required": false, "target": { "attribute": "variant" }, "default": "ghost" } } }, "template": { "kind": "element", "name": "span", "attributes": [{ "kind": "attribute", "name": "data-disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }], "children": [{ "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "type", "value": "button" }, { "kind": "attribute", "name": "aria-label", "expression": "label", "expressionPlan": { "source": "label", "ast": { "kind": "id", "name": "label" }, "dependencies": ["label"] } }], "children": [{ "kind": "slot" }] }] }, "declarations": [], "root": { "kind": "native", "element": "span", "choices": ["span"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref18();
+    let detach;
+    onMounted18(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent14(root.value, definition, "ui-icon-button", props);
+    });
+    watchEffect19(() => {
+      if (root.value == null) return;
+      for (const name of ["anticipatory", "disabled", "label", "size", "variant"]) root.value[name] = props[name];
+    });
+    onUnmounted18(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock18(), _createElementBlock18("span", _mergeProps18(_ctx.$attrs, {
+        "data-component": "ui-icon-button",
+        "data-component-root": "ui-icon-button",
+        "data-looma-managed": "framework",
+        "data-disabled": props.disabled ? "" : void 0,
+        ref_key: "root",
+        ref: root
+      }), [
+        _createElementVNode12("button", {
+          type: "button",
+          "aria-label": props.label,
+          "data-component": "ui-icon-button"
+        }, [
+          _renderSlot17(_ctx.$slots, "default")
+        ], 8, _hoisted_28)
+      ], 16, _hoisted_116);
+    };
+  }
+});
+
+// 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 { 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"];
+var UiInput_default = /* @__PURE__ */ _defineComponent19({
+  ...{ inheritAttrs: false },
+  __name: "UiInput",
+  props: {
+    defaultValue: { type: [String, null], required: false, default: "" },
+    disabled: { type: [Boolean, null], required: false, default: false },
+    invalid: { type: [Boolean, null], required: false, default: false },
+    readOnly: { type: [Boolean, null], required: false, default: false },
+    value: { type: [String, null], required: false }
+  },
+  emits: ["input", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-input", "props": { "defaultValue": { "type": "string", "required": false, "target": { "attribute": "defaultvalue" }, "default": "" }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "invalid": { "type": "boolean", "required": false, "target": { "attribute": "data-invalid" }, "default": false }, "readOnly": { "type": "boolean", "required": false, "target": { "attribute": "readonly" }, "default": false }, "value": { "type": "string", "required": false, "target": { "attribute": "value" } } } }, "template": { "kind": "element", "name": "span", "attributes": [{ "kind": "attribute", "name": "data-invalid", "expression": "invalid", "expressionPlan": { "source": "invalid", "ast": { "kind": "id", "name": "invalid" }, "dependencies": ["invalid"] } }], "children": [{ "kind": "slot" }] }, "declarations": [{ "kind": "state", "name": "internalValue", "expression": { "source": "''", "ast": { "kind": "literal", "value": "" }, "dependencies": [] } }, { "kind": "event", "name": "input", "type": "object({ value: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "change", "type": "object({ value: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "span", "choices": ["span"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref19();
+    const eventListener0 = (event) => emit("input", event.detail);
+    const eventListener1 = (event) => emit("change", event.detail);
+    let detach;
+    onMounted19(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent15(root.value, definition, "ui-input", props);
+      root.value.addEventListener("input", eventListener0);
+      root.value.addEventListener("change", eventListener1);
+    });
+    watchEffect20(() => {
+      if (root.value == null) return;
+      for (const name of ["defaultValue", "disabled", "invalid", "readOnly", "value"]) root.value[name] = props[name];
+    });
+    onUnmounted19(() => {
+      root.value?.removeEventListener("input", eventListener0);
+      root.value?.removeEventListener("change", eventListener1);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock19(), _createElementBlock19("span", _mergeProps19(_ctx.$attrs, {
+        "data-component": "ui-input",
+        "data-component-root": "ui-input",
+        "data-looma-managed": "framework",
+        "data-invalid": props.invalid ? "" : void 0,
+        ref_key: "root",
+        ref: root
+      }), [
+        _renderSlot18(_ctx.$slots, "default")
+      ], 16, _hoisted_117);
+    };
+  }
+});
+
+// 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 { 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"];
+var _hoisted_29 = {
+  class: "menu-item__surface",
+  "data-component": "ui-menu-item"
+};
+var UiMenuItem_default = /* @__PURE__ */ _defineComponent20({
+  ...{ inheritAttrs: false },
+  __name: "UiMenuItem",
+  props: {
+    disabled: { type: [Boolean, null], required: false, default: false },
+    value: { type: [String, null], required: false, default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const root = ref20();
+    let detach;
+    onMounted20(() => {
+      if (root.value == null) return;
+      detach = manageGeneratedProps5(root.value, [
+        { name: "disabled", attribute: "data-disabled", value: props.disabled, type: "boolean", required: false },
+        { name: "value", attribute: "data-value", value: props.value, type: "string", required: false }
+      ]);
+    });
+    watchEffect21(() => {
+      if (root.value == null) return;
+      for (const name of ["disabled", "value"]) root.value[name] = props[name];
+    });
+    onUnmounted20(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock20(), _createElementBlock20("div", _mergeProps20(_ctx.$attrs, {
+        "data-component": "ui-menu-item",
+        "data-component-root": "ui-menu-item",
+        "data-looma-managed": "framework",
+        role: "menuitem",
+        "data-value": props.value,
+        ref_key: "root",
+        ref: root
+      }), [
+        _createElementVNode13("span", _hoisted_29, [
+          _renderSlot19(_ctx.$slots, "default")
+        ])
+      ], 16, _hoisted_118);
+    };
+  }
+});
+
+// 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 { 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 = {
+  class: "popover__surface",
+  "data-component": "ui-popover"
+};
+var UiPopover_default = /* @__PURE__ */ _defineComponent21({
+  ...{ inheritAttrs: false },
+  __name: "UiPopover",
+  props: {
+    defaultOpen: { type: [Boolean, null], required: false, default: false },
+    for: { type: [String, null], required: false },
+    open: { type: [Boolean, null], required: false },
+    placement: { type: [String, null], required: false, default: "bottom-start" }
+  },
+  emits: ["open", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-popover", "props": { "defaultOpen": { "type": "boolean", "required": false, "target": { "attribute": "defaultopen" }, "default": false }, "for": { "type": "string", "required": false, "target": { "attribute": "for" } }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" } }, "placement": { "type": "string", "required": false, "target": { "attribute": "placement" }, "default": "bottom-start" } } }, "template": { "kind": "element", "name": "span", "attributes": [{ "kind": "attribute", "name": "data-state-open", "expression": "internalOpen", "expressionPlan": { "source": "internalOpen", "ast": { "kind": "id", "name": "internalOpen" }, "dependencies": ["internalOpen"] } }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "popover__surface" }], "children": [{ "kind": "slot" }] }] }, "declarations": [{ "kind": "state", "name": "internalOpen", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "event", "name": "open", "type": "object({ open: boolean, reason: action | programmatic | light-dismiss | escape, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "close", "type": "object({ open: boolean, reason: action | programmatic | light-dismiss | escape, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "span", "choices": ["span"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref21();
+    const eventListener0 = (event) => emit("open", event.detail);
+    const eventListener1 = (event) => emit("close", event.detail);
+    let detach;
+    onMounted21(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent16(root.value, definition, "ui-popover", props);
+      root.value.addEventListener("open", eventListener0);
+      root.value.addEventListener("close", eventListener1);
+    });
+    watchEffect22(() => {
+      if (root.value == null) return;
+      for (const name of ["defaultOpen", "for", "open", "placement"]) root.value[name] = props[name];
+    });
+    onUnmounted21(() => {
+      root.value?.removeEventListener("open", eventListener0);
+      root.value?.removeEventListener("close", eventListener1);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock21(), _createElementBlock21(
+        "span",
+        _mergeProps21(_ctx.$attrs, {
+          "data-component": "ui-popover",
+          "data-component-root": "ui-popover",
+          "data-looma-managed": "framework",
+          "data-state-open": void 0,
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _createElementVNode14("div", _hoisted_119, [
+            _renderSlot20(_ctx.$slots, "default")
+          ])
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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"];
+var UiRadioGroup_default = /* @__PURE__ */ _defineComponent22({
+  ...{ inheritAttrs: false },
+  __name: "UiRadioGroup",
+  props: {
+    disabled: { type: [Boolean, null], required: false, default: false },
+    name: { type: [String, null], required: false, default: "" },
+    orientation: { type: [String, null], required: false, default: "horizontal" },
+    required: { type: [Boolean, null], required: false, default: false },
+    value: { type: [String, null], required: false, default: "" }
+  },
+  emits: ["select", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-radio-group", "props": { "disabled": { "type": "boolean", "required": false, "target": { "attribute": "data-disabled" }, "default": false }, "name": { "type": "string", "required": false, "target": { "attribute": "name" }, "default": "" }, "orientation": { "type": { "enum": ["horizontal", "vertical"] }, "required": false, "target": { "attribute": "data-orientation" }, "default": "horizontal" }, "required": { "type": "boolean", "required": false, "target": { "attribute": "required" }, "default": false }, "value": { "type": "string", "required": false, "target": { "attribute": "value" }, "default": "" } } }, "template": { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "role", "value": "radiogroup" }, { "kind": "attribute", "name": "data-orientation", "expression": "orientation", "expressionPlan": { "source": "orientation", "ast": { "kind": "id", "name": "orientation" }, "dependencies": ["orientation"] } }, { "kind": "attribute", "name": "data-disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }], "children": [{ "kind": "slot" }] }, "declarations": [{ "kind": "state", "name": "internalValue", "expression": { "source": "''", "ast": { "kind": "literal", "value": "" }, "dependencies": [] } }, { "kind": "event", "name": "select", "type": "object({ value: string, previousValue: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "change", "type": "object({ checked: boolean, value: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "span", "choices": ["span"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref22();
+    const eventListener0 = (event) => emit("select", event.detail);
+    const eventListener1 = (event) => emit("change", event.detail);
+    let detach;
+    onMounted22(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent17(root.value, definition, "ui-radio-group", props);
+      root.value.addEventListener("select", eventListener0);
+      root.value.addEventListener("change", eventListener1);
+    });
+    watchEffect23(() => {
+      if (root.value == null) return;
+      for (const name of ["disabled", "name", "orientation", "required", "value"]) root.value[name] = props[name];
+    });
+    onUnmounted22(() => {
+      root.value?.removeEventListener("select", eventListener0);
+      root.value?.removeEventListener("change", eventListener1);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock22(), _createElementBlock22("span", _mergeProps22(_ctx.$attrs, {
+        "data-component": "ui-radio-group",
+        "data-component-root": "ui-radio-group",
+        "data-looma-managed": "framework",
+        role: "radiogroup",
+        "data-orientation": props.orientation,
+        "data-disabled": props.disabled ? "" : void 0,
+        ref_key: "root",
+        ref: root
+      }), [
+        _renderSlot21(_ctx.$slots, "default")
+      ], 16, _hoisted_120);
+    };
+  }
+});
+
+// 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 { 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"];
+var UiRadio_default = /* @__PURE__ */ _defineComponent23({
+  ...{ inheritAttrs: false },
+  __name: "UiRadio",
+  props: {
+    checked: { type: [Boolean, null], required: false },
+    defaultChecked: { type: [Boolean, null], required: false, default: false },
+    disabled: { type: [Boolean, null], required: false, default: false },
+    name: { type: [String, null], required: false, default: "" },
+    required: { type: [Boolean, null], required: false, default: false },
+    value: { type: [String, null], required: false, default: "on" }
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-radio", "props": { "checked": { "type": "boolean", "required": false, "target": { "attribute": "checked" } }, "defaultChecked": { "type": "boolean", "required": false, "target": { "attribute": "defaultchecked" }, "default": false }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "data-disabled" }, "default": false }, "name": { "type": "string", "required": false, "target": { "attribute": "name" }, "default": "" }, "required": { "type": "boolean", "required": false, "target": { "attribute": "required" }, "default": false }, "value": { "type": "string", "required": false, "target": { "attribute": "value" }, "default": "on" } } }, "template": { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "role", "value": "radio" }, { "kind": "attribute", "name": "data-disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }], "children": [{ "kind": "slot" }] }, "declarations": [{ "kind": "state", "name": "internalChecked", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "event", "name": "change", "type": "object({ checked: boolean, value: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "span", "choices": ["span"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref23();
+    const eventListener0 = (event) => emit("change", event.detail);
+    let detach;
+    onMounted23(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent18(root.value, definition, "ui-radio", props);
+      root.value.addEventListener("change", eventListener0);
+    });
+    watchEffect24(() => {
+      if (root.value == null) return;
+      for (const name of ["checked", "defaultChecked", "disabled", "name", "required", "value"]) root.value[name] = props[name];
+    });
+    onUnmounted23(() => {
+      root.value?.removeEventListener("change", eventListener0);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock23(), _createElementBlock23("span", _mergeProps23(_ctx.$attrs, {
+        "data-component": "ui-radio",
+        "data-component-root": "ui-radio",
+        "data-looma-managed": "framework",
+        role: "radio",
+        "data-disabled": props.disabled ? "" : void 0,
+        ref_key: "root",
+        ref: root
+      }), [
+        _renderSlot22(_ctx.$slots, "default")
+      ], 16, _hoisted_121);
+    };
+  }
+});
+
+// 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 { 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"];
+var _hoisted_210 = {
+  class: "search-result-row__leading",
+  part: "leading",
+  hidden: void 0,
+  "data-component": "ui-search-result-row"
+};
+var _hoisted_35 = {
+  class: "search-result-row__content",
+  part: "content",
+  "data-component": "ui-search-result-row"
+};
+var _hoisted_42 = {
+  class: "search-result-row__title",
+  part: "title",
+  "data-component": "ui-search-result-row"
+};
+var _hoisted_52 = {
+  class: "search-result-row__meta",
+  part: "meta",
+  hidden: void 0,
+  "data-component": "ui-search-result-row"
+};
+var _hoisted_6 = {
+  class: "search-result-row__excerpt",
+  part: "excerpt",
+  hidden: void 0,
+  "data-component": "ui-search-result-row"
+};
+var _hoisted_7 = {
+  class: "search-result-row__trailing",
+  part: "trailing",
+  hidden: void 0,
+  "data-component": "ui-search-result-row"
+};
+var UiSearchResultRow_default = /* @__PURE__ */ _defineComponent24({
+  ...{ inheritAttrs: false },
+  __name: "UiSearchResultRow",
+  props: {
+    disabled: { type: [Boolean, null], required: false, default: false },
+    selected: { type: [Boolean, null], required: false, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const definition = { ...{ "contract": { "tag": "ui-search-result-row", "props": { "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "selected": { "type": "boolean", "required": false, "target": { "attribute": "selected" }, "default": false } } }, "template": { "kind": "element", "name": "div", "attributes": [], "children": [{ "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "class", "value": "search-result-row" }, { "kind": "literal", "name": "type", "value": "button" }, { "kind": "attribute", "name": "disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }, { "kind": "literal", "name": "part", "value": "button" }], "children": [{ "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "search-result-row__leading" }, { "kind": "literal", "name": "part", "value": "leading" }, { "kind": "attribute", "name": "hidden", "expression": "not hasLeading", "expressionPlan": { "source": "not hasLeading", "ast": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "hasLeading" } }, "dependencies": ["hasLeading"] } }], "children": [{ "kind": "slot", "fallback": [], "name": "leading" }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "search-result-row__content" }, { "kind": "literal", "name": "part", "value": "content" }], "children": [{ "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "search-result-row__title" }, { "kind": "literal", "name": "part", "value": "title" }], "children": [{ "kind": "slot", "fallback": [], "name": "title" }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "search-result-row__meta" }, { "kind": "literal", "name": "part", "value": "meta" }, { "kind": "attribute", "name": "hidden", "expression": "not hasMeta", "expressionPlan": { "source": "not hasMeta", "ast": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "hasMeta" } }, "dependencies": ["hasMeta"] } }], "children": [{ "kind": "slot", "fallback": [], "name": "meta" }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "search-result-row__excerpt" }, { "kind": "literal", "name": "part", "value": "excerpt" }, { "kind": "attribute", "name": "hidden", "expression": "not hasExcerpt", "expressionPlan": { "source": "not hasExcerpt", "ast": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "hasExcerpt" } }, "dependencies": ["hasExcerpt"] } }], "children": [{ "kind": "slot", "fallback": [], "name": "excerpt" }] }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "search-result-row__trailing" }, { "kind": "literal", "name": "part", "value": "trailing" }, { "kind": "attribute", "name": "hidden", "expression": "not hasTrailing", "expressionPlan": { "source": "not hasTrailing", "ast": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "hasTrailing" } }, "dependencies": ["hasTrailing"] } }], "children": [{ "kind": "slot", "fallback": [], "name": "trailing" }] }] }] }, "declarations": [{ "kind": "state", "name": "hasLeading", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "hasMeta", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "hasExcerpt", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "hasTrailing", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref24();
+    let detach;
+    onMounted24(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent19(root.value, definition, "ui-search-result-row", props);
+    });
+    watchEffect25(() => {
+      if (root.value == null) return;
+      for (const name of ["disabled", "selected"]) root.value[name] = props[name];
+    });
+    onUnmounted24(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock24(), _createElementBlock24(
+        "div",
+        _mergeProps24(_ctx.$attrs, {
+          "data-component": "ui-search-result-row",
+          "data-component-root": "ui-search-result-row",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _createElementVNode15("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")
+            ]),
+            _createElementVNode15("span", _hoisted_35, [
+              _createElementVNode15("span", _hoisted_42, [
+                _renderSlot23(_ctx.$slots, "title")
+              ]),
+              _createElementVNode15("span", _hoisted_52, [
+                _renderSlot23(_ctx.$slots, "meta")
+              ]),
+              _createElementVNode15("span", _hoisted_6, [
+                _renderSlot23(_ctx.$slots, "excerpt")
+              ])
+            ]),
+            _createElementVNode15("span", _hoisted_7, [
+              _renderSlot23(_ctx.$slots, "trailing")
+            ])
+          ], 8, _hoisted_122)
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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 = {
+  class: "search-shell",
+  part: "base",
+  "data-component": "ui-search-shell"
+};
+var _hoisted_211 = {
+  class: "search-shell__panel",
+  part: "panel",
+  "data-component": "ui-search-shell"
+};
+var _hoisted_36 = {
+  class: "search-shell__search",
+  part: "search",
+  "data-component": "ui-search-shell"
+};
+var _hoisted_43 = {
+  class: "search-shell__status",
+  part: "status",
+  hidden: void 0,
+  "data-component": "ui-search-shell"
+};
+var _hoisted_53 = {
+  class: "search-shell__body",
+  part: "body",
+  "data-component": "ui-search-shell"
+};
+var _hoisted_62 = {
+  class: "search-shell__footer",
+  part: "footer",
+  hidden: void 0,
+  "data-component": "ui-search-shell"
+};
+var UiSearchShell_default = /* @__PURE__ */ _defineComponent25({
+  ...{ inheritAttrs: false },
+  __name: "UiSearchShell",
+  setup(__props) {
+    const props = __props;
+    const definition = { ...{ "contract": { "tag": "ui-search-shell", "props": {} }, "template": { "kind": "element", "name": "div", "attributes": [], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "search-shell" }, { "kind": "literal", "name": "part", "value": "base" }], "children": [{ "kind": "slot", "fallback": [], "name": "backdrop" }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "search-shell__panel" }, { "kind": "literal", "name": "part", "value": "panel" }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "search-shell__search" }, { "kind": "literal", "name": "part", "value": "search" }], "children": [{ "kind": "slot", "fallback": [], "name": "search" }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "search-shell__status" }, { "kind": "literal", "name": "part", "value": "status" }, { "kind": "attribute", "name": "hidden", "expression": "not hasStatus", "expressionPlan": { "source": "not hasStatus", "ast": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "hasStatus" } }, "dependencies": ["hasStatus"] } }], "children": [{ "kind": "slot", "fallback": [], "name": "status" }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "search-shell__body" }, { "kind": "literal", "name": "part", "value": "body" }], "children": [{ "kind": "slot", "fallback": [], "name": "body" }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "search-shell__footer" }, { "kind": "literal", "name": "part", "value": "footer" }, { "kind": "attribute", "name": "hidden", "expression": "not hasFooter", "expressionPlan": { "source": "not hasFooter", "ast": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "hasFooter" } }, "dependencies": ["hasFooter"] } }], "children": [{ "kind": "slot", "fallback": [], "name": "footer" }] }] }] }] }, "declarations": [{ "kind": "state", "name": "hasStatus", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "hasFooter", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref25();
+    let detach;
+    onMounted25(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent20(root.value, definition, "ui-search-shell", props);
+    });
+    watchEffect26(() => {
+      if (root.value == null) return;
+      for (const name of []) root.value[name] = props[name];
+    });
+    onUnmounted25(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock25(), _createElementBlock25(
+        "div",
+        _mergeProps25(_ctx.$attrs, {
+          "data-component": "ui-search-shell",
+          "data-component-root": "ui-search-shell",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _createElementVNode16("div", _hoisted_123, [
+            _renderSlot24(_ctx.$slots, "backdrop"),
+            _createElementVNode16("div", _hoisted_211, [
+              _createElementVNode16("div", _hoisted_36, [
+                _renderSlot24(_ctx.$slots, "search")
+              ]),
+              _createElementVNode16("div", _hoisted_43, [
+                _renderSlot24(_ctx.$slots, "status")
+              ]),
+              _createElementVNode16("div", _hoisted_53, [
+                _renderSlot24(_ctx.$slots, "body")
+              ]),
+              _createElementVNode16("div", _hoisted_62, [
+                _renderSlot24(_ctx.$slots, "footer")
+              ])
+            ])
+          ])
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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"];
+var UiSelect_default = /* @__PURE__ */ _defineComponent26({
+  ...{ inheritAttrs: false },
+  __name: "UiSelect",
+  props: {
+    defaultValue: { type: [String, null], required: false },
+    disabled: { type: [Boolean, null], required: false, default: false },
+    invalid: { type: [Boolean, null], required: false, default: false },
+    required: { type: [Boolean, null], required: false, default: false },
+    value: { type: [String, null], required: false }
+  },
+  emits: ["input", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-select", "props": { "defaultValue": { "type": "string", "required": false, "target": { "attribute": "defaultvalue" } }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "invalid": { "type": "boolean", "required": false, "target": { "attribute": "data-invalid" }, "default": false }, "required": { "type": "boolean", "required": false, "target": { "attribute": "required" }, "default": false }, "value": { "type": "string", "required": false, "target": { "attribute": "value" } } } }, "template": { "kind": "element", "name": "span", "attributes": [{ "kind": "attribute", "name": "data-invalid", "expression": "invalid", "expressionPlan": { "source": "invalid", "ast": { "kind": "id", "name": "invalid" }, "dependencies": ["invalid"] } }], "children": [{ "kind": "slot" }] }, "declarations": [{ "kind": "state", "name": "internalValue", "expression": { "source": "''", "ast": { "kind": "literal", "value": "" }, "dependencies": [] } }, { "kind": "event", "name": "input", "type": "object({ value: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "change", "type": "object({ value: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "span", "choices": ["span"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref26();
+    const eventListener0 = (event) => emit("input", event.detail);
+    const eventListener1 = (event) => emit("change", event.detail);
+    let detach;
+    onMounted26(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent21(root.value, definition, "ui-select", props);
+      root.value.addEventListener("input", eventListener0);
+      root.value.addEventListener("change", eventListener1);
+    });
+    watchEffect27(() => {
+      if (root.value == null) return;
+      for (const name of ["defaultValue", "disabled", "invalid", "required", "value"]) root.value[name] = props[name];
+    });
+    onUnmounted26(() => {
+      root.value?.removeEventListener("input", eventListener0);
+      root.value?.removeEventListener("change", eventListener1);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock26(), _createElementBlock26("span", _mergeProps26(_ctx.$attrs, {
+        "data-component": "ui-select",
+        "data-component-root": "ui-select",
+        "data-looma-managed": "framework",
+        "data-invalid": props.invalid ? "" : void 0,
+        ref_key: "root",
+        ref: root
+      }), [
+        _renderSlot25(_ctx.$slots, "default")
+      ], 16, _hoisted_124);
+    };
+  }
+});
+
+// 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 { 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"];
+var _hoisted_212 = ["required", "value"];
+var UiSwitch_default = /* @__PURE__ */ _defineComponent27({
+  ...{ inheritAttrs: false },
+  __name: "UiSwitch",
+  props: {
+    checked: { type: [Boolean, null], required: false },
+    defaultChecked: { type: [Boolean, null], required: false, default: false },
+    disabled: { type: [Boolean, null], required: false, default: false },
+    required: { type: [Boolean, null], required: false, default: false },
+    value: { type: [String, null], required: false, default: "on" }
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-switch", "props": { "checked": { "type": "boolean", "required": false, "target": { "attribute": "checked" } }, "defaultChecked": { "type": "boolean", "required": false, "target": { "attribute": "defaultchecked" }, "default": false }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "data-disabled" }, "default": false }, "required": { "type": "boolean", "required": false, "target": { "attribute": "required" }, "default": false }, "value": { "type": "string", "required": false, "target": { "attribute": "value" }, "default": "on" } } }, "template": { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "role", "value": "switch" }, { "kind": "attribute", "name": "data-disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }], "children": [{ "kind": "element", "name": "input", "attributes": [{ "kind": "literal", "name": "type", "value": "checkbox" }, { "kind": "attribute", "name": "checked", "expression": "internalChecked", "expressionPlan": { "source": "internalChecked", "ast": { "kind": "id", "name": "internalChecked" }, "dependencies": ["internalChecked"] } }, { "kind": "attribute", "name": "required", "expression": "required", "expressionPlan": { "source": "required", "ast": { "kind": "id", "name": "required" }, "dependencies": ["required"] } }, { "kind": "attribute", "name": "value", "expression": "value", "expressionPlan": { "source": "value", "ast": { "kind": "id", "name": "value" }, "dependencies": ["value"] } }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [] }, { "kind": "slot" }] }, "declarations": [{ "kind": "state", "name": "internalChecked", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "event", "name": "change", "type": "object({ checked: boolean, value: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "span", "choices": ["span"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref27();
+    const eventListener0 = (event) => emit("change", event.detail);
+    let detach;
+    onMounted27(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent22(root.value, definition, "ui-switch", props);
+      root.value.addEventListener("change", eventListener0);
+    });
+    watchEffect28(() => {
+      if (root.value == null) return;
+      for (const name of ["checked", "defaultChecked", "disabled", "required", "value"]) root.value[name] = props[name];
+    });
+    onUnmounted27(() => {
+      root.value?.removeEventListener("change", eventListener0);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock27(), _createElementBlock27("span", _mergeProps27(_ctx.$attrs, {
+        "data-component": "ui-switch",
+        "data-component-root": "ui-switch",
+        "data-looma-managed": "framework",
+        role: "switch",
+        "data-disabled": props.disabled ? "" : void 0,
+        ref_key: "root",
+        ref: root
+      }), [
+        _createElementVNode17("input", {
+          type: "checkbox",
+          checked: void 0,
+          required: props.required,
+          value: props.value,
+          "aria-hidden": "true",
+          "data-component": "ui-switch"
+        }, null, 8, _hoisted_212),
+        _renderSlot26(_ctx.$slots, "default")
+      ], 16, _hoisted_125);
+    };
+  }
+});
+
+// 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 { 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"];
+var UiTabs_default = /* @__PURE__ */ _defineComponent28({
+  ...{ inheritAttrs: false },
+  __name: "UiTabs",
+  props: {
+    defaultValue: { type: [String, null], required: false, default: "" },
+    orientation: { type: [String, null], required: false, default: "horizontal" },
+    value: { type: [String, null], required: false }
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-tabs", "props": { "defaultValue": { "type": "string", "required": false, "target": { "attribute": "defaultvalue" }, "default": "" }, "orientation": { "type": { "enum": ["horizontal", "vertical"] }, "required": false, "target": { "attribute": "data-orientation" }, "default": "horizontal" }, "value": { "type": "string", "required": false, "target": { "attribute": "value" } } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "attribute", "name": "data-orientation", "expression": "orientation", "expressionPlan": { "source": "orientation", "ast": { "kind": "id", "name": "orientation" }, "dependencies": ["orientation"] } }], "children": [{ "kind": "slot" }] }, "declarations": [{ "kind": "state", "name": "internalValue", "expression": { "source": "''", "ast": { "kind": "literal", "value": "" }, "dependencies": [] } }, { "kind": "event", "name": "select", "type": "object({ value: string, previousValue: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref28();
+    const eventListener0 = (event) => emit("select", event.detail);
+    let detach;
+    onMounted28(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent23(root.value, definition, "ui-tabs", props);
+      root.value.addEventListener("select", eventListener0);
+    });
+    watchEffect29(() => {
+      if (root.value == null) return;
+      for (const name of ["defaultValue", "orientation", "value"]) root.value[name] = props[name];
+    });
+    onUnmounted28(() => {
+      root.value?.removeEventListener("select", eventListener0);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock28(), _createElementBlock28("div", _mergeProps28(_ctx.$attrs, {
+        "data-component": "ui-tabs",
+        "data-component-root": "ui-tabs",
+        "data-looma-managed": "framework",
+        "data-orientation": props.orientation,
+        ref_key: "root",
+        ref: root
+      }), [
+        _renderSlot27(_ctx.$slots, "default")
+      ], 16, _hoisted_126);
+    };
+  }
+});
+
+// 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 { 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"];
+var UiTextarea_default = /* @__PURE__ */ _defineComponent29({
+  ...{ inheritAttrs: false },
+  __name: "UiTextarea",
+  props: {
+    defaultValue: { type: [String, null], required: false, default: "" },
+    disabled: { type: [Boolean, null], required: false, default: false },
+    invalid: { type: [Boolean, null], required: false, default: false },
+    readOnly: { type: [Boolean, null], required: false, default: false },
+    rows: { type: [Number, null], required: false, default: 4 },
+    value: { type: [String, null], required: false }
+  },
+  emits: ["input", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-textarea", "props": { "defaultValue": { "type": "string", "required": false, "target": { "attribute": "defaultvalue" }, "default": "" }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "invalid": { "type": "boolean", "required": false, "target": { "attribute": "data-invalid" }, "default": false }, "readOnly": { "type": "boolean", "required": false, "target": { "attribute": "readonly" }, "default": false }, "rows": { "type": "number", "required": false, "target": { "attribute": "rows" }, "default": 4 }, "value": { "type": "string", "required": false, "target": { "attribute": "value" } } } }, "template": { "kind": "element", "name": "span", "attributes": [{ "kind": "attribute", "name": "data-invalid", "expression": "invalid", "expressionPlan": { "source": "invalid", "ast": { "kind": "id", "name": "invalid" }, "dependencies": ["invalid"] } }], "children": [{ "kind": "slot" }] }, "declarations": [{ "kind": "state", "name": "internalValue", "expression": { "source": "''", "ast": { "kind": "literal", "value": "" }, "dependencies": [] } }, { "kind": "event", "name": "input", "type": "object({ value: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "change", "type": "object({ value: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "span", "choices": ["span"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref29();
+    const eventListener0 = (event) => emit("input", event.detail);
+    const eventListener1 = (event) => emit("change", event.detail);
+    let detach;
+    onMounted29(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent24(root.value, definition, "ui-textarea", props);
+      root.value.addEventListener("input", eventListener0);
+      root.value.addEventListener("change", eventListener1);
+    });
+    watchEffect30(() => {
+      if (root.value == null) return;
+      for (const name of ["defaultValue", "disabled", "invalid", "readOnly", "rows", "value"]) root.value[name] = props[name];
+    });
+    onUnmounted29(() => {
+      root.value?.removeEventListener("input", eventListener0);
+      root.value?.removeEventListener("change", eventListener1);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock29(), _createElementBlock29("span", _mergeProps29(_ctx.$attrs, {
+        "data-component": "ui-textarea",
+        "data-component-root": "ui-textarea",
+        "data-looma-managed": "framework",
+        "data-invalid": props.invalid ? "" : void 0,
+        ref_key: "root",
+        ref: root
+      }), [
+        _renderSlot28(_ctx.$slots, "default")
+      ], 16, _hoisted_127);
+    };
+  }
+});
+
+// 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 { 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({
+  ...{ inheritAttrs: false },
+  __name: "UiToastRegion",
+  props: {
+    open: { type: [Boolean, null], required: false, default: true }
+  },
+  emits: ["close", "dismiss"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-toast-region", "props": { "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": true } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "role", "value": "region" }, { "kind": "literal", "name": "aria-label", "value": "Notifications" }, { "kind": "literal", "name": "aria-live", "value": "polite" }, { "kind": "attribute", "name": "data-state-open", "expression": "internalOpen", "expressionPlan": { "source": "internalOpen", "ast": { "kind": "id", "name": "internalOpen" }, "dependencies": ["internalOpen"] } }], "children": [{ "kind": "slot" }] }, "declarations": [{ "kind": "state", "name": "internalOpen", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "event", "name": "close", "type": "object({ open: boolean, reason: action | programmatic | light-dismiss | escape, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "dismiss", "type": "object({ id: string, reason: action, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref30();
+    const eventListener0 = (event) => emit("close", event.detail);
+    const eventListener1 = (event) => emit("dismiss", event.detail);
+    let detach;
+    onMounted30(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent25(root.value, definition, "ui-toast-region", props);
+      root.value.addEventListener("close", eventListener0);
+      root.value.addEventListener("dismiss", eventListener1);
+    });
+    watchEffect31(() => {
+      if (root.value == null) return;
+      for (const name of ["open"]) root.value[name] = props[name];
+    });
+    onUnmounted30(() => {
+      root.value?.removeEventListener("close", eventListener0);
+      root.value?.removeEventListener("dismiss", eventListener1);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock30(), _createElementBlock30(
+        "div",
+        _mergeProps30(_ctx.$attrs, {
+          "data-component": "ui-toast-region",
+          "data-component-root": "ui-toast-region",
+          "data-looma-managed": "framework",
+          role: "region",
+          "aria-label": "Notifications",
+          "aria-live": "polite",
+          "data-state-open": void 0,
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot29(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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 = {
+  class: "top-bar",
+  part: "base",
+  "data-component": "ui-top-bar"
+};
+var _hoisted_213 = {
+  class: "top-bar__leading",
+  hidden: void 0,
+  "data-component": "ui-top-bar"
+};
+var _hoisted_37 = {
+  class: "top-bar__title",
+  "data-component": "ui-top-bar"
+};
+var _hoisted_44 = {
+  class: "top-bar__search",
+  hidden: void 0,
+  "data-component": "ui-top-bar"
+};
+var _hoisted_54 = {
+  class: "top-bar__actions",
+  hidden: void 0,
+  "data-component": "ui-top-bar"
+};
+var UiTopBar_default = /* @__PURE__ */ _defineComponent31({
+  ...{ inheritAttrs: false },
+  __name: "UiTopBar",
+  setup(__props) {
+    const props = __props;
+    const definition = { ...{ "contract": { "tag": "ui-top-bar", "props": {} }, "template": { "kind": "element", "name": "div", "attributes": [], "children": [{ "kind": "element", "name": "header", "attributes": [{ "kind": "literal", "name": "class", "value": "top-bar" }, { "kind": "literal", "name": "part", "value": "base" }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "top-bar__leading" }, { "kind": "attribute", "name": "hidden", "expression": "not hasLeading", "expressionPlan": { "source": "not hasLeading", "ast": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "hasLeading" } }, "dependencies": ["hasLeading"] } }], "children": [{ "kind": "slot", "fallback": [], "name": "leading" }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "top-bar__title" }], "children": [{ "kind": "slot" }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "top-bar__search" }, { "kind": "attribute", "name": "hidden", "expression": "not hasSearch", "expressionPlan": { "source": "not hasSearch", "ast": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "hasSearch" } }, "dependencies": ["hasSearch"] } }], "children": [{ "kind": "slot", "fallback": [], "name": "search" }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "top-bar__actions" }, { "kind": "attribute", "name": "hidden", "expression": "not hasActions", "expressionPlan": { "source": "not hasActions", "ast": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "hasActions" } }, "dependencies": ["hasActions"] } }], "children": [{ "kind": "slot", "fallback": [], "name": "actions" }] }] }] }, "declarations": [{ "kind": "state", "name": "hasLeading", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "hasSearch", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "hasActions", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref31();
+    let detach;
+    onMounted31(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent26(root.value, definition, "ui-top-bar", props);
+    });
+    watchEffect32(() => {
+      if (root.value == null) return;
+      for (const name of []) root.value[name] = props[name];
+    });
+    onUnmounted31(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock31(), _createElementBlock31(
+        "div",
+        _mergeProps31(_ctx.$attrs, {
+          "data-component": "ui-top-bar",
+          "data-component-root": "ui-top-bar",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _createElementVNode18("header", _hoisted_128, [
+            _createElementVNode18("div", _hoisted_213, [
+              _renderSlot30(_ctx.$slots, "leading")
+            ]),
+            _createElementVNode18("div", _hoisted_37, [
+              _renderSlot30(_ctx.$slots, "default")
+            ]),
+            _createElementVNode18("div", _hoisted_44, [
+              _renderSlot30(_ctx.$slots, "search")
+            ]),
+            _createElementVNode18("div", _hoisted_54, [
+              _renderSlot30(_ctx.$slots, "actions")
+            ])
+          ])
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// src/generated/UiTreeItem.ts
+import { defineComponent as _defineComponent32 } from "vue";
+import { createElementVNode as _createElementVNode19, 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"];
+var _hoisted_214 = {
+  class: "row",
+  part: "row",
+  "data-component": "ui-tree-item"
+};
+var _hoisted_38 = {
+  class: "leading",
+  part: "leading",
+  "data-component": "ui-tree-item"
+};
+var _hoisted_45 = {
+  class: "label",
+  part: "label",
+  "data-component": "ui-tree-item"
+};
+var _hoisted_55 = {
+  class: "actions",
+  part: "actions",
+  "data-component": "ui-tree-item"
+};
+var _hoisted_63 = {
+  class: "children",
+  part: "children",
+  role: "group",
+  "data-component": "ui-tree-item"
+};
+var UiTreeItem_default = /* @__PURE__ */ _defineComponent32({
+  ...{ inheritAttrs: false },
+  __name: "UiTreeItem",
+  props: {
+    accepts: { type: [String, null], required: false, default: "" },
+    container: { type: [Boolean, null], required: false, default: false },
+    defaultExpanded: { type: [Boolean, null], required: false, default: false },
+    disabled: { type: [Boolean, null], required: false, default: false },
+    dragType: { type: [String, null], required: false, default: "item" },
+    dropDepth: { type: [Number, null], required: false },
+    dropScope: { type: [String, null], required: false, default: "" },
+    expanded: { type: [Boolean, null], required: false },
+    itemId: { type: [String, null], required: false, default: "" },
+    label: { type: [String, null], required: false, default: "" },
+    selected: { type: [Boolean, null], required: false, default: false },
+    sortable: { type: [Boolean, null], required: false, default: false },
+    subtreeDepth: { type: [Number, null], required: false }
+  },
+  emits: ["expand"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    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": "data-container" }, "default": false }, "defaultExpanded": { "type": "boolean", "required": false, "target": { "attribute": "defaultexpanded" }, "default": false }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "data-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" } }, "itemId": { "type": "string", "required": false, "target": { "attribute": "itemid" }, "default": "" }, "label": { "type": "string", "required": false, "target": { "attribute": "aria-label" }, "default": "" }, "selected": { "type": "boolean", "required": false, "target": { "attribute": "data-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": "aria-label", "expression": "label", "expressionPlan": { "source": "label", "ast": { "kind": "id", "name": "label" }, "dependencies": ["label"] } }, { "kind": "attribute", "name": "data-container", "expression": "container", "expressionPlan": { "source": "container", "ast": { "kind": "id", "name": "container" }, "dependencies": ["container"] } }, { "kind": "attribute", "name": "data-selected", "expression": "selected", "expressionPlan": { "source": "selected", "ast": { "kind": "id", "name": "selected" }, "dependencies": ["selected"] } }, { "kind": "attribute", "name": "data-disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }, { "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": "span", "attributes": [], "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": "template", "attributes": [], "children": [{ "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "class", "value": "disclosure" }, { "kind": "literal", "name": "part", "value": "disclosure" }, { "kind": "literal", "name": "type", "value": "button" }], "children": [{ "kind": "element", "name": "span", "attributes": [], "children": [] }], "flow": { "kind": "when", "test": "container", "testPlan": { "source": "container", "ast": { "kind": "id", "name": "container" }, "dependencies": ["container"] } } }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "disclosure-spacer" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [], "flow": { "kind": "else" } }], "flow": { "kind": "match" } }, { "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" }] }, { "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", "fallback": [], "name": "children" }], "flow": { "kind": "if", "test": "container", "testPlan": { "source": "container", "ast": { "kind": "id", "name": "container" }, "dependencies": ["container"] } } }, { "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": "event", "name": "expand", "type": "object({ id: string, expanded: boolean, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref32();
+    const eventListener0 = (event) => emit("expand", event.detail);
+    let detach;
+    onMounted32(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent27(root.value, definition, "ui-tree-item", props);
+      root.value.addEventListener("expand", eventListener0);
+    });
+    watchEffect33(() => {
+      if (root.value == null) return;
+      for (const name of ["accepts", "container", "defaultExpanded", "disabled", "dragType", "dropDepth", "dropScope", "expanded", "itemId", "label", "selected", "sortable", "subtreeDepth"]) root.value[name] = props[name];
+    });
+    onUnmounted32(() => {
+      root.value?.removeEventListener("expand", eventListener0);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock32(), _createElementBlock32("div", _mergeProps32(_ctx.$attrs, {
+        "data-component": "ui-tree-item",
+        "data-component-root": "ui-tree-item",
+        "data-looma-managed": "framework",
+        role: "treeitem",
+        "aria-label": props.label,
+        "data-container": props.container ? "" : void 0,
+        "data-selected": props.selected ? "" : void 0,
+        "data-disabled": props.disabled ? "" : void 0,
+        "data-drop-scope": props.dropScope,
+        "data-accepts": props.accepts,
+        ref_key: "root",
+        ref: root
+      }), [
+        _createElementVNode19("div", _hoisted_214, [
+          _cache[0] || (_cache[0] = _createElementVNode19(
+            "button",
+            {
+              class: "drag-handle",
+              part: "drag-handle",
+              type: "button",
+              "data-component": "ui-tree-item"
+            },
+            [
+              _createElementVNode19("span", { "data-component": "ui-tree-item" })
+            ],
+            -1
+            /* CACHED */
+          )),
+          _cache[1] || (_cache[1] = _createElementVNode19(
+            "template",
+            { "data-component": "ui-tree-item" },
+            [
+              _createElementVNode19("button", {
+                class: "disclosure",
+                part: "disclosure",
+                type: "button",
+                "data-component": "ui-tree-item"
+              }, [
+                _createElementVNode19("span", { "data-component": "ui-tree-item" })
+              ]),
+              _createElementVNode19("span", {
+                class: "disclosure-spacer",
+                "aria-hidden": "true",
+                "data-component": "ui-tree-item"
+              })
+            ],
+            -1
+            /* CACHED */
+          )),
+          _createElementVNode19("span", _hoisted_38, [
+            _renderSlot31(_ctx.$slots, "leading")
+          ]),
+          _createElementVNode19("span", _hoisted_45, [
+            _renderSlot31(_ctx.$slots, "default")
+          ]),
+          _createElementVNode19("span", _hoisted_55, [
+            _renderSlot31(_ctx.$slots, "actions")
+          ]),
+          _cache[2] || (_cache[2] = _createElementVNode19(
+            "span",
+            {
+              class: "drop-indicator row-drop-indicator",
+              part: "drop-indicator",
+              "aria-hidden": "true",
+              "data-component": "ui-tree-item"
+            },
+            null,
+            -1
+            /* CACHED */
+          ))
+        ]),
+        _createElementVNode19("div", _hoisted_63, [
+          _renderSlot31(_ctx.$slots, "children")
+        ]),
+        _cache[3] || (_cache[3] = _createElementVNode19(
+          "span",
+          {
+            class: "drop-indicator subtree-drop-indicator",
+            part: "drop-indicator",
+            "aria-hidden": "true",
+            "data-component": "ui-tree-item"
+          },
+          null,
+          -1
+          /* CACHED */
+        ))
+      ], 16, _hoisted_129);
+    };
+  }
+});
+
+// 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 { 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({
+  ...{ inheritAttrs: false },
+  __name: "UiTree",
+  props: {
+    hoverExpandDelay: { type: [Number, null], required: false, default: 700 },
+    label: { type: [String, null], required: false, default: "Tree" },
+    maxDepth: { type: [Number, null], required: false, default: 0 }
+  },
+  emits: ["reorder", "reorder-rejected"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-tree", "props": { "hoverExpandDelay": { "type": "number", "required": false, "target": { "attribute": "hoverexpanddelay" }, "default": 700 }, "label": { "type": "string", "required": false, "target": { "attribute": "label" }, "default": "Tree" }, "maxDepth": { "type": "number", "required": false, "target": { "attribute": "maxdepth" }, "default": 0 } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "role", "value": "tree" }], "children": [{ "kind": "slot" }] }, "declarations": [{ "kind": "event", "name": "reorder", "type": "object({ sourceId: string, targetId: string, position: before | inside | after, sourceType: string, targetType: string, sourceScope: string, targetScope: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "reorder-rejected", "type": "object({ sourceId: string, targetId: string, position: before | inside | after, reason: max-depth, maxDepth: integer, resultingDepth: integer, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref33();
+    const eventListener0 = (event) => emit("reorder", event.detail);
+    const eventListener1 = (event) => emit("reorder-rejected", event.detail);
+    let detach;
+    onMounted33(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent28(root.value, definition, "ui-tree", props);
+      root.value.addEventListener("reorder", eventListener0);
+      root.value.addEventListener("reorder-rejected", eventListener1);
+    });
+    watchEffect34(() => {
+      if (root.value == null) return;
+      for (const name of ["hoverExpandDelay", "label", "maxDepth"]) root.value[name] = props[name];
+    });
+    onUnmounted33(() => {
+      root.value?.removeEventListener("reorder", eventListener0);
+      root.value?.removeEventListener("reorder-rejected", eventListener1);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock33(), _createElementBlock33(
+        "div",
+        _mergeProps33(_ctx.$attrs, {
+          "data-component": "ui-tree",
+          "data-component-root": "ui-tree",
+          "data-looma-managed": "framework",
+          role: "tree",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot32(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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({
+  ...{ inheritAttrs: false },
+  __name: "UiCenter",
+  props: {
+    gutters: { type: [String, null], required: false },
+    measure: { type: [String, null], required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const root = ref34();
+    let detach;
+    onMounted34(() => {
+      if (root.value == null) return;
+      detach = manageGeneratedProps6(root.value, [
+        { name: "gutters", attribute: "data-gutters", value: props.gutters, type: ["s", "m", "l"], required: false },
+        { name: "measure", attribute: "data-measure", value: props.measure, type: ["narrow", "wide"], required: false }
+      ]);
+    });
+    watchEffect35(() => {
+      if (root.value == null) return;
+      for (const name of ["gutters", "measure"]) root.value[name] = props[name];
+    });
+    onUnmounted34(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock34(), _createElementBlock34(
+        "div",
+        _mergeProps34(_ctx.$attrs, {
+          "data-component": "ui-center",
+          "data-component-root": "ui-center",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot33(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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({
+  ...{ inheritAttrs: false },
+  __name: "UiCluster",
+  props: {
+    align: { type: [String, null], required: false },
+    gap: { type: [String, null], required: false },
+    justify: { type: [String, null], required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const root = ref35();
+    let detach;
+    onMounted35(() => {
+      if (root.value == null) return;
+      detach = manageGeneratedProps7(root.value, [
+        { name: "align", attribute: "data-align", value: props.align, type: ["start", "center", "end", "stretch"], required: false },
+        { name: "gap", attribute: "data-gap", value: props.gap, type: ["xs", "s", "m", "l", "xl"], required: false },
+        { name: "justify", attribute: "data-justify", value: props.justify, type: ["start", "center", "end", "between"], required: false }
+      ]);
+    });
+    watchEffect36(() => {
+      if (root.value == null) return;
+      for (const name of ["align", "gap", "justify"]) root.value[name] = props[name];
+    });
+    onUnmounted35(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock35(), _createElementBlock35(
+        "div",
+        _mergeProps35(_ctx.$attrs, {
+          "data-component": "ui-cluster",
+          "data-component-root": "ui-cluster",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot34(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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({
+  ...{ inheritAttrs: false },
+  __name: "UiGrid",
+  props: {
+    gap: { type: [String, null], required: false },
+    min: { type: [String, null], required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const root = ref36();
+    let detach;
+    onMounted36(() => {
+      if (root.value == null) return;
+      detach = manageGeneratedProps8(root.value, [
+        { name: "gap", attribute: "data-gap", value: props.gap, type: ["xs", "s", "m", "l", "xl"], required: false },
+        { name: "min", attribute: "data-min", value: props.min, type: ["sm", "md", "lg"], required: false }
+      ]);
+    });
+    watchEffect37(() => {
+      if (root.value == null) return;
+      for (const name of ["gap", "min"]) root.value[name] = props[name];
+    });
+    onUnmounted36(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock36(), _createElementBlock36(
+        "div",
+        _mergeProps36(_ctx.$attrs, {
+          "data-component": "ui-grid",
+          "data-component-root": "ui-grid",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot35(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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({
+  ...{ inheritAttrs: false },
+  __name: "UiInline",
+  props: {
+    align: { type: [String, null], required: false },
+    gap: { type: [String, null], required: false },
+    justify: { type: [String, null], required: false },
+    wrap: { type: [String, null], required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const root = ref37();
+    let detach;
+    onMounted37(() => {
+      if (root.value == null) return;
+      detach = manageGeneratedProps9(root.value, [
+        { name: "align", attribute: "data-align", value: props.align, type: ["start", "center", "end", "stretch"], required: false },
+        { name: "gap", attribute: "data-gap", value: props.gap, type: ["xs", "s", "m", "l", "xl"], required: false },
+        { name: "justify", attribute: "data-justify", value: props.justify, type: ["start", "center", "end", "between"], required: false },
+        { name: "wrap", attribute: "data-wrap", value: props.wrap, type: ["wrap", "nowrap"], required: false }
+      ]);
+    });
+    watchEffect38(() => {
+      if (root.value == null) return;
+      for (const name of ["align", "gap", "justify", "wrap"]) root.value[name] = props[name];
+    });
+    onUnmounted37(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock37(), _createElementBlock37(
+        "div",
+        _mergeProps37(_ctx.$attrs, {
+          "data-component": "ui-inline",
+          "data-component-root": "ui-inline",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot36(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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({
+  ...{ inheritAttrs: false },
+  __name: "UiReel",
+  props: {
+    gap: { type: [String, null], required: false },
+    itemWidth: { type: [String, null], required: false },
+    snap: { type: [String, null], required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const definition = { ...{ "contract": { "tag": "ui-reel", "props": { "gap": { "type": { "enum": ["xs", "s", "m", "l", "xl"] }, "required": false, "target": { "attribute": "gap" } }, "itemWidth": { "type": { "enum": ["sm", "md", "lg"] }, "required": false, "target": { "attribute": "itemwidth" } }, "snap": { "type": { "enum": ["start", "center"] }, "required": false, "target": { "attribute": "snap" } } } }, "template": { "kind": "element", "name": "div", "attributes": [], "children": [{ "kind": "slot" }] }, "declarations": [], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref38();
+    let detach;
+    onMounted38(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent29(root.value, definition, "ui-reel", props);
+    });
+    watchEffect39(() => {
+      if (root.value == null) return;
+      for (const name of ["gap", "itemWidth", "snap"]) root.value[name] = props[name];
+    });
+    onUnmounted38(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock38(), _createElementBlock38(
+        "div",
+        _mergeProps38(_ctx.$attrs, {
+          "data-component": "ui-reel",
+          "data-component-root": "ui-reel",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot37(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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({
+  ...{ inheritAttrs: false },
+  __name: "UiSeparator",
+  props: {
+    orientation: { type: [String, null], required: false, default: "horizontal" }
+  },
+  setup(__props) {
+    const props = __props;
+    const definition = { ...{ "contract": { "tag": "ui-separator", "props": { "orientation": { "type": { "enum": ["horizontal", "vertical"] }, "required": false, "target": { "attribute": "orientation" }, "default": "horizontal" } } }, "template": { "kind": "element", "name": "div", "attributes": [], "children": [{ "kind": "slot" }] }, "declarations": [], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref39();
+    let detach;
+    onMounted39(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent30(root.value, definition, "ui-separator", props);
+    });
+    watchEffect40(() => {
+      if (root.value == null) return;
+      for (const name of ["orientation"]) root.value[name] = props[name];
+    });
+    onUnmounted39(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock39(), _createElementBlock39(
+        "div",
+        _mergeProps39(_ctx.$attrs, {
+          "data-component": "ui-separator",
+          "data-component-root": "ui-separator",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot38(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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({
+  ...{ inheritAttrs: false },
+  __name: "UiSidebar",
+  props: {
+    align: { type: [String, null], required: false },
+    gap: { type: [String, null], required: false },
+    maxWidth: { type: [Number, null], required: false, default: 480 },
+    minWidth: { type: [Number, null], required: false, default: 176 },
+    resizable: { type: [Boolean, null], required: false, default: false },
+    resizeLabel: { type: [String, null], required: false, default: "Resize sidebar" },
+    resizeStep: { type: [Number, null], required: false, default: 16 },
+    side: { type: [String, null], required: false, default: "start" },
+    storageKey: { type: [String, null], required: false },
+    width: { type: [String, null], required: false, default: "default" }
+  },
+  emits: ["resize"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-sidebar", "props": { "align": { "type": { "enum": ["start", "center", "end", "stretch"] }, "required": false, "target": { "attribute": "align" } }, "gap": { "type": { "enum": ["xs", "s", "m", "l", "xl"] }, "required": false, "target": { "attribute": "gap" } }, "maxWidth": { "type": "number", "required": false, "target": { "attribute": "maxwidth" }, "default": 480 }, "minWidth": { "type": "number", "required": false, "target": { "attribute": "minwidth" }, "default": 176 }, "resizable": { "type": "boolean", "required": false, "target": { "attribute": "resizable" }, "default": false }, "resizeLabel": { "type": "string", "required": false, "target": { "attribute": "resizelabel" }, "default": "Resize sidebar" }, "resizeStep": { "type": "number", "required": false, "target": { "attribute": "resizestep" }, "default": 16 }, "side": { "type": { "enum": ["start", "end"] }, "required": false, "target": { "attribute": "side" }, "default": "start" }, "storageKey": { "type": "string", "required": false, "target": { "attribute": "storagekey" } }, "width": { "type": { "enum": ["narrow", "default", "wide"] }, "required": false, "target": { "attribute": "width" }, "default": "default" } } }, "template": { "kind": "element", "name": "div", "attributes": [], "children": [{ "kind": "slot" }] }, "declarations": [{ "kind": "event", "name": "resize", "type": "object({ width: number, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref40();
+    const eventListener0 = (event) => emit("resize", event.detail);
+    let detach;
+    onMounted40(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent31(root.value, definition, "ui-sidebar", props);
+      root.value.addEventListener("resize", eventListener0);
+    });
+    watchEffect41(() => {
+      if (root.value == null) return;
+      for (const name of ["align", "gap", "maxWidth", "minWidth", "resizable", "resizeLabel", "resizeStep", "side", "storageKey", "width"]) root.value[name] = props[name];
+    });
+    onUnmounted40(() => {
+      root.value?.removeEventListener("resize", eventListener0);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock40(), _createElementBlock40(
+        "div",
+        _mergeProps40(_ctx.$attrs, {
+          "data-component": "ui-sidebar",
+          "data-component-root": "ui-sidebar",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot39(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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({
+  ...{ inheritAttrs: false },
+  __name: "UiStack",
+  props: {
+    align: { type: [String, null], required: false },
+    gap: { type: [String, null], required: false },
+    justify: { type: [String, null], required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const root = ref41();
+    let detach;
+    onMounted41(() => {
+      if (root.value == null) return;
+      detach = manageGeneratedProps10(root.value, [
+        { name: "align", attribute: "data-align", value: props.align, type: ["start", "center", "end", "stretch"], required: false },
+        { name: "gap", attribute: "data-gap", value: props.gap, type: ["xs", "s", "m", "l", "xl"], required: false },
+        { name: "justify", attribute: "data-justify", value: props.justify, type: ["start", "center", "end", "between"], required: false }
+      ]);
+    });
+    watchEffect42(() => {
+      if (root.value == null) return;
+      for (const name of ["align", "gap", "justify"]) root.value[name] = props[name];
+    });
+    onUnmounted41(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock41(), _createElementBlock41(
+        "div",
+        _mergeProps41(_ctx.$attrs, {
+          "data-component": "ui-stack",
+          "data-component-root": "ui-stack",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot40(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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({
+  ...{ inheritAttrs: false },
+  __name: "UiSwitcher",
+  props: {
+    align: { type: [String, null], required: false },
+    gap: { type: [String, null], required: false },
+    threshold: { type: [String, null], required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const root = ref42();
+    let detach;
+    onMounted42(() => {
+      if (root.value == null) return;
+      detach = manageGeneratedProps11(root.value, [
+        { name: "align", attribute: "data-align", value: props.align, type: ["start", "center", "end", "stretch"], required: false },
+        { name: "gap", attribute: "data-gap", value: props.gap, type: ["xs", "s", "m", "l", "xl"], required: false },
+        { name: "threshold", attribute: "data-threshold", value: props.threshold, type: ["xs", "sm", "md", "lg"], required: false }
+      ]);
+    });
+    watchEffect43(() => {
+      if (root.value == null) return;
+      for (const name of ["align", "gap", "threshold"]) root.value[name] = props[name];
+    });
+    onUnmounted42(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock42(), _createElementBlock42(
+        "div",
+        _mergeProps42(_ctx.$attrs, {
+          "data-component": "ui-switcher",
+          "data-component-root": "ui-switcher",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot41(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// src/generated/UiEditorInsertTableGrid.ts
+import { defineComponent as _defineComponent43 } from "vue";
+import { mergeProps as _mergeProps43, openBlock as _openBlock43, createElementBlock as _createElementBlock43 } from "vue";
+import { onMounted as onMounted43, onUnmounted as onUnmounted43, ref as ref43, watchEffect as watchEffect44 } from "vue";
+import { attachLoomaComponent as attachLoomaComponent32 } from "@threadlabs/looma/core/declarative";
+var UiEditorInsertTableGrid_default = /* @__PURE__ */ _defineComponent43({
+  ...{ inheritAttrs: false },
+  __name: "UiEditorInsertTableGrid",
+  props: {
+    maxCols: { type: [Number, null], required: false, default: 8 },
+    maxRows: { type: [Number, null], required: false, default: 8 },
+    open: { type: [Boolean, null], required: false, default: false }
+  },
+  emits: ["looma-editor-insert-table"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-editor-insert-table-grid", "props": { "maxCols": { "type": { "kind": "terminal", "name": "integer" }, "required": false, "target": { "attribute": "maxcols" }, "default": 8 }, "maxRows": { "type": { "kind": "terminal", "name": "integer" }, "required": false, "target": { "attribute": "maxrows" }, "default": 8 }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false } } }, "template": { "kind": "element", "name": "div", "attributes": [], "children": [] }, "declarations": [{ "kind": "event", "name": "looma-editor-insert-table", "type": "object({ rows: integer, cols: integer, withHeaderRow: boolean })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref43();
+    const eventListener0 = (event) => emit("looma-editor-insert-table", event.detail);
+    let detach;
+    onMounted43(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent32(root.value, definition, "ui-editor-insert-table-grid", props);
+      root.value.addEventListener("looma-editor-insert-table", eventListener0);
+    });
+    watchEffect44(() => {
+      if (root.value == null) return;
+      for (const name of ["maxCols", "maxRows", "open"]) root.value[name] = props[name];
+    });
+    onUnmounted43(() => {
+      root.value?.removeEventListener("looma-editor-insert-table", eventListener0);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock43(), _createElementBlock43(
+        "div",
+        _mergeProps43(_ctx.$attrs, {
+          "data-component": "ui-editor-insert-table-grid",
+          "data-component-root": "ui-editor-insert-table-grid",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        null,
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// src/generated/UiEditorMentionMenu.ts
+import { defineComponent as _defineComponent44 } from "vue";
+import { mergeProps as _mergeProps44, openBlock as _openBlock44, createElementBlock as _createElementBlock44 } from "vue";
+import { onMounted as onMounted44, onUnmounted as onUnmounted44, ref as ref44, watchEffect as watchEffect45 } from "vue";
+import { attachLoomaComponent as attachLoomaComponent33 } from "@threadlabs/looma/core/declarative";
+var UiEditorMentionMenu_default = /* @__PURE__ */ _defineComponent44({
+  ...{ inheritAttrs: false },
+  __name: "UiEditorMentionMenu",
+  props: {
+    anchorRect: { type: [Object, null], required: false },
+    items: { type: [Array, null], required: false },
+    loading: { type: [Boolean, null], required: false, default: false },
+    open: { type: [Boolean, null], required: false, default: false },
+    query: { type: [String, null], required: false, default: "" },
+    selectedIndex: { type: [Number, null], required: false, default: 0 }
+  },
+  emits: ["looma-editor-mention-menu-highlight", "looma-editor-mention-menu-select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-editor-mention-menu", "props": { "anchorRect": { "type": { "kind": "union", "members": [{ "kind": "object", "fields": [{ "name": "left", "type": { "kind": "terminal", "name": "number" }, "optional": true }, { "name": "top", "type": { "kind": "terminal", "name": "number" }, "optional": true }, { "name": "right", "type": { "kind": "terminal", "name": "number" }, "optional": true }, { "name": "bottom", "type": { "kind": "terminal", "name": "number" }, "optional": true }, { "name": "x", "type": { "kind": "terminal", "name": "number" }, "optional": true }, { "name": "y", "type": { "kind": "terminal", "name": "number" }, "optional": true }, { "name": "width", "type": { "kind": "terminal", "name": "number" }, "optional": true }, { "name": "height", "type": { "kind": "terminal", "name": "number" }, "optional": true }], "open": false }, { "kind": "terminal", "name": "null" }] }, "required": false, "target": { "property": "anchorRect" } }, "items": { "type": { "kind": "list", "item": { "kind": "object", "fields": [{ "name": "id", "type": { "kind": "terminal", "name": "string" }, "optional": false }, { "name": "label", "type": { "kind": "terminal", "name": "string" }, "optional": false }, { "name": "detail", "type": { "kind": "terminal", "name": "string" }, "optional": true }, { "name": "initials", "type": { "kind": "terminal", "name": "string" }, "optional": true }], "open": false } }, "required": false, "target": { "property": "items" } }, "loading": { "type": "boolean", "required": false, "target": { "attribute": "loading" }, "default": false }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false }, "query": { "type": "string", "required": false, "target": { "attribute": "query" }, "default": "" }, "selectedIndex": { "type": { "kind": "terminal", "name": "integer" }, "required": false, "target": { "attribute": "selectedindex" }, "default": 0 } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "property", "key": "items", "name": "items", "expression": "items", "expressionPlan": { "source": "items", "ast": { "kind": "id", "name": "items" }, "dependencies": ["items"] } }, { "kind": "property", "key": "anchorrect", "name": "anchorRect", "expression": "anchorRect", "expressionPlan": { "source": "anchorRect", "ast": { "kind": "id", "name": "anchorRect" }, "dependencies": ["anchorRect"] } }], "children": [] }, "declarations": [{ "kind": "event", "name": "looma-editor-mention-menu-highlight", "type": "object({ index: integer })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "looma-editor-mention-menu-select", "type": "object({ index: integer })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref44();
+    const eventListener0 = (event) => emit("looma-editor-mention-menu-highlight", event.detail);
+    const eventListener1 = (event) => emit("looma-editor-mention-menu-select", event.detail);
+    let detach;
+    onMounted44(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent33(root.value, definition, "ui-editor-mention-menu", props);
+      root.value.addEventListener("looma-editor-mention-menu-highlight", eventListener0);
+      root.value.addEventListener("looma-editor-mention-menu-select", eventListener1);
+    });
+    watchEffect45(() => {
+      if (root.value == null) return;
+      for (const name of ["anchorRect", "items", "loading", "open", "query", "selectedIndex"]) root.value[name] = props[name];
+    });
+    onUnmounted44(() => {
+      root.value?.removeEventListener("looma-editor-mention-menu-highlight", eventListener0);
+      root.value?.removeEventListener("looma-editor-mention-menu-select", eventListener1);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock44(), _createElementBlock44(
+        "div",
+        _mergeProps44(_ctx.$attrs, {
+          "data-component": "ui-editor-mention-menu",
+          "data-component-root": "ui-editor-mention-menu",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        null,
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// src/generated/UiEditorSlashMenu.ts
+import { defineComponent as _defineComponent45 } from "vue";
+import { mergeProps as _mergeProps45, openBlock as _openBlock45, createElementBlock as _createElementBlock45 } from "vue";
+import { onMounted as onMounted45, onUnmounted as onUnmounted45, ref as ref45, watchEffect as watchEffect46 } from "vue";
+import { attachLoomaComponent as attachLoomaComponent34 } from "@threadlabs/looma/core/declarative";
+var UiEditorSlashMenu_default = /* @__PURE__ */ _defineComponent45({
+  ...{ inheritAttrs: false },
+  __name: "UiEditorSlashMenu",
+  props: {
+    anchorRect: { type: [Object, null], required: false },
+    items: { type: [Array, null], required: false },
+    open: { type: [Boolean, null], required: false, default: false },
+    query: { type: [String, null], required: false, default: "" },
+    selectedIndex: { type: [Number, null], required: false, default: 0 }
+  },
+  emits: ["looma-editor-slash-menu-highlight", "looma-editor-slash-menu-select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-editor-slash-menu", "props": { "anchorRect": { "type": { "kind": "union", "members": [{ "kind": "object", "fields": [{ "name": "left", "type": { "kind": "terminal", "name": "number" }, "optional": true }, { "name": "top", "type": { "kind": "terminal", "name": "number" }, "optional": true }, { "name": "right", "type": { "kind": "terminal", "name": "number" }, "optional": true }, { "name": "bottom", "type": { "kind": "terminal", "name": "number" }, "optional": true }, { "name": "x", "type": { "kind": "terminal", "name": "number" }, "optional": true }, { "name": "y", "type": { "kind": "terminal", "name": "number" }, "optional": true }, { "name": "width", "type": { "kind": "terminal", "name": "number" }, "optional": true }, { "name": "height", "type": { "kind": "terminal", "name": "number" }, "optional": true }], "open": false }, { "kind": "terminal", "name": "null" }] }, "required": false, "target": { "property": "anchorRect" } }, "items": { "type": { "kind": "list", "item": { "kind": "object", "fields": [{ "name": "title", "type": { "kind": "terminal", "name": "string" }, "optional": false }, { "name": "description", "type": { "kind": "terminal", "name": "string" }, "optional": false }, { "name": "icon", "type": { "kind": "terminal", "name": "string" }, "optional": false }], "open": false } }, "required": false, "target": { "property": "items" } }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false }, "query": { "type": "string", "required": false, "target": { "attribute": "query" }, "default": "" }, "selectedIndex": { "type": { "kind": "terminal", "name": "integer" }, "required": false, "target": { "attribute": "selectedindex" }, "default": 0 } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "property", "key": "items", "name": "items", "expression": "items", "expressionPlan": { "source": "items", "ast": { "kind": "id", "name": "items" }, "dependencies": ["items"] } }, { "kind": "property", "key": "anchorrect", "name": "anchorRect", "expression": "anchorRect", "expressionPlan": { "source": "anchorRect", "ast": { "kind": "id", "name": "anchorRect" }, "dependencies": ["anchorRect"] } }], "children": [] }, "declarations": [{ "kind": "event", "name": "looma-editor-slash-menu-highlight", "type": "object({ index: integer })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "looma-editor-slash-menu-select", "type": "object({ index: integer })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref45();
+    const eventListener0 = (event) => emit("looma-editor-slash-menu-highlight", event.detail);
+    const eventListener1 = (event) => emit("looma-editor-slash-menu-select", event.detail);
+    let detach;
+    onMounted45(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent34(root.value, definition, "ui-editor-slash-menu", props);
+      root.value.addEventListener("looma-editor-slash-menu-highlight", eventListener0);
+      root.value.addEventListener("looma-editor-slash-menu-select", eventListener1);
+    });
+    watchEffect46(() => {
+      if (root.value == null) return;
+      for (const name of ["anchorRect", "items", "open", "query", "selectedIndex"]) root.value[name] = props[name];
+    });
+    onUnmounted45(() => {
+      root.value?.removeEventListener("looma-editor-slash-menu-highlight", eventListener0);
+      root.value?.removeEventListener("looma-editor-slash-menu-select", eventListener1);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock45(), _createElementBlock45(
+        "div",
+        _mergeProps45(_ctx.$attrs, {
+          "data-component": "ui-editor-slash-menu",
+          "data-component-root": "ui-editor-slash-menu",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        null,
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// src/generated/UiEditorTableContextMenu.ts
+import { defineComponent as _defineComponent46 } from "vue";
+import { mergeProps as _mergeProps46, openBlock as _openBlock46, createElementBlock as _createElementBlock46 } from "vue";
+import { onMounted as onMounted46, onUnmounted as onUnmounted46, ref as ref46, watchEffect as watchEffect47 } from "vue";
+import { attachLoomaComponent as attachLoomaComponent35 } from "@threadlabs/looma/core/declarative";
+var UiEditorTableContextMenu_default = /* @__PURE__ */ _defineComponent46({
+  ...{ inheritAttrs: false },
+  __name: "UiEditorTableContextMenu",
+  props: {
+    canAddColumnAfter: { type: [Boolean, null], required: false, default: false },
+    canAddColumnBefore: { type: [Boolean, null], required: false, default: false },
+    canAddRowAfter: { type: [Boolean, null], required: false, default: false },
+    canAddRowBefore: { type: [Boolean, null], required: false, default: false },
+    canDeleteColumn: { type: [Boolean, null], required: false, default: false },
+    canDeleteRow: { type: [Boolean, null], required: false, default: false },
+    canDeleteTable: { type: [Boolean, null], required: false, default: false },
+    canMergeCells: { type: [Boolean, null], required: false, default: false },
+    canSplitCell: { type: [Boolean, null], required: false, default: false },
+    cellBackground: { type: [String, null], required: false, default: "" },
+    open: { type: [Boolean, null], required: false, default: false }
+  },
+  emits: ["looma-editor-table-action"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-editor-table-context-menu", "props": { "canAddColumnAfter": { "type": "boolean", "required": false, "target": { "attribute": "canaddcolumnafter" }, "default": false }, "canAddColumnBefore": { "type": "boolean", "required": false, "target": { "attribute": "canaddcolumnbefore" }, "default": false }, "canAddRowAfter": { "type": "boolean", "required": false, "target": { "attribute": "canaddrowafter" }, "default": false }, "canAddRowBefore": { "type": "boolean", "required": false, "target": { "attribute": "canaddrowbefore" }, "default": false }, "canDeleteColumn": { "type": "boolean", "required": false, "target": { "attribute": "candeletecolumn" }, "default": false }, "canDeleteRow": { "type": "boolean", "required": false, "target": { "attribute": "candeleterow" }, "default": false }, "canDeleteTable": { "type": "boolean", "required": false, "target": { "attribute": "candeletetable" }, "default": false }, "canMergeCells": { "type": "boolean", "required": false, "target": { "attribute": "canmergecells" }, "default": false }, "canSplitCell": { "type": "boolean", "required": false, "target": { "attribute": "cansplitcell" }, "default": false }, "cellBackground": { "type": "string", "required": false, "target": { "attribute": "cellbackground" }, "default": "" }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false } } }, "template": { "kind": "element", "name": "div", "attributes": [], "children": [] }, "declarations": [{ "kind": "event", "name": "looma-editor-table-action", "type": "object({ action: string })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref46();
+    const eventListener0 = (event) => emit("looma-editor-table-action", event.detail);
+    let detach;
+    onMounted46(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent35(root.value, definition, "ui-editor-table-context-menu", props);
+      root.value.addEventListener("looma-editor-table-action", eventListener0);
+    });
+    watchEffect47(() => {
+      if (root.value == null) return;
+      for (const name of ["canAddColumnAfter", "canAddColumnBefore", "canAddRowAfter", "canAddRowBefore", "canDeleteColumn", "canDeleteRow", "canDeleteTable", "canMergeCells", "canSplitCell", "cellBackground", "open"]) root.value[name] = props[name];
+    });
+    onUnmounted46(() => {
+      root.value?.removeEventListener("looma-editor-table-action", eventListener0);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock46(), _createElementBlock46(
+        "div",
+        _mergeProps46(_ctx.$attrs, {
+          "data-component": "ui-editor-table-context-menu",
+          "data-component-root": "ui-editor-table-context-menu",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        null,
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// src/generated/UiEditorTableOverlay.ts
+import { defineComponent as _defineComponent47 } from "vue";
+import { mergeProps as _mergeProps47, openBlock as _openBlock47, createElementBlock as _createElementBlock47 } from "vue";
+import { onMounted as onMounted47, onUnmounted as onUnmounted47, ref as ref47, watchEffect as watchEffect48 } from "vue";
+import { attachLoomaComponent as attachLoomaComponent36 } from "@threadlabs/looma/core/declarative";
+var UiEditorTableOverlay_default = /* @__PURE__ */ _defineComponent47({
+  ...{ inheritAttrs: false },
+  __name: "UiEditorTableOverlay",
+  props: {
+    activeCell: { type: [String, Array, null], required: false },
+    cols: { type: [Number, null], required: false, default: 3 },
+    columnBoundaries: { type: [String, Array, null], required: false },
+    geometry: { type: [Object, null], required: false },
+    hoveredCell: { type: [String, Array, null], required: false },
+    open: { type: [Boolean, null], required: false, default: false },
+    rowBoundaries: { type: [String, Array, null], required: false },
+    rows: { type: [Number, null], required: false, default: 3 }
+  },
+  emits: ["looma-editor-table-overlay-action"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-editor-table-overlay", "props": { "activeCell": { "type": { "kind": "union", "members": [{ "kind": "terminal", "name": "string" }, { "kind": "list", "item": { "kind": "terminal", "name": "number" } }] }, "required": false, "target": { "attribute": "activecell" } }, "cols": { "type": { "kind": "terminal", "name": "integer" }, "required": false, "target": { "attribute": "cols" }, "default": 3 }, "columnBoundaries": { "type": { "kind": "union", "members": [{ "kind": "terminal", "name": "string" }, { "kind": "list", "item": { "kind": "terminal", "name": "number" } }] }, "required": false, "target": { "attribute": "columnboundaries" } }, "geometry": { "type": { "kind": "union", "members": [{ "kind": "object", "fields": [{ "name": "rowBoundaries", "type": { "kind": "list", "item": { "kind": "terminal", "name": "number" } }, "optional": false }, { "name": "columnBoundaries", "type": { "kind": "list", "item": { "kind": "terminal", "name": "number" } }, "optional": false }, { "name": "activeCell", "type": { "kind": "union", "members": [{ "kind": "object", "fields": [{ "name": "left", "type": { "kind": "terminal", "name": "number" }, "optional": false }, { "name": "top", "type": { "kind": "terminal", "name": "number" }, "optional": false }, { "name": "width", "type": { "kind": "terminal", "name": "number" }, "optional": false }, { "name": "height", "type": { "kind": "terminal", "name": "number" }, "optional": false }, { "name": "rowIndex", "type": { "kind": "terminal", "name": "integer" }, "optional": false }, { "name": "columnIndex", "type": { "kind": "terminal", "name": "integer" }, "optional": false }], "open": false }, { "kind": "terminal", "name": "null" }] }, "optional": false }, { "name": "hoveredCell", "type": { "kind": "union", "members": [{ "kind": "object", "fields": [{ "name": "left", "type": { "kind": "terminal", "name": "number" }, "optional": false }, { "name": "top", "type": { "kind": "terminal", "name": "number" }, "optional": false }, { "name": "width", "type": { "kind": "terminal", "name": "number" }, "optional": false }, { "name": "height", "type": { "kind": "terminal", "name": "number" }, "optional": false }, { "name": "rowIndex", "type": { "kind": "terminal", "name": "integer" }, "optional": false }, { "name": "columnIndex", "type": { "kind": "terminal", "name": "integer" }, "optional": false }], "open": false }, { "kind": "terminal", "name": "null" }] }, "optional": true }], "open": false }, { "kind": "terminal", "name": "null" }] }, "required": false, "target": { "property": "geometry" } }, "hoveredCell": { "type": { "kind": "union", "members": [{ "kind": "terminal", "name": "string" }, { "kind": "list", "item": { "kind": "terminal", "name": "number" } }] }, "required": false, "target": { "attribute": "hoveredcell" } }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false }, "rowBoundaries": { "type": { "kind": "union", "members": [{ "kind": "terminal", "name": "string" }, { "kind": "list", "item": { "kind": "terminal", "name": "number" } }] }, "required": false, "target": { "attribute": "rowboundaries" } }, "rows": { "type": { "kind": "terminal", "name": "integer" }, "required": false, "target": { "attribute": "rows" }, "default": 3 } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "property", "key": "geometry", "name": "geometry", "expression": "geometry", "expressionPlan": { "source": "geometry", "ast": { "kind": "id", "name": "geometry" }, "dependencies": ["geometry"] } }], "children": [] }, "declarations": [{ "kind": "event", "name": "looma-editor-table-overlay-action", "type": "object({ action: string, boundaryIndex?: integer, rowIndex?: integer, columnIndex?: integer, anchor?: object({ left: number, top: number, right: number, bottom: number }) })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref47();
+    const eventListener0 = (event) => emit("looma-editor-table-overlay-action", event.detail);
+    let detach;
+    onMounted47(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent36(root.value, definition, "ui-editor-table-overlay", props);
+      root.value.addEventListener("looma-editor-table-overlay-action", eventListener0);
+    });
+    watchEffect48(() => {
+      if (root.value == null) return;
+      for (const name of ["activeCell", "cols", "columnBoundaries", "geometry", "hoveredCell", "open", "rowBoundaries", "rows"]) root.value[name] = props[name];
+    });
+    onUnmounted47(() => {
+      root.value?.removeEventListener("looma-editor-table-overlay-action", eventListener0);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock47(), _createElementBlock47(
+        "div",
+        _mergeProps47(_ctx.$attrs, {
+          "data-component": "ui-editor-table-overlay",
+          "data-component-root": "ui-editor-table-overlay",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        null,
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// src/generated/UiEditorTableToolbar.ts
+import { defineComponent as _defineComponent48 } from "vue";
+import { mergeProps as _mergeProps48, openBlock as _openBlock48, createElementBlock as _createElementBlock48 } from "vue";
+import { onMounted as onMounted48, onUnmounted as onUnmounted48, ref as ref48, watchEffect as watchEffect49 } from "vue";
+import { attachLoomaComponent as attachLoomaComponent37 } from "@threadlabs/looma/core/declarative";
+var UiEditorTableToolbar_default = /* @__PURE__ */ _defineComponent48({
+  ...{ inheritAttrs: false },
+  __name: "UiEditorTableToolbar",
+  props: {
+    canAddColumnAfter: { type: [Boolean, null], required: false, default: false },
+    canAddColumnBefore: { type: [Boolean, null], required: false, default: false },
+    canAddRowAfter: { type: [Boolean, null], required: false, default: false },
+    canAddRowBefore: { type: [Boolean, null], required: false, default: false },
+    canDeleteColumn: { type: [Boolean, null], required: false, default: false },
+    canDeleteRow: { type: [Boolean, null], required: false, default: false },
+    canDeleteTable: { type: [Boolean, null], required: false, default: false },
+    canMergeCells: { type: [Boolean, null], required: false, default: false },
+    canSplitCell: { type: [Boolean, null], required: false, default: false },
+    cellAlignment: { type: [String, null], required: false, default: "left" },
+    cellBackground: { type: [String, null], required: false, default: "" },
+    open: { type: [Boolean, null], required: false, default: false }
+  },
+  emits: ["looma-editor-table-action"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const definition = { ...{ "contract": { "tag": "ui-editor-table-toolbar", "props": { "canAddColumnAfter": { "type": "boolean", "required": false, "target": { "attribute": "canaddcolumnafter" }, "default": false }, "canAddColumnBefore": { "type": "boolean", "required": false, "target": { "attribute": "canaddcolumnbefore" }, "default": false }, "canAddRowAfter": { "type": "boolean", "required": false, "target": { "attribute": "canaddrowafter" }, "default": false }, "canAddRowBefore": { "type": "boolean", "required": false, "target": { "attribute": "canaddrowbefore" }, "default": false }, "canDeleteColumn": { "type": "boolean", "required": false, "target": { "attribute": "candeletecolumn" }, "default": false }, "canDeleteRow": { "type": "boolean", "required": false, "target": { "attribute": "candeleterow" }, "default": false }, "canDeleteTable": { "type": "boolean", "required": false, "target": { "attribute": "candeletetable" }, "default": false }, "canMergeCells": { "type": "boolean", "required": false, "target": { "attribute": "canmergecells" }, "default": false }, "canSplitCell": { "type": "boolean", "required": false, "target": { "attribute": "cansplitcell" }, "default": false }, "cellAlignment": { "type": { "enum": ["left", "center", "right"] }, "required": false, "target": { "attribute": "cellalignment" }, "default": "left" }, "cellBackground": { "type": "string", "required": false, "target": { "attribute": "cellbackground" }, "default": "" }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false } } }, "template": { "kind": "element", "name": "div", "attributes": [], "children": [] }, "declarations": [{ "kind": "event", "name": "looma-editor-table-action", "type": "object({ action: string })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref48();
+    const eventListener0 = (event) => emit("looma-editor-table-action", event.detail);
+    let detach;
+    onMounted48(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent37(root.value, definition, "ui-editor-table-toolbar", props);
+      root.value.addEventListener("looma-editor-table-action", eventListener0);
+    });
+    watchEffect49(() => {
+      if (root.value == null) return;
+      for (const name of ["canAddColumnAfter", "canAddColumnBefore", "canAddRowAfter", "canAddRowBefore", "canDeleteColumn", "canDeleteRow", "canDeleteTable", "canMergeCells", "canSplitCell", "cellAlignment", "cellBackground", "open"]) root.value[name] = props[name];
+    });
+    onUnmounted48(() => {
+      root.value?.removeEventListener("looma-editor-table-action", eventListener0);
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock48(), _createElementBlock48(
+        "div",
+        _mergeProps48(_ctx.$attrs, {
+          "data-component": "ui-editor-table-toolbar",
+          "data-component-root": "ui-editor-table-toolbar",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        null,
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// 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 { 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({
+  ...{ inheritAttrs: false },
+  __name: "UiEditorToolbar",
+  setup(__props) {
+    const props = __props;
+    const definition = { ...{ "contract": { "tag": "ui-editor-toolbar", "props": {} }, "template": { "kind": "element", "name": "div", "attributes": [], "children": [{ "kind": "slot" }] }, "declarations": [], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
+    const root = ref49();
+    let detach;
+    onMounted49(() => {
+      if (root.value == null) return;
+      detach = attachLoomaComponent38(root.value, definition, "ui-editor-toolbar", props);
+    });
+    watchEffect50(() => {
+      if (root.value == null) return;
+      for (const name of []) root.value[name] = props[name];
+    });
+    onUnmounted49(() => {
+      detach?.();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock49(), _createElementBlock49(
+        "div",
+        _mergeProps49(_ctx.$attrs, {
+          "data-component": "ui-editor-toolbar",
+          "data-component-root": "ui-editor-toolbar",
+          "data-looma-managed": "framework",
+          ref_key: "root",
+          ref: root
+        }),
+        [
+          _renderSlot42(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+// src/Combobox.ts
+import { defineComponent as defineComponent2, h as h2, shallowRef as shallowRef2, watch, watchEffect as watchEffect51 } from "vue";
+var Combobox = defineComponent2({
+  name: "Combobox",
+  inheritAttrs: false,
+  props: {
+    label: { type: String, required: true },
+    modelValue: { type: [String, Array, null], default: void 0 },
+    query: { type: String, default: void 0 },
+    defaultValue: String,
+    defaultQuery: String,
+    config: { type: Object, default: () => ({}) },
+    placeholder: String,
+    name: String,
+    size: { type: String, default: "md" },
+    labelVisibility: { type: String, default: "visible" },
+    disabled: Boolean,
+    readOnly: Boolean,
+    required: Boolean,
+    disclosure: Boolean,
+    clearable: Boolean,
+    help: String,
+    // Multiple mode: `modelValue` holds the selected item list and chips render before the cursor.
+    multiple: Boolean,
+    tokenSeparators: { type: Array, default: () => [] }
+  },
+  emits: {
+    // Typed for single mode (v-model of `string | null`); multiple mode writes the
+    // item array through the same channel (cast at the emit site below).
+    "update:modelValue": (_value) => true,
+    "update:query": (_query) => true,
+    queryChange: (_detail) => true,
+    valueChange: (_detail) => true,
+    freeEntry: (_detail) => true,
+    createEntry: (_detail) => true,
+    dependencyInvalidate: (_detail) => true,
+    validationChange: (_detail) => true,
+    // Multiple mode item events.
+    addItem: (_detail) => true,
+    removeItem: (_detail) => true,
+    createItem: (_detail) => true,
+    optionsChange: (_detail) => true
+  },
+  slots: Object,
+  setup(props, { attrs, slots, emit, expose }) {
+    const element = shallowRef2();
+    const rows = shallowRef2(props.config.options ?? []);
+    const currentQuery = shallowRef2(props.query ?? props.defaultQuery ?? "");
+    watch(() => props.query, (query) => {
+      if (query !== void 0) currentQuery.value = query;
+    });
+    watchEffect51(() => {
+      if (!element.value) return;
+      element.value.config = props.config;
+      element.value.value = props.modelValue;
+      element.value.query = props.query;
+      element.value.multiple = props.multiple;
+      element.value.tokenSeparators = props.tokenSeparators;
+    });
+    expose({ validate: () => element.value.validate() });
+    const items = () => props.multiple && Array.isArray(props.modelValue) ? props.modelValue : [];
+    return () => h2(UiCombobox_default, {
+      ...attrs,
+      ...Object.fromEntries(Object.entries(props).filter(([key]) => !["modelValue", "config", "query", "tokenSeparators"].includes(key))),
+      // Property binding is explicit for non-serializable config; strings remain
+      // SSR-compatible attributes until the element upgrades.
+      value: typeof props.modelValue === "string" || props.modelValue == null ? props.modelValue : [...props.modelValue],
+      config: props.config,
+      query: props.query,
+      tokenSeparators: [...props.tokenSeparators],
+      "data-allow-mismatch": "class",
+      ref: (value) => {
+        element.value = toHTMLElement(value);
+      },
+      class: attrs.class,
+      "onOptions-change": (event) => {
+        rows.value = event.detail;
+        emit("optionsChange", event.detail);
+      },
+      "onQuery-change": (event) => {
+        currentQuery.value = event.detail.query;
+        emit("update:query", event.detail.query);
+        emit("queryChange", event.detail);
+      },
+      "onValue-change": (event) => {
+        emit("update:modelValue", props.multiple ? event.detail : event.detail.value);
+        emit("valueChange", event.detail);
+      },
+      "onFree-entry": (event) => emit("freeEntry", event.detail),
+      "onCreate-entry": (event) => emit("createEntry", event.detail),
+      "onDependency-invalidate": (event) => emit("dependencyInvalidate", event.detail),
+      "onValidation-change": (event) => emit("validationChange", event.detail),
+      "onAdd-item": (event) => emit("addItem", event.detail),
+      "onRemove-item": (event) => emit("removeItem", event.detail),
+      "onCreate-item": (event) => emit("createItem", event.detail)
+    }, [
+      h2("label", { slot: "fallback" }, [props.label, h2("input", {
+        value: props.query ?? props.defaultQuery ?? "",
+        disabled: props.disabled,
+        readonly: props.readOnly,
+        required: props.required
+      })]),
+      ...slots.option ? rows.value.map((option) => h2("div", { slot: `option-${option.id}`, key: option.id }, slots.option({ option }))) : [],
+      ...props.multiple && slots.item ? items().map((item) => h2("span", { slot: `item-${item.id}`, key: item.id }, slots.item({ item }))) : [],
+      ...slots.create ? [h2("span", { slot: "create" }, slots.create({ query: currentQuery.value }))] : [],
+      ...["start", "footer", "loading", "empty", "error"].flatMap((name) => slots[name] ? [h2("div", { slot: name }, slots[name]({}))] : [])
+    ]);
+  }
+});
+
+// src/index.ts
+var Combobox2 = Combobox;
+var Stack = createAdapterComponent(UiStack_default, "Stack");
+var Inline = createAdapterComponent(UiInline_default, "Inline");
+var Cluster = createAdapterComponent(UiCluster_default, "Cluster");
+var Grid = createAdapterComponent(UiGrid_default, "Grid");
+var Center = createAdapterComponent(UiCenter_default, "Center");
+var Switcher = createAdapterComponent(UiSwitcher_default, "Switcher");
+var Sidebar = createAdapterComponent(UiSidebar_default, "Sidebar", [], "");
+var Reel = createAdapterComponent(UiReel_default, "Reel");
+var Separator = createAdapterComponent(UiSeparator_default, "Separator");
+var Disclosure = createAdapterComponent(UiDisclosure_default, "Disclosure", [], "class", ["open"]);
+var Editable = createAdapterComponent(UiEditable_default, "Editable", [["edit-change", "onEditChange"]], "class", ["edit"]);
+var Tabs = createAdapterComponent(UiTabs_default, "Tabs", [], "class", ["value"]);
+var Dialog = createAdapterComponent(UiDialog_default, "Dialog", [], "class", ["open"]);
+var Popover = createAdapterComponent(UiPopover_default, "Popover", [], "class", ["open"]);
+var Menu = createAdapterComponent(UiMenu_default, "Menu", [], "class", ["open"]);
+var MenuItem = createAdapterComponent(UiMenuItem_default, "MenuItem");
+var ContextMenu = createAdapterComponent(UiContextMenu_default, "ContextMenu", [], "class", ["open"]);
+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 FormField = createAdapterComponent(UiFormField_default, "FormField");
+var Tooltip = createAdapterComponent(UiTooltip_default, "Tooltip", [], "class", ["open"]);
+var ToastRegion = createAdapterComponent(UiToastRegion_default, "ToastRegion", [], "class", ["open"]);
+var Checkbox = createAdapterComponent(UiCheckbox_default, "Checkbox", [], "class", ["checked"]);
+var Switch = createAdapterComponent(UiSwitch_default, "Switch", [], "class", ["checked"]);
+var RadioGroup = createAdapterComponent(UiRadioGroup_default, "RadioGroup", [], "class", ["value"]);
+var Radio = createAdapterComponent(UiRadio_default, "Radio", [], "class", ["checked"]);
+var Badge = createAdapterComponent(UiBadge_default, "Badge");
+var Chip = createAdapterComponent(UiChip_default, "Chip");
+var Callout = createAdapterComponent(UiCallout_default, "Callout");
+var Avatar = createAdapterComponent(UiAvatar_default, "Avatar");
+var AvatarGroup = createAdapterComponent(UiAvatarGroup_default, "AvatarGroup");
+var FloatingActionButton = createAdapterComponent(
+  UiFloatingActionButton_default,
+  "FloatingActionButton"
+);
+var SearchShell = createAdapterComponent(UiSearchShell_default, "SearchShell");
+var SearchResultRow = createAdapterComponent(UiSearchResultRow_default, "SearchResultRow");
+var TopBar = createAdapterComponent(UiTopBar_default, "TopBar");
+var Tree = createAdapterComponent(UiTree_default, "Tree", [
+  ["reorder", "onReorder"],
+  ["reorder-rejected", "onReorderRejected"]
+]);
+var TreeItem = createAdapterComponent(
+  UiTreeItem_default,
+  "TreeItem",
+  [["expand", "onExpand"]],
+  "class",
+  ["expanded"]
+);
+var ADAPTER_COMPONENT_TAG_MAP = {
+  Combobox: "ui-combobox",
+  Stack: "ui-stack",
+  Inline: "ui-inline",
+  Cluster: "ui-cluster",
+  Grid: "ui-grid",
+  Center: "ui-center",
+  Switcher: "ui-switcher",
+  Sidebar: "ui-sidebar",
+  Reel: "ui-reel",
+  Separator: "ui-separator",
+  Disclosure: "ui-disclosure",
+  Editable: "ui-editable",
+  Tabs: "ui-tabs",
+  Dialog: "ui-dialog",
+  Popover: "ui-popover",
+  Menu: "ui-menu",
+  MenuItem: "ui-menu-item",
+  ContextMenu: "ui-context-menu",
+  AffordanceScope: "ui-affordance-scope",
+  Button: "ui-button",
+  IconButton: "ui-icon-button",
+  Input: "ui-input",
+  Select: "ui-select",
+  Textarea: "ui-textarea",
+  FormField: "ui-form-field",
+  Tooltip: "ui-tooltip",
+  ToastRegion: "ui-toast-region",
+  Checkbox: "ui-checkbox",
+  Switch: "ui-switch",
+  RadioGroup: "ui-radio-group",
+  Radio: "ui-radio",
+  Badge: "ui-badge",
+  Chip: "ui-chip",
+  Callout: "ui-callout",
+  Avatar: "ui-avatar",
+  AvatarGroup: "ui-avatar-group",
+  FloatingActionButton: "ui-floating-action-button",
+  SearchShell: "ui-search-shell",
+  SearchResultRow: "ui-search-result-row",
+  TopBar: "ui-top-bar",
+  Tree: "ui-tree",
+  TreeItem: "ui-tree-item"
+};
+var VUE_ADAPTER_NOTE = "Native-root adapter: attrs, slots, props, methods, and events project the framework-neutral Looma declarative contract into Vue.";
+
+export {
+  toHTMLElement,
+  createAdapterComponent,
+  UiEditorInsertTableGrid_default,
+  UiEditorMentionMenu_default,
+  UiEditorSlashMenu_default,
+  UiEditorTableContextMenu_default,
+  UiEditorTableOverlay_default,
+  UiEditorTableToolbar_default,
+  UiEditorToolbar_default,
+  Combobox2 as Combobox,
+  Stack,
+  Inline,
+  Cluster,
+  Grid,
+  Center,
+  Switcher,
+  Sidebar,
+  Reel,
+  Separator,
+  Disclosure,
+  Editable,
+  Tabs,
+  Dialog,
+  Popover,
+  Menu,
+  MenuItem,
+  ContextMenu,
+  AffordanceScope,
+  Button,
+  IconButton,
+  Input,
+  Select,
+  Textarea,
+  FormField,
+  Tooltip,
+  ToastRegion,
+  Checkbox,
+  Switch,
+  RadioGroup,
+  Radio,
+  Badge,
+  Chip,
+  Callout,
+  Avatar,
+  AvatarGroup,
+  FloatingActionButton,
+  SearchShell,
+  SearchResultRow,
+  TopBar,
+  Tree,
+  TreeItem,
+  ADAPTER_COMPONENT_TAG_MAP,
+  VUE_ADAPTER_NOTE
+};