@threadlabs/looma 0.11.0 → 0.11.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "type": "module",
   "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
   "license": "MIT",

package/styles/ui-action-bar.css

@@ -0,0 +1,77 @@
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+@scope ([data-component~="ui-action-bar"]) to ([data-component], [data-slotted]) {
+/* The action row of a form or dialog. Tertiary actions (Back, Cancel, Discard) sit at the start
+       edge; secondary actions (Save as draft, Preview) sit just before the primary one, which ends the
+       row. The bar arranges its actions and leaves their look to them. */
+    :scope {
+      --_gap: var(--ui-space-2);
+      display: block;
+      /* A size container sizes itself from its container, never its content. */
+      container-type: inline-size;
+      inline-size: 100%;
+      min-inline-size: 0;
+    }
+
+    .bar,
+    .tertiary,
+    .secondary,
+    .primary {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: var(--ui-action-bar-gap, var(--_gap));
+    }
+
+    /* The tertiary group takes the spare space, pushing the rest to the end edge; without it, the
+       rest still ends the row. */
+    .bar {
+      justify-content: flex-end;
+    }
+
+    .tertiary {
+      flex: 1 1 auto;
+    }
+
+    .tertiary:empty,
+    .secondary:empty,
+    .primary:empty {
+      display: none;
+    }
+
+    /* A narrow container stacks the actions full width, primary on top: the row turned on its end,
+       read from its end edge. Container queries cannot read custom properties, so the width is fixed. */
+    @container (inline-size < 24rem) {
+      .bar,
+      .tertiary,
+      .secondary,
+      .primary {
+        flex-direction: column-reverse;
+        flex-wrap: nowrap;
+        align-items: stretch;
+      }
+
+      .tertiary {
+        flex: none;
+      }
+    }
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+    :scope[hidden] {
+      display: none;
+    }
+}
+@scope ([data-component~="ui-action-bar"]) to ([data-component]) {
+/* The action row of a form or dialog. Tertiary actions (Back, Cancel, Discard) sit at the start
+       edge; secondary actions (Save as draft, Preview) sit just before the primary one, which ends the
+       row. The bar arranges its actions and leaves their look to them. */
+
+    /* The tertiary group takes the spare space, pushing the rest to the end edge; without it, the
+       rest still ends the row. */
+
+    /* A narrow container stacks the actions full width, primary on top: the row turned on its end,
+       read from its end edge. Container queries cannot read custom properties, so the width is fixed. */
+    @container (inline-size < 24rem) {
+    }
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+}

package/vanilla/UiActionBar.d.ts

