@threadlabs/looma 0.3.1 → 0.5.0

package/vue/chunk-OX3EACZ7.js

@@ -1,4369 +0,0 @@
-// src/index.ts
-import "@threadlabs/looma/layout";
-import "@threadlabs/looma/core";
-
-// src/adapter.ts
-import {
-  cloneVNode,
-  defineComponent,
-  Fragment,
-  h,
-  isVNode,
-  shallowRef,
-  watchEffect
-} from "vue";
-function assignNamedSlot(value, slotName) {
-  if (Array.isArray(value)) return value.map((child) => assignNamedSlot(child, slotName));
-  if (!isVNode(value)) return value;
-  if (value.type === Fragment && Array.isArray(value.children)) {
-    const fragment = cloneVNode(value);
-    fragment.children = value.children.map((child) => assignNamedSlot(child, slotName));
-    return fragment;
-  }
-  return cloneVNode(value, { slot: slotName });
-}
-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 = [], modelEvent) {
-  const eventBindings = [...BASE_EVENT_BINDINGS, ...additionalEventBindings];
-  const callbackAttrs = new Set(eventBindings.map(([, callbackAttr]) => callbackAttr));
-  if (modelEvent !== void 0) {
-    callbackAttrs.add("modelValue");
-    callbackAttrs.add("onUpdate:modelValue");
-  }
-  const propertyAttrs = new Set(propertyBindings);
-  return defineComponent({
-    name: displayName,
-    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;
-        const modelled = modelEvent !== void 0 && "modelValue" in adapterAttrs;
-        for (const propertyName of propertyBindings) {
-          const value = modelled && propertyName === "value" ? adapterAttrs.modelValue : adapterAttrs[propertyName];
-          if (propertyTarget[propertyName] !== value) propertyTarget[propertyName] = value;
-        }
-        const handlers = eventBindings.map(
-          ([eventName, callbackAttr]) => {
-            const callback = adapterAttrs[callbackAttr];
-            return [
-              eventName,
-              typeof callback === "function" ? (event) => callback(event instanceof CustomEvent ? event.detail : event) : void 0
-            ];
-          }
-        );
-        const updateModel = adapterAttrs["onUpdate:modelValue"];
-        if (modelEvent !== void 0 && typeof updateModel === "function") {
-          handlers.push([modelEvent, (event) => {
-            if (event.target === element) updateModel(element.value);
-          }]);
-        }
-        for (const [eventName, handler] of handlers) {
-          if (handler) element.addEventListener(eventName, handler);
-        }
-        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)
-          )
-        );
-        if (modelEvent !== void 0 && "modelValue" in attrs) forwardedAttrs.value = attrs.modelValue;
-        const componentSlots = Object.fromEntries(
-          Object.entries(slots).filter((entry) => Boolean(entry[1])).map(([slotName, slotFn]) => [
-            slotName,
-            () => slotName === "default" ? slotFn() : assignNamedSlot(slotFn(), slotName)
-          ])
-        );
-        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 { getCurrentInstance, onMounted, onUnmounted, ref, watchEffect as watchEffect2 } from "vue";
-import { attachLoomaComponent, updateComponentProps } 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 instance = getCurrentInstance();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuenearRadius = props.nearRadius;
-      return { "nearRadius": passed("nearRadius", "near-radius") ? valuenearRadius : void 0 };
-    };
-    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", explicitProps());
-    });
-    watchEffect2(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps(root.value, next);
-    });
-    onUnmounted(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock(), _createElementBlock(
-        "span",
-        _mergeProps(_ctx.$attrs, {
-          "data-component": "ui-affordance-scope",
-          "data-component-root": "ui-affordance-scope",
-          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 { getCurrentInstance as getCurrentInstance2, onMounted as onMounted2, onUnmounted as onUnmounted2, ref as ref2, watchEffect as watchEffect3 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent2, updateComponentProps as updateComponentProps2 } 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 instance = getCurrentInstance2();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuelabel = props.label;
-      const valuemax = props.max;
-      return { "label": passed("label", "label") ? valuelabel : void 0, "max": passed("max", "max") ? valuemax : void 0 };
-    };
-    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", explicitProps());
-    });
-    watchEffect3(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps2(root.value, next);
-    });
-    onUnmounted2(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock2(), _createElementBlock2("div", _mergeProps2(_ctx.$attrs, {
-        "data-component": "ui-avatar-group",
-        "data-component-root": "ui-avatar-group",
-        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 { renderSlot as _renderSlot3, createElementVNode as _createElementVNode, mergeProps as _mergeProps3, openBlock as _openBlock3, createElementBlock as _createElementBlock3 } from "vue";
-import { getCurrentInstance as getCurrentInstance3, onMounted as onMounted3, onUnmounted as onUnmounted3, ref as ref3, watchEffect as watchEffect4 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent3, updateComponentProps as updateComponentProps3 } 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 instance = getCurrentInstance3();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuealt = props.alt;
-      const valuefallback = props.fallback;
-      const valuename = props.name;
-      const valuesrc = props.src;
-      return { "alt": passed("alt", "alt") ? valuealt : void 0, "fallback": passed("fallback", "fallback") ? valuefallback : void 0, "name": passed("name", "name") ? valuename : void 0, "src": passed("src", "src") ? valuesrc : void 0 };
-    };
-    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": "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": "slot" }, { "kind": "element", "name": "img", "attributes": [{ "kind": "literal", "name": "class", "value": "avatar__managed-image" }, { "kind": "attribute", "name": "src", "expression": "src", "expressionPlan": { "source": "src", "ast": { "kind": "id", "name": "src" }, "dependencies": ["src"] } }, { "kind": "literal", "name": "alt", "value": "" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "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": [] } }, { "kind": "state", "name": "hasAuthoredImage", "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", explicitProps());
-    });
-    watchEffect4(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps3(root.value, next);
-    });
-    onUnmounted3(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock3(), _createElementBlock3(
-        "span",
-        _mergeProps3(_ctx.$attrs, {
-          "data-component": "ui-avatar",
-          "data-component-root": "ui-avatar",
-          "data-has-image": void 0,
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _createElementVNode("div", _hoisted_12, [
-            _renderSlot3(_ctx.$slots, "default"),
-            _createElementVNode("img", {
-              class: "avatar__managed-image",
-              src: props.src,
-              alt: "",
-              "aria-hidden": "true",
-              "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 _renderSlot4, createElementVNode as _createElementVNode2, mergeProps as _mergeProps4, openBlock as _openBlock4, createElementBlock as _createElementBlock4 } from "vue";
-import { getCurrentInstance as getCurrentInstance4, onMounted as onMounted4, onUnmounted as onUnmounted4, ref as ref4, watchEffect as watchEffect5 } from "vue";
-import { manageGeneratedProps, updateGeneratedProps } 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, default: "neutral" },
-    variant: { type: [String, null], required: false, default: "subtle" }
-  },
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance4();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuetone = props.tone;
-      const valuevariant = props.variant;
-      return { "tone": passed("tone", "tone") ? valuetone : void 0, "variant": passed("variant", "variant") ? valuevariant : void 0 };
-    };
-    const root = ref4();
-    let detach;
-    onMounted4(() => {
-      if (root.value == null) return;
-      const explicit = explicitProps();
-      detach = manageGeneratedProps(root.value, [
-        { name: "tone", attribute: "data-tone", value: explicit["tone"], default: "neutral", bound: true, type: ["neutral", "accent", "info", "success", "warning", "danger"], required: false },
-        { name: "variant", attribute: "data-variant", value: explicit["variant"], default: "subtle", bound: true, type: ["solid", "subtle"], required: false }
-      ]);
-    });
-    watchEffect5(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateGeneratedProps(root.value, next);
-    });
-    onUnmounted4(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock4(), _createElementBlock4("span", _mergeProps4(_ctx.$attrs, {
-        "data-component": "ui-badge",
-        "data-component-root": "ui-badge",
-        "data-variant": props.variant,
-        "data-tone": props.tone,
-        ref_key: "root",
-        ref: root
-      }), [
-        _createElementVNode2("span", _hoisted_22, [
-          _renderSlot4(_ctx.$slots, "default")
-        ])
-      ], 16, _hoisted_13);
-    };
-  }
-});
-
-// src/generated/UiButton.ts
-import { defineComponent as _defineComponent5 } from "vue";
-import { renderSlot as _renderSlot5, mergeProps as _mergeProps5, openBlock as _openBlock5, createElementBlock as _createElementBlock5 } from "vue";
-import { getCurrentInstance as getCurrentInstance5, onMounted as onMounted5, onUnmounted as onUnmounted5, ref as ref5, watchEffect as watchEffect6 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent4, updateComponentProps as updateComponentProps4 } from "@threadlabs/looma/core/declarative";
-var _hoisted_14 = ["data-size", "data-variant", "disabled"];
-var UiButton_default = /* @__PURE__ */ _defineComponent5({
-  ...{ inheritAttrs: false },
-  __name: "UiButton",
-  props: {
-    disabled: { type: [Boolean, null], required: false, default: false },
-    size: { type: [String, null], required: false, default: "md" },
-    variant: { type: [String, null], required: false, default: "outline" }
-  },
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance5();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuedisabled = props.disabled;
-      const valuesize = props.size;
-      const valuevariant = props.variant;
-      return { "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "size": passed("size", "size") ? valuesize : void 0, "variant": passed("variant", "variant") ? valuevariant : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-button", "props": { "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "size": { "type": { "enum": ["sm", "md", "lg"] }, "required": false, "target": { "attribute": "data-size" }, "default": "md" }, "variant": { "type": { "enum": ["outline", "solid", "danger", "ghost", "link"] }, "required": false, "target": { "attribute": "data-variant" }, "default": "outline" } } }, "template": { "kind": "element", "name": "button", "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"] } }, { "kind": "attribute", "name": "disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }], "children": [{ "kind": "slot" }] }, "declarations": [], "root": { "kind": "native", "element": "button", "choices": ["button"] } }, source: { file: import.meta.url }, css: "" };
-    const root = ref5();
-    let detach;
-    onMounted5(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent4(root.value, definition, "ui-button", explicitProps());
-    });
-    watchEffect6(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps4(root.value, next);
-    });
-    onUnmounted5(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock5(), _createElementBlock5("button", _mergeProps5(_ctx.$attrs, {
-        "data-component": "ui-button",
-        "data-component-root": "ui-button",
-        "data-size": props.size,
-        "data-variant": props.variant,
-        disabled: props.disabled,
-        ref_key: "root",
-        ref: root
-      }), [
-        _renderSlot5(_ctx.$slots, "default")
-      ], 16, _hoisted_14);
-    };
-  }
-});
-
-// src/generated/UiCallout.ts
-import { defineComponent as _defineComponent6 } from "vue";
-import { createElementVNode as _createElementVNode3, renderSlot as _renderSlot6, mergeProps as _mergeProps6, openBlock as _openBlock6, createElementBlock as _createElementBlock6 } from "vue";
-import { getCurrentInstance as getCurrentInstance6, onMounted as onMounted6, onUnmounted as onUnmounted6, ref as ref6, watchEffect as watchEffect7 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent5, updateComponentProps as updateComponentProps5 } from "@threadlabs/looma/core/declarative";
-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 instance = getCurrentInstance6();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuetone = props.tone;
-      return { "tone": passed("tone", "tone") ? valuetone : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-callout", "props": { "tone": { "type": { "enum": ["info", "note", "warning", "success", "danger"] }, "required": false, "target": { "attribute": "data-tone" }, "default": "info" } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "role", "value": "note" }, { "kind": "attribute", "name": "data-tone", "expression": "tone", "expressionPlan": { "source": "tone", "ast": { "kind": "id", "name": "tone" }, "dependencies": ["tone"] } }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "callout__surface" }], "children": [{ "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "icon" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "content" }], "children": [{ "kind": "slot" }] }] }] }, "declarations": [], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
-    const root = ref6();
-    let detach;
-    onMounted6(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent5(root.value, definition, "ui-callout", explicitProps());
-    });
-    watchEffect7(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps5(root.value, next);
-    });
-    onUnmounted6(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock6(), _createElementBlock6("div", _mergeProps6(_ctx.$attrs, {
-        "data-component": "ui-callout",
-        "data-component-root": "ui-callout",
-        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, [
-            _renderSlot6(_ctx.$slots, "default")
-          ])
-        ])
-      ], 16, _hoisted_15);
-    };
-  }
-});
-
-// src/generated/UiCheckbox.ts
-import { defineComponent as _defineComponent7 } from "vue";
-import { createElementVNode as _createElementVNode4, renderSlot as _renderSlot7, mergeProps as _mergeProps7, openBlock as _openBlock7, createElementBlock as _createElementBlock7 } from "vue";
-import { getCurrentInstance as getCurrentInstance7, onMounted as onMounted7, onUnmounted as onUnmounted7, ref as ref7, watchEffect as watchEffect8 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent6, updateComponentProps as updateComponentProps6 } from "@threadlabs/looma/core/declarative";
-var _hoisted_16 = ["data-disabled"];
-var _hoisted_24 = {
-  class: "control",
-  "data-component": "ui-checkbox"
-};
-var _hoisted_32 = ["required", "value"];
-var _hoisted_4 = {
-  class: "label",
-  "data-component": "ui-checkbox"
-};
-var UiCheckbox_default = /* @__PURE__ */ _defineComponent7({
-  ...{ inheritAttrs: false },
-  __name: "UiCheckbox",
-  props: {
-    checked: { 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 instance = getCurrentInstance7();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuechecked = props.checked;
-      const valuedisabled = props.disabled;
-      const valueindeterminate = props.indeterminate;
-      const valuerequired = props.required;
-      const valuevalue = props.value;
-      return { "checked": passed("checked", "checked") ? valuechecked : void 0, "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "indeterminate": passed("indeterminate", "indeterminate") ? valueindeterminate : void 0, "required": passed("required", "required") ? valuerequired : void 0, "value": passed("value", "value") ? valuevalue : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-checkbox", "props": { "checked": { "type": "boolean", "required": false, "target": { "attribute": "checked" }, "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": "attribute", "name": "data-disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }], "children": [{ "kind": "element", "name": "label", "attributes": [{ "kind": "literal", "name": "class", "value": "control" }], "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"] } }], "children": [] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "label" }], "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 = attachLoomaComponent6(root.value, definition, "ui-checkbox", explicitProps());
-      root.value.addEventListener("change", eventListener0);
-    });
-    watchEffect8(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps6(root.value, next);
-    });
-    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-disabled": props.disabled ? "" : void 0,
-        ref_key: "root",
-        ref: root
-      }), [
-        _createElementVNode4("label", _hoisted_24, [
-          _createElementVNode4("input", {
-            type: "checkbox",
-            checked: void 0,
-            required: props.required,
-            value: props.value,
-            "data-component": "ui-checkbox"
-          }, null, 8, _hoisted_32),
-          _createElementVNode4("span", _hoisted_4, [
-            _renderSlot7(_ctx.$slots, "default")
-          ])
-        ])
-      ], 16, _hoisted_16);
-    };
-  }
-});
-
-// src/generated/UiCombobox.ts
-import { defineComponent as _defineComponent9 } from "vue";
-import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode6, renderSlot as _renderSlot9, createTextVNode as _createTextVNode, unref as _unref, withCtx as _withCtx, createVNode as _createVNode, mergeProps as _mergeProps9, openBlock as _openBlock9, createElementBlock as _createElementBlock9 } from "vue";
-
-// src/generated/UiTooltip.ts
-import { defineComponent as _defineComponent8 } from "vue";
-import { renderSlot as _renderSlot8, createElementVNode as _createElementVNode5, mergeProps as _mergeProps8, openBlock as _openBlock8, createElementBlock as _createElementBlock8 } from "vue";
-import { getCurrentInstance as getCurrentInstance8, onMounted as onMounted8, onUnmounted as onUnmounted8, ref as ref8, watchEffect as watchEffect9 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent7, updateComponentProps as updateComponentProps7 } from "@threadlabs/looma/core/declarative";
-var _hoisted_17 = ["data-inverse"];
-var _hoisted_25 = {
-  class: "tooltip__surface",
-  "data-component": "ui-tooltip"
-};
-var UiTooltip_default = /* @__PURE__ */ _defineComponent8({
-  ...{ inheritAttrs: false },
-  __name: "UiTooltip",
-  props: {
-    for: { type: [String, null], required: false, default: "" },
-    hideDelay: { type: [Number, null], required: false, default: 100 },
-    inverse: { type: [Boolean, null], required: false, default: false },
-    open: { type: [Boolean, null], required: false, default: false },
-    placement: { type: [String, null], required: false, default: "top-start" },
-    showDelay: { type: [Number, null], required: false, default: 500 }
-  },
-  emits: ["open", "close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance8();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuefor = props.for;
-      const valuehideDelay = props.hideDelay;
-      const valueinverse = props.inverse;
-      const valueopen = props.open;
-      const valueplacement = props.placement;
-      const valueshowDelay = props.showDelay;
-      return { "for": passed("for", "for") ? valuefor : void 0, "hideDelay": passed("hideDelay", "hide-delay") ? valuehideDelay : void 0, "inverse": passed("inverse", "inverse") ? valueinverse : void 0, "open": passed("open", "open") ? valueopen : void 0, "placement": passed("placement", "placement") ? valueplacement : void 0, "showDelay": passed("showDelay", "show-delay") ? valueshowDelay : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-tooltip", "props": { "for": { "type": "string", "required": false, "target": { "attribute": "for" }, "default": "" }, "hideDelay": { "type": "number", "required": false, "target": { "attribute": "hidedelay" }, "default": 100 }, "inverse": { "type": "boolean", "required": false, "target": { "attribute": "data-inverse" }, "default": false }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false }, "placement": { "type": "string", "required": false, "target": { "attribute": "placement" }, "default": "top-start" }, "showDelay": { "type": "number", "required": false, "target": { "attribute": "showdelay" }, "default": 500 } } }, "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"] } }, { "kind": "attribute", "name": "data-inverse", "expression": "inverse", "expressionPlan": { "source": "inverse", "ast": { "kind": "id", "name": "inverse" }, "dependencies": ["inverse"] } }], "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 = ref8();
-    const eventListener0 = (event) => emit("open", event.detail);
-    const eventListener1 = (event) => emit("close", event.detail);
-    let detach;
-    onMounted8(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent7(root.value, definition, "ui-tooltip", explicitProps());
-      root.value.addEventListener("open", eventListener0);
-      root.value.addEventListener("close", eventListener1);
-    });
-    watchEffect9(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps7(root.value, next);
-    });
-    onUnmounted8(() => {
-      root.value?.removeEventListener("open", eventListener0);
-      root.value?.removeEventListener("close", eventListener1);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock8(), _createElementBlock8("span", _mergeProps8(_ctx.$attrs, {
-        "data-component": "ui-tooltip",
-        "data-component-root": "ui-tooltip",
-        role: "tooltip",
-        hidden: void 0,
-        "data-state-open": void 0,
-        "data-inverse": props.inverse ? "" : void 0,
-        ref_key: "root",
-        ref: root
-      }), [
-        _createElementVNode5("div", _hoisted_25, [
-          _renderSlot8(_ctx.$slots, "default")
-        ])
-      ], 16, _hoisted_17);
-    };
-  }
-});
-
-// src/generated/UiCombobox.ts
-import { getCurrentInstance as getCurrentInstance9, onMounted as onMounted9, onUnmounted as onUnmounted9, ref as ref9, watchEffect as watchEffect10 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent8, updateComponentProps as updateComponentProps8 } from "@threadlabs/looma/core/declarative";
-var _hoisted_18 = ["data-size"];
-var _hoisted_26 = {
-  for: "input",
-  part: "label",
-  "data-component": "ui-combobox"
-};
-var _hoisted_33 = {
-  class: "field",
-  part: "field",
-  "data-component": "ui-combobox"
-};
-var _hoisted_42 = {
-  slot: "start",
-  style: { "display": "contents" }
-};
-var _hoisted_5 = ["placeholder", "name", "disabled", "readonly", "required"];
-var _hoisted_6 = ["disabled"];
-var _hoisted_7 = {
-  class: "popup",
-  part: "popup",
-  hidden: void 0,
-  "data-component": "ui-combobox"
-};
-var _hoisted_8 = {
-  slot: "footer",
-  style: { "display": "contents" }
-};
-var _hoisted_9 = {
-  class: "authored-options",
-  hidden: "",
-  "aria-hidden": "true",
-  "data-component": "ui-combobox"
-};
-var _hoisted_10 = {
-  slot: "",
-  style: { "display": "contents" }
-};
-var UiCombobox_default = /* @__PURE__ */ _defineComponent9({
-  ...{ inheritAttrs: false },
-  __name: "UiCombobox",
-  props: {
-    allowCreate: { type: [Boolean, null], required: false, default: false },
-    allowFreeText: { type: [Boolean, null], required: false, default: false },
-    clearable: { type: [Boolean, null], required: false, default: false },
-    disabled: { type: [Boolean, null], required: false, default: false },
-    disclosure: { type: [Boolean, null], required: false, default: false },
-    help: { type: [String, null], required: false, default: "" },
-    items: { type: [Array, null], required: false },
-    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], required: false }
-  },
-  emits: ["query-change", "value-change", "free-entry", "create-entry", "validation-change", "options-change", "add-item", "remove-item", "create-item"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance9();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valueallowCreate = props.allowCreate;
-      const valueallowFreeText = props.allowFreeText;
-      const valueclearable = props.clearable;
-      const valuedisabled = props.disabled;
-      const valuedisclosure = props.disclosure;
-      const valuehelp = props.help;
-      const valueitems = props.items;
-      const valuelabel = props.label;
-      const valuelabelVisibility = props.labelVisibility;
-      const valuemultiple = props.multiple;
-      const valuename = props.name;
-      const valueplaceholder = props.placeholder;
-      const valuequery = props.query;
-      const valuereadonly = props.readonly;
-      const valuerequired = props.required;
-      const valuesize = props.size;
-      const valuetokenSeparators = props.tokenSeparators;
-      const valuevalue = props.value;
-      return { "allowCreate": passed("allowCreate", "allow-create") ? valueallowCreate : void 0, "allowFreeText": passed("allowFreeText", "allow-free-text") ? valueallowFreeText : void 0, "clearable": passed("clearable", "clearable") ? valueclearable : void 0, "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "disclosure": passed("disclosure", "disclosure") ? valuedisclosure : void 0, "help": passed("help", "help") ? valuehelp : void 0, "items": passed("items", "items") ? valueitems : void 0, "label": passed("label", "label") ? valuelabel : void 0, "labelVisibility": passed("labelVisibility", "label-visibility") ? valuelabelVisibility : void 0, "multiple": passed("multiple", "multiple") ? valuemultiple : void 0, "name": passed("name", "name") ? valuename : void 0, "placeholder": passed("placeholder", "placeholder") ? valueplaceholder : void 0, "query": passed("query", "query") ? valuequery : void 0, "readonly": passed("readonly", "readonly") ? valuereadonly : void 0, "required": passed("required", "required") ? valuerequired : void 0, "size": passed("size", "size") ? valuesize : void 0, "tokenSeparators": passed("tokenSeparators", "token-separators") ? valuetokenSeparators : void 0, "value": passed("value", "value") ? valuevalue : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-combobox", "props": { "allowCreate": { "type": "boolean", "required": false, "target": { "attribute": "allowcreate" }, "default": false }, "allowFreeText": { "type": "boolean", "required": false, "target": { "attribute": "allowfreetext" }, "default": false }, "clearable": { "type": "boolean", "required": false, "target": { "attribute": "clearable" }, "default": false }, "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": "" }, "items": { "type": { "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": "group", "type": { "kind": "terminal", "name": "string" }, "optional": true }, { "name": "disabled", "type": { "kind": "terminal", "name": "boolean" }, "optional": true }], "open": false } }, "required": false, "target": { "attribute": "items" } }, "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": { "attribute": "tokenseparators" } }, "value": { "type": { "kind": "union", "members": [{ "kind": "terminal", "name": "string" }, { "kind": "terminal", "name": "null" }] }, "required": false, "target": { "attribute": "value" } } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "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": "element", "name": "svg", "attributes": [{ "kind": "literal", "name": "class", "value": "affordance-icon" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }, { "kind": "literal", "name": "viewBox", "value": "0 0 24 24" }, { "kind": "literal", "name": "fill", "value": "none" }, { "kind": "literal", "name": "stroke", "value": "currentColor" }, { "kind": "literal", "name": "stroke-width", "value": "2" }, { "kind": "literal", "name": "stroke-linecap", "value": "round" }], "children": [{ "kind": "element", "name": "path", "attributes": [{ "kind": "literal", "name": "d", "value": "M7 7l10 10M17 7 7 17" }], "children": [] }] }], "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": "svg", "attributes": [{ "kind": "literal", "name": "class", "value": "affordance-icon" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }, { "kind": "literal", "name": "viewBox", "value": "0 0 24 24" }, { "kind": "literal", "name": "fill", "value": "none" }, { "kind": "literal", "name": "stroke", "value": "currentColor" }, { "kind": "literal", "name": "stroke-width", "value": "2.25" }, { "kind": "literal", "name": "stroke-linecap", "value": "round" }, { "kind": "literal", "name": "stroke-linejoin", "value": "round" }], "children": [{ "kind": "element", "name": "path", "attributes": [{ "kind": "literal", "name": "d", "value": "m6 9 6 6 6-6" }], "children": [] }] }], "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": [] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "authored-options" }, { "kind": "literal", "name": "hidden", "value": "" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [{ "kind": "slot" }] }] }, "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, group?: string, disabled?: boolean }) | null, kind: selection | clear | free-entry | create, trigger: keyboard | pointer | programmatic }) | list(object({ id: string, value: string, label: string, 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, group?: string, disabled?: boolean }) | null, kind: selection | clear | free-entry | create, 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, group?: string, disabled?: boolean }) | null, kind: selection | clear | free-entry | create, 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, 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, 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, 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 = ref9();
-    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("validation-change", event.detail);
-    const eventListener5 = (event) => emit("options-change", event.detail);
-    const eventListener6 = (event) => emit("add-item", event.detail);
-    const eventListener7 = (event) => emit("remove-item", event.detail);
-    const eventListener8 = (event) => emit("create-item", event.detail);
-    let detach;
-    onMounted9(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent8(root.value, definition, "ui-combobox", explicitProps());
-      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("validation-change", eventListener4);
-      root.value.addEventListener("options-change", eventListener5);
-      root.value.addEventListener("add-item", eventListener6);
-      root.value.addEventListener("remove-item", eventListener7);
-      root.value.addEventListener("create-item", eventListener8);
-    });
-    watchEffect10(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps8(root.value, next);
-    });
-    __expose({
-      validate: () => root.value["validate"](),
-      focusInput: () => root.value["focusInput"]()
-    });
-    onUnmounted9(() => {
-      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("validation-change", eventListener4);
-      root.value?.removeEventListener("options-change", eventListener5);
-      root.value?.removeEventListener("add-item", eventListener6);
-      root.value?.removeEventListener("remove-item", eventListener7);
-      root.value?.removeEventListener("create-item", eventListener8);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock9(), _createElementBlock9("div", _mergeProps9(_ctx.$attrs, {
-        "data-component": "ui-combobox",
-        "data-component-root": "ui-combobox",
-        "data-size": props.size,
-        ref_key: "root",
-        ref: root
-      }), [
-        _createElementVNode6(
-          "label",
-          _hoisted_26,
-          _toDisplayString(props.label),
-          1
-          /* TEXT */
-        ),
-        _createElementVNode6("div", _hoisted_33, [
-          _createElementVNode6("span", _hoisted_42, [
-            _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_5),
-          _cache[2] || (_cache[2] = _createElementVNode6(
-            "button",
-            {
-              type: "button",
-              part: "affordance",
-              "data-component": "ui-combobox"
-            },
-            [
-              _createElementVNode6("svg", {
-                class: "affordance-icon",
-                "aria-hidden": "true",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                "stroke-width": "2",
-                "stroke-linecap": "round",
-                "data-component": "ui-combobox"
-              }, [
-                _createElementVNode6("path", {
-                  d: "M7 7l10 10M17 7 7 17",
-                  "data-component": "ui-combobox"
-                })
-              ])
-            ],
-            -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_6),
-          _cache[3] || (_cache[3] = _createElementVNode6(
-            "button",
-            {
-              type: "button",
-              part: "affordance",
-              "aria-controls": "listbox",
-              "data-component": "ui-combobox"
-            },
-            [
-              _createElementVNode6("svg", {
-                class: "affordance-icon",
-                "aria-hidden": "true",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                "stroke-width": "2.25",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                "data-component": "ui-combobox"
-              }, [
-                _createElementVNode6("path", {
-                  d: "m6 9 6 6 6-6",
-                  "data-component": "ui-combobox"
-                })
-              ])
-            ],
-            -1
-            /* CACHED */
-          ))
-        ]),
-        _createVNode(_unref(UiTooltip_default), {
-          id: "help-text",
-          for: "help",
-          "data-component": "ui-combobox"
-        }, {
-          default: _withCtx(() => [
-            _createTextVNode(
-              _toDisplayString(props.help),
-              1
-              /* TEXT */
-            )
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        _createElementVNode6("div", _hoisted_7, [
-          _cache[4] || (_cache[4] = _createElementVNode6(
-            "div",
-            {
-              id: "listbox",
-              role: "listbox",
-              "data-component": "ui-combobox"
-            },
-            null,
-            -1
-            /* CACHED */
-          )),
-          _createElementVNode6("span", _hoisted_8, [
-            _renderSlot9(_ctx.$slots, "footer")
-          ])
-        ]),
-        _cache[5] || (_cache[5] = _createElementVNode6(
-          "div",
-          {
-            id: "validation",
-            class: "message",
-            part: "validation",
-            hidden: void 0,
-            "data-component": "ui-combobox"
-          },
-          null,
-          -1
-          /* CACHED */
-        )),
-        _cache[6] || (_cache[6] = _createElementVNode6(
-          "div",
-          {
-            class: "sr-only",
-            role: "status",
-            "aria-live": "polite",
-            "aria-atomic": "true",
-            "data-component": "ui-combobox"
-          },
-          null,
-          -1
-          /* CACHED */
-        )),
-        _createElementVNode6("div", _hoisted_9, [
-          _createElementVNode6("span", _hoisted_10, [
-            _renderSlot9(_ctx.$slots, "default")
-          ])
-        ])
-      ], -2, _hoisted_18);
-    };
-  }
-});
-
-// src/generated/UiContextMenu.ts
-import { defineComponent as _defineComponent11 } from "vue";
-import { renderSlot as _renderSlot11, unref as _unref2, withCtx as _withCtx2, createVNode as _createVNode2, createElementVNode as _createElementVNode8, mergeProps as _mergeProps11, openBlock as _openBlock11, createElementBlock as _createElementBlock11 } from "vue";
-
-// src/generated/UiMenu.ts
-import { defineComponent as _defineComponent10 } from "vue";
-import { renderSlot as _renderSlot10, createElementVNode as _createElementVNode7, mergeProps as _mergeProps10, openBlock as _openBlock10, createElementBlock as _createElementBlock10 } from "vue";
-import { getCurrentInstance as getCurrentInstance10, onMounted as onMounted10, onUnmounted as onUnmounted10, ref as ref10, watchEffect as watchEffect11 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent9, updateComponentProps as updateComponentProps9 } from "@threadlabs/looma/core/declarative";
-var _hoisted_19 = {
-  class: "menu__surface",
-  "data-component": "ui-menu"
-};
-var UiMenu_default = /* @__PURE__ */ _defineComponent10({
-  ...{ inheritAttrs: false },
-  __name: "UiMenu",
-  props: {
-    for: { type: [String, null], required: false, default: "" },
-    open: { type: [Boolean, null], required: false, default: false },
-    placement: { type: [String, null], required: false, default: "bottom-start" }
-  },
-  emits: ["select", "open", "close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance10();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuefor = props.for;
-      const valueopen = props.open;
-      const valueplacement = props.placement;
-      return { "for": passed("for", "for") ? valuefor : void 0, "open": passed("open", "open") ? valueopen : void 0, "placement": passed("placement", "placement") ? valueplacement : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-menu", "props": { "for": { "type": "string", "required": false, "target": { "attribute": "for" }, "default": "" }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false }, "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": "open", "type": "object({ open: boolean, reason: action | programmatic, 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 = ref10();
-    const eventListener0 = (event) => emit("select", event.detail);
-    const eventListener1 = (event) => emit("open", event.detail);
-    const eventListener2 = (event) => emit("close", event.detail);
-    let detach;
-    onMounted10(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent9(root.value, definition, "ui-menu", explicitProps());
-      root.value.addEventListener("select", eventListener0);
-      root.value.addEventListener("open", eventListener1);
-      root.value.addEventListener("close", eventListener2);
-    });
-    watchEffect11(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps9(root.value, next);
-    });
-    onUnmounted10(() => {
-      root.value?.removeEventListener("select", eventListener0);
-      root.value?.removeEventListener("open", eventListener1);
-      root.value?.removeEventListener("close", eventListener2);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock10(), _createElementBlock10(
-        "div",
-        _mergeProps10(_ctx.$attrs, {
-          "data-component": "ui-menu",
-          "data-component-root": "ui-menu",
-          role: "menu",
-          "aria-orientation": "vertical",
-          "data-state-open": void 0,
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _createElementVNode7("div", _hoisted_19, [
-            _renderSlot10(_ctx.$slots, "default")
-          ])
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiContextMenu.ts
-import { getCurrentInstance as getCurrentInstance11, onMounted as onMounted11, onUnmounted as onUnmounted11, ref as ref11, watchEffect as watchEffect12 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent10, updateComponentProps as updateComponentProps10 } from "@threadlabs/looma/core/declarative";
-var _hoisted_110 = {
-  class: "menu",
-  "data-state-open": void 0,
-  "data-component": "ui-context-menu"
-};
-var UiContextMenu_default = /* @__PURE__ */ _defineComponent11({
-  ...{ inheritAttrs: false },
-  __name: "UiContextMenu",
-  props: {
-    for: { type: [String, null], required: false, default: "" },
-    open: { type: [Boolean, null], required: false, default: false }
-  },
-  emits: ["open", "close", "select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance11();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuefor = props.for;
-      const valueopen = props.open;
-      return { "for": passed("for", "for") ? valuefor : void 0, "open": passed("open", "open") ? valueopen : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-context-menu", "props": { "for": { "type": "string", "required": false, "target": { "attribute": "for" }, "default": "" }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false } } }, "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": "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 = ref11();
-    const eventListener0 = (event) => emit("open", event.detail);
-    const eventListener1 = (event) => emit("close", event.detail);
-    const eventListener2 = (event) => emit("select", event.detail);
-    let detach;
-    onMounted11(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent10(root.value, definition, "ui-context-menu", explicitProps());
-      root.value.addEventListener("open", eventListener0);
-      root.value.addEventListener("close", eventListener1);
-      root.value.addEventListener("select", eventListener2);
-    });
-    watchEffect12(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps10(root.value, next);
-    });
-    onUnmounted11(() => {
-      root.value?.removeEventListener("open", eventListener0);
-      root.value?.removeEventListener("close", eventListener1);
-      root.value?.removeEventListener("select", eventListener2);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock11(), _createElementBlock11(
-        "span",
-        _mergeProps11(_ctx.$attrs, {
-          "data-component": "ui-context-menu",
-          "data-component-root": "ui-context-menu",
-          "data-state-open": void 0,
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _createElementVNode8("div", _hoisted_110, [
-            _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 _defineComponent12 } from "vue";
-import { toDisplayString as _toDisplayString2, createElementVNode as _createElementVNode9, renderSlot as _renderSlot12, mergeProps as _mergeProps12, openBlock as _openBlock12, createElementBlock as _createElementBlock12 } from "vue";
-import { getCurrentInstance as getCurrentInstance12, onMounted as onMounted12, onUnmounted as onUnmounted12, ref as ref12, watchEffect as watchEffect13 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent11, updateComponentProps as updateComponentProps11 } from "@threadlabs/looma/core/declarative";
-var _hoisted_111 = {
-  class: "dialog__header",
-  "data-component": "ui-dialog"
-};
-var _hoisted_27 = {
-  class: "dialog__title",
-  "data-component": "ui-dialog"
-};
-var _hoisted_34 = {
-  class: "dialog__body",
-  "data-component": "ui-dialog"
-};
-var _hoisted_43 = {
-  slot: "",
-  style: { "display": "contents" }
-};
-var _hoisted_52 = {
-  class: "dialog__footer",
-  "data-component": "ui-dialog"
-};
-var _hoisted_62 = {
-  slot: "actions",
-  style: { "display": "contents" }
-};
-var UiDialog_default = /* @__PURE__ */ _defineComponent12({
-  ...{ inheritAttrs: false },
-  __name: "UiDialog",
-  props: {
-    dismissible: { type: [Boolean, null], required: false, default: false },
-    for: { type: [String, null], required: false, default: "" },
-    label: { type: [String, null], required: false },
-    modal: { type: [Boolean, null], required: false, default: false },
-    open: { type: [Boolean, null], required: false, default: false }
-  },
-  emits: ["close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance12();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuedismissible = props.dismissible;
-      const valuefor = props.for;
-      const valuelabel = props.label;
-      const valuemodal = props.modal;
-      const valueopen = props.open;
-      return { "dismissible": passed("dismissible", "dismissible") ? valuedismissible : void 0, "for": passed("for", "for") ? valuefor : void 0, "label": passed("label", "label") ? valuelabel : void 0, "modal": passed("modal", "modal") ? valuemodal : void 0, "open": passed("open", "open") ? valueopen : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-dialog", "props": { "dismissible": { "type": "boolean", "required": false, "target": { "attribute": "dismissible" }, "default": false }, "for": { "type": "string", "required": false, "target": { "attribute": "for" }, "default": "" }, "label": { "type": "string", "required": false, "target": { "attribute": "label" } }, "modal": { "type": "boolean", "required": false, "target": { "attribute": "modal" }, "default": false }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false } } }, "template": { "kind": "element", "name": "dialog", "attributes": [{ "kind": "attribute", "name": "aria-label", "expression": "accessibleLabel", "expressionPlan": { "source": "accessibleLabel", "ast": { "kind": "id", "name": "accessibleLabel" }, "dependencies": ["accessibleLabel"] } }], "children": [{ "kind": "element", "name": "header", "attributes": [{ "kind": "literal", "name": "class", "value": "dialog__header" }], "children": [{ "kind": "element", "name": "h2", "attributes": [{ "kind": "literal", "name": "class", "value": "dialog__title" }], "children": [{ "kind": "element", "name": "template", "attributes": [{ "kind": "directive", "name": "value", "expression": "label", "expressionPlan": { "source": "label", "ast": { "kind": "id", "name": "label" }, "dependencies": ["label"] } }], "children": [] }], "flow": { "kind": "if", "test": "label", "testPlan": { "source": "label", "ast": { "kind": "id", "name": "label" }, "dependencies": ["label"] } } }, { "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "class", "value": "dialog__close" }, { "kind": "literal", "name": "type", "value": "button" }, { "kind": "literal", "name": "aria-label", "value": "Close" }], "children": [] }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "dialog__body" }], "children": [{ "kind": "slot" }] }, { "kind": "element", "name": "footer", "attributes": [{ "kind": "literal", "name": "class", "value": "dialog__footer" }], "children": [{ "kind": "slot", "fallback": [], "name": "actions" }] }] }, "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": "dialog", "choices": ["dialog"] } }, source: { file: import.meta.url }, css: "" };
-    const root = ref12();
-    const eventListener0 = (event) => emit("close", event.detail);
-    let detach;
-    onMounted12(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent11(root.value, definition, "ui-dialog", explicitProps());
-      root.value.addEventListener("close", eventListener0);
-    });
-    watchEffect13(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps11(root.value, next);
-    });
-    onUnmounted12(() => {
-      root.value?.removeEventListener("close", eventListener0);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock12(), _createElementBlock12(
-        "dialog",
-        _mergeProps12(_ctx.$attrs, {
-          "data-component": "ui-dialog",
-          "data-component-root": "ui-dialog",
-          "aria-label": void 0,
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _createElementVNode9("header", _hoisted_111, [
-            _createElementVNode9(
-              "h2",
-              _hoisted_27,
-              _toDisplayString2(props.label),
-              1
-              /* TEXT */
-            ),
-            _cache[0] || (_cache[0] = _createElementVNode9(
-              "button",
-              {
-                class: "dialog__close",
-                type: "button",
-                "aria-label": "Close",
-                "data-component": "ui-dialog"
-              },
-              null,
-              -1
-              /* CACHED */
-            ))
-          ]),
-          _createElementVNode9("div", _hoisted_34, [
-            _createElementVNode9("span", _hoisted_43, [
-              _renderSlot12(_ctx.$slots, "default")
-            ])
-          ]),
-          _createElementVNode9("footer", _hoisted_52, [
-            _createElementVNode9("span", _hoisted_62, [
-              _renderSlot12(_ctx.$slots, "actions")
-            ])
-          ])
-        ],
-        -2
-        /* BAIL */
-      );
-    };
-  }
-});
-
-// src/generated/UiDisclosure.ts
-import { defineComponent as _defineComponent13 } from "vue";
-import { toDisplayString as _toDisplayString3, createElementVNode as _createElementVNode10, renderSlot as _renderSlot13, mergeProps as _mergeProps13, openBlock as _openBlock13, createElementBlock as _createElementBlock13 } from "vue";
-import { getCurrentInstance as getCurrentInstance13, onMounted as onMounted13, onUnmounted as onUnmounted13, ref as ref13, watchEffect as watchEffect14 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent12, updateComponentProps as updateComponentProps12 } from "@threadlabs/looma/core/declarative";
-var _hoisted_112 = ["disabled"];
-var _hoisted_28 = { "data-component": "ui-disclosure" };
-var _hoisted_35 = {
-  class: "disclosure__panel",
-  "data-component": "ui-disclosure"
-};
-var _hoisted_44 = {
-  class: "disclosure__panel-inner",
-  "data-component": "ui-disclosure"
-};
-var UiDisclosure_default = /* @__PURE__ */ _defineComponent13({
-  ...{ inheritAttrs: false },
-  __name: "UiDisclosure",
-  props: {
-    disabled: { type: [Boolean, null], required: false, default: false },
-    open: { type: [Boolean, null], required: false, default: false },
-    summary: { type: [String, null], required: false, default: "Details" }
-  },
-  emits: ["open", "close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance13();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuedisabled = props.disabled;
-      const valueopen = props.open;
-      const valuesummary = props.summary;
-      return { "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "open": passed("open", "open") ? valueopen : void 0, "summary": passed("summary", "summary") ? valuesummary : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-disclosure", "props": { "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false }, "summary": { "type": "string", "required": false, "target": { "attribute": "summary" }, "default": "Details" } } }, "template": { "kind": "element", "name": "div", "attributes": [], "children": [{ "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "class", "value": "disclosure__trigger" }, { "kind": "literal", "name": "type", "value": "button" }, { "kind": "attribute", "name": "aria-controls", "expression": "contentId", "expressionPlan": { "source": "contentId", "ast": { "kind": "id", "name": "contentId" }, "dependencies": ["contentId"] } }, { "kind": "attribute", "name": "disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }], "children": [{ "kind": "element", "name": "span", "attributes": [], "children": [{ "kind": "element", "name": "template", "attributes": [{ "kind": "directive", "name": "value", "expression": "summary", "expressionPlan": { "source": "summary", "ast": { "kind": "id", "name": "summary" }, "dependencies": ["summary"] } }], "children": [] }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "disclosure__chevron" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [] }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "disclosure__panel" }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "disclosure__panel-inner" }], "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 = ref13();
-    const eventListener0 = (event) => emit("open", event.detail);
-    const eventListener1 = (event) => emit("close", event.detail);
-    let detach;
-    onMounted13(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent12(root.value, definition, "ui-disclosure", explicitProps());
-      root.value.addEventListener("open", eventListener0);
-      root.value.addEventListener("close", eventListener1);
-    });
-    watchEffect14(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps12(root.value, next);
-    });
-    onUnmounted13(() => {
-      root.value?.removeEventListener("open", eventListener0);
-      root.value?.removeEventListener("close", eventListener1);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock13(), _createElementBlock13(
-        "div",
-        _mergeProps13(_ctx.$attrs, {
-          "data-component": "ui-disclosure",
-          "data-component-root": "ui-disclosure",
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _createElementVNode10("button", {
-            class: "disclosure__trigger",
-            type: "button",
-            "aria-controls": void 0,
-            disabled: props.disabled,
-            "data-component": "ui-disclosure"
-          }, [
-            _createElementVNode10(
-              "span",
-              _hoisted_28,
-              _toDisplayString3(props.summary),
-              1
-              /* TEXT */
-            ),
-            _cache[0] || (_cache[0] = _createElementVNode10(
-              "span",
-              {
-                class: "disclosure__chevron",
-                "aria-hidden": "true",
-                "data-component": "ui-disclosure"
-              },
-              null,
-              -1
-              /* CACHED */
-            ))
-          ], 8, _hoisted_112),
-          _createElementVNode10("div", _hoisted_35, [
-            _createElementVNode10("div", _hoisted_44, [
-              _renderSlot13(_ctx.$slots, "default")
-            ])
-          ])
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiEditable.ts
-import { defineComponent as _defineComponent14 } from "vue";
-import { toDisplayString as _toDisplayString4, createElementVNode as _createElementVNode11, mergeProps as _mergeProps14, openBlock as _openBlock14, createElementBlock as _createElementBlock14 } from "vue";
-import { getCurrentInstance as getCurrentInstance14, onMounted as onMounted14, onUnmounted as onUnmounted14, ref as ref14, watchEffect as watchEffect15 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent13, updateComponentProps as updateComponentProps13 } from "@threadlabs/looma/core/declarative";
-var _hoisted_113 = ["data-disabled"];
-var _hoisted_29 = {
-  class: "editable__field",
-  "data-component": "ui-editable"
-};
-var _hoisted_36 = {
-  class: "editable__preview",
-  type: "button",
-  "data-component": "ui-editable"
-};
-var _hoisted_45 = {
-  class: "editable__hint",
-  "aria-hidden": "true",
-  "data-component": "ui-editable"
-};
-var UiEditable_default = /* @__PURE__ */ _defineComponent14({
-  ...{ inheritAttrs: false },
-  __name: "UiEditable",
-  props: {
-    actions: { type: [Boolean, null], required: false, default: false },
-    disabled: { type: [Boolean, null], required: false, default: false },
-    edit: { type: [Boolean, null], required: false, default: false },
-    hint: { type: [String, null], required: false, default: "" },
-    label: { type: [String, null], required: false, default: "Edit value" },
-    value: { type: [String, null], required: false, default: "" }
-  },
-  emits: ["input", "change", "edit-change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance14();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valueactions = props.actions;
-      const valuedisabled = props.disabled;
-      const valueedit = props.edit;
-      const valuehint = props.hint;
-      const valuelabel = props.label;
-      const valuevalue = props.value;
-      return { "actions": passed("actions", "actions") ? valueactions : void 0, "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "edit": passed("edit", "edit") ? valueedit : void 0, "hint": passed("hint", "hint") ? valuehint : void 0, "label": passed("label", "label") ? valuelabel : void 0, "value": passed("value", "value") ? valuevalue : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-editable", "props": { "actions": { "type": "boolean", "required": false, "target": { "attribute": "actions" }, "default": false }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "data-disabled" }, "default": false }, "edit": { "type": "boolean", "required": false, "target": { "attribute": "edit" }, "default": false }, "hint": { "type": "string", "required": false, "target": { "attribute": "hint" }, "default": "" }, "label": { "type": "string", "required": false, "target": { "attribute": "label" }, "default": "Edit value" }, "value": { "type": "string", "required": false, "target": { "attribute": "value" }, "default": "" } } }, "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": "class", "value": "editable__field" }], "children": [{ "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "class", "value": "editable__preview" }, { "kind": "literal", "name": "type", "value": "button" }], "children": [{ "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "editable__text" }], "children": [{ "kind": "element", "name": "template", "attributes": [{ "kind": "directive", "name": "value", "expression": "internalValue", "expressionPlan": { "source": "internalValue", "ast": { "kind": "id", "name": "internalValue" }, "dependencies": ["internalValue"] } }], "children": [] }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "editable__hint" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [{ "kind": "element", "name": "template", "attributes": [{ "kind": "directive", "name": "value", "expression": "hint", "expressionPlan": { "source": "hint", "ast": { "kind": "id", "name": "hint" }, "dependencies": ["hint"] } }], "children": [] }], "flow": { "kind": "if", "test": "hint", "testPlan": { "source": "hint", "ast": { "kind": "id", "name": "hint" }, "dependencies": ["hint"] } } }] }, { "kind": "element", "name": "input", "attributes": [{ "kind": "literal", "name": "class", "value": "editable__input" }, { "kind": "literal", "name": "type", "value": "text" }, { "kind": "attribute", "name": "value", "expression": "draft", "expressionPlan": { "source": "draft", "ast": { "kind": "id", "name": "draft" }, "dependencies": ["draft"] } }], "children": [] }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "editable__actions" }], "children": [{ "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "type", "value": "button" }, { "kind": "literal", "name": "data-action", "value": "save" }], "children": [{ "kind": "text", "value": "Save" }] }, { "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "type", "value": "button" }, { "kind": "literal", "name": "data-action", "value": "cancel" }], "children": [{ "kind": "text", "value": "Cancel" }] }], "flow": { "kind": "if", "test": "actions", "testPlan": { "source": "actions", "ast": { "kind": "id", "name": "actions" }, "dependencies": ["actions"] } } }] }, "declarations": [{ "kind": "state", "name": "internalEdit", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "internalValue", "expression": { "source": "''", "ast": { "kind": "literal", "value": "" }, "dependencies": [] } }, { "kind": "state", "name": "draft", "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, previousValue: string, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "edit-change", "type": "object({ edit: boolean, reason: activate | commit | cancel | 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 = ref14();
-    const eventListener0 = (event) => emit("input", event.detail);
-    const eventListener1 = (event) => emit("change", event.detail);
-    const eventListener2 = (event) => emit("edit-change", event.detail);
-    let detach;
-    onMounted14(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent13(root.value, definition, "ui-editable", explicitProps());
-      root.value.addEventListener("input", eventListener0);
-      root.value.addEventListener("change", eventListener1);
-      root.value.addEventListener("edit-change", eventListener2);
-    });
-    watchEffect15(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps13(root.value, next);
-    });
-    onUnmounted14(() => {
-      root.value?.removeEventListener("input", eventListener0);
-      root.value?.removeEventListener("change", eventListener1);
-      root.value?.removeEventListener("edit-change", eventListener2);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock14(), _createElementBlock14("div", _mergeProps14(_ctx.$attrs, {
-        "data-component": "ui-editable",
-        "data-component-root": "ui-editable",
-        "data-state-edit": void 0,
-        "data-disabled": props.disabled ? "" : void 0,
-        ref_key: "root",
-        ref: root
-      }), [
-        _createElementVNode11("div", _hoisted_29, [
-          _createElementVNode11("button", _hoisted_36, [
-            _cache[0] || (_cache[0] = _createElementVNode11(
-              "span",
-              {
-                class: "editable__text",
-                "data-component": "ui-editable"
-              },
-              _toDisplayString4(void 0),
-              -1
-              /* CACHED */
-            )),
-            _createElementVNode11(
-              "span",
-              _hoisted_45,
-              _toDisplayString4(props.hint),
-              1
-              /* TEXT */
-            )
-          ]),
-          _cache[1] || (_cache[1] = _createElementVNode11(
-            "input",
-            {
-              class: "editable__input",
-              type: "text",
-              value: void 0,
-              "data-component": "ui-editable"
-            },
-            null,
-            -1
-            /* CACHED */
-          ))
-        ]),
-        _cache[2] || (_cache[2] = _createElementVNode11(
-          "div",
-          {
-            class: "editable__actions",
-            "data-component": "ui-editable"
-          },
-          [
-            _createElementVNode11("button", {
-              type: "button",
-              "data-action": "save",
-              "data-component": "ui-editable"
-            }, " Save "),
-            _createElementVNode11("button", {
-              type: "button",
-              "data-action": "cancel",
-              "data-component": "ui-editable"
-            }, " Cancel ")
-          ],
-          -1
-          /* CACHED */
-        ))
-      ], -2, _hoisted_113);
-    };
-  }
-});
-
-// src/generated/UiFormField.ts
-import { defineComponent as _defineComponent15 } from "vue";
-import { renderSlot as _renderSlot14, createElementVNode as _createElementVNode12, mergeProps as _mergeProps15, openBlock as _openBlock15, createElementBlock as _createElementBlock15 } from "vue";
-import { getCurrentInstance as getCurrentInstance15, onMounted as onMounted15, onUnmounted as onUnmounted15, ref as ref15, watchEffect as watchEffect16 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent14, updateComponentProps as updateComponentProps14 } from "@threadlabs/looma/core/declarative";
-var _hoisted_114 = ["data-invalid", "data-disabled", "data-required"];
-var _hoisted_210 = {
-  slot: "label",
-  style: { "display": "contents" }
-};
-var _hoisted_37 = {
-  slot: "",
-  style: { "display": "contents" }
-};
-var _hoisted_46 = {
-  slot: "help",
-  style: { "display": "contents" }
-};
-var _hoisted_53 = {
-  slot: "error",
-  style: { "display": "contents" }
-};
-var UiFormField_default = /* @__PURE__ */ _defineComponent15({
-  ...{ 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 instance = getCurrentInstance15();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuedisabled = props.disabled;
-      const valueinvalid = props.invalid;
-      const valuerequired = props.required;
-      return { "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "invalid": passed("invalid", "invalid") ? valueinvalid : void 0, "required": passed("required", "required") ? valuerequired : void 0 };
-    };
-    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", "fallback": [], "name": "label" }, { "kind": "slot" }, { "kind": "slot", "fallback": [], "name": "help" }, { "kind": "slot", "fallback": [], "name": "error" }] }, "declarations": [], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
-    const root = ref15();
-    let detach;
-    onMounted15(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent14(root.value, definition, "ui-form-field", explicitProps());
-    });
-    watchEffect16(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps14(root.value, next);
-    });
-    onUnmounted15(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock15(), _createElementBlock15("div", _mergeProps15(_ctx.$attrs, {
-        "data-component": "ui-form-field",
-        "data-component-root": "ui-form-field",
-        "data-invalid": props.invalid ? "" : void 0,
-        "data-disabled": props.disabled ? "" : void 0,
-        "data-required": props.required ? "" : void 0,
-        ref_key: "root",
-        ref: root
-      }), [
-        _createElementVNode12("span", _hoisted_210, [
-          _renderSlot14(_ctx.$slots, "label")
-        ]),
-        _createElementVNode12("span", _hoisted_37, [
-          _renderSlot14(_ctx.$slots, "default")
-        ]),
-        _createElementVNode12("span", _hoisted_46, [
-          _renderSlot14(_ctx.$slots, "help")
-        ]),
-        _createElementVNode12("span", _hoisted_53, [
-          _renderSlot14(_ctx.$slots, "error")
-        ])
-      ], 16, _hoisted_114);
-    };
-  }
-});
-
-// src/generated/UiIconButton.ts
-import { defineComponent as _defineComponent16 } from "vue";
-import { renderSlot as _renderSlot15, mergeProps as _mergeProps16, openBlock as _openBlock16, createElementBlock as _createElementBlock16 } from "vue";
-import { getCurrentInstance as getCurrentInstance16, onMounted as onMounted16, onUnmounted as onUnmounted16, ref as ref16, watchEffect as watchEffect17 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent15, updateComponentProps as updateComponentProps15 } from "@threadlabs/looma/core/declarative";
-var _hoisted_115 = ["disabled", "data-round", "aria-label"];
-var UiIconButton_default = /* @__PURE__ */ _defineComponent16({
-  ...{ 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: "" },
-    round: { type: [Boolean, null], required: false, default: false },
-    size: { type: [String, null], required: false, default: "md" },
-    variant: { type: [String, null], required: false, default: "ghost" }
-  },
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance16();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valueanticipatory = props.anticipatory;
-      const valuedisabled = props.disabled;
-      const valuelabel = props.label;
-      const valueround = props.round;
-      const valuesize = props.size;
-      const valuevariant = props.variant;
-      return { "anticipatory": passed("anticipatory", "anticipatory") ? valueanticipatory : void 0, "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "label": passed("label", "label") ? valuelabel : void 0, "round": passed("round", "round") ? valueround : void 0, "size": passed("size", "size") ? valuesize : void 0, "variant": passed("variant", "variant") ? valuevariant : void 0 };
-    };
-    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": "disabled" }, "default": false }, "label": { "type": "string", "required": false, "target": { "attribute": "aria-label" }, "default": "" }, "round": { "type": "boolean", "required": false, "target": { "attribute": "data-round" }, "default": false }, "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": "button", "attributes": [{ "kind": "attribute", "name": "disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }, { "kind": "attribute", "name": "data-round", "expression": "round", "expressionPlan": { "source": "round", "ast": { "kind": "id", "name": "round" }, "dependencies": ["round"] } }, { "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": "button", "choices": ["button"] } }, source: { file: import.meta.url }, css: "" };
-    const root = ref16();
-    let detach;
-    onMounted16(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent15(root.value, definition, "ui-icon-button", explicitProps());
-    });
-    watchEffect17(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps15(root.value, next);
-    });
-    onUnmounted16(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock16(), _createElementBlock16("button", _mergeProps16(_ctx.$attrs, {
-        "data-component": "ui-icon-button",
-        "data-component-root": "ui-icon-button",
-        disabled: props.disabled,
-        "data-round": props.round ? "" : void 0,
-        type: "button",
-        "aria-label": props.label,
-        ref_key: "root",
-        ref: root
-      }), [
-        _renderSlot15(_ctx.$slots, "default")
-      ], 16, _hoisted_115);
-    };
-  }
-});
-
-// src/generated/UiInput.ts
-import { defineComponent as _defineComponent17 } from "vue";
-import { mergeProps as _mergeProps17, openBlock as _openBlock17, createElementBlock as _createElementBlock17 } from "vue";
-import { getCurrentInstance as getCurrentInstance17, onMounted as onMounted17, onUnmounted as onUnmounted17, ref as ref17, watchEffect as watchEffect18 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent16, updateComponentProps as updateComponentProps16 } from "@threadlabs/looma/core/declarative";
-var _hoisted_116 = ["value", "disabled", "readonly", "required"];
-var UiInput_default = /* @__PURE__ */ _defineComponent17({
-  ...{ inheritAttrs: false },
-  __name: "UiInput",
-  props: {
-    disabled: { type: [Boolean, null], required: false, default: false },
-    invalid: { type: [Boolean, null], required: false, default: false },
-    readonly: { type: [Boolean, null], required: false, default: false },
-    required: { type: [Boolean, null], required: false, default: false },
-    value: { type: [String, null], required: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance17();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuedisabled = props.disabled;
-      const valueinvalid = props.invalid;
-      const valuereadonly = props.readonly;
-      const valuerequired = props.required;
-      const valuevalue = props.value;
-      return { "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "invalid": passed("invalid", "invalid") ? valueinvalid : void 0, "readonly": passed("readonly", "readonly") ? valuereadonly : void 0, "required": passed("required", "required") ? valuerequired : void 0, "value": passed("value", "value") ? valuevalue : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-input", "props": { "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "invalid": { "type": "boolean", "required": false, "target": { "attribute": "invalid" }, "default": false }, "readonly": { "type": "boolean", "required": false, "target": { "attribute": "readonly" }, "default": false }, "required": { "type": "boolean", "required": false, "target": { "attribute": "required" }, "default": false }, "value": { "type": "string", "required": false, "target": { "attribute": "value" } } } }, "template": { "kind": "element", "name": "input", "attributes": [{ "kind": "attribute", "name": "value", "expression": "value", "expressionPlan": { "source": "value", "ast": { "kind": "id", "name": "value" }, "dependencies": ["value"] } }, { "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"] } }], "children": [] }, "declarations": [], "root": { "kind": "native", "element": "input", "choices": ["input"] } }, source: { file: import.meta.url }, css: "" };
-    const root = ref17();
-    let detach;
-    onMounted17(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent16(root.value, definition, "ui-input", explicitProps());
-    });
-    watchEffect18(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps16(root.value, next);
-    });
-    onUnmounted17(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock17(), _createElementBlock17("input", _mergeProps17(_ctx.$attrs, {
-        "data-component": "ui-input",
-        "data-component-root": "ui-input",
-        value: props.value,
-        disabled: props.disabled,
-        readonly: props.readonly,
-        required: props.required,
-        ref_key: "root",
-        ref: root
-      }), null, 16, _hoisted_116);
-    };
-  }
-});
-
-// src/generated/UiMenuItem.ts
-import { defineComponent as _defineComponent18 } from "vue";
-import { renderSlot as _renderSlot16, createElementVNode as _createElementVNode13, mergeProps as _mergeProps18, openBlock as _openBlock18, createElementBlock as _createElementBlock18 } from "vue";
-import { getCurrentInstance as getCurrentInstance18, onMounted as onMounted18, onUnmounted as onUnmounted18, ref as ref18, watchEffect as watchEffect19 } from "vue";
-import { manageGeneratedProps as manageGeneratedProps2, updateGeneratedProps as updateGeneratedProps2 } from "@threadlabs/looma/core/declarative-generated";
-var _hoisted_117 = ["data-value"];
-var _hoisted_211 = {
-  class: "menu-item__surface",
-  "data-component": "ui-menu-item"
-};
-var UiMenuItem_default = /* @__PURE__ */ _defineComponent18({
-  ...{ 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 instance = getCurrentInstance18();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuedisabled = props.disabled;
-      const valuevalue = props.value;
-      return { "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "value": passed("value", "value") ? valuevalue : void 0 };
-    };
-    const root = ref18();
-    let detach;
-    onMounted18(() => {
-      if (root.value == null) return;
-      const explicit = explicitProps();
-      detach = manageGeneratedProps2(root.value, [
-        { name: "disabled", attribute: "data-disabled", value: explicit["disabled"], default: false, type: "boolean", required: false },
-        { name: "value", attribute: "data-value", value: explicit["value"], default: "", bound: true, type: "string", required: false }
-      ]);
-    });
-    watchEffect19(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateGeneratedProps2(root.value, next);
-    });
-    onUnmounted18(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock18(), _createElementBlock18("div", _mergeProps18(_ctx.$attrs, {
-        "data-component": "ui-menu-item",
-        "data-component-root": "ui-menu-item",
-        role: "menuitem",
-        "data-value": props.value,
-        ref_key: "root",
-        ref: root
-      }), [
-        _createElementVNode13("span", _hoisted_211, [
-          _renderSlot16(_ctx.$slots, "default")
-        ])
-      ], 16, _hoisted_117);
-    };
-  }
-});
-
-// src/generated/UiPopover.ts
-import { defineComponent as _defineComponent19 } from "vue";
-import { renderSlot as _renderSlot17, createElementVNode as _createElementVNode14, mergeProps as _mergeProps19, openBlock as _openBlock19, createElementBlock as _createElementBlock19 } from "vue";
-import { getCurrentInstance as getCurrentInstance19, onMounted as onMounted19, onUnmounted as onUnmounted19, ref as ref19, watchEffect as watchEffect20 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent17, updateComponentProps as updateComponentProps17 } from "@threadlabs/looma/core/declarative";
-var _hoisted_118 = {
-  class: "popover__surface",
-  "data-component": "ui-popover"
-};
-var UiPopover_default = /* @__PURE__ */ _defineComponent19({
-  ...{ inheritAttrs: false },
-  __name: "UiPopover",
-  props: {
-    for: { type: [String, null], required: false, default: "" },
-    open: { type: [Boolean, null], required: false, default: false },
-    placement: { type: [String, null], required: false, default: "bottom-start" }
-  },
-  emits: ["open", "close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance19();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuefor = props.for;
-      const valueopen = props.open;
-      const valueplacement = props.placement;
-      return { "for": passed("for", "for") ? valuefor : void 0, "open": passed("open", "open") ? valueopen : void 0, "placement": passed("placement", "placement") ? valueplacement : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-popover", "props": { "for": { "type": "string", "required": false, "target": { "attribute": "for" }, "default": "" }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false }, "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 = ref19();
-    const eventListener0 = (event) => emit("open", event.detail);
-    const eventListener1 = (event) => emit("close", event.detail);
-    let detach;
-    onMounted19(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent17(root.value, definition, "ui-popover", explicitProps());
-      root.value.addEventListener("open", eventListener0);
-      root.value.addEventListener("close", eventListener1);
-    });
-    watchEffect20(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps17(root.value, next);
-    });
-    onUnmounted19(() => {
-      root.value?.removeEventListener("open", eventListener0);
-      root.value?.removeEventListener("close", eventListener1);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock19(), _createElementBlock19(
-        "span",
-        _mergeProps19(_ctx.$attrs, {
-          "data-component": "ui-popover",
-          "data-component-root": "ui-popover",
-          "data-state-open": void 0,
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _createElementVNode14("div", _hoisted_118, [
-            _renderSlot17(_ctx.$slots, "default")
-          ])
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiRadioGroup.ts
-import { defineComponent as _defineComponent20 } from "vue";
-import { toDisplayString as _toDisplayString5, createElementVNode as _createElementVNode15, renderSlot as _renderSlot18, mergeProps as _mergeProps20, openBlock as _openBlock20, createElementBlock as _createElementBlock20 } from "vue";
-import { getCurrentInstance as getCurrentInstance20, onMounted as onMounted20, onUnmounted as onUnmounted20, ref as ref20, watchEffect as watchEffect21 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent18, updateComponentProps as updateComponentProps18 } from "@threadlabs/looma/core/declarative";
-var _hoisted_119 = ["data-orientation", "data-disabled"];
-var _hoisted_212 = { "data-component": "ui-radio-group" };
-var UiRadioGroup_default = /* @__PURE__ */ _defineComponent20({
-  ...{ inheritAttrs: false },
-  __name: "UiRadioGroup",
-  props: {
-    disabled: { type: [Boolean, null], required: false, default: false },
-    label: { type: [String, null], required: false, default: "Options" },
-    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 instance = getCurrentInstance20();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuedisabled = props.disabled;
-      const valuelabel = props.label;
-      const valuename = props.name;
-      const valueorientation = props.orientation;
-      const valuerequired = props.required;
-      const valuevalue = props.value;
-      return { "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "label": passed("label", "label") ? valuelabel : void 0, "name": passed("name", "name") ? valuename : void 0, "orientation": passed("orientation", "orientation") ? valueorientation : void 0, "required": passed("required", "required") ? valuerequired : void 0, "value": passed("value", "value") ? valuevalue : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-radio-group", "props": { "disabled": { "type": "boolean", "required": false, "target": { "attribute": "data-disabled" }, "default": false }, "label": { "type": "string", "required": false, "target": { "attribute": "label" }, "default": "Options" }, "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": "fieldset", "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": "element", "name": "legend", "attributes": [], "children": [{ "kind": "element", "name": "template", "attributes": [{ "kind": "directive", "name": "value", "expression": "label", "expressionPlan": { "source": "label", "ast": { "kind": "id", "name": "label" }, "dependencies": ["label"] } }], "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": "fieldset", "choices": ["fieldset"] } }, source: { file: import.meta.url }, css: "" };
-    const root = ref20();
-    const eventListener0 = (event) => emit("select", event.detail);
-    const eventListener1 = (event) => emit("change", event.detail);
-    let detach;
-    onMounted20(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent18(root.value, definition, "ui-radio-group", explicitProps());
-      root.value.addEventListener("select", eventListener0);
-      root.value.addEventListener("change", eventListener1);
-    });
-    watchEffect21(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps18(root.value, next);
-    });
-    onUnmounted20(() => {
-      root.value?.removeEventListener("select", eventListener0);
-      root.value?.removeEventListener("change", eventListener1);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock20(), _createElementBlock20("fieldset", _mergeProps20(_ctx.$attrs, {
-        "data-component": "ui-radio-group",
-        "data-component-root": "ui-radio-group",
-        role: "radiogroup",
-        "data-orientation": props.orientation,
-        "data-disabled": props.disabled ? "" : void 0,
-        ref_key: "root",
-        ref: root
-      }), [
-        _createElementVNode15(
-          "legend",
-          _hoisted_212,
-          _toDisplayString5(props.label),
-          1
-          /* TEXT */
-        ),
-        _renderSlot18(_ctx.$slots, "default")
-      ], 16, _hoisted_119);
-    };
-  }
-});
-
-// src/generated/UiRadio.ts
-import { defineComponent as _defineComponent21 } from "vue";
-import { createElementVNode as _createElementVNode16, renderSlot as _renderSlot19, mergeProps as _mergeProps21, openBlock as _openBlock21, createElementBlock as _createElementBlock21 } from "vue";
-import { getCurrentInstance as getCurrentInstance21, onMounted as onMounted21, onUnmounted as onUnmounted21, ref as ref21, watchEffect as watchEffect22 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent19, updateComponentProps as updateComponentProps19 } from "@threadlabs/looma/core/declarative";
-var _hoisted_120 = ["data-disabled"];
-var _hoisted_213 = {
-  class: "control",
-  "data-component": "ui-radio"
-};
-var _hoisted_38 = ["name", "required", "value"];
-var _hoisted_47 = {
-  class: "label",
-  "data-component": "ui-radio"
-};
-var UiRadio_default = /* @__PURE__ */ _defineComponent21({
-  ...{ inheritAttrs: false },
-  __name: "UiRadio",
-  props: {
-    checked: { 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 instance = getCurrentInstance21();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuechecked = props.checked;
-      const valuedisabled = props.disabled;
-      const valuename = props.name;
-      const valuerequired = props.required;
-      const valuevalue = props.value;
-      return { "checked": passed("checked", "checked") ? valuechecked : void 0, "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "name": passed("name", "name") ? valuename : void 0, "required": passed("required", "required") ? valuerequired : void 0, "value": passed("value", "value") ? valuevalue : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-radio", "props": { "checked": { "type": "boolean", "required": false, "target": { "attribute": "checked" }, "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": "attribute", "name": "data-disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }], "children": [{ "kind": "element", "name": "label", "attributes": [{ "kind": "literal", "name": "class", "value": "control" }], "children": [{ "kind": "element", "name": "input", "attributes": [{ "kind": "literal", "name": "type", "value": "radio" }, { "kind": "attribute", "name": "checked", "expression": "internalChecked", "expressionPlan": { "source": "internalChecked", "ast": { "kind": "id", "name": "internalChecked" }, "dependencies": ["internalChecked"] } }, { "kind": "attribute", "name": "name", "expression": "name", "expressionPlan": { "source": "name", "ast": { "kind": "id", "name": "name" }, "dependencies": ["name"] } }, { "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"] } }], "children": [] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "label" }], "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 = ref21();
-    const eventListener0 = (event) => emit("change", event.detail);
-    let detach;
-    onMounted21(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent19(root.value, definition, "ui-radio", explicitProps());
-      root.value.addEventListener("change", eventListener0);
-    });
-    watchEffect22(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps19(root.value, next);
-    });
-    onUnmounted21(() => {
-      root.value?.removeEventListener("change", eventListener0);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock21(), _createElementBlock21("span", _mergeProps21(_ctx.$attrs, {
-        "data-component": "ui-radio",
-        "data-component-root": "ui-radio",
-        "data-disabled": props.disabled ? "" : void 0,
-        ref_key: "root",
-        ref: root
-      }), [
-        _createElementVNode16("label", _hoisted_213, [
-          _createElementVNode16("input", {
-            type: "radio",
-            checked: void 0,
-            name: props.name,
-            required: props.required,
-            value: props.value,
-            "data-component": "ui-radio"
-          }, null, 8, _hoisted_38),
-          _createElementVNode16("span", _hoisted_47, [
-            _renderSlot19(_ctx.$slots, "default")
-          ])
-        ])
-      ], 16, _hoisted_120);
-    };
-  }
-});
-
-// src/generated/UiSearchResultRow.ts
-import { defineComponent as _defineComponent22 } from "vue";
-import { renderSlot as _renderSlot20, createElementVNode as _createElementVNode17, mergeProps as _mergeProps22, openBlock as _openBlock22, createElementBlock as _createElementBlock22 } from "vue";
-import { getCurrentInstance as getCurrentInstance22, onMounted as onMounted22, onUnmounted as onUnmounted22, ref as ref22, watchEffect as watchEffect23 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent20, updateComponentProps as updateComponentProps20 } from "@threadlabs/looma/core/declarative";
-var _hoisted_121 = ["disabled", "data-selected"];
-var _hoisted_214 = {
-  class: "search-result-row__leading",
-  part: "leading",
-  hidden: void 0,
-  "data-component": "ui-search-result-row"
-};
-var _hoisted_39 = {
-  slot: "leading",
-  style: { "display": "contents" }
-};
-var _hoisted_48 = {
-  class: "search-result-row__content",
-  part: "content",
-  "data-component": "ui-search-result-row"
-};
-var _hoisted_54 = {
-  class: "search-result-row__title",
-  part: "title",
-  "data-component": "ui-search-result-row"
-};
-var _hoisted_63 = {
-  slot: "title",
-  style: { "display": "contents" }
-};
-var _hoisted_72 = {
-  class: "search-result-row__meta",
-  part: "meta",
-  hidden: void 0,
-  "data-component": "ui-search-result-row"
-};
-var _hoisted_82 = {
-  slot: "meta",
-  style: { "display": "contents" }
-};
-var _hoisted_92 = {
-  class: "search-result-row__excerpt",
-  part: "excerpt",
-  hidden: void 0,
-  "data-component": "ui-search-result-row"
-};
-var _hoisted_102 = {
-  slot: "excerpt",
-  style: { "display": "contents" }
-};
-var _hoisted_11 = {
-  class: "search-result-row__trailing",
-  part: "trailing",
-  hidden: void 0,
-  "data-component": "ui-search-result-row"
-};
-var _hoisted_122 = {
-  slot: "trailing",
-  style: { "display": "contents" }
-};
-var UiSearchResultRow_default = /* @__PURE__ */ _defineComponent22({
-  ...{ 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 instance = getCurrentInstance22();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuedisabled = props.disabled;
-      const valueselected = props.selected;
-      return { "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "selected": passed("selected", "selected") ? valueselected : void 0 };
-    };
-    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": "data-selected" }, "default": false } } }, "template": { "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": "attribute", "name": "data-selected", "expression": "selected", "expressionPlan": { "source": "selected", "ast": { "kind": "id", "name": "selected" }, "dependencies": ["selected"] } }, { "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": "button", "choices": ["button"] } }, source: { file: import.meta.url }, css: "" };
-    const root = ref22();
-    let detach;
-    onMounted22(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent20(root.value, definition, "ui-search-result-row", explicitProps());
-    });
-    watchEffect23(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps20(root.value, next);
-    });
-    onUnmounted22(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock22(), _createElementBlock22("button", _mergeProps22(_ctx.$attrs, {
-        "data-component": "ui-search-result-row",
-        "data-component-root": "ui-search-result-row",
-        class: "search-result-row",
-        type: "button",
-        disabled: props.disabled,
-        "data-selected": props.selected ? "" : void 0,
-        part: "button",
-        ref_key: "root",
-        ref: root
-      }), [
-        _createElementVNode17("span", _hoisted_214, [
-          _createElementVNode17("span", _hoisted_39, [
-            _renderSlot20(_ctx.$slots, "leading")
-          ])
-        ]),
-        _createElementVNode17("span", _hoisted_48, [
-          _createElementVNode17("span", _hoisted_54, [
-            _createElementVNode17("span", _hoisted_63, [
-              _renderSlot20(_ctx.$slots, "title")
-            ])
-          ]),
-          _createElementVNode17("span", _hoisted_72, [
-            _createElementVNode17("span", _hoisted_82, [
-              _renderSlot20(_ctx.$slots, "meta")
-            ])
-          ]),
-          _createElementVNode17("span", _hoisted_92, [
-            _createElementVNode17("span", _hoisted_102, [
-              _renderSlot20(_ctx.$slots, "excerpt")
-            ])
-          ])
-        ]),
-        _createElementVNode17("span", _hoisted_11, [
-          _createElementVNode17("span", _hoisted_122, [
-            _renderSlot20(_ctx.$slots, "trailing")
-          ])
-        ])
-      ], 16, _hoisted_121);
-    };
-  }
-});
-
-// src/generated/UiSearchShell.ts
-import { defineComponent as _defineComponent23 } from "vue";
-import { renderSlot as _renderSlot21, createElementVNode as _createElementVNode18, mergeProps as _mergeProps23, openBlock as _openBlock23, createElementBlock as _createElementBlock23 } from "vue";
-import { getCurrentInstance as getCurrentInstance23, onMounted as onMounted23, onUnmounted as onUnmounted23, ref as ref23, watchEffect as watchEffect24 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent21, updateComponentProps as updateComponentProps21 } from "@threadlabs/looma/core/declarative";
-var _hoisted_123 = {
-  class: "search-shell",
-  part: "base",
-  "data-component": "ui-search-shell"
-};
-var _hoisted_215 = {
-  class: "search-shell__panel",
-  part: "panel",
-  "data-component": "ui-search-shell"
-};
-var _hoisted_310 = {
-  class: "search-shell__search",
-  part: "search",
-  "data-component": "ui-search-shell"
-};
-var _hoisted_49 = {
-  slot: "search",
-  style: { "display": "contents" }
-};
-var _hoisted_55 = {
-  class: "search-shell__status",
-  part: "status",
-  "data-component": "ui-search-shell"
-};
-var _hoisted_64 = {
-  slot: "status",
-  style: { "display": "contents" }
-};
-var _hoisted_73 = {
-  class: "search-shell__body",
-  part: "body",
-  "data-component": "ui-search-shell"
-};
-var _hoisted_83 = {
-  slot: "body",
-  style: { "display": "contents" }
-};
-var _hoisted_93 = {
-  class: "search-shell__footer",
-  part: "footer",
-  "data-component": "ui-search-shell"
-};
-var _hoisted_103 = {
-  slot: "footer",
-  style: { "display": "contents" }
-};
-var UiSearchShell_default = /* @__PURE__ */ _defineComponent23({
-  ...{ inheritAttrs: false },
-  __name: "UiSearchShell",
-  props: {
-    dismissible: { type: [Boolean, null], required: false, default: false },
-    label: { type: [String, null], required: false, default: "Search" },
-    modal: { type: [Boolean, null], required: false, default: false },
-    open: { type: [Boolean, null], required: false, default: false }
-  },
-  emits: ["close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance23();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuedismissible = props.dismissible;
-      const valuelabel = props.label;
-      const valuemodal = props.modal;
-      const valueopen = props.open;
-      return { "dismissible": passed("dismissible", "dismissible") ? valuedismissible : void 0, "label": passed("label", "label") ? valuelabel : void 0, "modal": passed("modal", "modal") ? valuemodal : void 0, "open": passed("open", "open") ? valueopen : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-search-shell", "props": { "dismissible": { "type": "boolean", "required": false, "target": { "attribute": "dismissible" }, "default": false }, "label": { "type": "string", "required": false, "target": { "attribute": "label" }, "default": "Search" }, "modal": { "type": "boolean", "required": false, "target": { "attribute": "modal" }, "default": false }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false } } }, "template": { "kind": "element", "name": "div", "attributes": [], "children": [{ "kind": "element", "name": "dialog", "attributes": [{ "kind": "literal", "name": "class", "value": "search-shell" }, { "kind": "literal", "name": "part", "value": "base" }], "children": [{ "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" }], "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" }], "children": [{ "kind": "slot", "fallback": [], "name": "footer" }] }] }] }] }, "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 }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
-    const root = ref23();
-    const eventListener0 = (event) => emit("close", event.detail);
-    let detach;
-    onMounted23(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent21(root.value, definition, "ui-search-shell", explicitProps());
-      root.value.addEventListener("close", eventListener0);
-    });
-    watchEffect24(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps21(root.value, next);
-    });
-    onUnmounted23(() => {
-      root.value?.removeEventListener("close", eventListener0);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock23(), _createElementBlock23(
-        "div",
-        _mergeProps23(_ctx.$attrs, {
-          "data-component": "ui-search-shell",
-          "data-component-root": "ui-search-shell",
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _createElementVNode18("dialog", _hoisted_123, [
-            _createElementVNode18("div", _hoisted_215, [
-              _createElementVNode18("div", _hoisted_310, [
-                _createElementVNode18("span", _hoisted_49, [
-                  _renderSlot21(_ctx.$slots, "search")
-                ])
-              ]),
-              _createElementVNode18("div", _hoisted_55, [
-                _createElementVNode18("span", _hoisted_64, [
-                  _renderSlot21(_ctx.$slots, "status")
-                ])
-              ]),
-              _createElementVNode18("div", _hoisted_73, [
-                _createElementVNode18("span", _hoisted_83, [
-                  _renderSlot21(_ctx.$slots, "body")
-                ])
-              ]),
-              _createElementVNode18("div", _hoisted_93, [
-                _createElementVNode18("span", _hoisted_103, [
-                  _renderSlot21(_ctx.$slots, "footer")
-                ])
-              ])
-            ])
-          ])
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiSelect.ts
-import { defineComponent as _defineComponent24 } from "vue";
-import { renderSlot as _renderSlot22, mergeProps as _mergeProps24, openBlock as _openBlock24, createElementBlock as _createElementBlock24 } from "vue";
-import { getCurrentInstance as getCurrentInstance24, onMounted as onMounted24, onUnmounted as onUnmounted24, ref as ref24, watchEffect as watchEffect25 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent22, updateComponentProps as updateComponentProps22 } from "@threadlabs/looma/core/declarative";
-var _hoisted_124 = ["disabled", "required", "multiple"];
-var UiSelect_default = /* @__PURE__ */ _defineComponent24({
-  ...{ inheritAttrs: false },
-  __name: "UiSelect",
-  props: {
-    disabled: { type: [Boolean, null], required: false, default: false },
-    invalid: { type: [Boolean, null], required: false, default: false },
-    multiple: { type: [Boolean, null], required: false, default: false },
-    required: { type: [Boolean, null], required: false, default: false },
-    value: { type: [String, null], required: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance24();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuedisabled = props.disabled;
-      const valueinvalid = props.invalid;
-      const valuemultiple = props.multiple;
-      const valuerequired = props.required;
-      const valuevalue = props.value;
-      return { "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "invalid": passed("invalid", "invalid") ? valueinvalid : void 0, "multiple": passed("multiple", "multiple") ? valuemultiple : void 0, "required": passed("required", "required") ? valuerequired : void 0, "value": passed("value", "value") ? valuevalue : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-select", "props": { "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "invalid": { "type": "boolean", "required": false, "target": { "attribute": "invalid" }, "default": false }, "multiple": { "type": "boolean", "required": false, "target": { "attribute": "multiple" }, "default": false }, "required": { "type": "boolean", "required": false, "target": { "attribute": "required" }, "default": false }, "value": { "type": "string", "required": false, "target": { "attribute": "value" } } } }, "template": { "kind": "element", "name": "select", "attributes": [{ "kind": "attribute", "name": "disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }, { "kind": "attribute", "name": "required", "expression": "required", "expressionPlan": { "source": "required", "ast": { "kind": "id", "name": "required" }, "dependencies": ["required"] } }, { "kind": "attribute", "name": "multiple", "expression": "multiple", "expressionPlan": { "source": "multiple", "ast": { "kind": "id", "name": "multiple" }, "dependencies": ["multiple"] } }], "children": [{ "kind": "slot" }] }, "declarations": [], "root": { "kind": "native", "element": "select", "choices": ["select"] } }, source: { file: import.meta.url }, css: "" };
-    const root = ref24();
-    let detach;
-    onMounted24(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent22(root.value, definition, "ui-select", explicitProps());
-    });
-    watchEffect25(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps22(root.value, next);
-    });
-    onUnmounted24(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock24(), _createElementBlock24("select", _mergeProps24(_ctx.$attrs, {
-        "data-component": "ui-select",
-        "data-component-root": "ui-select",
-        disabled: props.disabled,
-        required: props.required,
-        multiple: props.multiple,
-        ref_key: "root",
-        ref: root
-      }), [
-        _renderSlot22(_ctx.$slots, "default")
-      ], 16, _hoisted_124);
-    };
-  }
-});
-
-// src/generated/UiSwitch.ts
-import { defineComponent as _defineComponent25 } from "vue";
-import { createElementVNode as _createElementVNode19, renderSlot as _renderSlot23, mergeProps as _mergeProps25, openBlock as _openBlock25, createElementBlock as _createElementBlock25 } from "vue";
-import { getCurrentInstance as getCurrentInstance25, onMounted as onMounted25, onUnmounted as onUnmounted25, ref as ref25, watchEffect as watchEffect26 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent23, updateComponentProps as updateComponentProps23 } from "@threadlabs/looma/core/declarative";
-var _hoisted_125 = ["data-disabled"];
-var _hoisted_216 = {
-  class: "control",
-  "data-component": "ui-switch"
-};
-var _hoisted_311 = ["required", "value"];
-var _hoisted_410 = {
-  class: "label",
-  "data-component": "ui-switch"
-};
-var UiSwitch_default = /* @__PURE__ */ _defineComponent25({
-  ...{ inheritAttrs: false },
-  __name: "UiSwitch",
-  props: {
-    checked: { 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 instance = getCurrentInstance25();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuechecked = props.checked;
-      const valuedisabled = props.disabled;
-      const valuerequired = props.required;
-      const valuevalue = props.value;
-      return { "checked": passed("checked", "checked") ? valuechecked : void 0, "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "required": passed("required", "required") ? valuerequired : void 0, "value": passed("value", "value") ? valuevalue : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-switch", "props": { "checked": { "type": "boolean", "required": false, "target": { "attribute": "checked" }, "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": "attribute", "name": "data-disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }], "children": [{ "kind": "element", "name": "label", "attributes": [{ "kind": "literal", "name": "class", "value": "control" }], "children": [{ "kind": "element", "name": "input", "attributes": [{ "kind": "literal", "name": "type", "value": "checkbox" }, { "kind": "literal", "name": "role", "value": "switch" }, { "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"] } }], "children": [] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "label" }], "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 = ref25();
-    const eventListener0 = (event) => emit("change", event.detail);
-    let detach;
-    onMounted25(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent23(root.value, definition, "ui-switch", explicitProps());
-      root.value.addEventListener("change", eventListener0);
-    });
-    watchEffect26(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps23(root.value, next);
-    });
-    onUnmounted25(() => {
-      root.value?.removeEventListener("change", eventListener0);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock25(), _createElementBlock25("span", _mergeProps25(_ctx.$attrs, {
-        "data-component": "ui-switch",
-        "data-component-root": "ui-switch",
-        "data-disabled": props.disabled ? "" : void 0,
-        ref_key: "root",
-        ref: root
-      }), [
-        _createElementVNode19("label", _hoisted_216, [
-          _createElementVNode19("input", {
-            type: "checkbox",
-            role: "switch",
-            checked: void 0,
-            required: props.required,
-            value: props.value,
-            "data-component": "ui-switch"
-          }, null, 8, _hoisted_311),
-          _createElementVNode19("span", _hoisted_410, [
-            _renderSlot23(_ctx.$slots, "default")
-          ])
-        ])
-      ], 16, _hoisted_125);
-    };
-  }
-});
-
-// src/generated/UiTabs.ts
-import { defineComponent as _defineComponent26 } from "vue";
-import { createElementVNode as _createElementVNode20, renderSlot as _renderSlot24, mergeProps as _mergeProps26, openBlock as _openBlock26, createElementBlock as _createElementBlock26 } from "vue";
-import { getCurrentInstance as getCurrentInstance26, onMounted as onMounted26, onUnmounted as onUnmounted26, ref as ref26, watchEffect as watchEffect27 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent24, updateComponentProps as updateComponentProps24 } from "@threadlabs/looma/core/declarative";
-var _hoisted_126 = ["data-orientation", "data-stretch"];
-var _hoisted_217 = ["aria-label"];
-var _hoisted_312 = {
-  class: "tabs__panels",
-  "data-component": "ui-tabs"
-};
-var UiTabs_default = /* @__PURE__ */ _defineComponent26({
-  ...{ inheritAttrs: false },
-  __name: "UiTabs",
-  props: {
-    label: { type: [String, null], required: false, default: "Tabs" },
-    orientation: { type: [String, null], required: false, default: "horizontal" },
-    stretch: { type: [Boolean, null], required: false, default: false },
-    value: { type: [String, null], required: false, default: "" }
-  },
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance26();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuelabel = props.label;
-      const valueorientation = props.orientation;
-      const valuestretch = props.stretch;
-      const valuevalue = props.value;
-      return { "label": passed("label", "label") ? valuelabel : void 0, "orientation": passed("orientation", "orientation") ? valueorientation : void 0, "stretch": passed("stretch", "stretch") ? valuestretch : void 0, "value": passed("value", "value") ? valuevalue : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-tabs", "props": { "label": { "type": "string", "required": false, "target": { "attribute": "aria-label" }, "default": "Tabs" }, "orientation": { "type": { "enum": ["horizontal", "vertical"] }, "required": false, "target": { "attribute": "data-orientation" }, "default": "horizontal" }, "stretch": { "type": "boolean", "required": false, "target": { "attribute": "data-stretch" }, "default": false }, "value": { "type": "string", "required": false, "target": { "attribute": "value" }, "default": "" } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "attribute", "name": "data-orientation", "expression": "orientation", "expressionPlan": { "source": "orientation", "ast": { "kind": "id", "name": "orientation" }, "dependencies": ["orientation"] } }, { "kind": "attribute", "name": "data-stretch", "expression": "stretch", "expressionPlan": { "source": "stretch", "ast": { "kind": "id", "name": "stretch" }, "dependencies": ["stretch"] } }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "tabs__list" }, { "kind": "literal", "name": "role", "value": "tablist" }, { "kind": "attribute", "name": "aria-label", "expression": "label", "expressionPlan": { "source": "label", "ast": { "kind": "id", "name": "label" }, "dependencies": ["label"] } }], "children": [] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "tabs__panels" }], "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 = ref26();
-    const eventListener0 = (event) => emit("select", event.detail);
-    let detach;
-    onMounted26(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent24(root.value, definition, "ui-tabs", explicitProps());
-      root.value.addEventListener("select", eventListener0);
-    });
-    watchEffect27(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps24(root.value, next);
-    });
-    onUnmounted26(() => {
-      root.value?.removeEventListener("select", eventListener0);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock26(), _createElementBlock26("div", _mergeProps26(_ctx.$attrs, {
-        "data-component": "ui-tabs",
-        "data-component-root": "ui-tabs",
-        "data-orientation": props.orientation,
-        "data-stretch": props.stretch ? "" : void 0,
-        ref_key: "root",
-        ref: root
-      }), [
-        _createElementVNode20("div", {
-          class: "tabs__list",
-          role: "tablist",
-          "aria-label": props.label,
-          "data-component": "ui-tabs"
-        }, null, 8, _hoisted_217),
-        _createElementVNode20("div", _hoisted_312, [
-          _renderSlot24(_ctx.$slots, "default")
-        ])
-      ], 16, _hoisted_126);
-    };
-  }
-});
-
-// src/generated/UiTextarea.ts
-import { defineComponent as _defineComponent27 } from "vue";
-import { mergeProps as _mergeProps27, openBlock as _openBlock27, createElementBlock as _createElementBlock27 } from "vue";
-import { getCurrentInstance as getCurrentInstance27, onMounted as onMounted27, onUnmounted as onUnmounted27, ref as ref27, watchEffect as watchEffect28 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent25, updateComponentProps as updateComponentProps25 } from "@threadlabs/looma/core/declarative";
-var _hoisted_127 = ["value", "disabled", "readonly", "required", "rows"];
-var UiTextarea_default = /* @__PURE__ */ _defineComponent27({
-  ...{ inheritAttrs: false },
-  __name: "UiTextarea",
-  props: {
-    disabled: { type: [Boolean, null], required: false, default: false },
-    invalid: { type: [Boolean, null], required: false, default: false },
-    readonly: { type: [Boolean, null], required: false, default: false },
-    required: { type: [Boolean, null], required: false, default: false },
-    rows: { type: [Number, null], required: false, default: 4 },
-    value: { type: [String, null], required: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance27();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuedisabled = props.disabled;
-      const valueinvalid = props.invalid;
-      const valuereadonly = props.readonly;
-      const valuerequired = props.required;
-      const valuerows = props.rows;
-      const valuevalue = props.value;
-      return { "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "invalid": passed("invalid", "invalid") ? valueinvalid : void 0, "readonly": passed("readonly", "readonly") ? valuereadonly : void 0, "required": passed("required", "required") ? valuerequired : void 0, "rows": passed("rows", "rows") ? valuerows : void 0, "value": passed("value", "value") ? valuevalue : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-textarea", "props": { "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "invalid": { "type": "boolean", "required": false, "target": { "attribute": "invalid" }, "default": false }, "readonly": { "type": "boolean", "required": false, "target": { "attribute": "readonly" }, "default": false }, "required": { "type": "boolean", "required": false, "target": { "attribute": "required" }, "default": false }, "rows": { "type": { "kind": "terminal", "name": "integer" }, "required": false, "target": { "attribute": "rows" }, "default": 4 }, "value": { "type": "string", "required": false, "target": { "attribute": "value" } } } }, "template": { "kind": "element", "name": "textarea", "attributes": [{ "kind": "attribute", "name": "value", "expression": "value", "expressionPlan": { "source": "value", "ast": { "kind": "id", "name": "value" }, "dependencies": ["value"] } }, { "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": "attribute", "name": "rows", "expression": "rows", "expressionPlan": { "source": "rows", "ast": { "kind": "id", "name": "rows" }, "dependencies": ["rows"] } }], "children": [] }, "declarations": [], "root": { "kind": "native", "element": "textarea", "choices": ["textarea"] } }, source: { file: import.meta.url }, css: "" };
-    const root = ref27();
-    let detach;
-    onMounted27(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent25(root.value, definition, "ui-textarea", explicitProps());
-    });
-    watchEffect28(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps25(root.value, next);
-    });
-    onUnmounted27(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock27(), _createElementBlock27("textarea", _mergeProps27(_ctx.$attrs, {
-        "data-component": "ui-textarea",
-        "data-component-root": "ui-textarea",
-        value: props.value,
-        disabled: props.disabled,
-        readonly: props.readonly,
-        required: props.required,
-        rows: props.rows,
-        ref_key: "root",
-        ref: root
-      }), "\n  ", 16, _hoisted_127);
-    };
-  }
-});
-
-// src/generated/UiToastRegion.ts
-import { defineComponent as _defineComponent28 } from "vue";
-import { renderSlot as _renderSlot25, mergeProps as _mergeProps28, openBlock as _openBlock28, createElementBlock as _createElementBlock28 } from "vue";
-import { getCurrentInstance as getCurrentInstance28, onMounted as onMounted28, onUnmounted as onUnmounted28, ref as ref28, watchEffect as watchEffect29 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent26, updateComponentProps as updateComponentProps26 } from "@threadlabs/looma/core/declarative";
-var UiToastRegion_default = /* @__PURE__ */ _defineComponent28({
-  ...{ inheritAttrs: false },
-  __name: "UiToastRegion",
-  props: {
-    auto: { type: [Boolean, null], required: false, default: false },
-    duration: { type: [Number, null], required: false, default: 5e3 },
-    message: { type: [String, null], required: false, default: "Notification" },
-    open: { type: [Boolean, null], required: false, default: false }
-  },
-  emits: ["close", "dismiss"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance28();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valueauto = props.auto;
-      const valueduration = props.duration;
-      const valuemessage = props.message;
-      const valueopen = props.open;
-      return { "auto": passed("auto", "auto") ? valueauto : void 0, "duration": passed("duration", "duration") ? valueduration : void 0, "message": passed("message", "message") ? valuemessage : void 0, "open": passed("open", "open") ? valueopen : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-toast-region", "props": { "auto": { "type": "boolean", "required": false, "target": { "attribute": "auto" }, "default": false }, "duration": { "type": "number", "required": false, "target": { "attribute": "duration" }, "default": 5e3 }, "message": { "type": "string", "required": false, "target": { "attribute": "message" }, "default": "Notification" }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false } } }, "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 | timeout | programmatic | light-dismiss | escape, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "dismiss", "type": "object({ id: string, reason: action | timeout, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "method", "name": "show", "exportName": "show", "returns": "promise(string)" }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
-    const root = ref28();
-    const eventListener0 = (event) => emit("close", event.detail);
-    const eventListener1 = (event) => emit("dismiss", event.detail);
-    let detach;
-    onMounted28(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent26(root.value, definition, "ui-toast-region", explicitProps());
-      root.value.addEventListener("close", eventListener0);
-      root.value.addEventListener("dismiss", eventListener1);
-    });
-    watchEffect29(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps26(root.value, next);
-    });
-    __expose({
-      show: () => root.value["show"]()
-    });
-    onUnmounted28(() => {
-      root.value?.removeEventListener("close", eventListener0);
-      root.value?.removeEventListener("dismiss", eventListener1);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock28(), _createElementBlock28(
-        "div",
-        _mergeProps28(_ctx.$attrs, {
-          "data-component": "ui-toast-region",
-          "data-component-root": "ui-toast-region",
-          role: "region",
-          "aria-label": "Notifications",
-          "aria-live": "polite",
-          "data-state-open": void 0,
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _renderSlot25(_ctx.$slots, "default")
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiTopBar.ts
-import { defineComponent as _defineComponent29 } from "vue";
-import { renderSlot as _renderSlot26, createElementVNode as _createElementVNode21, mergeProps as _mergeProps29, openBlock as _openBlock29, createElementBlock as _createElementBlock29 } from "vue";
-import { getCurrentInstance as getCurrentInstance29, onMounted as onMounted29, onUnmounted as onUnmounted29, ref as ref29, watchEffect as watchEffect30 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent27, updateComponentProps as updateComponentProps27 } from "@threadlabs/looma/core/declarative";
-var _hoisted_128 = {
-  class: "top-bar",
-  part: "base",
-  "data-component": "ui-top-bar"
-};
-var _hoisted_218 = {
-  class: "top-bar__leading",
-  hidden: void 0,
-  "data-component": "ui-top-bar"
-};
-var _hoisted_313 = {
-  slot: "leading",
-  style: { "display": "contents" }
-};
-var _hoisted_411 = {
-  class: "top-bar__title",
-  "data-component": "ui-top-bar"
-};
-var _hoisted_56 = {
-  slot: "",
-  style: { "display": "contents" }
-};
-var _hoisted_65 = {
-  class: "top-bar__search",
-  hidden: void 0,
-  "data-component": "ui-top-bar"
-};
-var _hoisted_74 = {
-  slot: "search",
-  style: { "display": "contents" }
-};
-var _hoisted_84 = {
-  class: "top-bar__actions",
-  hidden: void 0,
-  "data-component": "ui-top-bar"
-};
-var _hoisted_94 = {
-  slot: "actions",
-  style: { "display": "contents" }
-};
-var UiTopBar_default = /* @__PURE__ */ _defineComponent29({
-  ...{ inheritAttrs: false },
-  __name: "UiTopBar",
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance29();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      return {};
-    };
-    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 = ref29();
-    let detach;
-    onMounted29(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent27(root.value, definition, "ui-top-bar", explicitProps());
-    });
-    watchEffect30(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps27(root.value, next);
-    });
-    onUnmounted29(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock29(), _createElementBlock29(
-        "div",
-        _mergeProps29(_ctx.$attrs, {
-          "data-component": "ui-top-bar",
-          "data-component-root": "ui-top-bar",
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _createElementVNode21("header", _hoisted_128, [
-            _createElementVNode21("div", _hoisted_218, [
-              _createElementVNode21("span", _hoisted_313, [
-                _renderSlot26(_ctx.$slots, "leading")
-              ])
-            ]),
-            _createElementVNode21("div", _hoisted_411, [
-              _createElementVNode21("span", _hoisted_56, [
-                _renderSlot26(_ctx.$slots, "default")
-              ])
-            ]),
-            _createElementVNode21("div", _hoisted_65, [
-              _createElementVNode21("span", _hoisted_74, [
-                _renderSlot26(_ctx.$slots, "search")
-              ])
-            ]),
-            _createElementVNode21("div", _hoisted_84, [
-              _createElementVNode21("span", _hoisted_94, [
-                _renderSlot26(_ctx.$slots, "actions")
-              ])
-            ])
-          ])
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiTreeItem.ts
-import { defineComponent as _defineComponent30 } from "vue";
-import { createElementVNode as _createElementVNode22, renderSlot as _renderSlot27, toDisplayString as _toDisplayString6, createTextVNode as _createTextVNode2, mergeProps as _mergeProps30, openBlock as _openBlock30, createElementBlock as _createElementBlock30 } from "vue";
-import { getCurrentInstance as getCurrentInstance30, onMounted as onMounted30, onUnmounted as onUnmounted30, ref as ref30, watchEffect as watchEffect31 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent28, updateComponentProps as updateComponentProps28 } from "@threadlabs/looma/core/declarative";
-var _hoisted_129 = ["data-drop-scope", "data-accepts"];
-var _hoisted_219 = {
-  class: "row",
-  part: "row",
-  "data-component": "ui-tree-item"
-};
-var _hoisted_314 = ["disabled"];
-var _hoisted_412 = {
-  class: "leading",
-  part: "leading",
-  "data-component": "ui-tree-item"
-};
-var _hoisted_57 = {
-  slot: "leading",
-  style: { "display": "contents" }
-};
-var _hoisted_66 = {
-  class: "label",
-  part: "label",
-  "data-component": "ui-tree-item"
-};
-var _hoisted_75 = {
-  class: "actions",
-  part: "actions",
-  "data-component": "ui-tree-item"
-};
-var _hoisted_85 = {
-  slot: "actions",
-  style: { "display": "contents" }
-};
-var _hoisted_95 = {
-  class: "children",
-  part: "children",
-  role: "group",
-  "data-component": "ui-tree-item"
-};
-var _hoisted_104 = {
-  slot: "",
-  style: { "display": "contents" }
-};
-var UiTreeItem_default = /* @__PURE__ */ _defineComponent30({
-  ...{ inheritAttrs: false },
-  __name: "UiTreeItem",
-  props: {
-    accepts: { type: [String, null], required: false, default: "" },
-    container: { 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, default: 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 instance = getCurrentInstance30();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valueaccepts = props.accepts;
-      const valuecontainer = props.container;
-      const valuedisabled = props.disabled;
-      const valuedragType = props.dragType;
-      const valuedropDepth = props.dropDepth;
-      const valuedropScope = props.dropScope;
-      const valueexpanded = props.expanded;
-      const valueitemId = props.itemId;
-      const valuelabel = props.label;
-      const valueselected = props.selected;
-      const valuesortable = props.sortable;
-      const valuesubtreeDepth = props.subtreeDepth;
-      return { "accepts": passed("accepts", "accepts") ? valueaccepts : void 0, "container": passed("container", "container") ? valuecontainer : void 0, "disabled": passed("disabled", "disabled") ? valuedisabled : void 0, "dragType": passed("dragType", "drag-type") ? valuedragType : void 0, "dropDepth": passed("dropDepth", "drop-depth") ? valuedropDepth : void 0, "dropScope": passed("dropScope", "drop-scope") ? valuedropScope : void 0, "expanded": passed("expanded", "expanded") ? valueexpanded : void 0, "itemId": passed("itemId", "item-id") ? valueitemId : void 0, "label": passed("label", "label") ? valuelabel : void 0, "selected": passed("selected", "selected") ? valueselected : void 0, "sortable": passed("sortable", "sortable") ? valuesortable : void 0, "subtreeDepth": passed("subtreeDepth", "subtree-depth") ? valuesubtreeDepth : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-tree-item", "props": { "accepts": { "type": "string", "required": false, "target": { "attribute": "data-accepts" }, "default": "" }, "container": { "type": "boolean", "required": false, "target": { "attribute": "container" }, "default": false }, "disabled": { "type": "boolean", "required": false, "target": { "attribute": "disabled" }, "default": false }, "dragType": { "type": "string", "required": false, "target": { "attribute": "dragtype" }, "default": "item" }, "dropDepth": { "type": "number", "required": false, "target": { "attribute": "dropdepth" } }, "dropScope": { "type": "string", "required": false, "target": { "attribute": "data-drop-scope" }, "default": "" }, "expanded": { "type": "boolean", "required": false, "target": { "attribute": "expanded" }, "default": false }, "itemId": { "type": "string", "required": false, "target": { "attribute": "itemid" }, "default": "" }, "label": { "type": "string", "required": false, "target": { "attribute": "label" }, "default": "" }, "selected": { "type": "boolean", "required": false, "target": { "attribute": "selected" }, "default": false }, "sortable": { "type": "boolean", "required": false, "target": { "attribute": "sortable" }, "default": false }, "subtreeDepth": { "type": "number", "required": false, "target": { "attribute": "subtreedepth" } } } }, "template": { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "role", "value": "treeitem" }, { "kind": "attribute", "name": "data-drop-scope", "expression": "dropScope", "expressionPlan": { "source": "dropScope", "ast": { "kind": "id", "name": "dropScope" }, "dependencies": ["dropScope"] } }, { "kind": "attribute", "name": "data-accepts", "expression": "accepts", "expressionPlan": { "source": "accepts", "ast": { "kind": "id", "name": "accepts" }, "dependencies": ["accepts"] } }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "row" }, { "kind": "literal", "name": "part", "value": "row" }], "children": [{ "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "class", "value": "drag-handle" }, { "kind": "literal", "name": "part", "value": "drag-handle" }, { "kind": "literal", "name": "type", "value": "button" }], "children": [{ "kind": "element", "name": "svg", "attributes": [{ "kind": "literal", "name": "aria-hidden", "value": "true" }, { "kind": "literal", "name": "focusable", "value": "false" }, { "kind": "literal", "name": "viewBox", "value": "0 0 24 24" }, { "kind": "literal", "name": "fill", "value": "none" }, { "kind": "literal", "name": "stroke", "value": "currentColor" }, { "kind": "literal", "name": "stroke-width", "value": "2" }, { "kind": "literal", "name": "stroke-linecap", "value": "round" }, { "kind": "literal", "name": "stroke-linejoin", "value": "round" }], "children": [{ "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "9" }, { "kind": "literal", "name": "cy", "value": "12" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "9" }, { "kind": "literal", "name": "cy", "value": "5" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "9" }, { "kind": "literal", "name": "cy", "value": "19" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "15" }, { "kind": "literal", "name": "cy", "value": "12" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "15" }, { "kind": "literal", "name": "cy", "value": "5" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }, { "kind": "element", "name": "circle", "attributes": [{ "kind": "literal", "name": "cx", "value": "15" }, { "kind": "literal", "name": "cy", "value": "19" }, { "kind": "literal", "name": "r", "value": "1" }], "children": [] }] }], "flow": { "kind": "if", "test": "sortable and not disabled", "testPlan": { "source": "sortable and not disabled", "ast": { "kind": "binary", "op": "and", "left": { "kind": "id", "name": "sortable" }, "right": { "kind": "unary", "op": "not", "operand": { "kind": "id", "name": "disabled" } } }, "dependencies": ["disabled", "sortable"] } } }, { "kind": "element", "name": "button", "attributes": [{ "kind": "literal", "name": "class", "value": "disclosure" }, { "kind": "literal", "name": "part", "value": "disclosure" }, { "kind": "literal", "name": "type", "value": "button" }, { "kind": "attribute", "name": "disabled", "expression": "disabled", "expressionPlan": { "source": "disabled", "ast": { "kind": "id", "name": "disabled" }, "dependencies": ["disabled"] } }], "children": [{ "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "disclosure-icon" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [] }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "leading" }, { "kind": "literal", "name": "part", "value": "leading" }], "children": [{ "kind": "slot", "fallback": [], "name": "leading" }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "label" }, { "kind": "literal", "name": "part", "value": "label" }], "children": [{ "kind": "slot", "fallback": [{ "kind": "element", "name": "template", "attributes": [{ "kind": "directive", "name": "value", "expression": "label", "expressionPlan": { "source": "label", "ast": { "kind": "id", "name": "label" }, "dependencies": ["label"] } }], "children": [] }], "name": "label" }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "actions" }, { "kind": "literal", "name": "part", "value": "actions" }], "children": [{ "kind": "slot", "fallback": [], "name": "actions" }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "drop-indicator row-drop-indicator" }, { "kind": "literal", "name": "part", "value": "drop-indicator" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [] }] }, { "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "children" }, { "kind": "literal", "name": "part", "value": "children" }, { "kind": "literal", "name": "role", "value": "group" }], "children": [{ "kind": "slot" }] }, { "kind": "element", "name": "span", "attributes": [{ "kind": "literal", "name": "class", "value": "drop-indicator subtree-drop-indicator" }, { "kind": "literal", "name": "part", "value": "drop-indicator" }, { "kind": "literal", "name": "aria-hidden", "value": "true" }], "children": [] }] }, "declarations": [{ "kind": "state", "name": "internalExpanded", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "structuralLevel", "expression": { "source": "1", "ast": { "kind": "literal", "value": 1 }, "dependencies": [] } }, { "kind": "state", "name": "tabStop", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "hasChildren", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "event", "name": "expand", "type": "object({ id: string, expanded: boolean, trigger: keyboard | pointer | programmatic })", "bubbles": false, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "div", "choices": ["div"] } }, source: { file: import.meta.url }, css: "" };
-    const root = ref30();
-    const eventListener0 = (event) => emit("expand", event.detail);
-    let detach;
-    onMounted30(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent28(root.value, definition, "ui-tree-item", explicitProps());
-      root.value.addEventListener("expand", eventListener0);
-    });
-    watchEffect31(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps28(root.value, next);
-    });
-    onUnmounted30(() => {
-      root.value?.removeEventListener("expand", eventListener0);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock30(), _createElementBlock30("div", _mergeProps30(_ctx.$attrs, {
-        "data-component": "ui-tree-item",
-        "data-component-root": "ui-tree-item",
-        role: "treeitem",
-        "data-drop-scope": props.dropScope,
-        "data-accepts": props.accepts,
-        ref_key: "root",
-        ref: root
-      }), [
-        _createElementVNode22("div", _hoisted_219, [
-          _cache[1] || (_cache[1] = _createElementVNode22(
-            "button",
-            {
-              class: "drag-handle",
-              part: "drag-handle",
-              type: "button",
-              "data-component": "ui-tree-item"
-            },
-            [
-              _createElementVNode22("svg", {
-                "aria-hidden": "true",
-                focusable: "false",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                "stroke-width": "2",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                "data-component": "ui-tree-item"
-              }, [
-                _createElementVNode22("circle", {
-                  cx: "9",
-                  cy: "12",
-                  r: "1",
-                  "data-component": "ui-tree-item"
-                }),
-                _createElementVNode22("circle", {
-                  cx: "9",
-                  cy: "5",
-                  r: "1",
-                  "data-component": "ui-tree-item"
-                }),
-                _createElementVNode22("circle", {
-                  cx: "9",
-                  cy: "19",
-                  r: "1",
-                  "data-component": "ui-tree-item"
-                }),
-                _createElementVNode22("circle", {
-                  cx: "15",
-                  cy: "12",
-                  r: "1",
-                  "data-component": "ui-tree-item"
-                }),
-                _createElementVNode22("circle", {
-                  cx: "15",
-                  cy: "5",
-                  r: "1",
-                  "data-component": "ui-tree-item"
-                }),
-                _createElementVNode22("circle", {
-                  cx: "15",
-                  cy: "19",
-                  r: "1",
-                  "data-component": "ui-tree-item"
-                })
-              ])
-            ],
-            -1
-            /* CACHED */
-          )),
-          _createElementVNode22("button", {
-            class: "disclosure",
-            part: "disclosure",
-            type: "button",
-            disabled: props.disabled,
-            "data-component": "ui-tree-item"
-          }, [..._cache[0] || (_cache[0] = [
-            _createElementVNode22(
-              "span",
-              {
-                class: "disclosure-icon",
-                "aria-hidden": "true",
-                "data-component": "ui-tree-item"
-              },
-              null,
-              -1
-              /* CACHED */
-            )
-          ])], 8, _hoisted_314),
-          _createElementVNode22("span", _hoisted_412, [
-            _createElementVNode22("span", _hoisted_57, [
-              _renderSlot27(_ctx.$slots, "leading")
-            ])
-          ]),
-          _createElementVNode22("span", _hoisted_66, [
-            _renderSlot27(_ctx.$slots, "label", {}, () => [
-              _createTextVNode2(
-                _toDisplayString6(props.label),
-                1
-                /* TEXT */
-              )
-            ])
-          ]),
-          _createElementVNode22("span", _hoisted_75, [
-            _createElementVNode22("span", _hoisted_85, [
-              _renderSlot27(_ctx.$slots, "actions")
-            ])
-          ]),
-          _cache[2] || (_cache[2] = _createElementVNode22(
-            "span",
-            {
-              class: "drop-indicator row-drop-indicator",
-              part: "drop-indicator",
-              "aria-hidden": "true",
-              "data-component": "ui-tree-item"
-            },
-            null,
-            -1
-            /* CACHED */
-          ))
-        ]),
-        _createElementVNode22("div", _hoisted_95, [
-          _createElementVNode22("span", _hoisted_104, [
-            _renderSlot27(_ctx.$slots, "default")
-          ])
-        ]),
-        _cache[3] || (_cache[3] = _createElementVNode22(
-          "span",
-          {
-            class: "drop-indicator subtree-drop-indicator",
-            part: "drop-indicator",
-            "aria-hidden": "true",
-            "data-component": "ui-tree-item"
-          },
-          null,
-          -1
-          /* CACHED */
-        ))
-      ], -2, _hoisted_129);
-    };
-  }
-});
-
-// src/generated/UiTree.ts
-import { defineComponent as _defineComponent31 } from "vue";
-import { renderSlot as _renderSlot28, mergeProps as _mergeProps31, openBlock as _openBlock31, createElementBlock as _createElementBlock31 } from "vue";
-import { getCurrentInstance as getCurrentInstance31, onMounted as onMounted31, onUnmounted as onUnmounted31, ref as ref31, watchEffect as watchEffect32 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent29, updateComponentProps as updateComponentProps29 } from "@threadlabs/looma/core/declarative";
-var UiTree_default = /* @__PURE__ */ _defineComponent31({
-  ...{ 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 instance = getCurrentInstance31();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuehoverExpandDelay = props.hoverExpandDelay;
-      const valuelabel = props.label;
-      const valuemaxDepth = props.maxDepth;
-      return { "hoverExpandDelay": passed("hoverExpandDelay", "hover-expand-delay") ? valuehoverExpandDelay : void 0, "label": passed("label", "label") ? valuelabel : void 0, "maxDepth": passed("maxDepth", "max-depth") ? valuemaxDepth : void 0 };
-    };
-    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 = ref31();
-    const eventListener0 = (event) => emit("reorder", event.detail);
-    const eventListener1 = (event) => emit("reorder-rejected", event.detail);
-    let detach;
-    onMounted31(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent29(root.value, definition, "ui-tree", explicitProps());
-      root.value.addEventListener("reorder", eventListener0);
-      root.value.addEventListener("reorder-rejected", eventListener1);
-    });
-    watchEffect32(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps29(root.value, next);
-    });
-    onUnmounted31(() => {
-      root.value?.removeEventListener("reorder", eventListener0);
-      root.value?.removeEventListener("reorder-rejected", eventListener1);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock31(), _createElementBlock31(
-        "div",
-        _mergeProps31(_ctx.$attrs, {
-          "data-component": "ui-tree",
-          "data-component-root": "ui-tree",
-          role: "tree",
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _renderSlot28(_ctx.$slots, "default")
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiCluster.ts
-import { defineComponent as _defineComponent32 } from "vue";
-import { renderSlot as _renderSlot29, mergeProps as _mergeProps32, openBlock as _openBlock32, createElementBlock as _createElementBlock32 } from "vue";
-import { getCurrentInstance as getCurrentInstance32, onMounted as onMounted32, onUnmounted as onUnmounted32, ref as ref32, watchEffect as watchEffect33 } from "vue";
-import { manageGeneratedProps as manageGeneratedProps3, updateGeneratedProps as updateGeneratedProps3 } from "@threadlabs/looma/core/declarative-generated";
-var UiCluster_default = /* @__PURE__ */ _defineComponent32({
-  ...{ inheritAttrs: false },
-  __name: "UiCluster",
-  props: {
-    align: { type: [String, null], required: false },
-    gap: { type: [String, null], required: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance32();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuealign = props.align;
-      const valuegap = props.gap;
-      return { "align": passed("align", "align") ? valuealign : void 0, "gap": passed("gap", "gap") ? valuegap : void 0 };
-    };
-    const root = ref32();
-    let detach;
-    onMounted32(() => {
-      if (root.value == null) return;
-      const explicit = explicitProps();
-      detach = manageGeneratedProps3(root.value, [
-        { name: "align", attribute: "data-align", value: explicit["align"], type: ["start", "center", "end", "stretch"], required: false },
-        { name: "gap", attribute: "data-gap", value: explicit["gap"], type: ["xs", "s", "m", "l", "xl"], required: false }
-      ]);
-    });
-    watchEffect33(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateGeneratedProps3(root.value, next);
-    });
-    onUnmounted32(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock32(), _createElementBlock32(
-        "div",
-        _mergeProps32(_ctx.$attrs, {
-          "data-component": "ui-cluster",
-          "data-component-root": "ui-cluster",
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _renderSlot29(_ctx.$slots, "default")
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiContainer.ts
-import { defineComponent as _defineComponent33 } from "vue";
-import { renderSlot as _renderSlot30, mergeProps as _mergeProps33, openBlock as _openBlock33, createElementBlock as _createElementBlock33 } from "vue";
-import { getCurrentInstance as getCurrentInstance33, onMounted as onMounted33, onUnmounted as onUnmounted33, ref as ref33, watchEffect as watchEffect34 } from "vue";
-import { manageGeneratedProps as manageGeneratedProps4, updateGeneratedProps as updateGeneratedProps4 } from "@threadlabs/looma/core/declarative-generated";
-var UiContainer_default = /* @__PURE__ */ _defineComponent33({
-  ...{ inheritAttrs: false },
-  __name: "UiContainer",
-  props: {
-    gutters: { type: [String, null], required: false },
-    measure: { type: [String, null], required: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance33();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuegutters = props.gutters;
-      const valuemeasure = props.measure;
-      return { "gutters": passed("gutters", "gutters") ? valuegutters : void 0, "measure": passed("measure", "measure") ? valuemeasure : void 0 };
-    };
-    const root = ref33();
-    let detach;
-    onMounted33(() => {
-      if (root.value == null) return;
-      const explicit = explicitProps();
-      detach = manageGeneratedProps4(root.value, [
-        { name: "gutters", attribute: "data-gutters", value: explicit["gutters"], type: ["s", "m", "l"], required: false },
-        { name: "measure", attribute: "data-measure", value: explicit["measure"], type: ["narrow", "wide"], required: false }
-      ]);
-    });
-    watchEffect34(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateGeneratedProps4(root.value, next);
-    });
-    onUnmounted33(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock33(), _createElementBlock33(
-        "div",
-        _mergeProps33(_ctx.$attrs, {
-          "data-component": "ui-container",
-          "data-component-root": "ui-container",
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _renderSlot30(_ctx.$slots, "default")
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiGrid.ts
-import { defineComponent as _defineComponent34 } from "vue";
-import { renderSlot as _renderSlot31, mergeProps as _mergeProps34, openBlock as _openBlock34, createElementBlock as _createElementBlock34 } from "vue";
-import { getCurrentInstance as getCurrentInstance34, onMounted as onMounted34, onUnmounted as onUnmounted34, ref as ref34, watchEffect as watchEffect35 } from "vue";
-import { manageGeneratedProps as manageGeneratedProps5, updateGeneratedProps as updateGeneratedProps5 } from "@threadlabs/looma/core/declarative-generated";
-var UiGrid_default = /* @__PURE__ */ _defineComponent34({
-  ...{ inheritAttrs: false },
-  __name: "UiGrid",
-  props: {
-    gap: { type: [String, null], required: false },
-    min: { type: [String, null], required: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance34();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuegap = props.gap;
-      const valuemin = props.min;
-      return { "gap": passed("gap", "gap") ? valuegap : void 0, "min": passed("min", "min") ? valuemin : void 0 };
-    };
-    const root = ref34();
-    let detach;
-    onMounted34(() => {
-      if (root.value == null) return;
-      const explicit = explicitProps();
-      detach = manageGeneratedProps5(root.value, [
-        { name: "gap", attribute: "data-gap", value: explicit["gap"], type: ["xs", "s", "m", "l", "xl"], required: false },
-        { name: "min", attribute: "data-min", value: explicit["min"], type: ["sm", "md", "lg"], required: false }
-      ]);
-    });
-    watchEffect35(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateGeneratedProps5(root.value, next);
-    });
-    onUnmounted34(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock34(), _createElementBlock34(
-        "div",
-        _mergeProps34(_ctx.$attrs, {
-          "data-component": "ui-grid",
-          "data-component-root": "ui-grid",
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _renderSlot31(_ctx.$slots, "default")
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiReel.ts
-import { defineComponent as _defineComponent35 } from "vue";
-import { renderSlot as _renderSlot32, mergeProps as _mergeProps35, openBlock as _openBlock35, createElementBlock as _createElementBlock35 } from "vue";
-import { getCurrentInstance as getCurrentInstance35, onMounted as onMounted35, onUnmounted as onUnmounted35, ref as ref35, watchEffect as watchEffect36 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent30, updateComponentProps as updateComponentProps30 } from "@threadlabs/looma/core/declarative";
-var UiReel_default = /* @__PURE__ */ _defineComponent35({
-  ...{ 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 instance = getCurrentInstance35();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuegap = props.gap;
-      const valueitemWidth = props.itemWidth;
-      const valuesnap = props.snap;
-      return { "gap": passed("gap", "gap") ? valuegap : void 0, "itemWidth": passed("itemWidth", "item-width") ? valueitemWidth : void 0, "snap": passed("snap", "snap") ? valuesnap : void 0 };
-    };
-    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 = ref35();
-    let detach;
-    onMounted35(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent30(root.value, definition, "ui-reel", explicitProps());
-    });
-    watchEffect36(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps30(root.value, next);
-    });
-    onUnmounted35(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock35(), _createElementBlock35(
-        "div",
-        _mergeProps35(_ctx.$attrs, {
-          "data-component": "ui-reel",
-          "data-component-root": "ui-reel",
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _renderSlot32(_ctx.$slots, "default")
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiSeparator.ts
-import { defineComponent as _defineComponent36 } from "vue";
-import { renderSlot as _renderSlot33, mergeProps as _mergeProps36, openBlock as _openBlock36, createElementBlock as _createElementBlock36 } from "vue";
-import { getCurrentInstance as getCurrentInstance36, onMounted as onMounted36, onUnmounted as onUnmounted36, ref as ref36, watchEffect as watchEffect37 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent31, updateComponentProps as updateComponentProps31 } from "@threadlabs/looma/core/declarative";
-var UiSeparator_default = /* @__PURE__ */ _defineComponent36({
-  ...{ inheritAttrs: false },
-  __name: "UiSeparator",
-  props: {
-    orientation: { type: [String, null], required: false, default: "horizontal" }
-  },
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance36();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valueorientation = props.orientation;
-      return { "orientation": passed("orientation", "orientation") ? valueorientation : void 0 };
-    };
-    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 = ref36();
-    let detach;
-    onMounted36(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent31(root.value, definition, "ui-separator", explicitProps());
-    });
-    watchEffect37(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps31(root.value, next);
-    });
-    onUnmounted36(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock36(), _createElementBlock36(
-        "div",
-        _mergeProps36(_ctx.$attrs, {
-          "data-component": "ui-separator",
-          "data-component-root": "ui-separator",
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _renderSlot33(_ctx.$slots, "default")
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiSidebar.ts
-import { defineComponent as _defineComponent37 } from "vue";
-import { renderSlot as _renderSlot34, createElementVNode as _createElementVNode23, mergeProps as _mergeProps37, openBlock as _openBlock37, createElementBlock as _createElementBlock37 } from "vue";
-import { getCurrentInstance as getCurrentInstance37, onMounted as onMounted37, onUnmounted as onUnmounted37, ref as ref37, watchEffect as watchEffect38 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent32, updateComponentProps as updateComponentProps32 } from "@threadlabs/looma/core/declarative";
-var _hoisted_130 = {
-  class: "sidebar__content",
-  "data-component": "ui-sidebar"
-};
-var UiSidebar_default = /* @__PURE__ */ _defineComponent37({
-  ...{ inheritAttrs: false },
-  __name: "UiSidebar",
-  props: {
-    breakpoint: { type: [String, null], required: false, default: "md" },
-    collapsed: { type: [Boolean, null], required: false, default: false },
-    maxWidth: { type: [Number, null], required: false, default: 480 },
-    minWidth: { type: [Number, null], required: false, default: 200 },
-    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" },
-    width: { type: [Number, null], required: false, default: 0 }
-  },
-  emits: ["resize", "toggle"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance37();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuebreakpoint = props.breakpoint;
-      const valuecollapsed = props.collapsed;
-      const valuemaxWidth = props.maxWidth;
-      const valueminWidth = props.minWidth;
-      const valueresizable = props.resizable;
-      const valueresizeLabel = props.resizeLabel;
-      const valueresizeStep = props.resizeStep;
-      const valueside = props.side;
-      const valuewidth = props.width;
-      return { "breakpoint": passed("breakpoint", "breakpoint") ? valuebreakpoint : void 0, "collapsed": passed("collapsed", "collapsed") ? valuecollapsed : void 0, "maxWidth": passed("maxWidth", "max-width") ? valuemaxWidth : void 0, "minWidth": passed("minWidth", "min-width") ? valueminWidth : void 0, "resizable": passed("resizable", "resizable") ? valueresizable : void 0, "resizeLabel": passed("resizeLabel", "resize-label") ? valueresizeLabel : void 0, "resizeStep": passed("resizeStep", "resize-step") ? valueresizeStep : void 0, "side": passed("side", "side") ? valueside : void 0, "width": passed("width", "width") ? valuewidth : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-sidebar", "props": { "breakpoint": { "type": { "enum": ["sm", "md", "lg"] }, "required": false, "target": { "attribute": "breakpoint" }, "default": "md" }, "collapsed": { "type": "boolean", "required": false, "target": { "attribute": "collapsed" }, "default": false }, "maxWidth": { "type": "number", "required": false, "target": { "attribute": "maxwidth" }, "default": 480 }, "minWidth": { "type": "number", "required": false, "target": { "attribute": "minwidth" }, "default": 200 }, "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" }, "width": { "type": "number", "required": false, "target": { "attribute": "width" }, "default": 0 } } }, "template": { "kind": "element", "name": "aside", "attributes": [{ "kind": "attribute", "name": "data-state-collapsed", "expression": "internalCollapsed", "expressionPlan": { "source": "internalCollapsed", "ast": { "kind": "id", "name": "internalCollapsed" }, "dependencies": ["internalCollapsed"] } }, { "kind": "attribute", "name": "data-state-drawer", "expression": "drawer", "expressionPlan": { "source": "drawer", "ast": { "kind": "id", "name": "drawer" }, "dependencies": ["drawer"] } }], "children": [{ "kind": "element", "name": "div", "attributes": [{ "kind": "literal", "name": "class", "value": "sidebar__content" }], "children": [{ "kind": "slot" }] }] }, "declarations": [{ "kind": "state", "name": "internalCollapsed", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "state", "name": "drawer", "expression": { "source": "false", "ast": { "kind": "literal", "value": false }, "dependencies": [] } }, { "kind": "event", "name": "resize", "type": "object({ width: number, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "toggle", "type": "object({ open: boolean, mode: docked | drawer, trigger: keyboard | pointer | programmatic })", "bubbles": true, "composed": true, "cancelable": false }], "root": { "kind": "native", "element": "aside", "choices": ["aside"] } }, source: { file: import.meta.url }, css: "" };
-    const root = ref37();
-    const eventListener0 = (event) => emit("resize", event.detail);
-    const eventListener1 = (event) => emit("toggle", event.detail);
-    let detach;
-    onMounted37(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent32(root.value, definition, "ui-sidebar", explicitProps());
-      root.value.addEventListener("resize", eventListener0);
-      root.value.addEventListener("toggle", eventListener1);
-    });
-    watchEffect38(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps32(root.value, next);
-    });
-    onUnmounted37(() => {
-      root.value?.removeEventListener("resize", eventListener0);
-      root.value?.removeEventListener("toggle", eventListener1);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock37(), _createElementBlock37(
-        "aside",
-        _mergeProps37(_ctx.$attrs, {
-          "data-component": "ui-sidebar",
-          "data-component-root": "ui-sidebar",
-          "data-state-collapsed": void 0,
-          "data-state-drawer": void 0,
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _createElementVNode23("div", _hoisted_130, [
-            _renderSlot34(_ctx.$slots, "default")
-          ])
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiStack.ts
-import { defineComponent as _defineComponent38 } from "vue";
-import { renderSlot as _renderSlot35, mergeProps as _mergeProps38, openBlock as _openBlock38, createElementBlock as _createElementBlock38 } from "vue";
-import { getCurrentInstance as getCurrentInstance38, onMounted as onMounted38, onUnmounted as onUnmounted38, ref as ref38, watchEffect as watchEffect39 } from "vue";
-import { manageGeneratedProps as manageGeneratedProps6, updateGeneratedProps as updateGeneratedProps6 } from "@threadlabs/looma/core/declarative-generated";
-var UiStack_default = /* @__PURE__ */ _defineComponent38({
-  ...{ 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 instance = getCurrentInstance38();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuealign = props.align;
-      const valuegap = props.gap;
-      const valuejustify = props.justify;
-      return { "align": passed("align", "align") ? valuealign : void 0, "gap": passed("gap", "gap") ? valuegap : void 0, "justify": passed("justify", "justify") ? valuejustify : void 0 };
-    };
-    const root = ref38();
-    let detach;
-    onMounted38(() => {
-      if (root.value == null) return;
-      const explicit = explicitProps();
-      detach = manageGeneratedProps6(root.value, [
-        { name: "align", attribute: "data-align", value: explicit["align"], type: ["start", "center", "end", "stretch"], required: false },
-        { name: "gap", attribute: "data-gap", value: explicit["gap"], type: ["xs", "s", "m", "l", "xl"], required: false },
-        { name: "justify", attribute: "data-justify", value: explicit["justify"], type: ["start", "center", "end", "between"], required: false }
-      ]);
-    });
-    watchEffect39(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateGeneratedProps6(root.value, next);
-    });
-    onUnmounted38(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock38(), _createElementBlock38(
-        "div",
-        _mergeProps38(_ctx.$attrs, {
-          "data-component": "ui-stack",
-          "data-component-root": "ui-stack",
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _renderSlot35(_ctx.$slots, "default")
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiSwitcher.ts
-import { defineComponent as _defineComponent39 } from "vue";
-import { renderSlot as _renderSlot36, mergeProps as _mergeProps39, openBlock as _openBlock39, createElementBlock as _createElementBlock39 } from "vue";
-import { getCurrentInstance as getCurrentInstance39, onMounted as onMounted39, onUnmounted as onUnmounted39, ref as ref39, watchEffect as watchEffect40 } from "vue";
-import { manageGeneratedProps as manageGeneratedProps7, updateGeneratedProps as updateGeneratedProps7 } from "@threadlabs/looma/core/declarative-generated";
-var UiSwitcher_default = /* @__PURE__ */ _defineComponent39({
-  ...{ 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 instance = getCurrentInstance39();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuealign = props.align;
-      const valuegap = props.gap;
-      const valuethreshold = props.threshold;
-      return { "align": passed("align", "align") ? valuealign : void 0, "gap": passed("gap", "gap") ? valuegap : void 0, "threshold": passed("threshold", "threshold") ? valuethreshold : void 0 };
-    };
-    const root = ref39();
-    let detach;
-    onMounted39(() => {
-      if (root.value == null) return;
-      const explicit = explicitProps();
-      detach = manageGeneratedProps7(root.value, [
-        { name: "align", attribute: "data-align", value: explicit["align"], type: ["start", "center", "end", "stretch"], required: false },
-        { name: "gap", attribute: "data-gap", value: explicit["gap"], type: ["xs", "s", "m", "l", "xl"], required: false },
-        { name: "threshold", attribute: "data-threshold", value: explicit["threshold"], type: ["xs", "sm", "md", "lg"], required: false }
-      ]);
-    });
-    watchEffect40(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateGeneratedProps7(root.value, next);
-    });
-    onUnmounted39(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock39(), _createElementBlock39(
-        "div",
-        _mergeProps39(_ctx.$attrs, {
-          "data-component": "ui-switcher",
-          "data-component-root": "ui-switcher",
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _renderSlot36(_ctx.$slots, "default")
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiEditorInsertTableGrid.ts
-import { defineComponent as _defineComponent40 } from "vue";
-import { mergeProps as _mergeProps40, openBlock as _openBlock40, createElementBlock as _createElementBlock40 } from "vue";
-import { getCurrentInstance as getCurrentInstance40, onMounted as onMounted40, onUnmounted as onUnmounted40, ref as ref40, watchEffect as watchEffect41 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent33, updateComponentProps as updateComponentProps33 } from "@threadlabs/looma/core/declarative";
-var UiEditorInsertTableGrid_default = /* @__PURE__ */ _defineComponent40({
-  ...{ inheritAttrs: false },
-  __name: "UiEditorInsertTableGrid",
-  props: {
-    headerRow: { type: [Boolean, null], required: false, default: false },
-    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: ["insert"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance40();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valueheaderRow = props.headerRow;
-      const valuemaxCols = props.maxCols;
-      const valuemaxRows = props.maxRows;
-      const valueopen = props.open;
-      return { "headerRow": passed("headerRow", "header-row") ? valueheaderRow : void 0, "maxCols": passed("maxCols", "max-cols") ? valuemaxCols : void 0, "maxRows": passed("maxRows", "max-rows") ? valuemaxRows : void 0, "open": passed("open", "open") ? valueopen : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-editor-insert-table-grid", "props": { "headerRow": { "type": "boolean", "required": false, "target": { "attribute": "headerrow" }, "default": false }, "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": "insert", "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 = ref40();
-    const eventListener0 = (event) => emit("insert", event.detail);
-    let detach;
-    onMounted40(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent33(root.value, definition, "ui-editor-insert-table-grid", explicitProps());
-      root.value.addEventListener("insert", eventListener0);
-    });
-    watchEffect41(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps33(root.value, next);
-    });
-    onUnmounted40(() => {
-      root.value?.removeEventListener("insert", eventListener0);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock40(), _createElementBlock40(
-        "div",
-        _mergeProps40(_ctx.$attrs, {
-          "data-component": "ui-editor-insert-table-grid",
-          "data-component-root": "ui-editor-insert-table-grid",
-          ref_key: "root",
-          ref: root
-        }),
-        null,
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiEditorMentionMenu.ts
-import { defineComponent as _defineComponent41 } from "vue";
-import { mergeProps as _mergeProps41, openBlock as _openBlock41, createElementBlock as _createElementBlock41 } from "vue";
-import { getCurrentInstance as getCurrentInstance41, onMounted as onMounted41, onUnmounted as onUnmounted41, ref as ref41, watchEffect as watchEffect42 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent34, updateComponentProps as updateComponentProps34 } from "@threadlabs/looma/core/declarative";
-var UiEditorMentionMenu_default = /* @__PURE__ */ _defineComponent41({
-  ...{ 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: ["highlight", "select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance41();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valueanchorRect = props.anchorRect;
-      const valueitems = props.items;
-      const valueloading = props.loading;
-      const valueopen = props.open;
-      const valuequery = props.query;
-      const valueselectedIndex = props.selectedIndex;
-      return { "anchorRect": passed("anchorRect", "anchor-rect") ? valueanchorRect : void 0, "items": passed("items", "items") ? valueitems : void 0, "loading": passed("loading", "loading") ? valueloading : void 0, "open": passed("open", "open") ? valueopen : void 0, "query": passed("query", "query") ? valuequery : void 0, "selectedIndex": passed("selectedIndex", "selected-index") ? valueselectedIndex : void 0 };
-    };
-    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": { "attribute": "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": { "attribute": "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": [], "children": [] }, "declarations": [{ "kind": "event", "name": "highlight", "type": "object({ index: integer })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "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 = ref41();
-    const eventListener0 = (event) => emit("highlight", event.detail);
-    const eventListener1 = (event) => emit("select", event.detail);
-    let detach;
-    onMounted41(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent34(root.value, definition, "ui-editor-mention-menu", explicitProps());
-      root.value.addEventListener("highlight", eventListener0);
-      root.value.addEventListener("select", eventListener1);
-    });
-    watchEffect42(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps34(root.value, next);
-    });
-    onUnmounted41(() => {
-      root.value?.removeEventListener("highlight", eventListener0);
-      root.value?.removeEventListener("select", eventListener1);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock41(), _createElementBlock41(
-        "div",
-        _mergeProps41(_ctx.$attrs, {
-          "data-component": "ui-editor-mention-menu",
-          "data-component-root": "ui-editor-mention-menu",
-          ref_key: "root",
-          ref: root
-        }),
-        null,
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiEditorSlashMenu.ts
-import { defineComponent as _defineComponent42 } from "vue";
-import { mergeProps as _mergeProps42, openBlock as _openBlock42, createElementBlock as _createElementBlock42 } from "vue";
-import { getCurrentInstance as getCurrentInstance42, onMounted as onMounted42, onUnmounted as onUnmounted42, ref as ref42, watchEffect as watchEffect43 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent35, updateComponentProps as updateComponentProps35 } from "@threadlabs/looma/core/declarative";
-var UiEditorSlashMenu_default = /* @__PURE__ */ _defineComponent42({
-  ...{ 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: ["highlight", "select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance42();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valueanchorRect = props.anchorRect;
-      const valueitems = props.items;
-      const valueopen = props.open;
-      const valuequery = props.query;
-      const valueselectedIndex = props.selectedIndex;
-      return { "anchorRect": passed("anchorRect", "anchor-rect") ? valueanchorRect : void 0, "items": passed("items", "items") ? valueitems : void 0, "open": passed("open", "open") ? valueopen : void 0, "query": passed("query", "query") ? valuequery : void 0, "selectedIndex": passed("selectedIndex", "selected-index") ? valueselectedIndex : void 0 };
-    };
-    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": { "attribute": "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": { "attribute": "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": [], "children": [] }, "declarations": [{ "kind": "event", "name": "highlight", "type": "object({ index: integer })", "bubbles": true, "composed": true, "cancelable": false }, { "kind": "event", "name": "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 = ref42();
-    const eventListener0 = (event) => emit("highlight", event.detail);
-    const eventListener1 = (event) => emit("select", event.detail);
-    let detach;
-    onMounted42(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent35(root.value, definition, "ui-editor-slash-menu", explicitProps());
-      root.value.addEventListener("highlight", eventListener0);
-      root.value.addEventListener("select", eventListener1);
-    });
-    watchEffect43(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps35(root.value, next);
-    });
-    onUnmounted42(() => {
-      root.value?.removeEventListener("highlight", eventListener0);
-      root.value?.removeEventListener("select", eventListener1);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock42(), _createElementBlock42(
-        "div",
-        _mergeProps42(_ctx.$attrs, {
-          "data-component": "ui-editor-slash-menu",
-          "data-component-root": "ui-editor-slash-menu",
-          ref_key: "root",
-          ref: root
-        }),
-        null,
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiEditorTableContextMenu.ts
-import { defineComponent as _defineComponent43 } from "vue";
-import { mergeProps as _mergeProps43, openBlock as _openBlock43, createElementBlock as _createElementBlock43 } from "vue";
-import { getCurrentInstance as getCurrentInstance43, onMounted as onMounted43, onUnmounted as onUnmounted43, ref as ref43, watchEffect as watchEffect44 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent36, updateComponentProps as updateComponentProps36 } from "@threadlabs/looma/core/declarative";
-var UiEditorTableContextMenu_default = /* @__PURE__ */ _defineComponent43({
-  ...{ inheritAttrs: false },
-  __name: "UiEditorTableContextMenu",
-  props: {
-    actions: { type: [Array, null], required: false },
-    cellBackground: { type: [String, null], required: false, default: "" },
-    open: { type: [Boolean, null], required: false, default: false }
-  },
-  emits: ["action"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance43();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valueactions = props.actions;
-      const valuecellBackground = props.cellBackground;
-      const valueopen = props.open;
-      return { "actions": passed("actions", "actions") ? valueactions : void 0, "cellBackground": passed("cellBackground", "cell-background") ? valuecellBackground : void 0, "open": passed("open", "open") ? valueopen : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-editor-table-context-menu", "props": { "actions": { "type": { "kind": "list", "item": { "kind": "union", "members": [{ "kind": "keyword", "value": "align-left" }, { "kind": "keyword", "value": "align-center" }, { "kind": "keyword", "value": "align-right" }, { "kind": "keyword", "value": "background-none" }, { "kind": "keyword", "value": "background-gray" }, { "kind": "keyword", "value": "background-yellow" }, { "kind": "keyword", "value": "background-blue" }, { "kind": "keyword", "value": "background-green" }, { "kind": "keyword", "value": "background-red" }, { "kind": "keyword", "value": "add-row-before" }, { "kind": "keyword", "value": "add-row-after" }, { "kind": "keyword", "value": "add-column-before" }, { "kind": "keyword", "value": "add-column-after" }, { "kind": "keyword", "value": "clear-cells" }, { "kind": "keyword", "value": "merge-cells" }, { "kind": "keyword", "value": "split-cell" }, { "kind": "keyword", "value": "delete-row" }, { "kind": "keyword", "value": "delete-column" }, { "kind": "keyword", "value": "delete-table" }] } }, "required": false, "target": { "attribute": "actions" } }, "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": "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 = ref43();
-    const eventListener0 = (event) => emit("action", event.detail);
-    let detach;
-    onMounted43(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent36(root.value, definition, "ui-editor-table-context-menu", explicitProps());
-      root.value.addEventListener("action", eventListener0);
-    });
-    watchEffect44(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps36(root.value, next);
-    });
-    onUnmounted43(() => {
-      root.value?.removeEventListener("action", eventListener0);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock43(), _createElementBlock43(
-        "div",
-        _mergeProps43(_ctx.$attrs, {
-          "data-component": "ui-editor-table-context-menu",
-          "data-component-root": "ui-editor-table-context-menu",
-          ref_key: "root",
-          ref: root
-        }),
-        null,
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiEditorTableOverlay.ts
-import { defineComponent as _defineComponent44 } from "vue";
-import { mergeProps as _mergeProps44, openBlock as _openBlock44, createElementBlock as _createElementBlock44 } from "vue";
-import { getCurrentInstance as getCurrentInstance44, onMounted as onMounted44, onUnmounted as onUnmounted44, ref as ref44, watchEffect as watchEffect45 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent37, updateComponentProps as updateComponentProps37 } from "@threadlabs/looma/core/declarative";
-var UiEditorTableOverlay_default = /* @__PURE__ */ _defineComponent44({
-  ...{ inheritAttrs: false },
-  __name: "UiEditorTableOverlay",
-  props: {
-    geometry: { type: [Object, null], required: false },
-    open: { type: [Boolean, null], required: false, default: false }
-  },
-  emits: ["action"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance44();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valuegeometry = props.geometry;
-      const valueopen = props.open;
-      return { "geometry": passed("geometry", "geometry") ? valuegeometry : void 0, "open": passed("open", "open") ? valueopen : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-editor-table-overlay", "props": { "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": { "attribute": "geometry" } }, "open": { "type": "boolean", "required": false, "target": { "attribute": "open" }, "default": false } } }, "template": { "kind": "element", "name": "div", "attributes": [], "children": [] }, "declarations": [{ "kind": "event", "name": "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 = ref44();
-    const eventListener0 = (event) => emit("action", event.detail);
-    let detach;
-    onMounted44(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent37(root.value, definition, "ui-editor-table-overlay", explicitProps());
-      root.value.addEventListener("action", eventListener0);
-    });
-    watchEffect45(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps37(root.value, next);
-    });
-    onUnmounted44(() => {
-      root.value?.removeEventListener("action", eventListener0);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock44(), _createElementBlock44(
-        "div",
-        _mergeProps44(_ctx.$attrs, {
-          "data-component": "ui-editor-table-overlay",
-          "data-component-root": "ui-editor-table-overlay",
-          ref_key: "root",
-          ref: root
-        }),
-        null,
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiEditorTableToolbar.ts
-import { defineComponent as _defineComponent45 } from "vue";
-import { mergeProps as _mergeProps45, openBlock as _openBlock45, createElementBlock as _createElementBlock45 } from "vue";
-import { getCurrentInstance as getCurrentInstance45, onMounted as onMounted45, onUnmounted as onUnmounted45, ref as ref45, watchEffect as watchEffect46 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent38, updateComponentProps as updateComponentProps38 } from "@threadlabs/looma/core/declarative";
-var UiEditorTableToolbar_default = /* @__PURE__ */ _defineComponent45({
-  ...{ inheritAttrs: false },
-  __name: "UiEditorTableToolbar",
-  props: {
-    actions: { type: [Array, null], required: 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: ["action"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance45();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      const valueactions = props.actions;
-      const valuecellAlignment = props.cellAlignment;
-      const valuecellBackground = props.cellBackground;
-      const valueopen = props.open;
-      return { "actions": passed("actions", "actions") ? valueactions : void 0, "cellAlignment": passed("cellAlignment", "cell-alignment") ? valuecellAlignment : void 0, "cellBackground": passed("cellBackground", "cell-background") ? valuecellBackground : void 0, "open": passed("open", "open") ? valueopen : void 0 };
-    };
-    const definition = { ...{ "contract": { "tag": "ui-editor-table-toolbar", "props": { "actions": { "type": { "kind": "list", "item": { "kind": "union", "members": [{ "kind": "keyword", "value": "align-left" }, { "kind": "keyword", "value": "align-center" }, { "kind": "keyword", "value": "align-right" }, { "kind": "keyword", "value": "background-none" }, { "kind": "keyword", "value": "background-gray" }, { "kind": "keyword", "value": "background-yellow" }, { "kind": "keyword", "value": "background-blue" }, { "kind": "keyword", "value": "background-green" }, { "kind": "keyword", "value": "background-red" }, { "kind": "keyword", "value": "add-row-before" }, { "kind": "keyword", "value": "add-row-after" }, { "kind": "keyword", "value": "add-column-before" }, { "kind": "keyword", "value": "add-column-after" }, { "kind": "keyword", "value": "clear-cells" }, { "kind": "keyword", "value": "merge-cells" }, { "kind": "keyword", "value": "split-cell" }, { "kind": "keyword", "value": "delete-row" }, { "kind": "keyword", "value": "delete-column" }, { "kind": "keyword", "value": "delete-table" }] } }, "required": false, "target": { "attribute": "actions" } }, "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": "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 = ref45();
-    const eventListener0 = (event) => emit("action", event.detail);
-    let detach;
-    onMounted45(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent38(root.value, definition, "ui-editor-table-toolbar", explicitProps());
-      root.value.addEventListener("action", eventListener0);
-    });
-    watchEffect46(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps38(root.value, next);
-    });
-    onUnmounted45(() => {
-      root.value?.removeEventListener("action", eventListener0);
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock45(), _createElementBlock45(
-        "div",
-        _mergeProps45(_ctx.$attrs, {
-          "data-component": "ui-editor-table-toolbar",
-          "data-component-root": "ui-editor-table-toolbar",
-          ref_key: "root",
-          ref: root
-        }),
-        null,
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/generated/UiEditorToolbar.ts
-import { defineComponent as _defineComponent46 } from "vue";
-import { renderSlot as _renderSlot37, mergeProps as _mergeProps46, openBlock as _openBlock46, createElementBlock as _createElementBlock46 } from "vue";
-import { getCurrentInstance as getCurrentInstance46, onMounted as onMounted46, onUnmounted as onUnmounted46, ref as ref46, watchEffect as watchEffect47 } from "vue";
-import { attachLoomaComponent as attachLoomaComponent39, updateComponentProps as updateComponentProps39 } from "@threadlabs/looma/core/declarative";
-var UiEditorToolbar_default = /* @__PURE__ */ _defineComponent46({
-  ...{ inheritAttrs: false },
-  __name: "UiEditorToolbar",
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance46();
-    const passed = (name, attribute) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, attribute);
-    };
-    const explicitProps = () => {
-      return {};
-    };
-    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 = ref46();
-    let detach;
-    onMounted46(() => {
-      if (root.value == null) return;
-      detach = attachLoomaComponent39(root.value, definition, "ui-editor-toolbar", explicitProps());
-    });
-    watchEffect47(() => {
-      const next = explicitProps();
-      if (root.value == null) return;
-      updateComponentProps39(root.value, next);
-    });
-    onUnmounted46(() => {
-      detach?.();
-    });
-    return (_ctx, _cache) => {
-      return _openBlock46(), _createElementBlock46(
-        "div",
-        _mergeProps46(_ctx.$attrs, {
-          "data-component": "ui-editor-toolbar",
-          "data-component-root": "ui-editor-toolbar",
-          ref_key: "root",
-          ref: root
-        }),
-        [
-          _renderSlot37(_ctx.$slots, "default")
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-// src/Combobox.ts
-import { defineComponent as defineComponent2, getCurrentInstance as getCurrentInstance47, h as h2, shallowRef as shallowRef2, watch } from "vue";
-var itemShape = (item) => ({
-  id: item.id,
-  value: item.value,
-  label: item.label,
-  ...item.group === void 0 ? {} : { group: item.group },
-  ...item.disabled === void 0 ? {} : { disabled: item.disabled }
-});
-function optionElements(options) {
-  const option = (entry) => h2("option", { value: entry.value, disabled: entry.disabled, key: entry.value }, entry.label ?? entry.value);
-  const groups = /* @__PURE__ */ new Map();
-  const nodes = [];
-  for (const entry of options) {
-    if (entry.group === void 0) nodes.push(option(entry));
-    else {
-      if (!groups.has(entry.group)) {
-        groups.set(entry.group, []);
-        nodes.push(h2("optgroup", { label: entry.group, key: `group-${entry.group}` }, () => groups.get(entry.group).map(option)));
-      }
-      groups.get(entry.group).push(entry);
-    }
-  }
-  return nodes;
-}
-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,
-    options: { type: Array, default: () => [] },
-    allowFreeText: Boolean,
-    allowCreate: Boolean,
-    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,
-    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 instance = getCurrentInstance47();
-    const kebab = (name) => name.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
-    const passed = (name) => {
-      const raw = instance?.vnode.props ?? {};
-      return Object.hasOwn(raw, name) || Object.hasOwn(raw, kebab(name));
-    };
-    const element = shallowRef2();
-    const rows = shallowRef2([]);
-    const currentQuery = shallowRef2(props.query ?? props.defaultQuery ?? "");
-    watch(() => props.query, (query) => {
-      if (query !== void 0) currentQuery.value = query;
-    });
-    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", "options", "query", "tokenSeparators"].includes(key) && passed(key))),
-      // Single mode binds the selected value; multiple mode binds the item list as `items`.
-      ...props.multiple ? { items: Array.isArray(props.modelValue) ? props.modelValue.map(itemShape) : void 0 } : { value: props.modelValue },
-      query: props.query,
-      tokenSeparators: props.tokenSeparators.length ? [...props.tokenSeparators] : void 0,
-      "data-allow-mismatch": "class",
-      ref: (value) => {
-        element.value = toHTMLElement(value);
-      },
-      class: attrs.class,
-      onOptionsChange: (detail) => {
-        rows.value = detail;
-        emit("optionsChange", detail);
-      },
-      onQueryChange: (detail) => {
-        currentQuery.value = detail.query;
-        emit("update:query", detail.query);
-        emit("queryChange", detail);
-      },
-      onValueChange: (detail) => {
-        emit("update:modelValue", props.multiple ? detail : detail.value);
-        emit("valueChange", detail);
-      },
-      onFreeEntry: (detail) => emit("freeEntry", detail),
-      onCreateEntry: (detail) => emit("createEntry", detail),
-      onValidationChange: (detail) => emit("validationChange", detail),
-      onAddItem: (detail) => emit("addItem", detail),
-      onRemoveItem: (detail) => emit("removeItem", detail),
-      onCreateItem: (detail) => emit("createItem", detail)
-    }, {
-      default: () => [
-        // Options are authored children, exactly as in HTML.
-        ...optionElements(props.options),
-        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 Cluster = createAdapterComponent(UiCluster_default, "Cluster");
-var Grid = createAdapterComponent(UiGrid_default, "Grid");
-var Container = createAdapterComponent(UiContainer_default, "Container");
-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"], "input");
-var Select = createAdapterComponent(UiSelect_default, "Select", [], "class", ["value"], "change");
-var Textarea = createAdapterComponent(UiTextarea_default, "Textarea", [], "class", ["value"], "input");
-var FormField = createAdapterComponent(UiFormField_default, "FormField");
-var Tooltip = createAdapterComponent(UiTooltip_default, "Tooltip", [], "class", ["open"]);
-var ToastRegion = createAdapterComponent(UiToastRegion_default, "ToastRegion", [], "class", ["open"]);
-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 Callout = createAdapterComponent(UiCallout_default, "Callout");
-var Avatar = createAdapterComponent(UiAvatar_default, "Avatar");
-var AvatarGroup = createAdapterComponent(UiAvatarGroup_default, "AvatarGroup");
-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",
-  Cluster: "ui-cluster",
-  Grid: "ui-grid",
-  Container: "ui-container",
-  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",
-  Callout: "ui-callout",
-  Avatar: "ui-avatar",
-  AvatarGroup: "ui-avatar-group",
-  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,
-  Cluster,
-  Grid,
-  Container,
-  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,
-  Callout,
-  Avatar,
-  AvatarGroup,
-  SearchShell,
-  SearchResultRow,
-  TopBar,
-  Tree,
-  TreeItem,
-  ADAPTER_COMPONENT_TAG_MAP,
-  VUE_ADAPTER_NOTE
-};