@abraca/nuxt 1.9.1 → 2.0.0

package/dist/runtime/components/aware/AFormSync.d.vue.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    fieldKey: string;
+    state: Record<string, unknown>;
+    /** Keys to skip when mirroring (e.g. password fields). */
+    skip?: string[];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    skip: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/dist/runtime/components/aware/AFormSync.vue

@@ -0,0 +1,52 @@
+<script setup>
+import { computed, onBeforeUnmount, onMounted, watch } from "vue";
+import { useAAFieldValue } from "../../composables/useAAFieldValue";
+defineOptions({ inheritAttrs: false });
+const props = defineProps({
+  fieldKey: { type: String, required: true },
+  state: { type: Object, required: true },
+  skip: { type: Array, required: false, default: () => [] }
+});
+const skipSet = computed(() => new Set(props.skip));
+const stateKeys = computed(() => Object.keys(props.state).filter((k) => !skipSet.value.has(k)));
+const sync = {};
+for (const k of stateKeys.value) {
+  sync[k] = useAAFieldValue(() => `${props.fieldKey}:${k}`);
+}
+let suppress = false;
+const stops = [];
+onMounted(() => {
+  for (const key of stateKeys.value) {
+    stops.push(watch(
+      () => props.state[key],
+      (v) => {
+        if (suppress) return;
+        if (sync[key].value !== v) sync[key].value = v;
+      },
+      { deep: true }
+    ));
+  }
+  for (const key of stateKeys.value) {
+    stops.push(watch(
+      () => sync[key].value,
+      (v) => {
+        if (v === void 0) return;
+        if (props.state[key] === v) return;
+        suppress = true;
+        props.state[key] = v;
+        queueMicrotask(() => {
+          suppress = false;
+        });
+      },
+      { immediate: true }
+    ));
+  }
+});
+onBeforeUnmount(() => {
+  for (const s of stops) s();
+});
+</script>
+
+<template>
+  <slot />
+</template>

package/dist/runtime/components/aware/AFormSync.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    fieldKey: string;
+    state: Record<string, unknown>;
+    /** Keys to skip when mirroring (e.g. password fields). */
+    skip?: string[];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    skip: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/dist/runtime/components/aware/AGlobalFocusLayer.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/aware/AGlobalFocusLayer.vue