@@ -0,0 +1,13 @@
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
+export interface UiActionBarEventMap {
+}
+export interface UiActionBarElement extends HTMLDivElement {
+  addEventListener<K extends keyof UiActionBarEventMap>(type: K, listener: (this: UiActionBarElement, event: UiActionBarEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  removeEventListener<K extends keyof UiActionBarEventMap>(type: K, listener: (this: UiActionBarElement, event: UiActionBarEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+}
+export interface UiActionBarProps {
+  attributes?: Readonly<Record<string, string | number | boolean | null | undefined>>;
+  children?: readonly (string | Node)[];
+  slots?: Readonly<Record<string, readonly (string | Node)[]>>;
+}
+export declare function createUiActionBar(props?: UiActionBarProps): UiActionBarElement;

package/vanilla/UiActionBar.js

@@ -0,0 +1,59 @@
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
+import "../styles/ui-action-bar.css";
+
+export function createUiActionBar(options = {}) {
+  const { attributes = {}, children = [], slots = {}, as } = options;
+  const projected = [];
+  const element = document.createElement("div");
+  for (const [name, value] of Object.entries(attributes)) {
+    if (value === null || value === undefined || value === false) continue;
+    element.setAttribute(name, value === true ? "" : String(value));
+  }
+  element.setAttribute("data-component", "ui-action-bar");
+  const element0 = document.createElement("div");
+  element0.setAttribute("class", "bar");
+  const element1 = document.createElement("span");
+  element1.setAttribute("class", "tertiary");
+  if (slots["tertiary"] ?? [].length > 0) {
+    for (const child of slots["tertiary"] ?? []) {
+      const node = typeof child === "string" ? document.createTextNode(child) : child;
+      projected.push([node, "tertiary"]);
+      element1.append(node);
+    }
+  } else {
+  }
+  element0.append(element1);
+  const element2 = document.createElement("span");
+  element2.setAttribute("class", "secondary");
+  if (slots["secondary"] ?? [].length > 0) {
+    for (const child of slots["secondary"] ?? []) {
+      const node = typeof child === "string" ? document.createTextNode(child) : child;
+      projected.push([node, "secondary"]);
+      element2.append(node);
+    }
+  } else {
+  }
+  if (children.length > 0) {
+    for (const child of children) {
+      const node = typeof child === "string" ? document.createTextNode(child) : child;
+      projected.push([node, ""]);
+      element2.append(node);
+    }
+  } else {
+  }
+  element0.append(element2);
+  const element3 = document.createElement("span");
+  element3.setAttribute("class", "primary");
+  if (slots["primary"] ?? [].length > 0) {
+    for (const child of slots["primary"] ?? []) {
+      const node = typeof child === "string" ? document.createTextNode(child) : child;
+      projected.push([node, "primary"]);
+      element3.append(node);
+    }
+  } else {
+  }
+  element0.append(element3);
+  element.append(element0);
+  return element;
+}
+

package/vanilla/index.js

@@ -1,3 +1,4 @@
+export * from "./UiActionBar.js";
 export * from "./UiAffordanceScope.js";
 export * from "./UiAvatar.js";
 export * from "./UiAvatarGroup.js";

package/vue/UiActionBar.d.ts

@@ -0,0 +1,19 @@
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    tertiary?: (props: typeof __VLS_1) => any;
+} & {
+    secondary?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    primary?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/vue/UiActionBar.js

@@ -0,0 +1,2 @@
+import { t as UiActionBar_default } from "./chunks/UiActionBar.js";
+export { UiActionBar_default as default };

package/vue/UiActionBar.vue

@@ -0,0 +1,77 @@
+<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<script setup lang="ts">
+defineOptions({ inheritAttrs: false })
+</script>
+
+<template>
+  <div data-component="ui-action-bar" v-bind="$attrs">
+    <div class="bar">
+      <span class="tertiary"><slot name="tertiary" /></span>
+      <span class="secondary"><slot name="secondary" />
+        <slot /></span>
+      <span class="primary"><slot name="primary" /></span>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+/* The action row of a form or dialog. Tertiary actions (Back, Cancel, Discard) sit at the start
+       edge; secondary actions (Save as draft, Preview) sit just before the primary one, which ends the
+       row. The bar arranges its actions and leaves their look to them. */
+[data-component~="ui-action-bar"] {
+  --_gap: var(--ui-space-2);
+  display: block;
+  /* A size container sizes itself from its container, never its content. */
+  container-type: inline-size;
+  inline-size: 100%;
+  min-inline-size: 0;
+}
+
+.bar,
+.tertiary,
+.secondary,
+.primary {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--ui-action-bar-gap, var(--_gap));
+}
+
+/* The tertiary group takes the spare space, pushing the rest to the end edge; without it, the
+   rest still ends the row. */
+.bar {
+  justify-content: flex-end;
+}
+
+.tertiary {
+  flex: 1 1 auto;
+}
+
+.tertiary:empty,
+.secondary:empty,
+.primary:empty {
+  display: none;
+}
+
+/* A narrow container stacks the actions full width, primary on top: the row turned on its end,
+   read from its end edge. Container queries cannot read custom properties, so the width is fixed. */
+@container (inline-size < 24rem) {
+  .bar,
+  .tertiary,
+  .secondary,
+  .primary {
+    flex-direction: column-reverse;
+    flex-wrap: nowrap;
+    align-items: stretch;
+  }
+
+  .tertiary {
+    flex: none;
+  }
+}
+
+/* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-action-bar"][hidden] {
+  display: none;
+}
+</style>

package/vue/UiCombobox.d.ts

@@ -234,8 +234,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         readonly trigger: "keyboard" | "pointer" | "programmatic";
     }) => any) | undefined;
 }>, {
-    name: string;
     label: string;
+    name: string;
     disabled: boolean;
     size: "sm" | "md";
     required: boolean;

package/vue/UiRadioGroup.d.ts

@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     }) => any) | undefined;
     "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
-    name: string;
     label: string;
+    name: string;
     value: string;
     disabled: boolean;
     required: boolean;

package/vue/chunks/UiActionBar.js

@@ -0,0 +1,24 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+//#region .build/vue/UiActionBar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "bar" };
+var _hoisted_2 = { class: "tertiary" };
+var _hoisted_3 = { class: "secondary" };
+var _hoisted_4 = { class: "primary" };
+//#endregion
+//#region .build/vue/UiActionBar.vue
+var UiActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiActionBar",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-action-bar" }, _ctx.$attrs), [createElementVNode("div", _hoisted_1, [
+				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "tertiary", {}, void 0, true)]),
+				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "secondary", {}, void 0, true), renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "primary", {}, void 0, true)])
+			])], 16);
+		};
+	}
+}), [["__scopeId", "data-v-f4ba10f3"]]);
+//#endregion
+export { UiActionBar_default as t };

package/vue/chunks/UiAffordanceScope.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-affordance-scope/ui-affordance-scope.js";
 //#region .build/vue/UiAffordanceScope.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiAvatar.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-avatar/ui-avatar.js";
 //#region .build/vue/UiAvatar.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiAvatarGroup.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-avatar-group/ui-avatar-group.js";
 //#region .build/vue/UiAvatarGroup.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiCheckbox.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-checkbox/ui-checkbox.js";
 //#region .build/vue/UiCheckbox.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiCombobox.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as UiBadge_default } from "./UiBadge.js";
 import { t as UiTooltip_default } from "./UiTooltip.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, useTemplateRef, withCtx } from "vue";

package/vue/chunks/UiContextMenu.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-context-menu/ui-context-menu.js";
 //#region .build/vue/UiContextMenu.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiDialog.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-dialog/ui-dialog.js";
 //#region .build/vue/UiDialog.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiDisclosure.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-disclosure/ui-disclosure.js";
 //#region .build/vue/UiDisclosure.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiEditable.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, toDisplayString, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-editable/ui-editable.js";
 //#region .build/vue/UiEditable.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiEditorInsertTableGrid.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { Fragment, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.js";
 //#region .build/vue/UiEditorInsertTableGrid.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiEditorMentionMenu.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, toDisplayString } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-editor-mention-menu/ui-editor-mention-menu.js";
 //#region .build/vue/UiEditorMentionMenu.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiEditorSlashMenu.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, toDisplayString } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-editor-slash-menu/ui-editor-slash-menu.js";

package/vue/chunks/UiEditorTableContextMenu.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-editor-table-context-menu/ui-editor-table-context-menu.js";

package/vue/chunks/UiEditorTableOverlay.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-editor-table-overlay/ui-editor-table-overlay.js";

package/vue/chunks/UiEditorTableToolbar.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-editor-table-toolbar/ui-editor-table-toolbar.js";

package/vue/chunks/UiFormField.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-form-field/ui-form-field.js";
 //#region .build/vue/UiFormField.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiIcon.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { Fragment, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, ref, renderList } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-icon/ui-icon.js";
 //#region .build/vue/UiIcon.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiIconButton.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-icon-button/ui-icon-button.js";
 //#region .build/vue/UiIconButton.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiInput.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, ref, vModelDynamic, withDirectives } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-input/ui-input.js";
 //#region .build/vue/UiInput.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiMenu.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-menu/ui-menu.js";
 //#region .build/vue/UiMenu.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiPopover.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-popover/ui-popover.js";
 //#region .build/vue/UiPopover.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiRadio.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-radio/ui-radio.js";
 //#region .build/vue/UiRadio.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiRadioGroup.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-radio-group/ui-radio-group.js";
 //#region .build/vue/UiRadioGroup.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiSearchShell.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-search-shell/ui-search-shell.js";
 //#region .build/vue/UiSearchShell.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiSelect.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, ref, renderSlot, vModelSelect, withDirectives } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-select/ui-select.js";
 //#region .build/vue/UiSelect.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiSidebar.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-sidebar/ui-sidebar.js";
 //#region .build/vue/UiSidebar.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiSwitch.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-switch/ui-switch.js";
 //#region .build/vue/UiSwitch.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiTabs.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderList, renderSlot, toDisplayString, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-tabs/ui-tabs.js";
 //#region .build/vue/UiTabs.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiTextarea.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, ref, vModelText, withDirectives } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-textarea/ui-textarea.js";
 //#region .build/vue/UiTextarea.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiToastRegion.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";
 import { Fragment, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, withCtx } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-toast-region/ui-toast-region.js";

package/vue/chunks/UiTooltip.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-tooltip/ui-tooltip.js";
 //#region .build/vue/UiTooltip.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiTree.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-tree/ui-tree.js";
 //#region .build/vue/UiTree.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiTreeItem.js

@@ -1,5 +1,5 @@
-import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-tree-item/ui-tree-item.js";
 //#region .build/vue/UiTreeItem.vue?vue&type=script&setup=true&lang.ts