@abraca/nuxt 0.3.0 → 1.6.0

package/dist/runtime/components/renderers/calendar/ACalendarDayCell.d.vue.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/ACalendarDayCell.vue

@@ -0,0 +1,109 @@
+<script setup>
+import { computed } from "vue";
+import ACalendarEventChip from "./ACalendarEventChip.vue";
+const props = defineProps({
+  cell: { type: Object, required: true },
+  dragOverContainer: { type: [String, null], required: false },
+  dragId: { type: [String, null], required: false },
+  eventFocusers: { type: Function, required: true },
+  renameId: { type: [String, null], required: false },
+  renameValue: { type: String, required: false },
+  isCurrentMonth: { type: Boolean, 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 isDropTarget = computed(
+  () => props.cell.dateStr && props.dragOverContainer === props.cell.dateStr
+);
+</script>
+
+<template>
+  <div
+    class="min-h-0 overflow-hidden bg-(--ui-bg-elevated) border-b border-r border-(--ui-border)/30 p-1 transition-colors relative group/cell"
+    :class="{
+  'ring-2 ring-(--ui-primary)/40 bg-(--ui-primary)/5': isDropTarget,
+  'opacity-50': !isCurrentMonth
+}"
+    :data-drop-container="cell.dateStr ?? void 0"
+  >
+    <template v-if="cell.date">
+      <!-- Date number + hover add button -->
+      <div class="flex items-center justify-between mb-0.5">
+        <button
+          class="text-xs font-medium w-6 h-6 rounded-full flex items-center justify-center transition-colors shrink-0"
+          :class="
+  cell.isToday ? 'bg-(--ui-primary) text-white' : 'text-(--ui-text) hover:bg-(--ui-bg)'
+"
+          @click="editable !== false && emit('create-event', cell.date)"
+        >
+          {{ cell.date.getDate() }}
+        </button>
+        <button
+          v-if="editable !== false"
+          class="w-5 h-5 rounded-full flex items-center justify-center text-(--ui-text-dimmed) hover:text-(--ui-primary) hover:bg-(--ui-bg) opacity-0 group-hover/cell:opacity-100 transition-opacity text-xs shrink-0"
+          @click="emit('create-event', cell.date)"
+        >
+          <UIcon
+            name="i-lucide-plus"
+            class="size-3"
+          />
+        </button>
+      </div>
+
+      <!-- Multi-day span bar slots -->
+      <div
+        v-for="(slot, li) in cell.laneSlots"
+        :key="'lane-' + li"
+        class="h-[22px] flex items-center -mx-1"
+      >
+        <ACalendarEventChip
+          v-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"
+          :is-end="slot.isEnd"
+          :is-dragging="dragId === slot.id"
+          :focusers="eventFocusers(slot.id)"
+          :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')"
+        />
+      </div>
+
+      <!-- Single-day events -->
+      <div
+        class="space-y-0.5"
+        :class="{ 'mt-0.5': cell.laneSlots.length > 0 }"
+      >
+        <ACalendarEventChip
+          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')"
+        />
+        <span
+          v-if="cell.events.length > 3"
+          class="block text-[10px] text-(--ui-text-dimmed) px-1"
+        >
+          +{{ cell.events.length - 3 }} more
+        </span>
+      </div>
+    </template>
+  </div>
+</template>

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;