@@ -0,0 +1,90 @@
+<script setup>
+import { computed, onBeforeUnmount, onMounted, ref } from "vue";
+import { useRoute } from "#imports";
+import { useAAEphemeral } from "../../composables/useAAEphemeral";
+import { rangeFromPaths } from "../../utils/domPath";
+const { peers } = useAAEphemeral("aa:focus");
+const route = useRoute();
+const selections = ref([]);
+let raf = 0;
+let mo = null;
+function recompute() {
+  cancelAnimationFrame(raf);
+  raf = requestAnimationFrame(() => {
+    const out = [];
+    for (const p of peers.value) {
+      const v = p.value;
+      if (!v || v.kind !== "selection" || v.route !== route.path || !v.start || !v.end) continue;
+      const range = rangeFromPaths(v.start, v.end);
+      if (!range || range.collapsed) continue;
+      const rects = Array.from(range.getClientRects()).filter((r) => r.width > 0 && r.height > 0).map((r) => ({ top: r.top, left: r.left, width: r.width, height: r.height }));
+      if (rects.length === 0) continue;
+      out.push({ clientId: p.clientId, user: p.user, rects });
+    }
+    selections.value = out;
+  });
+}
+function onScroll() {
+  recompute();
+}
+function onResize() {
+  recompute();
+}
+onMounted(() => {
+  recompute();
+  document.addEventListener("scroll", onScroll, { passive: true, capture: true });
+  window.addEventListener("resize", onResize, { passive: true });
+  mo = new MutationObserver(recompute);
+  mo.observe(document.body, { childList: true, subtree: true, characterData: true });
+});
+onBeforeUnmount(() => {
+  cancelAnimationFrame(raf);
+  document.removeEventListener("scroll", onScroll, { capture: true });
+  window.removeEventListener("resize", onResize);
+  mo?.disconnect();
+});
+import { watch } from "vue";
+watch(peers, recompute, { deep: true, flush: "post" });
+watch(() => route.path, recompute);
+function tintFor(p) {
+  return p.user?.color ?? "#888";
+}
+function colorFor(p) {
+  return p.user?.color ?? "#888";
+}
+function nameFor(p) {
+  return p.user?.name || "Anonymous";
+}
+</script>
+
+<template>
+  <div class="aa-global-focus-layer" data-aa-skip-anchor aria-hidden="true">
+    <template v-for="p in selections" :key="p.clientId">
+      <div
+        v-for="(r, idx) in p.rects"
+        :key="`sel-${p.clientId}-${idx}`"
+        class="aa-global-focus-layer__rect"
+        :style="{
+  top: r.top + 'px',
+  left: r.left + 'px',
+  width: r.width + 'px',
+  height: r.height + 'px',
+  background: tintFor(p)
+}"
+      />
+      <span
+        v-if="p.rects.length"
+        class="aa-global-focus-layer__flag"
+        :style="{
+  top: p.rects[0].top + 'px',
+  left: p.rects[0].left + 'px',
+  background: colorFor(p)
+}"
+      >{{ nameFor(p) }}</span>
+    </template>
+  </div>
+</template>
+
+<style scoped>
+.aa-global-focus-layer{inset:0;pointer-events:none;position:fixed;z-index:40}.aa-global-focus-layer__rect{border-radius:2px;opacity:.2;pointer-events:none;position:fixed}.aa-global-focus-layer__flag{border-radius:.25rem .25rem .25rem 0;box-shadow:0 1px 2px rgba(0,0,0,.18);color:#fff;font-size:.55rem;font-weight:500;line-height:1;margin-top:-2px;padding:.18rem .35rem;pointer-events:none;position:fixed;transform:translateY(-100%);white-space:nowrap}
+</style>

package/dist/runtime/components/aware/AGlobalFocusLayer.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/aware/AHoverItem.d.vue.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    /** Stable, unique field key for this item — usually `${parent}:item:${id}`. */
+    fieldKey: string;
+    /** Layout mode: 'inline' for chips, 'block' for full-row items. */
+    variant?: 'inline' | 'block';
+    /** Show a tiny peer-name flag at the top-right of the item when active. */
+    showFlag?: boolean;
+    /** Paint a peer-coloured backdrop tint when active. Default true. */
+    tinted?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "inline" | "block";
+    showFlag: boolean;
+    tinted: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/dist/runtime/components/aware/AHoverItem.vue

@@ -0,0 +1,124 @@
+<script setup>
+import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
+import { useAAField } from "../../composables/useAAField";
+defineOptions({ inheritAttrs: false });
+const props = defineProps({
+  fieldKey: { type: String, required: true },
+  variant: { type: String, required: false, default: "block" },
+  showFlag: { type: Boolean, required: false, default: true },
+  tinted: { type: Boolean, required: false, default: true }
+});
+const { hoverers, focusers, pressers, isPressed, onMouseenter, onMouseleave, onMousedown, onMouseup } = useAAField(() => props.fieldKey);
+const wrapperRef = ref(null);
+const rowEl = ref(null);
+const ROW_SELECTOR = [
+  '[role="option"]',
+  '[role="menuitem"]',
+  '[role="menuitemcheckbox"]',
+  '[role="menuitemradio"]',
+  '[role="tab"]',
+  '[role="treeitem"]',
+  '[data-slot="item"]',
+  '[data-slot="trigger"]',
+  ".aa-row-target"
+].join(", ");
+let savedStyle = { background: "", boxShadow: "", position: "" };
+function attachToRow() {
+  const wrapper = wrapperRef.value;
+  if (!wrapper) return;
+  const row = wrapper.closest(ROW_SELECTOR);
+  if (!row || row === rowEl.value) return;
+  detachFromRow();
+  rowEl.value = row;
+  savedStyle = {
+    background: row.style.backgroundColor,
+    boxShadow: row.style.boxShadow,
+    position: row.style.position
+  };
+  row.addEventListener("mouseenter", onMouseenter);
+  row.addEventListener("mouseleave", onMouseleave);
+  row.addEventListener("mousedown", onMousedown);
+  row.addEventListener("mouseup", onMouseup);
+}
+function detachFromRow() {
+  const row = rowEl.value;
+  if (!row) return;
+  row.removeEventListener("mouseenter", onMouseenter);
+  row.removeEventListener("mouseleave", onMouseleave);
+  row.removeEventListener("mousedown", onMousedown);
+  row.removeEventListener("mouseup", onMouseup);
+  row.style.backgroundColor = savedStyle.background;
+  row.style.boxShadow = savedStyle.boxShadow;
+  rowEl.value = null;
+}
+onMounted(attachToRow);
+onBeforeUnmount(detachFromRow);
+const backdropTint = computed(() => {
+  if (!props.tinted) return null;
+  const color = pressers.value[0]?.user?.color ?? focusers.value[0]?.user?.color ?? hoverers.value[0]?.user?.color;
+  if (!color) return null;
+  const alpha = pressers.value.length ? 0.32 : focusers.value.length ? 0.26 : 0.18;
+  return colorMix(color, alpha);
+});
+const ringShadow = computed(() => {
+  const layers = [];
+  const hover = hoverers.value[0]?.user?.color;
+  const focus = focusers.value[0]?.user?.color;
+  const press = pressers.value[0]?.user?.color;
+  if (press) layers.push(`inset 0 0 0 2px ${press}`);
+  else if (focus) layers.push(`inset 0 0 0 2px ${focus}`);
+  else if (hover) layers.push(`inset 0 0 0 1px ${hover}`);
+  return layers.join(", ");
+});
+function colorMix(color, alpha) {
+  if (color.startsWith("#") && color.length === 7) {
+    const a = Math.round(alpha * 255).toString(16).padStart(2, "0");
+    return `${color}${a}`;
+  }
+  if (color.startsWith("rgb(")) return color.replace("rgb(", "rgba(").replace(")", `, ${alpha})`);
+  if (color.startsWith("hsl(")) return color.replace("hsl(", "hsla(").replace(")", `, ${alpha})`);
+  return color;
+}
+watch([backdropTint, ringShadow, rowEl], () => {
+  const row = rowEl.value;
+  if (!row) return;
+  row.style.backgroundColor = backdropTint.value || savedStyle.background;
+  row.style.boxShadow = ringShadow.value || savedStyle.boxShadow;
+  if (!row.style.position) row.style.position = "relative";
+}, { flush: "post" });
+const flagPeer = computed(
+  () => pressers.value[0] ?? focusers.value[0] ?? hoverers.value[0]
+);
+const pulseKey = ref(0);
+watch(isPressed, (val, prev) => {
+  if (val && !prev) pulseKey.value++;
+});
+const pulseColor = computed(() => pressers.value[0]?.user?.color ?? "currentColor");
+</script>
+
+<template>
+  <span
+    ref="wrapperRef"
+    class="aa-item"
+    :class="[`aa-item--${variant}`]"
+  >
+    <slot />
+    <span
+      v-if="pulseKey > 0"
+      :key="pulseKey"
+      class="aa-item__pulse"
+      :style="{ '--aa-pulse-color': pulseColor }"
+    />
+    <Transition name="aa-flag">
+      <span
+        v-if="showFlag && flagPeer"
+        class="aa-item__flag"
+        :style="{ background: flagPeer.user?.color ?? 'var(--ui-text-muted)' }"
+      >{{ flagPeer.user?.name || "Anonymous" }}</span>
+    </Transition>
+  </span>
+</template>
+
+<style scoped>
+.aa-item{border-radius:inherit;display:contents;position:relative}.aa-item--inline{align-items:center;display:inline-flex}.aa-item__pulse{animation:aa-item-pulse .35s ease-out forwards;border-radius:inherit;inset:0;pointer-events:none;position:absolute}@keyframes aa-item-pulse{0%{box-shadow:0 0 0 0 var(--aa-pulse-color);opacity:.5}to{box-shadow:0 0 0 14px var(--aa-pulse-color);opacity:0}}.aa-item__flag{border-radius:.25rem .25rem .25rem 0;box-shadow:0 1px 2px rgba(0,0,0,.18);color:#fff;font-size:.55rem;font-weight:500;line-height:1;padding:.18rem .35rem;pointer-events:none;position:absolute;right:.25rem;top:-.55rem;white-space:nowrap;z-index:5}.aa-flag-enter-active,.aa-flag-leave-active{transition:opacity .12s ease,transform .12s ease}.aa-flag-enter-from,.aa-flag-leave-to{opacity:0;transform:translateY(2px)}
+</style>

package/dist/runtime/components/aware/AHoverItem.vue.d.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    /** Stable, unique field key for this item — usually `${parent}:item:${id}`. */
+    fieldKey: string;
+    /** Layout mode: 'inline' for chips, 'block' for full-row items. */
+    variant?: 'inline' | 'block';
+    /** Show a tiny peer-name flag at the top-right of the item when active. */
+    showFlag?: boolean;
+    /** Paint a peer-coloured backdrop tint when active. Default true. */
+    tinted?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "inline" | "block";
+    showFlag: boolean;
+    tinted: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/dist/runtime/components/aware/AInput.d.vue.ts

@@ -1,7 +1,17 @@
 type __VLS_Props = {
-    /** Unique field key for awareness broadcasting. Convention: "{scope}:{id}" */
     fieldKey: string;
+    awareness?: boolean;
+    sync?: boolean;
+    peers?: boolean;
+    total?: boolean;
+    max?: number;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    sync: boolean;
+    peers: boolean;
+    awareness: boolean;
+    max: number;
+    total: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/aware/AInput.vue

@@ -1,38 +1,91 @@
 <script setup>
-import { computed } from "vue";
+import { computed, onMounted, ref, useAttrs, watch } from "vue";
 import { useAAField } from "../../composables/useAAField";
+import { useAAFieldValue } from "../../composables/useAAFieldValue";
+import { useAACaret } from "../../composables/useAACaret";
+import { awareRingStyle } from "../../utils/awareRingStyle";
+import APeerCaretLayer from "./APeerCaretLayer.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
-  fieldKey: { type: String, required: true }
+  fieldKey: { type: String, required: true },
+  awareness: { type: Boolean, required: false, default: true },
+  sync: { type: Boolean, required: false, default: false },
+  peers: { type: Boolean, required: false, default: false },
+  total: { type: Boolean, required: false, default: false },
+  max: { type: Number, required: false, default: 3 }
 });
-const { hoverers, focusers, handlers } = useAAField(props.fieldKey);
-const focusRingStyle = computed(() => {
-  if (focusers.value.length) {
-    const color = focusers.value[0]?.user?.color;
-    if (color) return { boxShadow: `0 0 0 2px ${color}`, borderRadius: "0.375rem" };
+const enableAwareness = computed(() => props.awareness || props.total);
+const enableSync = computed(() => props.sync || props.total);
+const enablePeers = computed(() => props.peers || props.total);
+const attrs = useAttrs();
+const { hoverers, focusers, pressers, isPressed, handlers } = useAAField(() => props.fieldKey);
+const synced = useAAFieldValue(() => props.fieldKey);
+const hasExternalModel = computed(
+  () => "modelValue" in attrs || "onUpdate:modelValue" in attrs
+);
+const hostRef = ref(null);
+const inputEl = ref(null);
+function resolveInput() {
+  inputEl.value = hostRef.value?.querySelector("input") ?? null;
+}
+onMounted(resolveInput);
+watch(() => props.fieldKey, resolveInput);
+const { carets } = useAACaret(() => props.fieldKey, inputEl);
+const ringStyle = computed(
+  () => enableAwareness.value ? awareRingStyle({
+    hover: hoverers.value[0]?.user?.color,
+    focus: focusers.value[0]?.user?.color,
+    press: pressers.value[0]?.user?.color
+  }) : void 0
+);
+const overlayPeers = computed(() => {
+  if (!enableAwareness.value) return [];
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const p of focusers.value) if (!seen.has(p.clientId)) {
+    seen.add(p.clientId);
+    out.push(p);
   }
-  if (hoverers.value.length) {
-    const color = hoverers.value[0]?.user?.color;
-    if (color) return { boxShadow: `0 0 0 1px ${color}40`, borderRadius: "0.375rem" };
+  for (const p of hoverers.value) if (!seen.has(p.clientId)) {
+    seen.add(p.clientId);
+    out.push(p);
   }
-  return {};
+  return out;
 });
+const eventHandlers = computed(() => enableAwareness.value ? handlers : {});
 </script>
 
 <template>
   <div
-    class="relative w-full"
-    :style="focusRingStyle"
-    v-on="handlers"
+    ref="hostRef"
+    class="aa-host aa-host--block"
+    :class="{ 'aa-host--pressed': isPressed }"
+    :style="ringStyle"
+    v-on="eventHandlers"
   >
-    <UInput v-bind="$attrs" />
+    <UInput
+      v-if="enableSync && !hasExternalModel"
+      v-model="synced"
+      v-bind="attrs"
+    />
+    <UInput
+      v-else
+      v-bind="attrs"
+    />
+
+    <APeerCaretLayer
+      v-if="enablePeers"
+      :target="inputEl"
+      :carets="carets"
+    />
+
     <Transition name="aa-peer">
       <span
-        v-if="focusers.length"
-        class="absolute -top-2.5 right-0 flex -space-x-1 pointer-events-none z-10"
+        v-if="overlayPeers.length"
+        class="aa-overlay"
       >
         <AAvatar
-          v-for="p in focusers.slice(0, 2)"
+          v-for="p in overlayPeers.slice(0, max)"
           :key="p.clientId"
           :user="p"
           size="2xs"
@@ -45,5 +98,5 @@ const focusRingStyle = computed(() => {
 </template>
 
 <style scoped>
-.aa-peer-enter-active,.aa-peer-leave-active{transition:opacity .15s ease}.aa-peer-enter-from,.aa-peer-leave-to{opacity:0}
+.aa-host{border-radius:var(--ui-radius,.375rem);position:relative;transition:filter .12s ease}.aa-host--block{display:block}.aa-host--pressed{filter:brightness(.9)}.aa-overlay{display:flex;gap:0;pointer-events:none;position:absolute;right:0;top:-.625rem;z-index:10}.aa-overlay>*+*{margin-left:-.25rem}.aa-peer-enter-active,.aa-peer-leave-active{transition:opacity .15s ease}.aa-peer-enter-from,.aa-peer-leave-to{opacity:0}
 </style>

package/dist/runtime/components/aware/AInput.vue.d.ts

@@ -1,7 +1,17 @@
 type __VLS_Props = {
-    /** Unique field key for awareness broadcasting. Convention: "{scope}:{id}" */
     fieldKey: string;
+    awareness?: boolean;
+    sync?: boolean;
+    peers?: boolean;
+    total?: boolean;
+    max?: number;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    sync: boolean;
+    peers: boolean;
+    awareness: boolean;
+    max: number;
+    total: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/aware/AInputMenu.d.vue.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    fieldKey: string;
+    awareness?: boolean;
+    sync?: boolean;
+    live?: boolean;
+    total?: boolean;
+    max?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    sync: boolean;
+    awareness: boolean;
+    max: number;
+    live: boolean;
+    total: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;