@reachweb/alpine-calendar 0.1.1

package/dist/plugin/calendar-component.d.ts

@@ -0,0 +1,506 @@
+import { CalendarDate } from '../core/calendar-date';
+import type { ConstraintMessages } from '../core/constraints';
+import type { DayCell, MonthGrid, MonthCell, YearCell } from '../core/grid';
+import type { Selection } from '../core/selection';
+import type { RangePreset } from '../core/presets';
+/** Period-specific constraint rule (string-based for Alpine/HTML config). */
+export interface CalendarConfigRule {
+    /** Start of the period (ISO string). Required unless `months` is set. */
+    from?: string;
+    /** End of the period (ISO string). Required unless `months` is set. */
+    to?: string;
+    /** Recurring months this rule applies to (1=Jan, …, 12=Dec). Matches every year. */
+    months?: number[];
+    /** Priority for conflict resolution. Higher values win. Default: 0. */
+    priority?: number;
+    /** Minimum selectable date within this period (ISO string). */
+    minDate?: string;
+    /** Maximum selectable date within this period (ISO string). */
+    maxDate?: string;
+    /** Specific dates to disable within this period (ISO strings). */
+    disabledDates?: string[];
+    /** Days of the week to disable within this period (0=Sun, 6=Sat). */
+    disabledDaysOfWeek?: number[];
+    /** Specific dates to force-enable within this period (ISO strings). */
+    enabledDates?: string[];
+    /** Days of the week to enable within this period (whitelist, 0=Sun, 6=Sat). */
+    enabledDaysOfWeek?: number[];
+    /** Specific months to disable within this period (1=Jan, 12=Dec). */
+    disabledMonths?: number[];
+    /** Months to enable within this period (whitelist, 1=Jan, 12=Dec). */
+    enabledMonths?: number[];
+    /** Specific years to disable within this period. */
+    disabledYears?: number[];
+    /** Years to enable within this period (whitelist). */
+    enabledYears?: number[];
+    /** Minimum range length in days (inclusive) for this period. */
+    minRange?: number;
+    /** Maximum range length in days (inclusive) for this period. */
+    maxRange?: number;
+}
+export type { RangePreset } from '../core/presets';
+export interface CalendarConfig {
+    /** Selection mode. Default: 'single'. */
+    mode?: 'single' | 'multiple' | 'range';
+    /** Display mode. Default: 'inline'. */
+    display?: 'inline' | 'popup';
+    /** Date format string (e.g. 'DD/MM/YYYY'). Default: 'DD/MM/YYYY'. */
+    format?: string;
+    /** Number of months to show. 1 = single, 2 = side-by-side dual, 3+ = scrollable. Default: 1. */
+    months?: number;
+    /** Max height of the scrollable container in px (only used when months >= 3). Default: 400. */
+    scrollHeight?: number;
+    /** First day of the week (0=Sun, 1=Mon, …, 6=Sat). Default: 0. */
+    firstDay?: number;
+    /** Minimum selectable date (ISO string). */
+    minDate?: string;
+    /** Maximum selectable date (ISO string). */
+    maxDate?: string;
+    /** Specific dates to disable (ISO strings). */
+    disabledDates?: string[];
+    /** Days of the week to disable (0=Sun, 6=Sat). */
+    disabledDaysOfWeek?: number[];
+    /** Specific dates to force-enable (ISO strings). Overrides disabled checks. */
+    enabledDates?: string[];
+    /** Days of the week to enable (whitelist — all other days disabled). */
+    enabledDaysOfWeek?: number[];
+    /** Specific months to disable (1=Jan, 12=Dec). */
+    disabledMonths?: number[];
+    /** Months to enable (whitelist — all other months disabled, 1=Jan, 12=Dec). */
+    enabledMonths?: number[];
+    /** Specific years to disable. */
+    disabledYears?: number[];
+    /** Years to enable (whitelist — all other years disabled). */
+    enabledYears?: number[];
+    /** Minimum range length in days (inclusive). Only used in range mode. */
+    minRange?: number;
+    /** Maximum range length in days (inclusive). Only used in range mode. */
+    maxRange?: number;
+    /** Period-specific constraint rules. Highest priority matching rule wins; ties broken by array order. */
+    rules?: CalendarConfigRule[];
+    /** Enable birth-date wizard mode. Default: false. Use 'year-month' or 'month-day' for half-wizard. */
+    wizard?: boolean | 'year-month' | 'month-day';
+    /** Enable input masking. Default: true. */
+    mask?: boolean;
+    /** IANA timezone for "today" resolution. */
+    timezone?: string;
+    /** BCP 47 locale string. */
+    locale?: string;
+    /** Initial value (ISO string or formatted string). */
+    value?: string;
+    /** Name attribute for hidden form input(s). */
+    name?: string;
+    /** ID attribute for the popup input element. Allows external `<label for="...">` association. */
+    inputId?: string;
+    /** Alpine x-ref name for the input element. Default: 'rc-input'. */
+    inputRef?: string;
+    /** Show ISO 8601 week numbers on the left side of the day grid. Default: false. */
+    showWeekNumbers?: boolean;
+    /**
+     * Predefined date range presets (e.g., "Today", "Last 7 Days", "This Month").
+     * Displayed as quick-select buttons alongside the calendar. Only meaningful in range or single mode.
+     */
+    presets?: RangePreset[];
+    /** Close popup after a date is selected. Default: true. */
+    closeOnSelect?: boolean;
+    /**
+     * Callback invoked before a date is selected. Return `false` to prevent the selection.
+     *
+     * Receives the date being selected and context about the current selection state.
+     * Called after built-in constraint checks (disabled dates, range validation) pass.
+     *
+     * Usage:
+     * ```js
+     * calendar({
+     *   beforeSelect(date, { mode, selectedDates, action }) {
+     *     // Prevent selecting more than 5 dates
+     *     if (mode === 'multiple' && action === 'select' && selectedDates.length >= 5) return false
+     *     return true
+     *   }
+     * })
+     * ```
+     */
+    beforeSelect?: (date: CalendarDate, context: {
+        /** Current selection mode. */
+        mode: 'single' | 'multiple' | 'range';
+        /** Currently selected dates (before this action). */
+        selectedDates: CalendarDate[];
+        /** Whether this click would select or deselect the date. */
+        action: 'select' | 'deselect';
+    }) => boolean | undefined;
+    /** Custom messages for disabled-date tooltips. Overrides default English strings. */
+    constraintMessages?: ConstraintMessages;
+    /** Auto-render template when no `.rc-calendar` exists in the container. Default: true. Set false to require manual template. */
+    template?: boolean;
+}
+/** Constraint-related keys from CalendarConfig. */
+declare const CONSTRAINT_KEYS: readonly ["minDate", "maxDate", "disabledDates", "disabledDaysOfWeek", "enabledDates", "enabledDaysOfWeek", "disabledMonths", "enabledMonths", "disabledYears", "enabledYears", "minRange", "maxRange", "rules"];
+type ConstraintConfig = Pick<CalendarConfig, (typeof CONSTRAINT_KEYS)[number]>;
+/**
+ * Create the Alpine component data object for the calendar.
+ *
+ * This factory is called by `Alpine.data('calendar', createCalendarData)`.
+ * The returned object becomes the reactive component state.
+ */
+export declare function createCalendarData(config?: CalendarConfig, Alpine?: {
+    initTree: (el: HTMLElement) => void;
+}): {
+    mode: "single" | "multiple" | "range";
+    display: "inline" | "popup";
+    format: string;
+    monthCount: number;
+    firstDay: number;
+    wizard: boolean;
+    wizardMode: "year-month" | "month-day" | "none" | "full";
+    wizardTotalSteps: number;
+    showWeekNumbers: boolean;
+    presets: RangePreset[];
+    inputName: string;
+    month: number;
+    year: number;
+    view: "days" | "months" | "years";
+    isOpen: boolean;
+    grid: MonthGrid[];
+    monthGrid: MonthCell[][];
+    yearGrid: YearCell[][];
+    inputValue: string;
+    popupStyle: string;
+    focusedDate: CalendarDate | null;
+    hoverDate: CalendarDate | null;
+    wizardStep: number;
+    _wizardYear: number | null;
+    _wizardMonth: number | null;
+    _wizardDay: number | null;
+    _navDirection: "" | "next" | "prev";
+    _selection: Selection;
+    _today: CalendarDate;
+    _constraintConfig: ConstraintConfig;
+    _isDisabledDate: (d: CalendarDate) => boolean;
+    _isRangeValid: (start: CalendarDate, end: CalendarDate) => boolean;
+    _isMonthDisabled: (year: number, month: number) => boolean;
+    _isYearDisabled: (year: number) => boolean;
+    _getDisabledReasons: (d: CalendarDate) => string[];
+    _inputEl: HTMLInputElement | null;
+    _detachInput: (() => void) | null;
+    _syncing: boolean;
+    _suppressFocusOpen: boolean;
+    _Alpine: {
+        initTree: (el: HTMLElement) => void;
+    } | null;
+    _autoRendered: boolean;
+    isScrollable: boolean;
+    _scrollHeight: number;
+    _scrollContainerEl: HTMLElement | null;
+    _scrollObserver: IntersectionObserver | null;
+    /** Index into grid[] of the month currently visible at top of scroll viewport. */
+    _scrollVisibleIndex: number;
+    /**
+     * Reactive counter bumped on selection changes. Read by dayClasses() so Alpine
+     * re-evaluates class bindings without needing a full grid rebuild.
+     */
+    _selectionRev: number;
+    _statusMessage: string;
+    readonly selectedDates: CalendarDate[];
+    readonly formattedValue: string;
+    /** ISO string values for hidden form inputs. */
+    readonly hiddenInputValues: string[];
+    /** ISO string of focused date for aria-activedescendant binding. */
+    readonly focusedDateISO: string;
+    /** ID for the popup input element (for external label association). */
+    readonly inputId: string | null;
+    /** Accessible label for the popup input element. */
+    readonly inputAriaLabel: string;
+    /** Accessible label for the popup dialog. */
+    readonly popupAriaLabel: string;
+    /** Label for the current wizard step (e.g. "Select Year"). */
+    readonly wizardStepLabel: string;
+    /** Summary of wizard selections so far (e.g. "1995 · June · 15"). */
+    readonly wizardSummary: string;
+    /**
+     * Localized short weekday headers in the correct order for the current `firstDay`.
+     * Returns an array of 7 short names (e.g., ["Mo", "Tu", "We", ...]).
+     */
+    readonly weekdayHeaders: string[];
+    init(): void;
+    destroy(): void;
+    _rebuildGrid(): void;
+    /** Rebuild the 3×4 month picker grid for the current year. */
+    _rebuildMonthGrid(): void;
+    /** Rebuild the 3×4 year picker grid for the current year's 12-year block. */
+    _rebuildYearGrid(): void;
+    /**
+     * Build a flat array of grid items for template rendering, interleaving week number
+     * markers with day cells. Used by the auto-rendered template when `showWeekNumbers` is true.
+     */
+    dayGridItems(mg: MonthGrid): {
+        isWeekNumber: boolean;
+        weekNumber: number;
+        cell: DayCell;
+        key: string;
+    }[];
+    /** Year label for the month view header (e.g. "2026"). */
+    readonly yearLabel: string;
+    /** Decade range label for the year view header (e.g. "2016 – 2027"). */
+    readonly decadeLabel: string;
+    /**
+     * Whether backward navigation is possible from the current position.
+     *
+     * - Days view: checks if the previous month has any selectable dates.
+     * - Months view: checks if the previous year has any selectable months.
+     * - Years view: checks if the previous 12-year block has any selectable years.
+     *
+     * Usage in Alpine template:
+     * ```html
+     * <button @click="prev()" :disabled="!canGoPrev">←</button>
+     * ```
+     */
+    readonly canGoPrev: boolean;
+    /**
+     * Whether forward navigation is possible from the current position.
+     *
+     * - Days view: checks if the next month has any selectable dates.
+     * - Months view: checks if the next year has any selectable months.
+     * - Years view: checks if the next 12-year block has any selectable years.
+     *
+     * Usage in Alpine template:
+     * ```html
+     * <button @click="next()" :disabled="!canGoNext">→</button>
+     * ```
+     */
+    readonly canGoNext: boolean;
+    /**
+     * Compute CSS class object for a year cell in the year picker view.
+     */
+    yearClasses(cell: YearCell): Record<string, boolean>;
+    /**
+     * Compute CSS class object for a month cell in the month picker view.
+     */
+    monthClasses(cell: MonthCell): Record<string, boolean>;
+    /**
+     * Get a localized "Month Year" label for a specific month grid.
+     * @param gridIndex - Index into the `grid` array (0 for first month, 1 for second).
+     */
+    monthYearLabel(gridIndex: number): string;
+    /**
+     * Compute CSS class object for a day cell.
+     * Returns an object keyed by class name with boolean values, suitable for Alpine `:class`.
+     */
+    dayClasses(cell: {
+        date: CalendarDate;
+        isCurrentMonth: boolean;
+        isToday: boolean;
+        isDisabled: boolean;
+    }): Record<string, boolean>;
+    /**
+     * Get tooltip text for a day cell explaining why it is disabled.
+     * Returns an empty string for enabled dates.
+     */
+    dayTitle(cell: {
+        date: CalendarDate;
+        isDisabled: boolean;
+    }): string;
+    /**
+     * Bind an input element to the calendar.
+     *
+     * Sets up input masking (if enabled), syncs the initial value, and
+     * attaches an input listener to keep `inputValue` in sync.
+     *
+     * Usage:
+     * ```html
+     * <!-- Alpine component root with calendar() -->
+     *   <input x-ref="rc-input" type="text">
+     * ```
+     * The component auto-binds to the ref named by `config.inputRef` (default: `rc-input`) during init().
+     * For custom refs, set `inputRef` in config or call `bindInput($refs.myInput)` explicitly.
+     */
+    bindInput(el: HTMLInputElement): void;
+    /**
+     * Handle input event for unbound inputs (using `:value` + `@input`).
+     * When using `bindInput()`, this is handled automatically.
+     */
+    handleInput(e: Event): void;
+    /**
+     * Handle focus on the input element.
+     * Opens the calendar popup in popup display mode.
+     */
+    handleFocus(): void;
+    /**
+     * Handle blur on the input element.
+     * Parses the typed value, updates selection if valid, and reformats the input.
+     */
+    handleBlur(): void;
+    /** Update inputValue and bound input element from current selection. */
+    _syncInputFromSelection(): void;
+    /** Announce a message to screen readers via the aria-live status region. */
+    _announce(message: string): void;
+    /** Announce the current navigation context (month/year/decade) for screen readers. */
+    _announceNavigation(): void;
+    /** Announce the new view after a view switch for screen readers. */
+    _announceViewChange(): void;
+    /** Dispatch calendar:change event with current selection state. */
+    _emitChange(): void;
+    /** Dispatch calendar:navigate event on month/year change. */
+    _emitNavigate(): void;
+    /** Dispatch calendar:view-change event on view switch. */
+    _emitViewChange(): void;
+    prev(): void;
+    next(): void;
+    goToToday(): void;
+    selectDate(dateOrISO: CalendarDate | string): void;
+    isSelected(date: CalendarDate): boolean;
+    isInRange(date: CalendarDate, hoverDate?: CalendarDate): boolean;
+    isRangeStart(date: CalendarDate): boolean;
+    isRangeEnd(date: CalendarDate): boolean;
+    /**
+     * Check whether selecting `date` as a range endpoint would produce a valid range.
+     *
+     * Returns `true` when:
+     * - The date is not disabled AND
+     * - Either no range start is selected yet (any non-disabled date can start), OR
+     * - Completing the range with this date would satisfy minRange/maxRange constraints.
+     *
+     * Returns `false` for non-range modes.
+     *
+     * Useful for dimming dates in the UI that would result in an invalid range.
+     */
+    isDateSelectableForRange(date: CalendarDate): boolean;
+    /**
+     * Get human-readable reasons why a date is disabled.
+     * Returns an empty array for enabled dates.
+     * Accepts a CalendarDate or ISO string.
+     */
+    getDisabledReason(date: CalendarDate | string): string[];
+    clearSelection(): void;
+    /**
+     * Set the calendar selection programmatically.
+     *
+     * Accepts a single ISO date string, an array of ISO strings, or CalendarDate(s).
+     * The calendar navigates to show the first selected date.
+     *
+     * Usage:
+     * ```js
+     * // Single mode
+     * $data.setValue('2025-06-15')
+     *
+     * // Multiple mode
+     * $data.setValue(['2025-06-15', '2025-06-20'])
+     *
+     * // Range mode
+     * $data.setValue(['2025-06-15', '2025-06-20'])
+     *
+     * // With CalendarDate
+     * $data.setValue(new CalendarDate(2025, 6, 15))
+     * ```
+     */
+    setValue(value: string | string[] | CalendarDate | CalendarDate[]): void;
+    /**
+     * Clear the current selection. Alias for `clearSelection()`.
+     */
+    clear(): void;
+    /**
+     * Navigate the calendar to a specific year and month without changing selection.
+     *
+     * Usage:
+     * ```js
+     * $data.goTo(2025, 6)   // Navigate to June 2025
+     * $data.goTo(2030)      // Navigate to the current month in 2030
+     * ```
+     */
+    goTo(year: number, month?: number): void;
+    /**
+     * Get the current selection as an array of CalendarDate objects.
+     *
+     * Returns a new array each time (safe to mutate).
+     *
+     * Usage:
+     * ```js
+     * const dates = $data.getSelection()
+     * console.log(dates.map(d => d.toISO()))
+     * ```
+     */
+    getSelection(): CalendarDate[];
+    /**
+     * Apply a predefined range preset by index.
+     *
+     * Evaluates the preset's `value()` function, sets the selection to the
+     * returned `[start, end]` range, navigates to the start date, and
+     * emits a change event. In popup mode with `closeOnSelect`, the popup closes.
+     *
+     * Usage in Alpine template:
+     * ```html
+     * <template x-for="(preset, pi) in presets" :key="pi">
+     *   <button @click="applyPreset(pi)" x-text="preset.label"></button>
+     * </template>
+     * ```
+     */
+    applyPreset(index: number): void;
+    /**
+     * Update constraint-related configuration at runtime.
+     *
+     * Rebuilds all constraint functions and refreshes grids. Accepts the same
+     * constraint properties as `CalendarConfig` (minDate, maxDate, disabledDates,
+     * disabledDaysOfWeek, enabledDates, enabledDaysOfWeek, disabledMonths,
+     * enabledMonths, disabledYears, enabledYears, minRange, maxRange, rules).
+     *
+     * Updates are **merged** with the existing constraint config. To remove a
+     * previously set constraint, pass `undefined` explicitly (e.g.
+     * `{ disabledDaysOfWeek: undefined }`).
+     *
+     * Usage:
+     * ```js
+     * $data.updateConstraints({ minDate: '2025-06-01', disabledDaysOfWeek: [0, 6] })
+     * ```
+     */
+    updateConstraints(updates: Partial<CalendarConfig>): void;
+    setView(newView: "days" | "months" | "years"): void;
+    selectMonth(targetMonth: number): void;
+    selectYear(targetYear: number): void;
+    /** Navigate the wizard back one step. No-op if not in wizard mode. */
+    wizardBack(): void;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    /**
+     * Handle keydown events on the calendar container.
+     *
+     * Supports full keyboard navigation per ARIA grid pattern:
+     * - Arrow keys: move focus between days (±1 day / ±7 days)
+     * - Enter/Space: select the focused day
+     * - PageUp/PageDown: navigate prev/next month (+ Shift: prev/next year)
+     * - Home/End: jump to first/last day of current month
+     * - Escape: return to day view from month/year picker, or close popup
+     * - Tab: natural tab order (exits calendar)
+     *
+     * Uses `aria-activedescendant` pattern: the calendar grid container holds
+     * focus (`tabindex="0"`), and `focusedDate` drives which cell is visually
+     * highlighted. Day cells should have `id="day-{ISO}"` in the template.
+     *
+     * Usage in Alpine template:
+     * ```html
+     * <div @keydown="handleKeydown($event)" tabindex="0"
+     *      :aria-activedescendant="focusedDateISO ? 'day-' + focusedDateISO : null">
+     * ```
+     */
+    handleKeydown(e: KeyboardEvent): void;
+    /**
+     * Move focusedDate by a number of days, navigating months as needed.
+     * Skips disabled dates in the direction of movement (up to 31 attempts).
+     */
+    _moveFocus(deltaDays: number): void;
+    /**
+     * Move focusedDate by a number of months, clamping the day to valid range.
+     */
+    _moveFocusByMonths(deltaMonths: number): void;
+    /**
+     * Set focusedDate and navigate the calendar view if needed.
+     */
+    _setFocusedDate(date: CalendarDate): void;
+    /** Label for the sticky header in scrollable mode — tracks the topmost visible month. */
+    readonly scrollHeaderLabel: string;
+    /** Attach an IntersectionObserver that updates the sticky header as the user scrolls. */
+    _initScrollListener(): void;
+    /** Disconnect and re-initialize the scroll observer after DOM rebuild. */
+    _rebindScrollObserver(): void;
+    /** Smooth scroll a specific month into view inside the scroll container. */
+    _scrollToMonth(year: number, month: number): void;
+};

