@nomideusz/svelte-calendar 0.4.0 → 0.5.1

package/dist/calendar/Calendar.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type Component } from 'svelte';
+import { type Component, type Snippet } from 'svelte';
 import type { CalendarAdapter } from '../adapters/types.js';
 import type { CalendarViewId } from '../engine/view-state.svelte.js';
 import type { TimelineEvent } from '../core/types.js';
@@ -26,13 +26,6 @@ interface Props {
     mondayStart?: boolean;
     /** Total height */
     height?: number;
-    /** Show toolbar */
-    showToolbar?: boolean;
-    /** Links to display in toolbar */
-    links?: {
-        href: string;
-        label: string;
-    }[];
     /** Text direction: 'ltr' (default), 'rtl', or 'auto' */
     dir?: 'ltr' | 'rtl' | 'auto';
     /** BCP 47 locale tag (e.g. 'en-US', 'ar-SA') — sets lang and locale for formatting */
@@ -41,6 +34,14 @@ interface Props {
     readOnly?: boolean;
     /** Visible hour range: [startHour, endHour). Crops the grid to these hours. */
     visibleHours?: [number, number];
+    /** Initial date to focus on (defaults to today) */
+    initialDate?: Date;
+    /** Drag snap interval in minutes (default: 15) */
+    snapInterval?: number;
+    /** Custom event rendering snippet */
+    event?: Snippet<[TimelineEvent]>;
+    /** Content to show when no events are loaded */
+    empty?: Snippet;
     oneventclick?: (event: TimelineEvent) => void;
     oneventcreate?: (range: {
         start: Date;

package/dist/calendar/index.d.ts

@@ -1,3 +1,2 @@
 export { default as Calendar } from './Calendar.svelte';
-export { default as Toolbar } from './Toolbar.svelte';
 export type { CalendarView } from './Calendar.svelte';

package/dist/calendar/index.js

@@ -1,3 +1,2 @@
 // ─── Calendar shell barrel export ───────────────────────
 export { default as Calendar } from './Calendar.svelte';
-export { default as Toolbar } from './Toolbar.svelte';

package/dist/core/index.d.ts

@@ -1,8 +1,9 @@
 export { createClock } from './clock.svelte.js';
 export type { Clock } from './clock.svelte.js';
-export { DAY_MS, HOUR_MS, HOURS, sod, startOfWeek, addDaysMs, diffDays, pad, fractionalHour, fmtHM, fmtS, dayNum, dayOfWeek, } from './time.js';
-export { setDefaultLocale, getDefaultLocale, is24HourLocale, fmtH, weekdayShort, weekdayLong, monthShort, monthLong, dateShort, dateWithWeekday, fmtDay, fmtWeekRange, } from './locale.js';
+export { DAY_MS, HOUR_MS, HOURS, sod, startOfWeek, addDaysMs, diffDays, pad, fractionalHour, fmtHM, fmtS, dayNum, dayOfWeek, isMultiDay, isAllDay, segmentForDay, } from './time.js';
+export type { DaySegment } from './time.js';
+export { setDefaultLocale, getDefaultLocale, is24HourLocale, fmtH, fmtTime, fmtDuration, weekdayShort, weekdayLong, monthShort, monthLong, dateShort, dateWithWeekday, fmtDay, fmtWeekRange, defaultLabels, setLabels, resetLabels, getLabels, } from './locale.js';
+export type { CalendarLabels } from './locale.js';
 export { toZonedTime, fromZonedTime, nowInZone, formatInTimeZone, } from './timezone.js';
-export type { TimelineEvent, WeekTimelineProps, DayTimelineProps, } from './types.js';
-export { timeToX } from './types.js';
+export type { TimelineEvent, } from './types.js';
 export { generatePalette, VIVID_PALETTE } from './palette.js';

package/dist/core/index.js

@@ -2,11 +2,10 @@
 // Clock
 export { createClock } from './clock.svelte.js';
 // Time constants & math
-export { DAY_MS, HOUR_MS, HOURS, sod, startOfWeek, addDaysMs, diffDays, pad, fractionalHour, fmtHM, fmtS, dayNum, dayOfWeek, } from './time.js';
+export { DAY_MS, HOUR_MS, HOURS, sod, startOfWeek, addDaysMs, diffDays, pad, fractionalHour, fmtHM, fmtS, dayNum, dayOfWeek, isMultiDay, isAllDay, segmentForDay, } from './time.js';
 // Locale-aware formatting
-export { setDefaultLocale, getDefaultLocale, is24HourLocale, fmtH, weekdayShort, weekdayLong, monthShort, monthLong, dateShort, dateWithWeekday, fmtDay, fmtWeekRange, } from './locale.js';
+export { setDefaultLocale, getDefaultLocale, is24HourLocale, fmtH, fmtTime, fmtDuration, weekdayShort, weekdayLong, monthShort, monthLong, dateShort, dateWithWeekday, fmtDay, fmtWeekRange, defaultLabels, setLabels, resetLabels, getLabels, } from './locale.js';
 // Timezone utilities
 export { toZonedTime, fromZonedTime, nowInZone, formatInTimeZone, } from './timezone.js';
-export { timeToX } from './types.js';
 // Palette
 export { generatePalette, VIVID_PALETTE } from './palette.js';

package/dist/core/locale.d.ts

@@ -7,6 +7,68 @@
  * For date-fns locale integration later, this module can import from
  * `date-fns/locale/*` and pass to `format()`.
  */
+/**
+ * All user-visible text in the calendar UI.
+ * Override via `setLabels()` for full localisation.
+ */
+export interface CalendarLabels {
+    today: string;
+    yesterday: string;
+    tomorrow: string;
+    day: string;
+    week: string;
+    planner: string;
+    agenda: string;
+    now: string;
+    free: string;
+    allDay: string;
+    done: string;
+    upNext: string;
+    until: string;
+    noEvents: string;
+    nothingScheduled: string;
+    nothingScheduledYet: string;
+    nothingWasScheduled: string;
+    allDoneForToday: string;
+    goToToday: string;
+    previousDay: string;
+    nextDay: string;
+    previousWeek: string;
+    nextWeek: string;
+    calendar: string;
+    viewMode: string;
+    dayNavigation: string;
+    weekNavigation: string;
+    dayPlanner: string;
+    scrollableDayPlanner: string;
+    todaysLineup: string;
+    weekAhead: string;
+    multiWeekGrid: string;
+    currentTime: string;
+    createEvent: string;
+    happeningNow: string;
+    past: string;
+    completed: string;
+    inProgress: string;
+    /** e.g. "+3 more" */
+    nMore: (n: number) => string;
+    /** e.g. "5 events" */
+    nEvents: (n: number) => string;
+    /** e.g. "3 completed" */
+    nCompleted: (n: number) => string;
+    /** e.g. "day 2 of 4" */
+    dayNOfTotal: (current: number, total: number) => string;
+    /** e.g. "75% complete" */
+    percentComplete: (pct: number) => string;
+}
+/** English defaults — used unless overridden via `setLabels()`. */
+export declare const defaultLabels: CalendarLabels;
+/** Replace one or more UI labels. Merges with current labels. */
+export declare function setLabels(overrides: Partial<CalendarLabels>): void;
+/** Reset all labels to English defaults. */
+export declare function resetLabels(): void;
+/** Get the currently active labels. */
+export declare function getLabels(): Readonly<CalendarLabels>;
 /** Change the default locale for all formatting functions */
 export declare function setDefaultLocale(tag: string): void;
 /** Get the current default locale */
@@ -37,3 +99,15 @@ export declare function fmtDay(ms: number, todayMs: number, opts?: {
  * Format a week range label: "Feb 17 – 23, 2026" or "Jan 27 – Feb 2, 2026"
  */
 export declare function fmtWeekRange(weekStartMs: number, locale?: string): string;
+/**
+ * Format a Date as a compact time string.
+ *
+ * 12-hour locales → "9a", "12:30p"
+ * 24-hour locales → "9:00", "14:30"
+ */
+export declare function fmtTime(d: Date, locale?: string): string;
+/**
+ * Format the duration between two Dates as a compact string.
+ * e.g. "45m", "1h", "1h 30m"
+ */
+export declare function fmtDuration(start: Date, end: Date): string;

package/dist/core/locale.js

@@ -7,6 +7,67 @@
  * For date-fns locale integration later, this module can import from
  * `date-fns/locale/*` and pass to `format()`.
  */
+import { DAY_MS } from './time.js';
+/** English defaults — used unless overridden via `setLabels()`. */
+export const defaultLabels = {
+    today: 'Today',
+    yesterday: 'Yesterday',
+    tomorrow: 'Tomorrow',
+    day: 'Day',
+    week: 'Week',
+    planner: 'Planner',
+    agenda: 'Agenda',
+    now: 'now',
+    free: 'free',
+    allDay: 'All day',
+    done: 'Done',
+    upNext: 'Up next',
+    until: 'until',
+    noEvents: 'No events',
+    nothingScheduled: 'Nothing scheduled',
+    nothingScheduledYet: 'Nothing scheduled yet',
+    nothingWasScheduled: 'Nothing was scheduled',
+    allDoneForToday: 'All done for today',
+    goToToday: 'Go to today',
+    previousDay: 'Previous day',
+    nextDay: 'Next day',
+    previousWeek: 'Previous week',
+    nextWeek: 'Next week',
+    calendar: 'Calendar',
+    viewMode: 'View mode',
+    dayNavigation: 'Day navigation',
+    weekNavigation: 'Week navigation',
+    dayPlanner: 'Day planner',
+    scrollableDayPlanner: 'Scrollable day planner',
+    todaysLineup: "Today's lineup",
+    weekAhead: 'Week ahead',
+    multiWeekGrid: 'Multi-week calendar grid',
+    currentTime: 'Current time',
+    createEvent: 'Create event',
+    happeningNow: 'happening now',
+    past: 'past',
+    completed: 'completed',
+    inProgress: 'in progress',
+    nMore: (n) => `+${n} more`,
+    nEvents: (n) => `${n} event${n === 1 ? '' : 's'}`,
+    nCompleted: (n) => `${n} completed`,
+    dayNOfTotal: (current, total) => `day ${current} of ${total}`,
+    percentComplete: (pct) => `${pct}% complete`,
+};
+let _labels = { ...defaultLabels };
+/** Replace one or more UI labels. Merges with current labels. */
+export function setLabels(overrides) {
+    _labels = { ..._labels, ...overrides };
+}
+/** Reset all labels to English defaults. */
+export function resetLabels() {
+    _labels = { ...defaultLabels };
+}
+/** Get the currently active labels. */
+export function getLabels() {
+    return _labels;
+}
+// ─── Default locale ─────────────────────────────────────
 /** Module-level default locale — consumers can override via setDefaultLocale() */
 let defaultLocale = 'en-US';
 /** Change the default locale for all formatting functions */
@@ -73,7 +134,6 @@ export function dateWithWeekday(ms, locale) {
         day: 'numeric',
     });
 }
-import { DAY_MS } from './time.js';
 /**
  * Format a timestamp as a smart day label:
  *   "Today · Feb 21", "Yesterday · Feb 20", "Mon, Feb 17", etc.
@@ -81,12 +141,13 @@ import { DAY_MS } from './time.js';
 export function fmtDay(ms, todayMs, opts, locale) {
     const loc = locale ?? defaultLocale;
     const short = new Date(ms).toLocaleDateString(loc, { month: 'short', day: 'numeric' });
+    const L = _labels;
     if (ms === todayMs)
-        return opts?.short ? 'Today' : `Today · ${short}`;
+        return opts?.short ? L.today : `${L.today} · ${short}`;
     if (ms === todayMs - DAY_MS)
-        return opts?.short ? 'Yesterday' : `Yesterday · ${short}`;
+        return opts?.short ? L.yesterday : `${L.yesterday} · ${short}`;
     if (ms === todayMs + DAY_MS)
-        return opts?.short ? 'Tomorrow' : `Tomorrow · ${short}`;
+        return opts?.short ? L.tomorrow : `${L.tomorrow} · ${short}`;
     if (opts?.short) {
         return new Date(ms).toLocaleDateString(loc, { weekday: 'short', day: 'numeric' });
     }
@@ -111,3 +172,34 @@ export function fmtWeekRange(weekStartMs, locale) {
     }
     return `${sm} ${s.getDate()} – ${e.getDate()}, ${ey}`;
 }
+// ─── Shared time / duration formatting ──────────────────
+/**
+ * Format a Date as a compact time string.
+ *
+ * 12-hour locales → "9a", "12:30p"
+ * 24-hour locales → "9:00", "14:30"
+ */
+export function fmtTime(d, locale) {
+    if (is24HourLocale(locale)) {
+        const h = d.getHours();
+        const m = d.getMinutes();
+        return m === 0 ? String(h) : `${h}:${String(m).padStart(2, '0')}`;
+    }
+    const h = d.getHours();
+    const m = d.getMinutes();
+    const suffix = h >= 12 ? 'p' : 'a';
+    const h12 = h === 0 ? 12 : h > 12 ? h - 12 : h;
+    return m === 0 ? `${h12}${suffix}` : `${h12}:${String(m).padStart(2, '0')}${suffix}`;
+}
+/**
+ * Format the duration between two Dates as a compact string.
+ * e.g. "45m", "1h", "1h 30m"
+ */
+export function fmtDuration(start, end) {
+    const mins = Math.round((end.getTime() - start.getTime()) / 60_000);
+    if (mins < 60)
+        return `${mins}m`;
+    const h = Math.floor(mins / 60);
+    const m = mins % 60;
+    return m > 0 ? `${h}h ${m}m` : `${h}h`;
+}

package/dist/core/time.d.ts

@@ -35,3 +35,33 @@ export declare function fmtS(ms: number): string;
 export declare function dayNum(ms: number): number;
 /** Day-of-week index (0 = Sun … 6 = Sat) */
 export declare function dayOfWeek(ms: number): number;
+import type { TimelineEvent } from './types.js';
+/** Does an event span more than one calendar day? */
+export declare function isMultiDay(ev: TimelineEvent): boolean;
+/** Is an event effectively all-day? (allDay flag, or spans ≥24h with midnight boundaries) */
+export declare function isAllDay(ev: TimelineEvent): boolean;
+/**
+ * Describes how an event appears on a specific day.
+ */
+export interface DaySegment {
+    ev: TimelineEvent;
+    /** Effective start for this day (clamped to day start) */
+    start: Date;
+    /** Effective end for this day (clamped to day end) */
+    end: Date;
+    /** Is this the first day of the event? */
+    isStart: boolean;
+    /** Is this the last day of the event? */
+    isEnd: boolean;
+    /** 1-based day index within the span */
+    dayIndex: number;
+    /** Total number of days the event spans */
+    totalDays: number;
+    /** Is this an all-day event? */
+    allDay: boolean;
+}
+/**
+ * Compute how an event appears on a specific day.
+ * Returns null if the event doesn't overlap the day.
+ */
+export declare function segmentForDay(ev: TimelineEvent, dayMs: number): DaySegment | null;

package/dist/core/time.js

@@ -66,3 +66,45 @@ export function dayNum(ms) {
 export function dayOfWeek(ms) {
     return getDay(new Date(ms));
 }
+/** Does an event span more than one calendar day? */
+export function isMultiDay(ev) {
+    return sod(ev.start.getTime()) !== sod(ev.end.getTime() - 1);
+}
+/** Is an event effectively all-day? (allDay flag, or spans ≥24h with midnight boundaries) */
+export function isAllDay(ev) {
+    if (ev.allDay)
+        return true;
+    const duration = ev.end.getTime() - ev.start.getTime();
+    if (duration < DAY_MS)
+        return false;
+    const s = ev.start;
+    return s.getHours() === 0 && s.getMinutes() === 0 && s.getSeconds() === 0;
+}
+/**
+ * Compute how an event appears on a specific day.
+ * Returns null if the event doesn't overlap the day.
+ */
+export function segmentForDay(ev, dayMs) {
+    const dayStart = sod(dayMs);
+    const dayEnd = dayStart + DAY_MS;
+    const evStart = ev.start.getTime();
+    const evEnd = ev.end.getTime();
+    // No overlap
+    if (evStart >= dayEnd || evEnd <= dayStart)
+        return null;
+    const firstDayMs = sod(evStart);
+    // For end time: if event ends exactly at midnight, last day is the day before
+    const lastDayMs = sod(evEnd - 1);
+    const totalDays = Math.round((lastDayMs - firstDayMs) / DAY_MS) + 1;
+    const dayIndex = Math.round((dayStart - firstDayMs) / DAY_MS) + 1;
+    return {
+        ev,
+        start: new Date(Math.max(evStart, dayStart)),
+        end: new Date(Math.min(evEnd, dayEnd)),
+        isStart: dayStart === firstDayMs,
+        isEnd: dayStart === lastDayMs,
+        dayIndex,
+        totalDays,
+        allDay: isAllDay(ev),
+    };
+}

package/dist/core/types.d.ts

@@ -11,14 +11,10 @@ export interface TimelineEvent {
     start: Date;
     end: Date;
     color?: string;
-    /** All-day event (renders as a banner, not a timed block) */
+    /** True for all-day events (no specific start/end time) */
     allDay?: boolean;
     /** Category for grouping (e.g. "wellness", "work", "life") */
     category?: string;
-    /** Recurrence rule — iCalendar RRULE string (e.g. "FREQ=WEEKLY;BYDAY=MO") */
-    recurrence?: string;
-    /** Whether this event can be moved / resized by the user */
-    editable?: boolean;
     /** Subtitle displayed below the title (e.g. instructor name, level) */
     subtitle?: string;
     /** Tags displayed as small pills (e.g. ["Beginner", "Yoga"]) */
@@ -26,70 +22,3 @@ export interface TimelineEvent {
     /** Arbitrary payload from the source app (bookings, attendees, etc.) */
     data?: Record<string, unknown>;
 }
-/**
- * Shared props contract for all WeekTimeline variants.
- * Every variant MUST accept this exact interface so they can be
- * hot-swapped without changing bindings.
- */
-export interface WeekTimelineProps {
-    /** Week offset: 0 = this week, -1 = last, +1 = next (ignored when focusDate is set) */
-    weekOffset?: number;
-    /** Start on Monday (true) or Sunday (false) */
-    mondayStart?: boolean;
-    /** Pixel height of one hour row */
-    hourHeight?: number;
-    /** Pixel width of each day column (0 = equal flex) */
-    dayWidth?: number;
-    /** Where "now" sits vertically (0 = top edge, 1 = bottom edge) */
-    nowPosition?: number;
-    /** Total visible height of the component */
-    height?: number;
-    /** Events to render */
-    events?: TimelineEvent[];
-    /** Inline style for CSS variable overrides (theme) */
-    style?: string;
-    /** The date to centre this view on. Overrides weekOffset when set. */
-    focusDate?: Date;
-    /** Called when the user clicks an event */
-    oneventclick?: (event: TimelineEvent) => void;
-    /** Called when the user clicks an empty time slot */
-    oneventcreate?: (range: {
-        start: Date;
-        end: Date;
-    }) => void;
-    /** Currently selected event ID (for highlight) */
-    selectedEventId?: string | null;
-}
-/**
- * Shared props contract for the DayTimeline component.
- */
-export interface DayTimelineProps {
-    /** Number of past days visible */
-    pastDays?: number;
-    /** Number of future days visible */
-    futureDays?: number;
-    /** Pixel width of one hour */
-    hourWidth?: number;
-    /** Where "now" sits in the viewport (0 = left edge, 1 = right edge) */
-    nowPosition?: number;
-    /** Events to render */
-    events?: TimelineEvent[];
-    /** Inline style for CSS custom property overrides */
-    style?: string;
-    /** The date to centre this view on */
-    focusDate?: Date;
-    /** Called when the user clicks an event */
-    oneventclick?: (event: TimelineEvent) => void;
-    /** Called when the user clicks an empty time slot */
-    oneventcreate?: (range: {
-        start: Date;
-        end: Date;
-    }) => void;
-    /** Currently selected event ID (for highlight) */
-    selectedEventId?: string | null;
-}
-/**
- * Convert a Date (or timestamp) to a pixel offset on the timeline.
- * Useful for external apps that need to position overlays.
- */
-export declare function timeToX(time: Date | number, rangeStartMs: number, hourWidth: number): number;

package/dist/core/types.js

@@ -1,11 +1,4 @@
 /**
  * Shared TypeScript types for the timeline design system.
  */
-/**
- * Convert a Date (or timestamp) to a pixel offset on the timeline.
- * Useful for external apps that need to position overlays.
- */
-export function timeToX(time, rangeStartMs, hourWidth) {
-    const ms = typeof time === 'number' ? time : time.getTime();
-    return ((ms - rangeStartMs) / 3_600_000) * hourWidth;
-}
+export {};

package/dist/engine/event-store.svelte.js

@@ -1,4 +1,4 @@
-import { sod } from '../core/time.js';
+import { sod, DAY_MS } from '../core/time.js';
 /**
  * Create a reactive event store backed by a CalendarAdapter.
  */
@@ -61,7 +61,7 @@ export function createEventStore(adapter) {
         },
         forDay(date) {
             const dayStart = new Date(sod(date.getTime()));
-            const dayEnd = new Date(dayStart.getTime() + 86_400_000);
+            const dayEnd = new Date(dayStart.getTime() + DAY_MS);
             return events.filter((ev) => overlaps(ev, dayStart, dayEnd));
         },
         byId(id) {

package/dist/engine/index.d.ts

@@ -1,7 +1,7 @@
 export { createEventStore } from './event-store.svelte.js';
 export type { EventStore } from './event-store.svelte.js';
 export { createViewState } from './view-state.svelte.js';
-export type { ViewState, ViewStateOptions, CalendarViewId, BuiltInViewId, ViewGranularity, DateRange as ViewDateRange, } from './view-state.svelte.js';
+export type { ViewState, ViewStateOptions, CalendarViewId, BuiltInViewId, ViewGranularity, } from './view-state.svelte.js';
 export { createSelection } from './selection.svelte.js';
 export type { Selection } from './selection.svelte.js';
 export { createDragState } from './drag.svelte.js';

package/dist/engine/view-state.svelte.d.ts

@@ -1,10 +1,12 @@
+import type { DateRange } from '../adapters/types.js';
+export type { DateRange };
 /**
  * Built-in view IDs. Custom view IDs are also supported — CalendarViewId
  * is typed as `string` so consumers can register any ID.
  */
-export type BuiltInViewId = 'day-grid' | 'day-agenda' | 'week-grid' | 'week-agenda' | 'week-heatmap';
+export type BuiltInViewId = 'day-planner' | 'day-agenda' | 'week-planner' | 'week-agenda';
 /**
- * Any view identifier. Use built-in strings like 'day-grid' or your own
+ * Any view identifier. Use built-in strings like 'day-planner' or your own
  * custom IDs like 'day-kanban', 'week-resource', etc.
  */
 export type CalendarViewId = string;
@@ -14,10 +16,13 @@ export interface ViewStateOptions {
     mondayStart?: boolean;
     /** IANA timezone string (e.g. 'America/New_York'). Defaults to local timezone. */
     timezone?: string;
-}
-export interface DateRange {
-    start: Date;
-    end: Date;
+    /** Initial date to focus on (defaults to today). */
+    initialDate?: Date;
+    /**
+     * Optional resolver for view granularity.
+     * Useful for custom IDs that don't follow "day-*" / "week-*" naming.
+     */
+    granularityForView?: (viewId: CalendarViewId) => ViewGranularity | undefined;
 }
 export interface ViewState {
     readonly view: CalendarViewId;

package/dist/engine/view-state.svelte.js

@@ -12,7 +12,7 @@
  *   vs.goToday()   — jump to today
  */
 import { startOfWeek as calcStartOfWeek, addDaysMs, DAY_MS } from '../core/time.js';
-function granularityFor(view) {
+function inferGranularity(view) {
     if (view.startsWith('day'))
         return 'day';
     return 'week';
@@ -32,11 +32,12 @@ function computeRange(focus, granularity, mondayStart) {
     };
 }
 export function createViewState(options = {}) {
-    let view = $state(options.defaultView ?? 'week-grid');
-    let focusDate = $state(new Date());
+    let view = $state(options.defaultView ?? 'week-planner');
+    let focusDate = $state(options.initialDate ?? new Date());
     let mondayStart = $state(options.mondayStart ?? true);
     const timezone = options.timezone;
-    const granularity = $derived(granularityFor(view));
+    const granularityResolver = options.granularityForView;
+    const granularity = $derived(granularityResolver?.(view) ?? inferGranularity(view));
     const range = $derived(computeRange(focusDate, granularity, mondayStart));
     return {
         get view() {

package/dist/index.d.ts

@@ -1,13 +1,12 @@
-export { DayGrid, DayTimeline, WeekGrid, WeekHeatmap, Agenda, Settings, WeekSchedule, } from './views/index.js';
-export type { SettingsField } from './views/index.js';
+export { Planner, Agenda, AgendaDay, AgendaWeek, } from './views/index.js';
 export { NowIndicator, EventBlock, TimeGutter, DayHeader, EmptySlot, } from './primitives/index.js';
-export { Calendar, Toolbar } from './calendar/index.js';
+export { Calendar } from './calendar/index.js';
 export type { CalendarView } from './calendar/index.js';
 export { createEventStore, createViewState, createSelection, createDragState, } from './engine/index.js';
-export type { EventStore, ViewState, ViewStateOptions, CalendarViewId, BuiltInViewId, ViewGranularity, ViewDateRange, Selection, DragState, DragMode, DragPayload, } from './engine/index.js';
+export type { EventStore, ViewState, ViewStateOptions, CalendarViewId, BuiltInViewId, ViewGranularity, Selection, DragState, DragMode, DragPayload, } from './engine/index.js';
 export { createMemoryAdapter, createRestAdapter, createRecurringAdapter } from './adapters/index.js';
 export type { CalendarAdapter, DateRange, RestAdapterOptions, RecurringEvent, RecurringAdapterOptions, MemoryAdapterOptions, } from './adapters/index.js';
-export { createClock, DAY_MS, HOUR_MS, HOURS, sod, startOfWeek, addDaysMs, diffDays, pad, fractionalHour, fmtHM, fmtS, dayNum, dayOfWeek, fmtH, weekdayShort, weekdayLong, monthShort, monthLong, dateShort, dateWithWeekday, fmtDay, fmtWeekRange, setDefaultLocale, getDefaultLocale, is24HourLocale, timeToX, toZonedTime, fromZonedTime, nowInZone, formatInTimeZone, generatePalette, VIVID_PALETTE, } from './core/index.js';
-export type { Clock, TimelineEvent, WeekTimelineProps, DayTimelineProps, } from './core/index.js';
-export { midnight, parchment, indigo, neutral, bare, presets } from './theme/index.js';
+export { createClock, startOfWeek, fmtH, fmtTime, fmtDuration, weekdayShort, weekdayLong, monthShort, monthLong, dateShort, dateWithWeekday, fmtDay, fmtWeekRange, setDefaultLocale, getDefaultLocale, is24HourLocale, defaultLabels, setLabels, resetLabels, getLabels, toZonedTime, fromZonedTime, nowInZone, formatInTimeZone, generatePalette, VIVID_PALETTE, isMultiDay, isAllDay, segmentForDay, } from './core/index.js';
+export type { Clock, TimelineEvent, DaySegment, CalendarLabels, } from './core/index.js';
+export { midnight, neutral, presets } from './theme/index.js';
 export type { PresetName } from './theme/index.js';

package/dist/index.js

@@ -1,14 +1,14 @@
 // ─── Views ──────────────────────────────────────────────
-export { DayGrid, DayTimeline, WeekGrid, WeekHeatmap, Agenda, Settings, WeekSchedule, } from './views/index.js';
+export { Planner, Agenda, AgendaDay, AgendaWeek, } from './views/index.js';
 // ─── Primitives ─────────────────────────────────────────
 export { NowIndicator, EventBlock, TimeGutter, DayHeader, EmptySlot, } from './primitives/index.js';
 // ─── Calendar shell ─────────────────────────────────────
-export { Calendar, Toolbar } from './calendar/index.js';
+export { Calendar } from './calendar/index.js';
 // ─── Engine (reactive state) ────────────────────────────
 export { createEventStore, createViewState, createSelection, createDragState, } from './engine/index.js';
 // ─── Adapters ───────────────────────────────────────────
 export { createMemoryAdapter, createRestAdapter, createRecurringAdapter } from './adapters/index.js';
 // ─── Core: clock, time, locale, types ───────────────────
-export { createClock, DAY_MS, HOUR_MS, HOURS, sod, startOfWeek, addDaysMs, diffDays, pad, fractionalHour, fmtHM, fmtS, dayNum, dayOfWeek, fmtH, weekdayShort, weekdayLong, monthShort, monthLong, dateShort, dateWithWeekday, fmtDay, fmtWeekRange, setDefaultLocale, getDefaultLocale, is24HourLocale, timeToX, toZonedTime, fromZonedTime, nowInZone, formatInTimeZone, generatePalette, VIVID_PALETTE, } from './core/index.js';
+export { createClock, startOfWeek, fmtH, fmtTime, fmtDuration, weekdayShort, weekdayLong, monthShort, monthLong, dateShort, dateWithWeekday, fmtDay, fmtWeekRange, setDefaultLocale, getDefaultLocale, is24HourLocale, defaultLabels, setLabels, resetLabels, getLabels, toZonedTime, fromZonedTime, nowInZone, formatInTimeZone, generatePalette, VIVID_PALETTE, isMultiDay, isAllDay, segmentForDay, } from './core/index.js';
 // ─── Themes ─────────────────────────────────────────────
-export { midnight, parchment, indigo, neutral, bare, presets } from './theme/index.js';
+export { midnight, neutral, presets } from './theme/index.js';

package/dist/primitives/EmptySlot.svelte

@@ -6,6 +6,10 @@
   between events.
 -->
 <script lang="ts">
+	import { fmtTime, fmtDuration, getLabels } from '../core/locale.js';
+
+	const L = $derived(getLabels());
+
 	interface Props {
 		/** Start time of the empty slot */
 		start: Date;
@@ -24,21 +28,7 @@
 		orientation = 'vertical',
 	}: Props = $props();
 
-	function fmtTime(d: Date): string {
-		const h = d.getHours();
-		const m = d.getMinutes();
-		const suffix = h >= 12 ? 'p' : 'a';
-		const h12 = h === 0 ? 12 : h > 12 ? h - 12 : h;
-		return m === 0 ? `${h12}${suffix}` : `${h12}:${String(m).padStart(2, '0')}${suffix}`;
-	}
-
-	const dur = $derived.by(() => {
-		const mins = Math.round((end.getTime() - start.getTime()) / 60_000);
-		if (mins < 60) return `${mins}m free`;
-		const h = Math.floor(mins / 60);
-		const m = mins % 60;
-		return m > 0 ? `${h}h ${m}m free` : `${h}h free`;
-	});
+	const dur = $derived(`${fmtDuration(start, end)} ${L.free}`);
 
 	function handleKeydown(e: KeyboardEvent) {
 		if (e.key === 'Enter' || e.key === ' ') {
@@ -54,7 +44,7 @@
 	class:es-h={orientation === 'horizontal'}
 	role="button"
 	tabindex="0"
-	aria-label="Create event, {fmtTime(start)} to {fmtTime(end)}, {dur}"
+	aria-label="{L.createEvent}, {fmtTime(start)} to {fmtTime(end)}, {dur}"
 	onclick={() => onclick?.({ start, end })}
 	onkeydown={handleKeydown}
 >