@abraca/nuxt 0.2.0 → 1.5.0

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

@@ -0,0 +1,41 @@
+import type { CalendarCell, CalendarEvent } from '../../../composables/useCalendarView.js';
+type __VLS_Props = {
+    cell: CalendarCell;
+    dragOverContainer?: string | null;
+    dragId?: string | null;
+    eventFocusers: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    renameId?: string | null;
+    renameValue?: string;
+    isCurrentMonth?: boolean;
+    editable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "drag-start": (payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any;
+    "rename-input": (value: string) => any;
+    "rename-commit": () => any;
+    "rename-cancel": () => any;
+    "create-event": (date: Date) => any;
+    "open-event": (event: CalendarEvent) => any;
+    "focus-event": (id: string) => any;
+    "unfocus-event": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onDrag-start"?: ((payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any) | undefined;
+    "onRename-input"?: ((value: string) => any) | undefined;
+    "onRename-commit"?: (() => any) | undefined;
+    "onRename-cancel"?: (() => any) | undefined;
+    "onCreate-event"?: ((date: Date) => any) | undefined;
+    "onOpen-event"?: ((event: CalendarEvent) => any) | undefined;
+    "onFocus-event"?: ((id: string) => any) | undefined;
+    "onUnfocus-event"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,49 @@
+import type { DayColumn, CalendarEvent } from '../../../composables/useCalendarView.js';
+type __VLS_Props = {
+    column: DayColumn;
+    eventFocusers: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    dragId?: string | null;
+    dragPreviewTime?: {
+        hours: number;
+        minutes: number;
+    } | null;
+    renameId?: string | null;
+    renameValue?: string;
+    editable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "drag-start": (payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any;
+    "rename-input": (value: string) => any;
+    "rename-commit": () => any;
+    "rename-cancel": () => any;
+    "create-event": (payload: {
+        date: Date;
+        hour?: number;
+    }) => any;
+    "open-event": (event: CalendarEvent) => any;
+    "focus-event": (id: string) => any;
+    "unfocus-event": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onDrag-start"?: ((payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any) | undefined;
+    "onRename-input"?: ((value: string) => any) | undefined;
+    "onRename-commit"?: (() => any) | undefined;
+    "onRename-cancel"?: (() => any) | undefined;
+    "onCreate-event"?: ((payload: {
+        date: Date;
+        hour?: number;
+    }) => any) | undefined;
+    "onOpen-event"?: ((event: CalendarEvent) => any) | undefined;
+    "onFocus-event"?: ((id: string) => any) | undefined;
+    "onUnfocus-event"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,152 @@
+<script setup>
+import { ref, onMounted, nextTick } from "vue";
+import ACalendarEventChip from "./ACalendarEventChip.vue";
+const _props = defineProps({
+  column: { type: Object, required: true },
+  eventFocusers: { type: Function, required: true },
+  dragId: { type: [String, null], required: false },
+  dragPreviewTime: { type: [Object, 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 scrollRef = ref(null);
+onMounted(() => {
+  nextTick(() => {
+    const now = (/* @__PURE__ */ new Date()).getHours();
+    const target = scrollRef.value?.querySelector(`[data-hour="${Math.max(0, now - 1)}"]`);
+    target?.scrollIntoView({ block: "start", behavior: "instant" });
+  });
+});
+function eventTopPx(evt) {
+  const d = new Date(evt.datetimeStart);
+  return (d.getHours() + d.getMinutes() / 60) * 56;
+}
+function eventHeightPx(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;
+}
+</script>
+
+<template>
+  <div class="flex-1 min-h-0 flex flex-col">
+    <!-- All-day events -->
+    <div
+      v-if="column.allDayEvents.length > 0"
+      class="shrink-0 border-b border-(--ui-border) px-4 py-2 space-y-1"
+    >
+      <div class="text-[10px] text-(--ui-text-dimmed) uppercase mb-1">
+        All day
+      </div>
+      <ACalendarEventChip
+        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')"
+      />
+    </div>
+
+    <!-- Hour grid -->
+    <div
+      ref="scrollRef"
+      class="flex-1 min-h-0 overflow-y-auto"
+      :data-drop-container="column.dateStr"
+      data-hour-grid="56"
+    >
+      <div
+        class="relative"
+        style="min-height: 1344px"
+      >
+        <!-- Hour rows -->
+        <div
+          v-for="slot in column.hourSlots"
+          :key="slot.hour"
+          :data-hour="slot.hour"
+          class="h-14 flex border-b border-(--ui-border)/20 transition-colors"
+          :class="editable !== false ? 'hover:bg-(--ui-bg-elevated)/50 cursor-pointer' : ''"
+          @click="editable !== false && emit('create-event', { date: column.date, hour: slot.hour })"
+        >
+          <div class="w-14 shrink-0 text-[11px] text-(--ui-text-dimmed) text-right pr-3 pt-0.5">
+            {{ slot.label }}
+          </div>
+          <div class="flex-1 relative" />
+        </div>
+
+        <!-- Drag time indicator -->
+        <div
+          v-if="dragPreviewTime && dragId"
+          class="absolute left-14 right-0 z-20 pointer-events-none flex items-center"
+          :style="{ top: (dragPreviewTime.hours + dragPreviewTime.minutes / 60) * 56 + 'px' }"
+        >
+          <div class="w-2 h-2 rounded-full bg-(--ui-primary) -ml-1" />
+          <div class="flex-1 border-t-2 border-dashed border-(--ui-primary)" />
+          <span class="text-[10px] text-(--ui-primary) font-medium ml-1 mr-2 tabular-nums">
+            {{ String(dragPreviewTime.hours).padStart(2, "0") }}:{{ String(dragPreviewTime.minutes).padStart(2, "0") }}
+          </span>
+        </div>
+
+        <!-- Timed events (absolute positioned, offset by time gutter) -->
+        <div class="absolute top-0 left-14 right-0 bottom-0 pointer-events-none">
+          <div
+            v-for="slot in column.hourSlots"
+            :key="'evt-' + slot.hour"
+          >
+            <div
+              v-for="evt in slot.events"
+              v-show="new Date(evt.datetimeStart).getHours() === slot.hour"
+              :key="evt.id + '-' + slot.hour"
+              class="absolute left-1 right-1 z-10 rounded-md px-2 py-1 text-[11px] sm:text-xs text-white cursor-pointer hover:brightness-110 transition-[filter] overflow-hidden min-h-[28px] pointer-events-auto"
+              :class="{ 'opacity-40': dragId === evt.id }"
+              :style="{
+  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' } : {}
+}"
+              :data-drag-id="evt.id"
+              style="touch-action: none"
+              @pointerdown="emit('drag-start', { event: $event, id: evt.id })"
+              @click.stop="emit('open-event', evt)"
+              @pointerenter="emit('focus-event', evt.id)"
+              @pointerleave="emit('unfocus-event')"
+            >
+              <!-- Remote hover badge -->
+              <span
+                v-if="eventFocusers(evt.id).length > 0"
+                class="absolute -top-2.5 left-2 text-[10px] px-1 rounded text-white leading-tight z-20 pointer-events-none"
+                :style="{ backgroundColor: eventFocusers(evt.id)[0].color }"
+              >
+                {{ eventFocusers(evt.id)[0].name }}
+              </span>
+              <div class="font-medium truncate flex items-center gap-1">
+                <UIcon
+                  v-if="evt.icon"
+                  :name="`i-lucide-${evt.icon}`"
+                  class="size-3.5 shrink-0"
+                />
+                {{ evt.label }}
+              </div>
+              <div class="opacity-70">
+                {{ new Date(evt.datetimeStart).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) }}
+                – {{ new Date(evt.datetimeEnd).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,49 @@
+import type { DayColumn, CalendarEvent } from '../../../composables/useCalendarView.js';
+type __VLS_Props = {
+    column: DayColumn;
+    eventFocusers: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    dragId?: string | null;
+    dragPreviewTime?: {
+        hours: number;
+        minutes: number;
+    } | null;
+    renameId?: string | null;
+    renameValue?: string;
+    editable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "drag-start": (payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any;
+    "rename-input": (value: string) => any;
+    "rename-commit": () => any;
+    "rename-cancel": () => any;
+    "create-event": (payload: {
+        date: Date;
+        hour?: number;
+    }) => any;
+    "open-event": (event: CalendarEvent) => any;
+    "focus-event": (id: string) => any;
+    "unfocus-event": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onDrag-start"?: ((payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any) | undefined;
+    "onRename-input"?: ((value: string) => any) | undefined;
+    "onRename-commit"?: (() => any) | undefined;
+    "onRename-cancel"?: (() => any) | undefined;
+    "onCreate-event"?: ((payload: {
+        date: Date;
+        hour?: number;
+    }) => any) | undefined;
+    "onOpen-event"?: ((event: CalendarEvent) => any) | undefined;
+    "onFocus-event"?: ((id: string) => any) | undefined;
+    "onUnfocus-event"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,39 @@
+import type { CalendarEvent } from '../../../composables/useCalendarView.js';
+type __VLS_Props = {
+    event: CalendarEvent;
+    span?: boolean;
+    isStart?: boolean;
+    isEnd?: boolean;
+    isDragging?: boolean;
+    focusers?: Array<{
+        name: string;
+        color: string;
+    }>;
+    renameId?: string | null;
+    renameValue?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: CalendarEvent) => any;
+    "pointer-enter": (id: string) => any;
+    "pointer-leave": () => any;
+    "drag-start": (payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any;
+    "rename-input": (value: string) => any;
+    "rename-commit": () => any;
+    "rename-cancel": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: CalendarEvent) => any) | undefined;
+    "onPointer-enter"?: ((id: string) => any) | undefined;
+    "onPointer-leave"?: (() => any) | undefined;
+    "onDrag-start"?: ((payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any) | undefined;
+    "onRename-input"?: ((value: string) => any) | undefined;
+    "onRename-commit"?: (() => any) | undefined;
+    "onRename-cancel"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,101 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  event: { type: Object, required: true },
+  span: { type: Boolean, required: false },
+  isStart: { type: Boolean, required: false },
+  isEnd: { type: Boolean, required: false },
+  isDragging: { type: Boolean, required: false },
+  focusers: { 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.focusers?.length) return void 0;
+  return {
+    outline: `2px solid ${props.focusers[0].color}`,
+    outlineOffset: "1px"
+  };
+});
+</script>
+
+<template>
+  <!-- Multi-day span bar -->
+  <button
+    v-if="span"
+    class="w-full h-[18px] text-[10px] sm:text-[11px] text-white truncate flex items-center gap-1 leading-none cursor-pointer hover:brightness-110 transition-[filter] min-h-[18px]"
+    :class="[
+  isStart ? 'rounded-l-sm ml-1 pl-1.5' : 'pl-0.5',
+  isEnd ? 'rounded-r-sm mr-1' : '',
+  { 'opacity-40': isDragging }
+]"
+    :style="{
+  background: event.color,
+  ...focusBorder
+}"
+    :data-drag-id="event.id"
+    @pointerdown="emit('drag-start', { event: $event, id: event.id })"
+    @pointerenter="emit('pointer-enter', event.id)"
+    @pointerleave="emit('pointer-leave')"
+    @click.stop="emit('click', event)"
+  >
+    <template v-if="isStart">
+      <UIcon
+        v-if="event.icon"
+        :name="`i-lucide-${event.icon}`"
+        class="size-2.5 shrink-0"
+      />
+      <span class="truncate">{{ event.label }}</span>
+    </template>
+  </button>
+
+  <!-- Single-day event chip -->
+  <div
+    v-else
+    class="group relative w-full text-left text-[10px] sm:text-[11px] px-1.5 py-0.5 rounded truncate text-white leading-tight cursor-pointer hover:brightness-110 transition-[filter] min-h-[22px] flex items-center"
+    :class="{ 'opacity-40': isDragging }"
+    :style="{
+  background: event.color,
+  ...focusBorder
+}"
+    :data-drag-id="event.id"
+    @pointerdown="emit('drag-start', { event: $event, id: event.id })"
+    @pointerenter="emit('pointer-enter', event.id)"
+    @pointerleave="emit('pointer-leave')"
+    @click.stop="emit('click', event)"
+  >
+    <!-- Remote hover name badge -->
+    <span
+      v-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 }"
+    >
+      {{ focusers[0].name }}
+    </span>
+
+    <!-- Inline rename -->
+    <UInput
+      v-if="isRenaming"
+      :model-value="renameValue"
+      size="xs"
+      variant="none"
+      class="flex-1 -mx-1 -my-0.5 text-white [&_input]:text-white [&_input]:text-[10px] [&_input]:sm:text-[11px]"
+      autofocus
+      @update:model-value="emit('rename-input', $event)"
+      @keydown.enter="emit('rename-commit')"
+      @keydown.escape="emit('rename-cancel')"
+      @blur="emit('rename-commit')"
+      @click.stop
+    />
+    <template v-else>
+      <UIcon
+        v-if="event.icon"
+        :name="`i-lucide-${event.icon}`"
+        class="size-3 shrink-0"
+      />
+      <span class="truncate">{{ event.label }}</span>
+    </template>
+  </div>
+</template>

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

@@ -0,0 +1,39 @@
+import type { CalendarEvent } from '../../../composables/useCalendarView.js';
+type __VLS_Props = {
+    event: CalendarEvent;
+    span?: boolean;
+    isStart?: boolean;
+    isEnd?: boolean;
+    isDragging?: boolean;
+    focusers?: Array<{
+        name: string;
+        color: string;
+    }>;
+    renameId?: string | null;
+    renameValue?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: CalendarEvent) => any;
+    "pointer-enter": (id: string) => any;
+    "pointer-leave": () => any;
+    "drag-start": (payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any;
+    "rename-input": (value: string) => any;
+    "rename-commit": () => any;
+    "rename-cancel": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: CalendarEvent) => any) | undefined;
+    "onPointer-enter"?: ((id: string) => any) | undefined;
+    "onPointer-leave"?: (() => any) | undefined;
+    "onDrag-start"?: ((payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any) | undefined;
+    "onRename-input"?: ((value: string) => any) | undefined;
+    "onRename-commit"?: (() => any) | undefined;
+    "onRename-cancel"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,43 @@
+import type { WeekRow, CalendarEvent } from '../../../composables/useCalendarView.js';
+type __VLS_Props = {
+    weeks: WeekRow[];
+    weekDayHeaders: readonly string[];
+    weekNumbers?: (number | null)[];
+    showWeekNumbers?: boolean;
+    dragId?: string | null;
+    dragOverContainer?: string | null;
+    eventFocusers: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    renameId?: string | null;
+    renameValue?: string;
+    editable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "drag-start": (payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any;
+    "rename-input": (value: string) => any;
+    "rename-commit": () => any;
+    "rename-cancel": () => any;
+    "create-event": (date: Date) => any;
+    "open-event": (event: CalendarEvent) => any;
+    "focus-event": (id: string) => any;
+    "unfocus-event": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onDrag-start"?: ((payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any) | undefined;
+    "onRename-input"?: ((value: string) => any) | undefined;
+    "onRename-commit"?: (() => any) | undefined;
+    "onRename-cancel"?: (() => any) | undefined;
+    "onCreate-event"?: ((date: Date) => any) | undefined;
+    "onOpen-event"?: ((event: CalendarEvent) => any) | undefined;
+    "onFocus-event"?: ((id: string) => any) | undefined;
+    "onUnfocus-event"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,87 @@
+<script setup>
+import ACalendarDayCell from "./ACalendarDayCell.vue";
+defineProps({
+  weeks: { type: Array, required: true },
+  weekDayHeaders: { type: Array, required: true },
+  weekNumbers: { type: Array, required: false },
+  showWeekNumbers: { type: Boolean, required: false },
+  dragId: { type: [String, null], required: false },
+  dragOverContainer: { type: [String, null], required: false },
+  eventFocusers: { type: Function, required: true },
+  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"]);
+</script>
+
+<template>
+  <div class="flex-1 min-h-0 flex flex-col p-2 gap-1">
+    <!-- Day headers -->
+    <div
+      class="shrink-0"
+      :class="showWeekNumbers ? 'grid grid-cols-[2rem_repeat(7,1fr)]' : 'grid grid-cols-7'"
+    >
+      <div
+        v-if="showWeekNumbers"
+        class="text-center text-[10px] text-(--ui-text-dimmed) py-1"
+      >
+        W#
+      </div>
+      <div
+        v-for="day in weekDayHeaders"
+        :key="day"
+        class="text-center text-xs font-medium text-(--ui-text-muted) py-1"
+      >
+        {{ day }}
+      </div>
+    </div>
+
+    <!-- Week rows -->
+    <div class="flex-1 min-h-0 flex flex-col">
+      <div
+        v-for="(week, wi) in weeks"
+        :key="wi"
+        class="flex-1 min-h-0"
+        :class="showWeekNumbers ? 'grid grid-cols-[2rem_repeat(7,1fr)]' : 'grid grid-cols-7'"
+      >
+        <!-- Week number -->
+        <div
+          v-if="showWeekNumbers"
+          class="flex items-start justify-center pt-1.5 text-[10px] text-(--ui-text-dimmed) font-mono"
+        >
+          {{ weekNumbers?.[wi] ?? "" }}
+        </div>
+
+        <ACalendarDayCell
+          v-for="(cell, ci) in week.cells"
+          :key="ci"
+          :cell="cell"
+          :drag-over-container="dragOverContainer"
+          :drag-id="dragId"
+          :event-focusers="eventFocusers"
+          :is-current-month="cell.isCurrentMonth"
+          :rename-id="renameId"
+          :rename-value="renameValue"
+          :editable="editable"
+          :class="{
+  'border-l border-l-(--ui-border)/30': ci === 0,
+  'border-t border-t-(--ui-border)/30': wi === 0,
+  'rounded-tl-md': wi === 0 && ci === 0,
+  'rounded-tr-md': wi === 0 && ci === 6,
+  'rounded-bl-md': wi === weeks.length - 1 && ci === 0,
+  'rounded-br-md': wi === weeks.length - 1 && ci === 6
+}"
+          @create-event="emit('create-event', $event)"
+          @open-event="emit('open-event', $event)"
+          @drag-start="emit('drag-start', $event)"
+          @focus-event="emit('focus-event', $event)"
+          @unfocus-event="emit('unfocus-event')"
+          @rename-input="emit('rename-input', $event)"
+          @rename-commit="emit('rename-commit')"
+          @rename-cancel="emit('rename-cancel')"
+        />
+      </div>
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,43 @@
+import type { WeekRow, CalendarEvent } from '../../../composables/useCalendarView.js';
+type __VLS_Props = {
+    weeks: WeekRow[];
+    weekDayHeaders: readonly string[];
+    weekNumbers?: (number | null)[];
+    showWeekNumbers?: boolean;
+    dragId?: string | null;
+    dragOverContainer?: string | null;
+    eventFocusers: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    renameId?: string | null;
+    renameValue?: string;
+    editable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "drag-start": (payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any;
+    "rename-input": (value: string) => any;
+    "rename-commit": () => any;
+    "rename-cancel": () => any;
+    "create-event": (date: Date) => any;
+    "open-event": (event: CalendarEvent) => any;
+    "focus-event": (id: string) => any;
+    "unfocus-event": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onDrag-start"?: ((payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any) | undefined;
+    "onRename-input"?: ((value: string) => any) | undefined;
+    "onRename-commit"?: (() => any) | undefined;
+    "onRename-cancel"?: (() => any) | undefined;
+    "onCreate-event"?: ((date: Date) => any) | undefined;
+    "onOpen-event"?: ((event: CalendarEvent) => any) | undefined;
+    "onFocus-event"?: ((id: string) => any) | undefined;
+    "onUnfocus-event"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;