package/dist/plugin/template.d.ts

@@ -0,0 +1,11 @@
+export interface TemplateOptions {
+    display: 'inline' | 'popup';
+    isDualMonth: boolean;
+    isWizard: boolean;
+    hasName: boolean;
+    showWeekNumbers: boolean;
+    hasPresets: boolean;
+    isScrollable: boolean;
+    scrollHeight: number;
+}
+export declare function generateCalendarTemplate(options: TemplateOptions): string;

package/dist/positioning/popup.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Lightweight popup positioning engine.
+ *
+ * Calculates fixed-position coordinates for a floating element relative to
+ * a reference element. Supports automatic flipping when the popup would
+ * overflow the viewport.
+ *
+ * No external dependencies — replaces Floating UI for simple use cases.
+ */
+export type Placement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+export interface PositionOptions {
+    /** Preferred placement. Default: 'bottom-start'. */
+    placement?: Placement;
+    /** Offset in pixels between reference and floating element. Default: 4. */
+    offset?: number;
+    /** Whether to flip to the opposite side when there's not enough space. Default: true. */
+    flip?: boolean;
+}
+export interface PositionResult {
+    /** X coordinate (CSS `left`) for `position: fixed`. */
+    x: number;
+    /** Y coordinate (CSS `top`) for `position: fixed`. */
+    y: number;
+    /** Actual placement after potential flip. */
+    placement: Placement;
+}
+/**
+ * Compute fixed-position coordinates for a floating element.
+ *
+ * Uses `getBoundingClientRect()` on both the reference and floating elements
+ * to calculate position. The floating element must be in the DOM (but can
+ * be hidden with `visibility: hidden`) so its dimensions are measurable.
+ *
+ * @param reference - The trigger/anchor element
+ * @param floating  - The popup element to position
+ * @param options   - Positioning options
+ * @returns Position coordinates and resolved placement
+ */
+export declare function computePosition(reference: Element, floating: Element, options?: PositionOptions): PositionResult;
+/**
+ * Subscribe to scroll and resize events that could affect popup position.
+ *
+ * Calls `update()` whenever the reference element's position may have
+ * changed due to scrolling or window resize. Uses passive event listeners
+ * and throttles callbacks for performance.
+ *
+ * @param reference - The trigger/anchor element
+ * @param update    - Callback to recalculate position
+ * @param throttleMs - Throttle interval in ms. Default: 16 (~60fps)
+ * @returns Cleanup function to remove all listeners
+ */
+export declare function autoUpdate(reference: Element, update: () => void, throttleMs?: number): () => void;

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@reachweb/alpine-calendar",
+  "version": "0.1.1",
+  "type": "module",
+  "description": "A lightweight, AlpineJS-native calendar component with inline/popup display, input binding with masking, and TailwindCSS 4 theming.",
+  "main": "dist/alpine-calendar.umd.js",
+  "module": "dist/alpine-calendar.es.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/alpine-calendar.es.js",
+      "require": "./dist/alpine-calendar.umd.js"
+    },
+    "./cdn": "./dist/alpine-calendar.cdn.js",
+    "./css": "./dist/alpine-calendar.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "pnpm build:lib && pnpm build:cdn && tsc --emitDeclarationOnly",
+    "build:lib": "vite build --config vite.config.lib.ts",
+    "build:cdn": "vite build --config vite.config.cdn.ts",
+    "preview": "vite preview",
+    "lint": "eslint src/",
+    "lint:fix": "eslint src/ --fix",
+    "format": "prettier --write 'src/**/*.{ts,css}'",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "pnpm run build"
+  },
+  "peerDependencies": {
+    "alpinejs": "^3.0.0"
+  },
+  "keywords": [
+    "alpinejs",
+    "calendar",
+    "datepicker",
+    "tailwindcss",
+    "livewire"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/reachweb/alpine-calendar"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.3",
+    "@tailwindcss/vite": "^4.2.1",
+    "@types/alpinejs": "^3.13.11",
+    "@vitest/coverage-v8": "^4.0.18",
+    "alpinejs": "^3.15.8",
+    "axe-core": "^4.11.1",
+    "eslint": "^9.39.3",
+    "eslint-config-prettier": "^10.1.8",
+    "jsdom": "^28.1.0",
+    "lint-staged": "^16.2.7",
+    "prettier": "^3.8.1",
+    "simple-git-hooks": "^2.13.1",
+    "tailwindcss": "^4.2.1",
+    "terser": "^5.46.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.56.1",
+    "vite": "^6.4.1",
+    "vitest": "^4.0.18"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "pnpm lint-staged"
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.css": [
+      "prettier --write"
+    ]
+  }
+}