@calends/vue 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ben Miller
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,139 @@
-# Temporary Holding Version
+# @calends/vue
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Headless Vue calendar primitives from [Calends](https://github.com/benjivm/calends): month, week and
+day time grid, resource, timeline, and Gantt views, with drag, resize, and range select. They ship no
+CSS. State is exposed as data attributes and layout as CSS custom properties, so you style them with
+Tailwind (`data-today:…`) or plain attribute selectors.
+
+```sh
+npm install @calends/vue @calends/core reka-ui
+```
+
+`vue` (3.5+) and `reka-ui` (2.11+) are peer dependencies. Only reka-ui's `Primitive` is used, for
+`as-child`.
+
+## Requirements
+
+- A runtime with native `Temporal`. No polyfill is bundled.
+- For types, TypeScript 6.0 or later with `ESNext` (or `esnext.temporal`) in `lib`.
+
+## Example
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue';
+import {
+    CalendarHeading,
+    CalendarNav,
+    CalendarRoot,
+    EventBar,
+    MonthDay,
+    MonthGrid,
+    MonthWeek,
+    MonthWeekday,
+} from '@calends/vue';
+
+const date = ref(Temporal.Now.plainDateISO());
+const events = [
+    { id: 1, title: 'Offsite', start: '2026-10-12', end: '2026-10-14' },
+    { id: 2, title: 'Standup', start: '2026-10-15T09:00:00', end: '2026-10-15T09:15:00' },
+];
+</script>
+
+<template>
+    <CalendarRoot
+        v-model:date="date"
+        :events="events"
+        :max-lanes="4"
+    >
+        <header class="flex items-center gap-2">
+            <CalendarNav action="prev">Previous</CalendarNav>
+            <CalendarHeading />
+            <CalendarNav action="today">Today</CalendarNav>
+            <CalendarNav action="next">Next</CalendarNav>
+        </header>
+
+        <MonthGrid v-slot="{ weekdays, weeks }">
+            <div
+                role="row"
+                class="grid grid-cols-7"
+            >
+                <MonthWeekday
+                    v-for="weekday in weekdays"
+                    :key="weekday.dayOfWeek"
+                    :date="weekday"
+                />
+            </div>
+
+            <MonthWeek
+                v-for="week in weeks"
+                :key="week.start.toString()"
+                :week="week"
+                class="grid grid-cols-7"
+            >
+                <MonthDay
+                    v-for="day in week.days"
+                    :key="day.date.toString()"
+                    :day="day"
+                    class="relative min-h-28 data-outside:opacity-50 data-today:font-bold"
+                >
+                    {{ day.date.day }}
+
+                    <EventBar
+                        v-for="segment in day.segments"
+                        v-slot="{ event }"
+                        :key="segment.event.id"
+                        :segment="segment"
+                        class="absolute top-[calc(1.75rem+var(--event-lane)*1.5rem)] h-5 w-[calc(var(--event-span)*100%)] data-highlighted:bg-blue-200"
+                    >
+                        {{ event.source.title }}
+                    </EventBar>
+                </MonthDay>
+            </MonthWeek>
+        </MonthGrid>
+    </CalendarRoot>
+</template>
+```
+
+Bars sit inside their start day's gridcell (so the ARIA grid stays intact) and span across with
+`--event-span`. Inside the views, events are typed as plain `CalendarEventInput`; read your own
+fields from an event primitive's slot (`event.source`), which is typed loosely for that. Every segment of a multi-week event gets `data-highlighted` together on hover or
+focus.
+
+## Components
+
+| View        | Primitives                                                                                            |
+| ----------- | ----------------------------------------------------------------------------------------------------- |
+| Shared      | `CalendarRoot` (`v-model:date`), `CalendarNav`, `CalendarHeading`, `useCalendar`                      |
+| Month       | `MonthGrid`, `MonthWeekday`, `MonthWeek`, `MonthDay`, `MonthDayMore`, `EventBar` (alias `MonthEvent`) |
+| Time grid   | `TimeGrid`, `TimeColumn`, `TimeEvent`, `TimeSelection`, `NowIndicator`                                |
+| Resources   | `ResourceGrid`, `ResourceRow`, `ResourceLabel`, `ResourceCell`, `ResourceDayHeader`                   |
+| Timeline    | `Timeline`, `TimelineRow`, `TimelineTrack`, `TimelineEvent`, `TimelineSelection`, `TimelineNow`       |
+| Gantt       | `Gantt`, `GanttRow`, `GanttTrack`, `GanttBar`, `GanttToday`, `GanttLinks`                             |
+| Interaction | `EventResizeHandle`, `useInteractions`, `useEventState`                                               |
+
+Common data attributes: `data-today`, `data-outside`, `data-weekend`, `data-focused`,
+`data-selected`, `data-overflow`, `data-past`, `data-highlighted`, `data-editable`, `data-dragging`,
+`data-all-day`, `data-continues-before`, `data-continues-after`, `data-starts-before`, and
+`data-ends-after`.
+
+## Interactions
+
+Set `editable` and `selectable` on `CalendarRoot` (with `snap-minutes` and `can-edit` to tune them).
+The calendar never changes your `events`. It emits the intent, and you commit it:
+
+- `event-drop` and `event-resize` carry the event, its new `start` and `end`, the previous ones, and
+  a `resourceId` when it moved rows.
+- `range-select` carries the selected `start`, `end`, `allDay`, and `resourceId`.
+
+The keyboard works too: Space picks an event up, arrows move it, Shift with arrows changes its end,
+Space drops it, and Escape cancels. Each move is announced in a live region.
+
+## Server rendering
+
+By default, `today` and the current time come from the rendering machine's clock and time zone, so
+a server and a browser can disagree. Pass `time-zone` and `today` to `CalendarRoot` so they match.
+
+## License
+
+MIT

package/dist/CalendarHeading.vue.d.ts

@@ -0,0 +1,18 @@
+import { type PrimitiveProps } from 'reka-ui';
+declare var __VLS_7: {
+    title: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PrimitiveProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/CalendarNav.vue.d.ts

@@ -0,0 +1,19 @@
+import { type PrimitiveProps } from 'reka-ui';
+type __VLS_Props = PrimitiveProps & {
+    action: 'prev' | 'next' | 'today';
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/CalendarRoot.vue.d.ts

@@ -0,0 +1,63 @@
+import type { CalendarEventInput, CalendarResource, CalendarView, GanttLinkInput, GanttScale, ResourceId, WeekDay } from '@calends/core';
+import { type PrimitiveProps } from 'reka-ui';
+import type { EventDropDetail, RangeSelectDetail } from './useInteractions.js';
+declare const __VLS_export: <T extends CalendarEventInput>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(PrimitiveProps & {
+        events?: readonly T[];
+        view?: CalendarView;
+        weekStartsOn?: WeekDay;
+        timeZone?: string;
+        locale?: string;
+        fixedWeeks?: boolean;
+        maxLanes?: number;
+        today?: Temporal.PlainDate;
+        resources?: readonly CalendarResource[];
+        getResourceIds?: (event: T) => readonly ResourceId[] | null | undefined;
+        /** Adds a row for events whose resources aren't in `resources`. */
+        unassigned?: boolean;
+        slotMinMinutes?: number;
+        slotMaxMinutes?: number;
+        slotMinutes?: number;
+        ganttScale?: GanttScale;
+        ganttLinks?: readonly GanttLinkInput[];
+        editable?: boolean;
+        selectable?: boolean;
+        snapMinutes?: number;
+        canEdit?: (event: T) => boolean;
+    } & {
+        date?: Temporal.PlainDate;
+    }) & {
+        "onEvent-drop"?: ((detail: EventDropDetail<T>) => any) | undefined;
+        "onEvent-resize"?: ((detail: EventDropDetail<T>) => any) | undefined;
+        "onRange-select"?: ((detail: RangeSelectDetail) => any) | undefined;
+        "onUpdate:date"?: ((value: Temporal.PlainDate) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            grid: import("@calends/core").MonthGrid<T>;
+            date: Temporal.PlainDate;
+            title: string;
+            visibleRange: {
+                start: Temporal.PlainDate;
+                end: Temporal.PlainDate;
+            };
+            prev: () => void;
+            next: () => void;
+            goToToday: () => void;
+        }) => any;
+    };
+    emit: (((evt: "event-drop", detail: EventDropDetail<T>) => void) & ((evt: "event-resize", detail: EventDropDetail<T>) => void) & ((evt: "range-select", detail: RangeSelectDetail) => void)) & ((event: "update:date", value: Temporal.PlainDate) => void);
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/EventBar.vue.d.ts

@@ -0,0 +1,34 @@
+import type { EventSegment, ResourceId } from '@calends/core';
+import { type PrimitiveProps } from 'reka-ui';
+import type { KeyboardAxes } from './useInteractions.js';
+/**
+ * Exposes its placement as CSS variables (column, span, and lane) rather than inline
+ * geometry, so the recipe decides how bars are drawn.
+ */
+type __VLS_Props = PrimitiveProps & {
+    segment: EventSegment<any>;
+    /** How arrow keys move it once picked up; a month grid moves by days and weeks. */
+    keyboardAxes?: KeyboardAxes;
+    /** The resource row it's drawn in, so moving it can change resource. */
+    resourceId?: ResourceId | null;
+};
+declare var __VLS_14: {
+    event: import("@calends/core").CalendarEvent<any>;
+    segment: EventSegment<any>;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    resourceId: ResourceId | null;
+    as: import("reka-ui").AsTag | import("vue").Component;
+    keyboardAxes: KeyboardAxes;
+}, {}, {}, {}, 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/EventResizeHandle.vue.d.ts

@@ -0,0 +1,23 @@
+import { type PrimitiveProps } from 'reka-ui';
+/**
+ * Drags one edge of the event it sits in. Renders nothing unless the event is editable;
+ * the recipe positions it (`data-edge` says which).
+ */
+type __VLS_Props = PrimitiveProps & {
+    edge: 'start' | 'end';
+};
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/Gantt.vue.d.ts

@@ -0,0 +1,21 @@
+import { type PrimitiveProps } from 'reka-ui';
+declare var __VLS_9: {
+    gantt: import("@calends/core").Gantt<import("@calends/core").CalendarEventInput>;
+    rows: import("@calends/core").GanttRow<import("@calends/core").CalendarEventInput>[];
+    columns: import("@calends/core").GanttColumn[];
+    groups: import("@calends/core").GanttColumn[];
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PrimitiveProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/GanttBar.vue.d.ts

@@ -0,0 +1,24 @@
+import type { GanttRow } from '@calends/core';
+import { type PrimitiveProps } from 'reka-ui';
+/** Exposes its placement as `--bar-start` and `--bar-end`, in days from the start of the axis. */
+type __VLS_Props = PrimitiveProps & {
+    row: GanttRow<any>;
+};
+declare var __VLS_14: {
+    event: import("@calends/core").CalendarEvent<any>;
+    row: GanttRow<any>;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/GanttLinks.vue.d.ts

@@ -0,0 +1,37 @@
+import { type GanttLink } from '@calends/core';
+/**
+ * An SVG overlay of the links between rows. Lay it over the rows (absolute, the same box)
+ * inside the scrolled content: it measures the rendered bars, so it follows any zoom, row
+ * height, or drag preview. The slot draws each link from its `path` and `arrow`.
+ */
+type __VLS_Props = {
+    /** How far a line runs straight out of a bar and into the next, in pixels. */
+    gap?: number;
+    radius?: number;
+    arrowSize?: number;
+};
+declare var __VLS_1: {
+    links: {
+        highlighted: boolean;
+        dimmed: boolean;
+        link: GanttLink<any>;
+        path: string;
+        arrow: string;
+    }[];
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    gap: number;
+    radius: number;
+    arrowSize: number;
+}, {}, {}, {}, 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/GanttRow.vue.d.ts

@@ -0,0 +1,23 @@
+import type { GanttRow } from '@calends/core';
+import { type PrimitiveProps } from 'reka-ui';
+type __VLS_Props = PrimitiveProps & {
+    row: GanttRow<any>;
+};
+declare var __VLS_7: {
+    row: GanttRow<any>;
+    event: import("@calends/core").CalendarEvent<any>;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/GanttToday.vue.d.ts

@@ -0,0 +1,16 @@
+import { type PrimitiveProps } from 'reka-ui';
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PrimitiveProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/GanttTrack.vue.d.ts

@@ -0,0 +1,16 @@
+import { type PrimitiveProps } from 'reka-ui';
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PrimitiveProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/MonthDay.vue.d.ts

@@ -0,0 +1,25 @@
+import type { MonthDay } from '@calends/core';
+import { type PrimitiveProps } from 'reka-ui';
+type __VLS_Props = PrimitiveProps & {
+    day: MonthDay<any>;
+};
+declare var __VLS_9: {
+    day: MonthDay<any>;
+    segments: import("@calends/core").EventSegment<any>[];
+    coveringSegments: import("@calends/core").EventSegment<any>[];
+    hiddenCount: number;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/MonthDayMore.vue.d.ts

@@ -0,0 +1,24 @@
+import type { MonthDay } from '@calends/core';
+import { type PrimitiveProps } from 'reka-ui';
+/** Renders nothing on days where every event fits, so the recipe can place it unconditionally. */
+type __VLS_Props = PrimitiveProps & {
+    day: MonthDay<any>;
+};
+declare var __VLS_7: {
+    hiddenCount: number;
+    eventCount: number;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/MonthGrid.vue.d.ts

@@ -0,0 +1,20 @@
+import { type PrimitiveProps } from 'reka-ui';
+declare var __VLS_10: {
+    grid: import("@calends/core").MonthGrid<import("@calends/core").CalendarEventInput>;
+    weekdays: Temporal.PlainDate[];
+    weeks: import("@calends/core").MonthWeek<import("@calends/core").CalendarEventInput>[];
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PrimitiveProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/MonthWeek.vue.d.ts

@@ -0,0 +1,23 @@
+import type { MonthWeek } from '@calends/core';
+import { type PrimitiveProps } from 'reka-ui';
+type __VLS_Props = PrimitiveProps & {
+    week: MonthWeek<any>;
+};
+declare var __VLS_7: {
+    week: MonthWeek<any>;
+    days: import("@calends/core").MonthDay<any>[];
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/MonthWeekday.vue.d.ts

@@ -0,0 +1,22 @@
+import { type PrimitiveProps } from 'reka-ui';
+type __VLS_Props = PrimitiveProps & {
+    date: Temporal.PlainDate;
+};
+declare var __VLS_7: {
+    label: string;
+    longLabel: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/NowIndicator.vue.d.ts

@@ -0,0 +1,21 @@
+import { type TimeGridDay } from '@calends/core';
+import { type PrimitiveProps } from 'reka-ui';
+/** Renders only in today's column and inside the visible window; exposes `--now` in minutes. */
+type __VLS_Props = PrimitiveProps & {
+    day: TimeGridDay<any>;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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/ResourceCell.vue.d.ts

@@ -0,0 +1,29 @@
+import type { ResourceCell, ResourceId } from '@calends/core';
+import { type PrimitiveProps } from 'reka-ui';
+type __VLS_Props = PrimitiveProps & {
+    cell: ResourceCell<any>;
+    /** Index of the row, for keyboard focus. */
+    rowIndex: number;
+    /** The resource's name, for the cell's accessible label. */
+    resourceLabel?: string;
+    /** The row's resource, null for the unassigned row, so drops and selections know it. */
+    resourceId?: ResourceId | null;
+};
+declare var __VLS_9: {
+    cell: ResourceCell<any>;
+    segments: import("@calends/core").EventSegment<any>[];
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, 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;
+    };
+};