@abraca/nuxt 2.0.11 → 2.3.0

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

@@ -1,16 +1,30 @@
 <script setup>
 import { computed, onBeforeUnmount, onMounted, ref } from "vue";
-import { useRoute } from "#imports";
+import { useRoute, useNuxtApp } from "#imports";
 import { useAAEphemeral } from "../../composables/useAAEphemeral";
+import { useAwarenessOf } from "../../composables/useYDoc";
 import { elementFromPath } from "../../utils/domPath";
-const { peers } = useAAEphemeral("aa:focus");
+const props = defineProps({
+  coords: { type: String, required: false, default: "viewport" },
+  worldChannel: { type: String, required: false, default: "cursor-pos" },
+  toScreen: { type: Function, required: false }
+});
+const { peers: focusPeers } = useAAEphemeral("aa:focus");
 const route = useRoute();
+const { provider } = useNuxtApp().$abracadabra;
+const { states: worldStates } = useAwarenessOf(provider);
 const tick = ref(0);
 const blobs = computed(() => {
   tick.value;
   if (typeof window === "undefined") return [];
+  if (props.coords === "world") {
+    return computeWorldBlobs();
+  }
+  return computeViewportBlobs();
+});
+function computeViewportBlobs() {
   const out = [];
-  for (const p of peers.value) {
+  for (const p of focusPeers.value) {
     const v = p.value;
     if (!v) continue;
     if (v.route && v.route !== route.path) continue;
@@ -20,13 +34,42 @@ const blobs = computed(() => {
     const r = el.getBoundingClientRect();
     const x = r.left + v.pointer.dx;
     const y = r.top + v.pointer.dy;
-    const vw = window.innerWidth || document.documentElement.clientWidth;
-    const vh = window.innerHeight || document.documentElement.clientHeight;
-    if (x < -180 || y < -180 || x > vw + 180 || y > vh + 180) continue;
+    if (isOffscreen(x, y)) continue;
     out.push({ clientId: p.clientId, user: p.user, x, y });
   }
   return out;
-});
+}
+function computeWorldBlobs() {
+  const toScreen = props.toScreen;
+  if (!toScreen) return [];
+  const localId = provider.value?.awareness?.clientID;
+  const out = [];
+  for (const peer of worldStates.value) {
+    if (peer.clientId === localId) continue;
+    const raw = peer[props.worldChannel];
+    if (!raw || typeof raw !== "object") continue;
+    const wx = raw.x;
+    const wy = raw.y;
+    if (typeof wx !== "number" || typeof wy !== "number") continue;
+    const projected = toScreen(wx, wy);
+    if (!projected) continue;
+    if (isOffscreen(projected.x, projected.y)) continue;
+    out.push({
+      clientId: peer.clientId,
+      // useAwarenessOf flattens awareness state onto the peer object, so
+      // `user` is at the top level — same shape useAAEphemeral returns.
+      user: peer.user,
+      x: projected.x,
+      y: projected.y
+    });
+  }
+  return out;
+}
+function isOffscreen(x, y) {
+  const vw = window.innerWidth || document.documentElement.clientWidth;
+  const vh = window.innerHeight || document.documentElement.clientHeight;
+  return x < -180 || y < -180 || x > vw + 180 || y > vh + 180;
+}
 let raf = 0;
 function bump() {
   tick.value++;
@@ -39,11 +82,14 @@ function onResize() {
   tick.value++;
 }
 onMounted(() => {
+  if (props.coords === "world") {
+    raf = requestAnimationFrame(bump);
+  }
   document.addEventListener("scroll", onScroll, { passive: true, capture: true });
   window.addEventListener("resize", onResize, { passive: true });
 });
 onBeforeUnmount(() => {
-  cancelAnimationFrame(raf);
+  if (raf) cancelAnimationFrame(raf);
   document.removeEventListener("scroll", onScroll, { capture: true });
   window.removeEventListener("resize", onResize);
 });

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

@@ -1,3 +1,31 @@
-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>;
+type __VLS_Props = {
+    /**
+     * Coordinate space the blob positions live in.
+     * - `viewport` (default): element-anchored peer pointer from `aa:focus`.
+     * - `world`: absolute world coords from `state[worldChannel]`, projected
+     *   into the local viewport via `toScreen`.
+     */
+    coords?: 'viewport' | 'world';
+    /**
+     * Awareness state field carrying world coords `{x, y}` per peer. Only used
+     * in `coords="world"` mode. Defaults to `'cursor-pos'` to match the
+     * playground's map page broadcast.
+     */
+    worldChannel?: string;
+    /**
+     * Project a peer's world coordinates into local viewport CSS pixels.
+     * Required when `coords="world"`. Return `null` to drop a peer (e.g.
+     * because the point falls outside the visible region or the local
+     * camera isn't ready yet).
+     */
+    toScreen?: (worldX: number, worldY: number) => {
+        x: number;
+        y: number;
+    } | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    coords: "viewport" | "world";
+    worldChannel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -2,6 +2,15 @@ type __VLS_Props = {
     scope: string;
     /** Max simultaneous peer cursors to render. */
     max?: number;
+    /** Coordinate mode — see component docs. */
+    coords?: 'viewport' | 'world';
+    /** Awareness field carrying world coords `{x, y}` per peer. World mode only. */
+    worldChannel?: string;
+    /** Project world → viewport CSS pixels, or `null` to drop the peer. World mode only. */
+    toScreen?: (worldX: number, worldY: number) => {
+        x: number;
+        y: number;
+    } | null;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -9,6 +18,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     max: number;
+    coords: "viewport" | "world";
+    worldChannel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,21 +1,90 @@
 <script setup>
-import { computed, ref } from "vue";
+import { computed, onBeforeUnmount, onMounted, ref } from "vue";
+import { useNuxtApp } from "#imports";
 import { useAAPointer } from "../../composables/useAAPointer";
+import { useAwarenessOf } from "../../composables/useYDoc";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   scope: { type: String, required: true },
-  max: { type: Number, required: false, default: 8 }
+  max: { type: Number, required: false, default: 8 },
+  coords: { type: String, required: false, default: "viewport" },
+  worldChannel: { type: String, required: false, default: "cursor-pos" },
+  toScreen: { type: Function, required: false }
 });
 const hostRef = ref(null);
 const { pointers } = useAAPointer(() => props.scope, hostRef);
-const visible = computed(() => pointers.value.slice(0, props.max));
-const overflow = computed(() => Math.max(0, pointers.value.length - visible.value.length));
+const { provider } = useNuxtApp().$abracadabra;
+const { states: worldStates } = useAwarenessOf(provider);
+const tick = ref(0);
+let raf = 0;
+function bump() {
+  tick.value++;
+  raf = requestAnimationFrame(bump);
+}
+const rendered = computed(() => {
+  if (props.coords === "world") {
+    tick.value;
+    return computeWorldCursors();
+  }
+  return pointers.value.map((p) => ({
+    clientId: p.clientId,
+    // Multiply normalised coords by host size at render time so the host
+    // can resize without us re-broadcasting; CSS handles it via `%`.
+    x: p.x * 100,
+    y: p.y * 100,
+    user: p.user
+  }));
+});
+function computeWorldCursors() {
+  const toScreen = props.toScreen;
+  const host = hostRef.value;
+  if (!toScreen || !host) return [];
+  const rect = host.getBoundingClientRect();
+  if (rect.width === 0 || rect.height === 0) return [];
+  const localId = provider.value?.awareness?.clientID;
+  const out = [];
+  for (const peer of worldStates.value) {
+    if (peer.clientId === localId) continue;
+    const raw = peer[props.worldChannel];
+    if (!raw || typeof raw !== "object") continue;
+    const wx = raw.x;
+    const wy = raw.y;
+    if (typeof wx !== "number" || typeof wy !== "number") continue;
+    const projected = toScreen(wx, wy);
+    if (!projected) continue;
+    const lx = projected.x - rect.left;
+    const ly = projected.y - rect.top;
+    out.push({
+      clientId: peer.clientId,
+      x: lx,
+      y: ly,
+      user: peer.user
+    });
+  }
+  return out;
+}
+const visible = computed(() => rendered.value.slice(0, props.max));
+const overflow = computed(() => Math.max(0, rendered.value.length - visible.value.length));
 function colorFor(p) {
   return p.user?.color || "var(--ui-text-muted)";
 }
 function nameFor(p) {
   return p.user?.name || "Anonymous";
 }
+function posStyle(c) {
+  if (props.coords === "world") {
+    return { left: c.x + "px", top: c.y + "px" };
+  }
+  return { left: c.x + "%", top: c.y + "%" };
+}
+onMounted(() => {
+  if (props.coords === "world") {
+    raf = requestAnimationFrame(bump);
+  }
+});
+onBeforeUnmount(() => {
+  if (raf) cancelAnimationFrame(raf);
+});
 </script>
 
 <template>
@@ -26,11 +95,7 @@ function nameFor(p) {
         v-for="p in visible"
         :key="p.clientId"
         class="aa-cursor"
-        :style="{
-  left: p.x * 100 + '%',
-  top: p.y * 100 + '%',
-  color: colorFor(p)
-}"
+        :style="{ ...posStyle(p), color: colorFor(p) }"
       >
         <svg width="18" height="20" viewBox="0 0 12 16" xmlns="http://www.w3.org/2000/svg">
           <path d="M0 0 L0 12 L3.5 8.5 L5.5 13.5 L7 13 L5 8 L9 8 Z" fill="currentColor" stroke="white" stroke-width="0.6" stroke-linejoin="round" />

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

@@ -2,6 +2,15 @@ type __VLS_Props = {
     scope: string;
     /** Max simultaneous peer cursors to render. */
     max?: number;
+    /** Coordinate mode — see component docs. */
+    coords?: 'viewport' | 'world';
+    /** Awareness field carrying world coords `{x, y}` per peer. World mode only. */
+    worldChannel?: string;
+    /** Project world → viewport CSS pixels, or `null` to drop the peer. World mode only. */
+    toScreen?: (worldX: number, worldY: number) => {
+        x: number;
+        y: number;
+    } | null;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -9,6 +18,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     max: number;
+    coords: "viewport" | "world";
+    worldChannel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,27 +1,42 @@
+interface ToggleItem {
+    value: string;
+    label?: string;
+    icon?: string;
+    disabled?: boolean;
+}
 type __VLS_Props = {
     fieldKey: string;
+    items: ToggleItem[];
+    type?: 'single' | 'multiple';
     awareness?: boolean;
     sync?: boolean;
     total?: boolean;
     max?: number;
+    /** Forwarded to each UButton. */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Variant used for unselected items. Selected items always use `solid`. */
+    variant?: 'solid' | 'soft' | 'outline' | 'ghost' | 'subtle' | 'link';
+    /** Color used for selected items. */
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    /** External v-model — takes precedence over `sync`. */
+    modelValue?: string | string[];
+    /** Allow deselecting in `single` mode by clicking the active item again. Default: true. */
+    allowDeselect?: boolean;
 };
-declare var __VLS_9: string, __VLS_10: any, __VLS_20: string, __VLS_21: any;
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_9>]?: (props: typeof __VLS_10) => any;
-} & {
-    [K in NonNullable<typeof __VLS_20>]?: (props: typeof __VLS_21) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+}>, {
+    color: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
     sync: boolean;
+    type: "single" | "multiple";
     awareness: boolean;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     max: number;
+    variant: "solid" | "soft" | "outline" | "ghost" | "subtle" | "link";
     total: boolean;
+    allowDeselect: 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/AToggleGroup.vue

@@ -6,17 +6,55 @@ import { awareRingStyle } from "../../utils/awareRingStyle";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   fieldKey: { type: String, required: true },
+  items: { type: Array, required: true },
+  type: { type: String, required: false, default: "single" },
   awareness: { type: Boolean, required: false, default: true },
   sync: { type: Boolean, required: false, default: false },
   total: { type: Boolean, required: false, default: false },
-  max: { type: Number, required: false, default: 3 }
+  max: { type: Number, required: false, default: 3 },
+  size: { type: String, required: false, default: "sm" },
+  variant: { type: String, required: false, default: "soft" },
+  color: { type: String, required: false, default: "primary" },
+  modelValue: { type: [String, Array], required: false },
+  allowDeselect: { type: Boolean, required: false, default: true }
 });
