@abraca/nuxt 1.9.1 → 2.0.0

package/dist/runtime/components/renderers/ASheetsRenderer.client.vue.d.ts

@@ -0,0 +1,19 @@
+import { type RendererBaseProps } from '../../composables/useRendererBase.js';
+import { type AbracadabraLocale } from '../../locale.js';
+type __VLS_Props = RendererBaseProps & {
+    followingUser?: string | null;
+    labels?: Partial<AbracadabraLocale['renderers']['sheets']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    connectedUsers: import("vue").ComputedRef<{
+        clientId: number;
+        name: string;
+        color: string;
+        avatar: string | undefined;
+        publicKey: any;
+    }[]>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    followingUser: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/calendar/ACalendarDayCell.d.vue.ts

@@ -1,15 +1,29 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
 import type { CalendarCell, CalendarEvent } from '../../../composables/useCalendarView.js';
 type __VLS_Props = {
     cell: CalendarCell;
+    /** Current drag target container */
     dragOverContainer?: string | null;
+    /** Currently dragged event id */
     dragId?: string | null;
+    /** Remote users focusing events (map of eventId → focusers) */
     eventFocusers: (id: string) => Array<{
         name: string;
         color: string;
     }>;
+    /** Remote users actively viewing events (slideover or full open) */
+    eventViewers?: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    /** Context menu items for an event */
+    eventMenuItems?: (eventId: string, label: string) => DropdownMenuItem[][];
+    /** Inline rename state */
     renameId?: string | null;
     renameValue?: string;
+    /** Whether this cell is in the current month (for adjacent month dimming) */
     isCurrentMonth?: boolean;
+    /** Whether the user has write permission */
     editable?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/runtime/components/renderers/calendar/ACalendarDayCell.vue

@@ -6,6 +6,8 @@ const props = defineProps({
   dragOverContainer: { type: [String, null], required: false },
   dragId: { type: [String, null], required: false },
   eventFocusers: { type: Function, required: true },
+  eventViewers: { type: Function, required: false },
+  eventMenuItems: { type: Function, required: false },
   renameId: { type: [String, null], required: false },
   renameValue: { type: String, required: false },
   isCurrentMonth: { type: Boolean, required: false },
@@ -56,8 +58,31 @@ const isDropTarget = computed(
         :key="'lane-' + li"
         class="h-[22px] flex items-center -mx-1"
       >
+        <ANodeContextMenu
+          v-if="slot.type === 'span' && eventMenuItems"
+          :items="eventMenuItems(slot.id, slot.label)"
+        >
+          <ACalendarEventChip
+            :event="{ id: slot.id, label: slot.label, color: slot.color, icon: slot.icon, datetimeStart: '', datetimeEnd: '', allDay: true, entry: {} }"
+            span
+            :is-start="slot.isStart"
+            :is-end="slot.isEnd"
+            :is-dragging="dragId === slot.id"
+            :focusers="eventFocusers(slot.id)"
+            :viewers="eventViewers ? eventViewers(slot.id) : void 0"
+            :rename-id="renameId"
+            :rename-value="renameValue"
+            @click="emit('open-event', $event)"
+            @drag-start="emit('drag-start', $event)"
+            @pointer-enter="emit('focus-event', slot.id)"
+            @pointer-leave="emit('unfocus-event')"
+            @rename-input="emit('rename-input', $event)"
+            @rename-commit="emit('rename-commit')"
+            @rename-cancel="emit('rename-cancel')"
+          />
+        </ANodeContextMenu>
         <ACalendarEventChip
-          v-if="slot.type === 'span'"
+          v-else-if="slot.type === 'span'"
           :event="{ id: slot.id, label: slot.label, color: slot.color, icon: slot.icon, datetimeStart: '', datetimeEnd: '', allDay: true, entry: {} }"
           span
           :is-start="slot.isStart"
@@ -81,22 +106,27 @@ const isDropTarget = computed(
         class="space-y-0.5"
         :class="{ 'mt-0.5': cell.laneSlots.length > 0 }"
       >
-        <ACalendarEventChip
+        <ANodeContextMenu
           v-for="evt in cell.events.slice(0, 3)"
           :key="evt.id"
-          :event="evt"
-          :is-dragging="dragId === evt.id"
-          :focusers="eventFocusers(evt.id)"
-          :rename-id="renameId"
-          :rename-value="renameValue"
-          @click="emit('open-event', $event)"
-          @drag-start="emit('drag-start', $event)"
-          @pointer-enter="emit('focus-event', evt.id)"
-          @pointer-leave="emit('unfocus-event')"
-          @rename-input="emit('rename-input', $event)"
-          @rename-commit="emit('rename-commit')"
-          @rename-cancel="emit('rename-cancel')"
-        />
+          :items="eventMenuItems?.(evt.id, evt.label) ?? []"
+        >
+          <ACalendarEventChip
+            :event="evt"
+            :is-dragging="dragId === evt.id"
+            :focusers="eventFocusers(evt.id)"
+            :viewers="eventViewers ? eventViewers(evt.id) : void 0"
+            :rename-id="renameId"
+            :rename-value="renameValue"
+            @click="emit('open-event', $event)"
+            @drag-start="emit('drag-start', $event)"
+            @pointer-enter="emit('focus-event', evt.id)"
+            @pointer-leave="emit('unfocus-event')"
+            @rename-input="emit('rename-input', $event)"
+            @rename-commit="emit('rename-commit')"
+            @rename-cancel="emit('rename-cancel')"
+          />
+        </ANodeContextMenu>
         <span
           v-if="cell.events.length > 3"
           class="block text-[10px] text-(--ui-text-dimmed) px-1"

package/dist/runtime/components/renderers/calendar/ACalendarDayCell.vue.d.ts

@@ -1,15 +1,29 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
 import type { CalendarCell, CalendarEvent } from '../../../composables/useCalendarView.js';
 type __VLS_Props = {
     cell: CalendarCell;
+    /** Current drag target container */
     dragOverContainer?: string | null;
+    /** Currently dragged event id */
     dragId?: string | null;
+    /** Remote users focusing events (map of eventId → focusers) */
     eventFocusers: (id: string) => Array<{
         name: string;
         color: string;
     }>;
+    /** Remote users actively viewing events (slideover or full open) */
+    eventViewers?: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    /** Context menu items for an event */
+    eventMenuItems?: (eventId: string, label: string) => DropdownMenuItem[][];
+    /** Inline rename state */
     renameId?: string | null;
     renameValue?: string;
+    /** Whether this cell is in the current month (for adjacent month dimming) */
     isCurrentMonth?: boolean;
+    /** Whether the user has write permission */
     editable?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/runtime/components/renderers/calendar/ACalendarDayView.d.vue.ts

@@ -1,3 +1,4 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
 import type { DayColumn, CalendarEvent } from '../../../composables/useCalendarView.js';
 type __VLS_Props = {
     column: DayColumn;
@@ -5,16 +6,26 @@ type __VLS_Props = {
         name: string;
         color: string;
     }>;
+    eventViewers?: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    eventMenuItems?: (eventId: string, label: string) => DropdownMenuItem[][];
     dragId?: string | null;
     dragPreviewTime?: {
         hours: number;
         minutes: number;
     } | null;
+    resizeId?: string | null;
     renameId?: string | null;
     renameValue?: string;
     editable?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "resize-start": (payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any;
     "drag-start": (payload: {
         event: PointerEvent;
         id: string;
@@ -30,6 +41,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "focus-event": (id: string) => any;
     "unfocus-event": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onResize-start"?: ((payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any) | undefined;
     "onDrag-start"?: ((payload: {
         event: PointerEvent;
         id: string;

package/dist/runtime/components/renderers/calendar/ACalendarDayView.vue

@@ -1,17 +1,41 @@
 <script setup>
-import { ref, onMounted, nextTick } from "vue";
+import { ref, computed, onMounted, nextTick } from "vue";
+import { useEventListener } from "@vueuse/core";
 import ACalendarEventChip from "./ACalendarEventChip.vue";
-const _props = defineProps({
+const props = defineProps({
   column: { type: Object, required: true },
   eventFocusers: { type: Function, required: true },
+  eventViewers: { type: Function, required: false },
+  eventMenuItems: { type: Function, required: false },
   dragId: { type: [String, null], required: false },
   dragPreviewTime: { type: [Object, null], required: false },
+  resizeId: { type: [String, null], required: false },
   renameId: { type: [String, null], required: false },
   renameValue: { type: String, required: false },
   editable: { type: Boolean, required: false }
 });
-const emit = defineEmits(["create-event", "open-event", "drag-start", "focus-event", "unfocus-event", "rename-input", "rename-commit", "rename-cancel"]);
+const emit = defineEmits(["create-event", "open-event", "drag-start", "resize-start", "focus-event", "unfocus-event", "rename-input", "rename-commit", "rename-cancel"]);
 const scrollRef = ref(null);
+const ctxEvent = ref(null);
+const ctxPos = ref({ x: 0, y: 0 });
+const showCtx = ref(false);
+function onEventContextMenu(e, id, label) {
+  if (!props.eventMenuItems) return;
+  e.preventDefault();
+  e.stopPropagation();
+  ctxEvent.value = { id, label };
+  ctxPos.value = { x: e.clientX, y: e.clientY };
+  showCtx.value = true;
+}
+if (import.meta.client) {
+  useEventListener(window, "pointerdown", () => {
+    showCtx.value = false;
+  });
+}
+const ctxItems = computed(() => {
+  if (!ctxEvent.value || !props.eventMenuItems) return [];
+  return props.eventMenuItems(ctxEvent.value.id, ctxEvent.value.label);
+});
 onMounted(() => {
   nextTick(() => {
     const now = (/* @__PURE__ */ new Date()).getHours();
@@ -24,10 +48,11 @@ function eventTopPx(evt) {
   return (d.getHours() + d.getMinutes() / 60) * 56;
 }
 function eventHeightPx(evt) {
+  const top = eventTopPx(evt);
   const s = new Date(evt.datetimeStart);
   const e = new Date(evt.datetimeEnd);
   const hours = Math.max(0.5, (e.getTime() - s.getTime()) / 36e5);
-  return hours * 56;
+  return Math.min(hours * 56, 24 * 56 - top);
 }
 </script>
 
@@ -41,28 +66,34 @@ function eventHeightPx(evt) {
       <div class="text-[10px] text-(--ui-text-dimmed) uppercase mb-1">
         All day
       </div>
-      <ACalendarEventChip
+      <ANodeContextMenu
         v-for="evt in column.allDayEvents"
         :key="evt.id"
-        :event="evt"
-        :is-dragging="dragId === evt.id"
-        :focusers="eventFocusers(evt.id)"
-        :rename-id="renameId"
-        :rename-value="renameValue"
-        @click="emit('open-event', $event)"
-        @drag-start="emit('drag-start', $event)"
-        @pointer-enter="emit('focus-event', evt.id)"
-        @pointer-leave="emit('unfocus-event')"
-        @rename-input="emit('rename-input', $event)"
-        @rename-commit="emit('rename-commit')"
-        @rename-cancel="emit('rename-cancel')"
-      />
+        :items="eventMenuItems?.(evt.id, evt.label) ?? []"
+      >
+        <ACalendarEventChip
+          :event="evt"
+          :is-dragging="dragId === evt.id"
+          :focusers="eventFocusers(evt.id)"
+          :viewers="eventViewers ? eventViewers(evt.id) : void 0"
+          :rename-id="renameId"
+          :rename-value="renameValue"
+          @click="emit('open-event', $event)"
+          @drag-start="emit('drag-start', $event)"
+          @pointer-enter="emit('focus-event', evt.id)"
+          @pointer-leave="emit('unfocus-event')"
+          @rename-input="emit('rename-input', $event)"
+          @rename-commit="emit('rename-commit')"
+          @rename-cancel="emit('rename-cancel')"
+        />
+      </ANodeContextMenu>
     </div>
 
     <!-- Hour grid -->
     <div
       ref="scrollRef"
       class="flex-1 min-h-0 overflow-y-auto"
+      data-swipe-ignore
       :data-drop-container="column.dateStr"
       data-hour-grid="56"
     >
@@ -87,7 +118,7 @@ function eventHeightPx(evt) {
 
         <!-- Drag time indicator -->
         <div
-          v-if="dragPreviewTime && dragId"
+          v-if="dragPreviewTime && (dragId || resizeId)"
           class="absolute left-14 right-0 z-20 pointer-events-none flex items-center"
           :style="{ top: (dragPreviewTime.hours + dragPreviewTime.minutes / 60) * 56 + 'px' }"
         >
@@ -114,7 +145,7 @@ function eventHeightPx(evt) {
   top: eventTopPx(evt) + 'px',
   height: eventHeightPx(evt) + 'px',
   background: evt.color,
-  ...eventFocusers(evt.id).length > 0 ? { outline: `2px solid ${eventFocusers(evt.id)[0].color}`, outlineOffset: '1px' } : {}
+  ...eventViewers && eventViewers(evt.id).length > 0 ? { outline: `4px solid ${eventViewers(evt.id)[0].color}`, outlineOffset: '1px' } : eventFocusers(evt.id).length > 0 ? { outline: `2px solid ${eventFocusers(evt.id)[0].color}`, outlineOffset: '1px' } : {}
 }"
               :data-drag-id="evt.id"
               style="touch-action: none"
@@ -122,6 +153,7 @@ function eventHeightPx(evt) {
               @click.stop="emit('open-event', evt)"
               @pointerenter="emit('focus-event', evt.id)"
               @pointerleave="emit('unfocus-event')"
+              @contextmenu="onEventContextMenu($event, evt.id, evt.label)"
             >
               <!-- Remote hover badge -->
               <span
@@ -143,10 +175,51 @@ function eventHeightPx(evt) {
                 {{ new Date(evt.datetimeStart).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) }}
                 – {{ new Date(evt.datetimeEnd).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) }}
               </div>
+              <!-- Bottom resize handle -->
+              <div
+                v-if="editable !== false"
+                class="absolute bottom-0 left-0 right-0 h-1.5 cursor-row-resize hover:bg-white/30 rounded-b"
+                style="touch-action: none"
+                @pointerdown.stop="emit('resize-start', { event: $event, id: evt.id })"
+              />
             </div>
           </div>
         </div>
       </div>
     </div>
+
+    <!-- Context menu for timed events -->
+    <Teleport to="body">
+      <div
+        v-if="showCtx && ctxItems.length"
+        class="fixed z-50 min-w-40 bg-(--ui-bg) border border-(--ui-border) rounded-lg shadow-xl py-1 text-sm"
+        :style="{ left: ctxPos.x + 'px', top: ctxPos.y + 'px' }"
+      >
+        <template
+          v-for="(group, gi) in ctxItems"
+          :key="gi"
+        >
+          <div
+            v-if="gi > 0"
+            class="border-t border-(--ui-border) my-1"
+          />
+          <button
+            v-for="item in group"
+            :key="item.label"
+            class="w-full flex items-center gap-2 px-3 py-1.5 hover:bg-(--ui-bg-elevated) text-left cursor-default"
+            :class="item.color === 'error' ? 'text-(--ui-color-error-500)' : 'text-(--ui-text)'"
+            @pointerdown.stop
+            @click="item.onSelect?.();
+  showCtx = false"
+          >
+            <UIcon
+              :name="item.icon"
+              class="size-3.5 shrink-0 opacity-70"
+            />
+            {{ item.label }}
+          </button>
+        </template>
+      </div>
+    </Teleport>
   </div>
 </template>

package/dist/runtime/components/renderers/calendar/ACalendarDayView.vue.d.ts

@@ -1,3 +1,4 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
 import type { DayColumn, CalendarEvent } from '../../../composables/useCalendarView.js';
 type __VLS_Props = {
     column: DayColumn;
@@ -5,16 +6,26 @@ type __VLS_Props = {
         name: string;
         color: string;
     }>;
+    eventViewers?: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    eventMenuItems?: (eventId: string, label: string) => DropdownMenuItem[][];
     dragId?: string | null;
     dragPreviewTime?: {
         hours: number;
         minutes: number;
     } | null;
+    resizeId?: string | null;
     renameId?: string | null;
     renameValue?: string;
     editable?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "resize-start": (payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any;
     "drag-start": (payload: {
         event: PointerEvent;
         id: string;
@@ -30,6 +41,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "focus-event": (id: string) => any;
     "unfocus-event": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onResize-start"?: ((payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any) | undefined;
     "onDrag-start"?: ((payload: {
         event: PointerEvent;
         id: string;

package/dist/runtime/components/renderers/calendar/ACalendarEventChip.d.vue.ts

@@ -1,14 +1,23 @@
 import type { CalendarEvent } from '../../../composables/useCalendarView.js';
 type __VLS_Props = {
     event: CalendarEvent;
+    /** Multi-day span bar mode */
     span?: boolean;
     isStart?: boolean;
     isEnd?: boolean;
+    /** Whether this event is being dragged */
     isDragging?: boolean;
+    /** Remote users focusing this event */
     focusers?: Array<{
         name: string;
         color: string;
     }>;
+    /** Remote users viewing this event (slideover or full open) — takes precedence over focusers */
+    viewers?: Array<{
+        name: string;
+        color: string;
+    }>;
+    /** Inline rename active */
     renameId?: string | null;
     renameValue?: string;
 };

package/dist/runtime/components/renderers/calendar/ACalendarEventChip.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import { avatarBorderStyle } from "../../../utils/avatarStyle";
 const props = defineProps({
   event: { type: Object, required: true },
   span: { type: Boolean, required: false },
@@ -7,18 +8,27 @@ const props = defineProps({
   isEnd: { type: Boolean, required: false },
   isDragging: { type: Boolean, required: false },
   focusers: { type: Array, required: false },
+  viewers: { type: Array, required: false },
   renameId: { type: [String, null], required: false },
   renameValue: { type: String, required: false }
 });
 const emit = defineEmits(["click", "pointer-enter", "pointer-leave", "drag-start", "rename-input", "rename-commit", "rename-cancel"]);
 const isRenaming = computed(() => props.renameId === props.event.id);
 const focusBorder = computed(() => {
+  if (props.viewers?.length) {
+    return {
+      outline: `4px solid ${props.viewers[0].color}`,
+      outlineOffset: "1px"
+    };
+  }
   if (!props.focusers?.length) return void 0;
   return {
     outline: `2px solid ${props.focusers[0].color}`,
     outlineOffset: "1px"
   };
 });
+const visibleViewers = computed(() => (props.viewers ?? []).slice(0, 3));
+const overflowViewerCount = computed(() => Math.max(0, (props.viewers?.length ?? 0) - 3));
 </script>
 
 <template>
@@ -66,9 +76,28 @@ const focusBorder = computed(() => {
     @pointerleave="emit('pointer-leave')"
     @click.stop="emit('click', event)"
   >
-    <!-- Remote hover name badge -->
+    <!-- Remote viewer avatar cluster (slideover/full open) — takes precedence over hover -->
+    <div
+      v-if="visibleViewers.length"
+      class="absolute -top-2 right-1 flex -space-x-1 z-20 pointer-events-none"
+    >
+      <UAvatar
+        v-for="(u, i) in visibleViewers"
+        :key="`v-${i}`"
+        size="3xs"
+        :alt="u.name"
+        :title="u.name"
+        :style="avatarBorderStyle(u.color, 'zinc')"
+      />
+      <span
+        v-if="overflowViewerCount > 0"
+        class="text-[9px] px-1 rounded-full bg-(--ui-bg-elevated) leading-tight"
+      >+{{ overflowViewerCount }}</span>
+    </div>
+
+    <!-- Remote hover name badge (hidden when viewing avatars are shown) -->
     <span
-      v-if="focusers?.length"
+      v-else-if="focusers?.length"
       class="absolute -top-2.5 left-2 text-[10px] px-1 rounded text-white leading-tight z-10 pointer-events-none"
       :style="{ backgroundColor: focusers[0].color }"
     >

package/dist/runtime/components/renderers/calendar/ACalendarEventChip.vue.d.ts

@@ -1,14 +1,23 @@
 import type { CalendarEvent } from '../../../composables/useCalendarView.js';
 type __VLS_Props = {
     event: CalendarEvent;
+    /** Multi-day span bar mode */
     span?: boolean;
     isStart?: boolean;
     isEnd?: boolean;
+    /** Whether this event is being dragged */
     isDragging?: boolean;
+    /** Remote users focusing this event */
     focusers?: Array<{
         name: string;
         color: string;
     }>;
+    /** Remote users viewing this event (slideover or full open) — takes precedence over focusers */
+    viewers?: Array<{
+        name: string;
+        color: string;
+    }>;
+    /** Inline rename active */
     renameId?: string | null;
     renameValue?: string;
 };

package/dist/runtime/components/renderers/calendar/ACalendarToolbar.d.vue.ts

@@ -20,16 +20,16 @@ type __VLS_Props = {
     };
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:viewMode": (mode: CalendarViewMode) => any;
-    prev: () => any;
     next: () => any;
+    prev: () => any;
+    "update:viewMode": (mode: CalendarViewMode) => any;
     today: () => any;
     "add-event": () => any;
     "navigate-to-month": (year: number, month: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:viewMode"?: ((mode: CalendarViewMode) => any) | undefined;
-    onPrev?: (() => any) | undefined;
     onNext?: (() => any) | undefined;
+    onPrev?: (() => any) | undefined;
+    "onUpdate:viewMode"?: ((mode: CalendarViewMode) => any) | undefined;
     onToday?: (() => any) | undefined;
     "onAdd-event"?: (() => any) | undefined;
     "onNavigate-to-month"?: ((year: number, month: number) => any) | undefined;

package/dist/runtime/components/renderers/calendar/ACalendarToolbar.vue.d.ts

@@ -20,16 +20,16 @@ type __VLS_Props = {
     };
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:viewMode": (mode: CalendarViewMode) => any;
-    prev: () => any;
     next: () => any;
+    prev: () => any;
+    "update:viewMode": (mode: CalendarViewMode) => any;
     today: () => any;
     "add-event": () => any;
     "navigate-to-month": (year: number, month: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:viewMode"?: ((mode: CalendarViewMode) => any) | undefined;
-    onPrev?: (() => any) | undefined;
     onNext?: (() => any) | undefined;
+    onPrev?: (() => any) | undefined;
+    "onUpdate:viewMode"?: ((mode: CalendarViewMode) => any) | undefined;
     onToday?: (() => any) | undefined;
     "onAdd-event"?: (() => any) | undefined;
     "onNavigate-to-month"?: ((year: number, month: number) => any) | undefined;

package/dist/runtime/components/renderers/calendar/ACalendarWeekView.d.vue.ts

@@ -1,3 +1,4 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
 import type { DayColumn, CalendarEvent } from '../../../composables/useCalendarView.js';
 type __VLS_Props = {
     columns: DayColumn[];
@@ -5,17 +6,27 @@ type __VLS_Props = {
         name: string;
         color: string;
     }>;
+    eventViewers?: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    eventMenuItems?: (eventId: string, label: string) => DropdownMenuItem[][];
     dragId?: string | null;
     dragOverContainer?: string | null;
     dragPreviewTime?: {
         hours: number;
         minutes: number;
     } | null;
+    resizeId?: string | null;
     renameId?: string | null;
     renameValue?: string;
     editable?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "resize-start": (payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any;
     "drag-start": (payload: {
         event: PointerEvent;
         id: string;
@@ -31,6 +42,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "focus-event": (id: string) => any;
     "unfocus-event": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onResize-start"?: ((payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any) | undefined;
     "onDrag-start"?: ((payload: {
         event: PointerEvent;
         id: string;