+const emit = defineEmits(["update:modelValue"]);
 const enableAwareness = computed(() => props.awareness || props.total);
 const enableSync = computed(() => props.sync || 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 hasExternalModel = computed(() => "modelValue" in attrs || props.modelValue !== void 0);
+const driveFromSync = computed(() => enableSync.value && !hasExternalModel.value);
+const current = computed({
+  get() {
+    if (driveFromSync.value) return synced.value;
+    return props.modelValue;
+  },
+  set(value) {
+    if (driveFromSync.value) {
+      synced.value = value;
+    }
+    emit("update:modelValue", value);
+  }
+});
+function isActive(value) {
+  const v = current.value;
+  if (props.type === "multiple") return Array.isArray(v) && v.includes(value);
+  return v === value;
+}
+function toggle(value) {
+  if (props.type === "multiple") {
+    const cur = Array.isArray(current.value) ? current.value : [];
+    current.value = cur.includes(value) ? cur.filter((x) => x !== value) : [...cur, value];
+    return;
+  }
+  if (current.value === value) {
+    if (props.allowDeselect) current.value = "";
+    return;
+  }
+  current.value = value;
+}
 const ringStyle = computed(
   () => enableAwareness.value ? awareRingStyle({
     hover: hoverers.value[0]?.user?.color,
@@ -48,23 +86,21 @@ const eventHandlers = computed(() => enableAwareness.value ? handlers : {});
     :style="ringStyle"
     v-on="eventHandlers"
   >
-    <UToggleGroup
-      v-if="enableSync && !hasExternalModel"
-      v-model="synced"
-      v-bind="attrs"
-    >
-      <template v-for="(_, name) in $slots" #[name]="slotData">
-        <slot :name="name" v-bind="slotData ?? {}" />
-      </template>
-    </UToggleGroup>
-    <UToggleGroup
-      v-else
-      v-bind="attrs"
-    >
-      <template v-for="(_, name) in $slots" #[name]="slotData">
-        <slot :name="name" v-bind="slotData ?? {}" />
-      </template>
-    </UToggleGroup>
+    <div class="aa-toggle-group" role="group">
+      <UButton
+        v-for="item in items"
+        :key="item.value"
+        :icon="item.icon"
+        :label="item.label"
+        :size="size"
+        :variant="isActive(item.value) ? 'solid' : variant"
+        :color="isActive(item.value) ? color : 'neutral'"
+        :disabled="item.disabled"
+        :aria-pressed="isActive(item.value)"
+        class="aa-toggle-group__btn"
+        @click="toggle(item.value)"
+      />
+    </div>
 
     <Transition name="aa-peer">
       <span v-if="overlayPeers.length" class="aa-overlay">
@@ -75,5 +111,5 @@ const eventHandlers = computed(() => enableAwareness.value ? handlers : {});
 </template>
 
 <style scoped>
-.aa-host{border-radius:var(--ui-radius,.375rem);position:relative;transition:filter .12s ease}.aa-host--inline{display:inline-flex}.aa-host--pressed{filter:brightness(.9)}.aa-overlay{display:flex;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}
+.aa-host{border-radius:var(--ui-radius,.375rem);position:relative;transition:filter .12s ease}.aa-host--inline{display:inline-flex}.aa-host--pressed{filter:brightness(.9)}.aa-overlay{display:flex;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}.aa-toggle-group{display:inline-flex;isolation:isolate}.aa-toggle-group__btn{border-radius:0;position:relative}.aa-toggle-group__btn:focus-visible,.aa-toggle-group__btn:hover{z-index:1}.aa-toggle-group__btn:first-child{border-bottom-left-radius:var(--ui-radius,.375rem);border-top-left-radius:var(--ui-radius,.375rem)}.aa-toggle-group__btn:last-child{border-bottom-right-radius:var(--ui-radius,.375rem);border-top-right-radius:var(--ui-radius,.375rem)}.aa-toggle-group__btn+.aa-toggle-group__btn{margin-left:-1px}
 </style>

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

@@ -1,27 +1,42 @@
+interface ToggleItem {
+    value: string;
+    label?: string;
+    icon?: string;
+    disabled?: boolean;
+}
 type __VLS_Props = {
     fieldKey: string;
+    items: ToggleItem[];
+    type?: 'single' | 'multiple';
     awareness?: boolean;
     sync?: boolean;
     total?: boolean;
     max?: number;
+    /** Forwarded to each UButton. */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Variant used for unselected items. Selected items always use `solid`. */
+    variant?: 'solid' | 'soft' | 'outline' | 'ghost' | 'subtle' | 'link';
+    /** Color used for selected items. */
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    /** External v-model — takes precedence over `sync`. */
+    modelValue?: string | string[];
+    /** Allow deselecting in `single` mode by clicking the active item again. Default: true. */
+    allowDeselect?: boolean;
 };
-declare var __VLS_9: string, __VLS_10: any, __VLS_20: string, __VLS_21: any;
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_9>]?: (props: typeof __VLS_10) => any;
-} & {
-    [K in NonNullable<typeof __VLS_20>]?: (props: typeof __VLS_21) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+}>, {
+    color: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
     sync: boolean;
+    type: "single" | "multiple";
     awareness: boolean;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     max: number;
+    variant: "solid" | "soft" | "outline" | "ghost" | "subtle" | "link";
     total: boolean;
+    allowDeselect: 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/docs/ADocsNavigation.d.vue.ts

@@ -143,8 +143,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
 }>, {
     type: string;
     disabled: boolean;
-    level: number;
     as: any;
+    level: number;
     collapsible: boolean;
     highlight: boolean;
     defaultOpen: boolean;

package/dist/runtime/components/docs/ADocsNavigation.vue.d.ts

@@ -143,8 +143,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
 }>, {
     type: string;
     disabled: boolean;
-    level: number;
     as: any;
+    level: number;
     collapsible: boolean;
     highlight: boolean;
     defaultOpen: boolean;

package/dist/runtime/components/docs/ADocsSearch.d.vue.ts

@@ -238,8 +238,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
     transition: boolean;
     autofocus: boolean;
     loading: boolean;
-    overlay: boolean;
     colorMode: boolean;
+    overlay: boolean;
     dismissible: boolean;
     fullscreen: boolean;
     modal: boolean;

package/dist/runtime/components/docs/ADocsSearch.vue.d.ts

@@ -238,8 +238,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
     transition: boolean;
     autofocus: boolean;
     loading: boolean;
-    overlay: boolean;
     colorMode: boolean;
+    overlay: boolean;
     dismissible: boolean;
     fullscreen: boolean;
     modal: boolean;

package/dist/runtime/components/docs/ADocsSearchButton.d.vue.ts

@@ -240,8 +240,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
     square: boolean;
     viewTransition: boolean;
     block: boolean;
-    collapsed: boolean;
     loading: boolean;
+    collapsed: boolean;
     tooltip: boolean | Record<string, any>;
     leading: boolean;
     trailing: boolean;

package/dist/runtime/components/docs/ADocsSearchButton.vue.d.ts

@@ -240,8 +240,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
     square: boolean;
     viewTransition: boolean;
     block: boolean;
-    collapsed: boolean;
     loading: boolean;
+    collapsed: boolean;
     tooltip: boolean | Record<string, any>;
     leading: boolean;
     trailing: boolean;

package/dist/runtime/components/docs/ADocsToc.d.vue.ts

@@ -51,8 +51,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
         required: false;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    move: (...args: any[]) => void;
     "update:open": (...args: any[]) => void;
+    move: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     as: {
         type: null;
@@ -104,8 +104,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
         required: false;
     };
 }>> & Readonly<{
-    onMove?: ((...args: any[]) => any) | undefined;
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    onMove?: ((...args: any[]) => any) | undefined;
 }>, {
     as: any;
     open: boolean;

package/dist/runtime/components/docs/ADocsToc.vue.d.ts

@@ -51,8 +51,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
         required: false;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    move: (...args: any[]) => void;
     "update:open": (...args: any[]) => void;
+    move: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     as: {
         type: null;
@@ -104,8 +104,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
         required: false;
     };
 }>> & Readonly<{
-    onMove?: ((...args: any[]) => any) | undefined;
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    onMove?: ((...args: any[]) => any) | undefined;
 }>, {
     as: any;
     open: boolean;

package/dist/runtime/components/editor/AEditorRedoButton.d.vue.ts

@@ -16,8 +16,8 @@ type __VLS_Props = {
     tooltip?: string | false;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     icon: string;
+    color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     size: "xs" | "sm" | "md" | "lg" | "xl";
     variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
     tooltip: string | false;

package/dist/runtime/components/editor/AEditorRedoButton.vue.d.ts

@@ -16,8 +16,8 @@ type __VLS_Props = {
     tooltip?: string | false;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     icon: string;
+    color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     size: "xs" | "sm" | "md" | "lg" | "xl";
     variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
     tooltip: string | false;

package/dist/runtime/components/editor/AEditorUndoButton.d.vue.ts

@@ -16,8 +16,8 @@ type __VLS_Props = {
     tooltip?: string | false;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     icon: string;
+    color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     size: "xs" | "sm" | "md" | "lg" | "xl";
     variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
     tooltip: string | false;