@proyecto-viviana/solid-stately 0.2.7 → 0.3.0

package/dist/tree/types.d.ts

@@ -2,8 +2,8 @@
  * Tree collection types for Tree components.
  * Based on @react-stately/tree.
  */
-import type { Key, FocusStrategy } from '../collections/types';
-import type { GridNode, GridCollection } from '../grid/types';
+import type { Key, FocusStrategy } from "../collections/types";
+import type { GridNode, GridCollection } from "../grid/types";
 /**
  * Represents a node in a tree collection.
  * Extends GridNode with tree-specific properties.
@@ -26,7 +26,7 @@ export interface TreeNode<T = unknown> extends GridNode<T> {
  * A collection of tree nodes with tree-specific navigation.
  * Only includes visible nodes (respects expanded state).
  */
-export interface TreeCollection<T = unknown> extends Omit<GridCollection<T>, 'rows' | 'columns' | 'headerRows' | 'columnCount' | 'getCell'> {
+export interface TreeCollection<T = unknown> extends Omit<GridCollection<T>, "rows" | "columns" | "headerRows" | "columnCount" | "getCell"> {
     /** All visible rows in the tree (respects expanded state). */
     readonly rows: TreeNode<T>[];
     /** Number of visible rows. */
@@ -74,9 +74,11 @@ export interface TreeState<T, C extends TreeCollection<T> = TreeCollection<T>> {
     /** Whether the tree is focused. */
     readonly isFocused: boolean;
     /** The selection mode. */
-    readonly selectionMode: 'none' | 'single' | 'multiple';
+    readonly selectionMode: "none" | "single" | "multiple";
+    /** How selection behaves when pressing an item. */
+    readonly selectionBehavior: "toggle" | "replace";
     /** The currently selected keys. */
-    readonly selectedKeys: 'all' | Set<Key>;
+    readonly selectedKeys: "all" | Set<Key>;
     /** Check if a key is selected. */
     isSelected(key: Key): boolean;
     /** Check if a key is disabled. */
@@ -119,19 +121,19 @@ export interface TreeStateOptions<T, C extends TreeCollection<T> = TreeCollectio
     /** Keys of disabled items. */
     disabledKeys?: Iterable<Key>;
     /** Disabled behavior: 'selection' only or 'all' interactions. */
-    disabledBehavior?: 'selection' | 'all';
+    disabledBehavior?: "selection" | "all";
     /** Selection mode. */
-    selectionMode?: 'none' | 'single' | 'multiple';
+    selectionMode?: "none" | "single" | "multiple";
     /** Selection behavior. */
-    selectionBehavior?: 'toggle' | 'replace';
+    selectionBehavior?: "toggle" | "replace";
     /** Whether empty selection is disallowed. */
     disallowEmptySelection?: boolean;
     /** Currently selected keys (controlled). */
-    selectedKeys?: 'all' | Iterable<Key>;
+    selectedKeys?: "all" | Iterable<Key>;
     /** Default selected keys (uncontrolled). */
-    defaultSelectedKeys?: 'all' | Iterable<Key>;
+    defaultSelectedKeys?: "all" | Iterable<Key>;
     /** Handler for selection changes. */
-    onSelectionChange?: (keys: 'all' | Set<Key>) => void;
+    onSelectionChange?: (keys: "all" | Set<Key>) => void;
     /** Currently expanded keys (controlled). */
     expandedKeys?: Iterable<Key>;
     /** Default expanded keys (uncontrolled). */
@@ -144,13 +146,17 @@ export interface TreeStateOptions<T, C extends TreeCollection<T> = TreeCollectio
  */
 export interface TreeItemData<T = unknown> {
     /** Unique key for this item. */
-    key: Key;
+    key?: Key;
+    /** S2/React Aria-compatible unique id alias. */
+    id?: Key;
     /** The data value for this item. */
-    value: T;
+    value?: T;
     /** Text content for accessibility and search. */
     textValue?: string;
     /** Child items (makes this item expandable). */
     children?: TreeItemData<T>[];
+    /** Whether this item has children that may not be loaded yet. */
+    hasChildItems?: boolean;
     /** Whether this item is disabled. */
     isDisabled?: boolean;
 }

package/dist/utils/index.d.ts

@@ -1 +1 @@
-export { access, isAccessor, type MaybeAccessor, type MaybeAccessorValue } from './reactivity';
+export { access, isAccessor, type MaybeAccessor, type MaybeAccessorValue } from "./reactivity";

package/dist/utils/reactivity.d.ts

@@ -3,7 +3,7 @@
  *
  * Provides type-safe utilities for working with SolidJS reactivity patterns.
  */
-import { Accessor } from 'solid-js';
+import { Accessor } from "solid-js";
 /**
  * A value that may be either a raw value or an accessor function.
  * This is a common pattern in SolidJS for props that may be reactive.

package/package.json

@@ -1,31 +1,40 @@
 {
   "name": "@proyecto-viviana/solid-stately",
-  "version": "0.2.7",
+  "version": "0.3.0",
   "description": "A 1-1 SolidJS port of React Stately - headless state management for UI components",
+  "keywords": [
+    "headless",
+    "react-stately",
+    "solid",
+    "solidjs",
+    "state",
+    "stately"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/proyecto-viviana/ui.git",
+    "directory": "packages/solid-stately"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
   "type": "module",
+  "sideEffects": false,
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "solid": "./src/index.ts",
+      "solid": "./dist/index.js",
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     }
   },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "sideEffects": false,
-  "scripts": {
-    "build": "tsup && rm -f tsconfig.build.tsbuildinfo && tsc -p tsconfig.build.json",
-    "dev": "tsup --watch",
-    "prepublishOnly": "echo 'Use the root Changesets npm release workflow'"
-  },
-  "peerDependencies": {
-    "solid-js": "^1.9.0"
+  "publishConfig": {
+    "access": "public"
   },
   "dependencies": {
     "@internationalized/date": "^3.8.0"
@@ -33,21 +42,11 @@
   "devDependencies": {
     "solid-js": "^1.9.11"
   },
-  "keywords": [
-    "solid",
-    "solidjs",
-    "stately",
-    "state",
-    "headless",
-    "react-stately"
-  ],
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/proyecto-viviana/proyecto-viviana.git",
-    "directory": "packages/solid-stately"
+  "peerDependencies": {
+    "solid-js": "^1.9.0"
   },
-  "publishConfig": {
-    "access": "public"
+  "scripts": {
+    "build": "rm -rf dist && tsdown && rm -f tsconfig.build.tsbuildinfo && tsc -p tsconfig.build.json",
+    "dev": "tsup --watch"
   }
-}
+}

package/src/autocomplete/createAutocompleteState.d.ts

@@ -3,24 +3,24 @@
  *
  * Based on @react-stately/autocomplete useAutocompleteState.
  */
-import { type Accessor } from 'solid-js';
+import { type Accessor } from "solid-js";
 export interface AutocompleteState {
-    /** The current value of the autocomplete input. */
-    inputValue: Accessor<string>;
-    /** Sets the value of the autocomplete input. */
-    setInputValue(value: string): void;
-    /** The id of the current aria-activedescendant of the autocomplete input. */
-    focusedNodeId: Accessor<string | null>;
-    /** Sets the id of the current aria-activedescendant of the autocomplete input. */
-    setFocusedNodeId(value: string | null): void;
+  /** The current value of the autocomplete input. */
+  inputValue: Accessor<string>;
+  /** Sets the value of the autocomplete input. */
+  setInputValue(value: string): void;
+  /** The id of the current aria-activedescendant of the autocomplete input. */
+  focusedNodeId: Accessor<string | null>;
+  /** Sets the id of the current aria-activedescendant of the autocomplete input. */
+  setFocusedNodeId(value: string | null): void;
 }
 export interface AutocompleteStateOptions {
-    /** The value of the autocomplete input (controlled). */
-    inputValue?: string;
-    /** The default value of the autocomplete input (uncontrolled). */
-    defaultInputValue?: string;
-    /** Handler that is called when the autocomplete input value changes. */
-    onInputChange?: (value: string) => void;
+  /** The value of the autocomplete input (controlled). */
+  inputValue?: string;
+  /** The default value of the autocomplete input (uncontrolled). */
+  defaultInputValue?: string;
+  /** Handler that is called when the autocomplete input value changes. */
+  onInputChange?: (value: string) => void;
 }
 /**
  * Provides state management for an autocomplete component.
@@ -42,5 +42,7 @@ export interface AutocompleteStateOptions {
  * state.setFocusedNodeId('item-1');
  * ```
  */
-export declare function createAutocompleteState(props?: AutocompleteStateOptions): AutocompleteState;
-//# sourceMappingURL=createAutocompleteState.d.ts.map
+export declare function createAutocompleteState(
+  props?: AutocompleteStateOptions,
+): AutocompleteState;
+//# sourceMappingURL=createAutocompleteState.d.ts.map

package/src/autocomplete/createAutocompleteState.ts

@@ -4,37 +4,29 @@
  * Based on @react-stately/autocomplete useAutocompleteState.
  */
 
-import { createSignal, type Accessor } from 'solid-js'
-import { access, type MaybeAccessor } from '../utils'
-
-// ============================================
-// TYPES
-// ============================================
+import { createSignal, type Accessor } from "solid-js";
+import { access, type MaybeAccessor } from "../utils";
 
 export interface AutocompleteState {
   /** The current value of the autocomplete input. */
-  inputValue: Accessor<string>
+  inputValue: Accessor<string>;
   /** Sets the value of the autocomplete input. */
-  setInputValue(value: string): void
+  setInputValue(value: string): void;
   /** The id of the current aria-activedescendant of the autocomplete input. */
-  focusedNodeId: Accessor<string | null>
+  focusedNodeId: Accessor<string | null>;
   /** Sets the id of the current aria-activedescendant of the autocomplete input. */
-  setFocusedNodeId(value: string | null): void
+  setFocusedNodeId(value: string | null): void;
 }
 
 export interface AutocompleteStateOptions {
   /** The value of the autocomplete input (controlled). */
-  inputValue?: string
+  inputValue?: string;
   /** The default value of the autocomplete input (uncontrolled). */
-  defaultInputValue?: string
+  defaultInputValue?: string;
   /** Handler that is called when the autocomplete input value changes. */
-  onInputChange?: (value: string) => void
+  onInputChange?: (value: string) => void;
 }
 
-// ============================================
-// CREATE AUTOCOMPLETE STATE
-// ============================================
-
 /**
  * Provides state management for an autocomplete component.
  *
@@ -56,34 +48,36 @@ export interface AutocompleteStateOptions {
  * ```
  */
 export function createAutocompleteState(
-  props: MaybeAccessor<AutocompleteStateOptions> = {}
+  props: MaybeAccessor<AutocompleteStateOptions> = {},
 ): AutocompleteState {
-  const getProps = () => access(props)
+  const getProps = () => access(props);
 
   // Track focused node ID for aria-activedescendant
-  const [focusedNodeId, setFocusedNodeId] = createSignal<string | null>(null)
+  const [focusedNodeId, setFocusedNodeId] = createSignal<string | null>(null);
 
   // Handle controlled vs uncontrolled input value
-  const isControlled = () => getProps().inputValue !== undefined
-  const [uncontrolledValue, setUncontrolledValue] = createSignal(getProps().defaultInputValue ?? '')
+  const isControlled = () => getProps().inputValue !== undefined;
+  const [uncontrolledValue, setUncontrolledValue] = createSignal(
+    getProps().defaultInputValue ?? "",
+  );
 
   const inputValue: Accessor<string> = () => {
-    const p = getProps()
-    return isControlled() ? (p.inputValue ?? '') : uncontrolledValue()
-  }
+    const p = getProps();
+    return isControlled() ? (p.inputValue ?? "") : uncontrolledValue();
+  };
 
   const setInputValue = (value: string) => {
-    const p = getProps()
+    const p = getProps();
     if (!isControlled()) {
-      setUncontrolledValue(value)
+      setUncontrolledValue(value);
     }
-    p.onInputChange?.(value)
-  }
+    p.onInputChange?.(value);
+  };
 
   return {
     inputValue,
     setInputValue,
     focusedNodeId,
     setFocusedNodeId,
-  }
+  };
 }

package/src/autocomplete/index.d.ts

@@ -1,2 +1,6 @@
-export { createAutocompleteState, type AutocompleteState, type AutocompleteStateOptions, } from './createAutocompleteState';
-//# sourceMappingURL=index.d.ts.map
+export {
+  createAutocompleteState,
+  type AutocompleteState,
+  type AutocompleteStateOptions,
+} from "./createAutocompleteState";
+//# sourceMappingURL=index.d.ts.map

package/src/autocomplete/index.ts

@@ -2,4 +2,4 @@ export {
   createAutocompleteState,
   type AutocompleteState,
   type AutocompleteStateOptions,
-} from './createAutocompleteState'
+} from "./createAutocompleteState";

package/src/calendar/createCalendarState.d.ts

@@ -4,127 +4,149 @@
  * Provides state management for calendar components.
  * Based on @react-stately/calendar useCalendarState
  */
-import { type Accessor } from 'solid-js';
-import { type CalendarDate, type DateValue } from '@internationalized/date';
-import { type MaybeAccessor } from '../utils';
-export type ValidationState = 'valid' | 'invalid';
+import { type Accessor } from "solid-js";
+import {
+  type Calendar as InternationalizedCalendar,
+  type CalendarDate,
+  type CalendarIdentifier,
+  type DateValue,
+} from "@internationalized/date";
+import { type MaybeAccessor } from "../utils";
+export type ValidationState = "valid" | "invalid";
+export type CalendarPageBehavior = "single" | "visible";
+export type CalendarSelectionAlignment = "start" | "center" | "end";
+export type CalendarDayOfWeek = "sun" | "mon" | "tue" | "wed" | "thu" | "fri" | "sat";
 export interface CalendarStateProps<T extends DateValue = DateValue> {
-    /** The current value (controlled). */
-    value?: MaybeAccessor<T | null>;
-    /** The default value (uncontrolled). */
-    defaultValue?: T | null;
-    /** Handler called when the value changes. */
-    onChange?: (value: T) => void;
-    /** The minimum allowed date. */
-    minValue?: MaybeAccessor<DateValue | undefined>;
-    /** The maximum allowed date. */
-    maxValue?: MaybeAccessor<DateValue | undefined>;
-    /** Whether the calendar is disabled. */
-    isDisabled?: MaybeAccessor<boolean>;
-    /** Whether the calendar is read-only. */
-    isReadOnly?: MaybeAccessor<boolean>;
-    /** Whether dates outside the visible range are automatically focused. */
-    autoFocus?: boolean;
-    /** The date that is focused when the calendar first mounts. */
-    focusedValue?: MaybeAccessor<DateValue | undefined>;
-    /** The default focused date (uncontrolled). */
-    defaultFocusedValue?: DateValue;
-    /** Handler called when the focused date changes. */
-    onFocusChange?: (date: CalendarDate) => void;
-    /** The locale to use for formatting. */
-    locale?: string;
-    /** Callback that is called for each date in the calendar to determine if it is unavailable. */
-    isDateUnavailable?: (date: DateValue) => boolean;
-    /** The number of months to display at once. */
-    visibleMonths?: number;
-    /** Whether to automatically focus the calendar when it is mounted. */
-    autoFocusOnMount?: boolean;
-    /** Controls which days are disabled. */
-    isDateDisabled?: (date: DateValue) => boolean;
-    /** Validation state. */
-    validationState?: MaybeAccessor<ValidationState | undefined>;
-    /** Error message. */
-    errorMessage?: string;
-    /** The first day of the week (0 = Sunday, 1 = Monday, etc.). */
-    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  /** The current value (controlled). */
+  value?: MaybeAccessor<T | null>;
+  /** The default value (uncontrolled). */
+  defaultValue?: T | null;
+  /** Handler called when the value changes. */
+  onChange?: (value: T | null) => void;
+  /** The minimum allowed date. */
+  minValue?: MaybeAccessor<DateValue | undefined>;
+  /** The maximum allowed date. */
+  maxValue?: MaybeAccessor<DateValue | undefined>;
+  /** Whether the calendar is disabled. */
+  isDisabled?: MaybeAccessor<boolean>;
+  /** Whether the calendar is read-only. */
+  isReadOnly?: MaybeAccessor<boolean>;
+  /** Whether dates outside the visible range are automatically focused. */
+  autoFocus?: boolean;
+  /** The date that is focused when the calendar first mounts. */
+  focusedValue?: MaybeAccessor<DateValue | null | undefined>;
+  /** The default focused date (uncontrolled). */
+  defaultFocusedValue?: DateValue;
+  /** Handler called when the focused date changes. */
+  onFocusChange?: (date: CalendarDate) => void;
+  /** The locale to use for formatting. */
+  locale?: MaybeAccessor<string | undefined>;
+  /** Creates a calendar object for a locale calendar identifier. */
+  createCalendar?: (identifier: CalendarIdentifier) => InternationalizedCalendar;
+  /** Callback that is called for each date in the calendar to determine if it is unavailable. */
+  isDateUnavailable?: (date: DateValue) => boolean;
+  /** The number of months to display at once. */
+  visibleMonths?: number;
+  /** Controls whether paging advances by one month or by the visible month range. */
+  pageBehavior?: CalendarPageBehavior;
+  /** Determines how the visible months align around the initial focused date. */
+  selectionAlignment?: CalendarSelectionAlignment;
+  /** Whether to automatically focus the calendar when it is mounted. */
+  autoFocusOnMount?: boolean;
+  /** Controls which days are disabled. */
+  isDateDisabled?: (date: DateValue) => boolean;
+  /** Validation state. */
+  validationState?: MaybeAccessor<ValidationState | undefined>;
+  /** Error message. */
+  errorMessage?: string;
+  /** The first day of the week (0 = Sunday, 1 = Monday, etc.). */
+  firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
 export interface CalendarState<T extends DateValue = DateValue> {
-    /** The currently selected date. */
-    value: Accessor<T | null>;
-    /** Sets the selected date. */
-    setValue: (value: T | null) => void;
-    /** The currently focused date. */
-    focusedDate: Accessor<CalendarDate>;
-    /** Sets the focused date. */
-    setFocusedDate: (date: CalendarDate) => void;
-    /** Whether the calendar is disabled. */
-    isDisabled: Accessor<boolean>;
-    /** Whether the calendar is read-only. */
-    isReadOnly: Accessor<boolean>;
-    /** The visible date range (first and last day of visible month(s)). */
-    visibleRange: Accessor<{
-        start: CalendarDate;
-        end: CalendarDate;
-    }>;
-    /** The timezone used for date calculations. */
-    timeZone: string;
-    /** The validation state. */
-    validationState: Accessor<ValidationState | undefined>;
-    /** Whether a date is selected. */
-    isSelected: (date: DateValue) => boolean;
-    /** Whether a date is focused. */
-    isCellFocused: (date: DateValue) => boolean;
-    /** Whether a date is unavailable. */
-    isCellUnavailable: (date: DateValue) => boolean;
-    /** Whether a date is disabled. */
-    isCellDisabled: (date: DateValue) => boolean;
-    /** Whether a date is outside the visible range. */
-    isOutsideVisibleRange: (date: DateValue) => boolean;
-    /** Whether a date is invalid. */
-    isInvalid: (date: DateValue) => boolean;
-    /** Moves focus to the previous page (month). */
-    focusPreviousPage: () => void;
-    /** Moves focus to the next page (month). */
-    focusNextPage: () => void;
-    /** Moves focus to the previous section (year). */
-    focusPreviousSection: () => void;
-    /** Moves focus to the next section (year). */
-    focusNextSection: () => void;
-    /** Moves focus to the previous day. */
-    focusPreviousDay: () => void;
-    /** Moves focus to the next day. */
-    focusNextDay: () => void;
-    /** Moves focus to the previous week. */
-    focusPreviousWeek: () => void;
-    /** Moves focus to the next week. */
-    focusNextWeek: () => void;
-    /** Moves focus to the start of the month. */
-    focusPageStart: () => void;
-    /** Moves focus to the end of the month. */
-    focusPageEnd: () => void;
-    /** Selects the focused date. */
-    selectFocusedDate: () => void;
-    /** Selects a specific date. */
-    selectDate: (date: CalendarDate) => void;
-    /** Whether focus is currently within the calendar. */
-    isFocused: Accessor<boolean>;
-    /** Sets whether focus is within the calendar. */
-    setFocused: (focused: boolean) => void;
-    /** Gets the dates for a week in the visible range. */
-    getDatesInWeek: (weekIndex: number, monthStartDate?: CalendarDate) => (CalendarDate | null)[];
-    /** Gets the number of weeks in a month. */
-    getWeeksInMonth: (date?: CalendarDate) => number;
-    /** The week day headers. */
-    weekDays: Accessor<string[]>;
-    /** The title for the calendar (formatted month and year). */
-    title: Accessor<string>;
-    /** The number of visible months. */
-    visibleMonths: number;
-    /** Whether the calendar is paginating (for animations). */
-    isPaginating: Accessor<boolean>;
+  /** The currently selected date. */
+  value: Accessor<T | null>;
+  /** Sets the selected date. */
+  setValue: (value: T | null) => void;
+  /** The currently focused date. */
+  focusedDate: Accessor<CalendarDate>;
+  /** Sets the focused date. */
+  setFocusedDate: (date: CalendarDate) => void;
+  /** Whether the calendar is disabled. */
+  isDisabled: Accessor<boolean>;
+  /** Whether the calendar is read-only. */
+  isReadOnly: Accessor<boolean>;
+  /** The visible date range (first and last day of visible month(s)). */
+  visibleRange: Accessor<{
+    start: CalendarDate;
+    end: CalendarDate;
+  }>;
+  /** The timezone used for date calculations. */
+  timeZone: string;
+  /** The locale used for formatting and locale-specific week starts. */
+  locale: Accessor<string>;
+  /** The explicitly requested first weekday, or undefined for the locale default. */
+  firstDayOfWeek: Accessor<CalendarDayOfWeek | undefined>;
+  /** The validation state. */
+  validationState: Accessor<ValidationState | undefined>;
+  /** Whether the current value is invalid according to validation state. */
+  isValueInvalid: Accessor<boolean>;
+  /** Whether a date is selected. */
+  isSelected: (date: DateValue) => boolean;
+  /** Whether a date is focused. */
+  isCellFocused: (date: DateValue) => boolean;
+  /** Whether a date is unavailable. */
+  isCellUnavailable: (date: DateValue) => boolean;
+  /** Whether a date is disabled. */
+  isCellDisabled: (date: DateValue) => boolean;
+  /** Whether a date is outside the visible range. */
+  isOutsideVisibleRange: (date: DateValue) => boolean;
+  /** Whether a date is invalid. */
+  isInvalid: (date: DateValue) => boolean;
+  /** Moves focus to the previous page (month). */
+  focusPreviousPage: () => void;
+  /** Moves focus to the next page (month). */
+  focusNextPage: () => void;
+  /** Moves focus to the previous section (year). */
+  focusPreviousSection: () => void;
+  /** Moves focus to the next section (year). */
+  focusNextSection: () => void;
+  /** Moves focus to the previous day. */
+  focusPreviousDay: () => void;
+  /** Moves focus to the next day. */
+  focusNextDay: () => void;
+  /** Moves focus to the previous week. */
+  focusPreviousWeek: () => void;
+  /** Moves focus to the next week. */
+  focusNextWeek: () => void;
+  /** Moves focus to the start of the month. */
+  focusPageStart: () => void;
+  /** Moves focus to the end of the month. */
+  focusPageEnd: () => void;
+  /** Selects the focused date. */
+  selectFocusedDate: () => void;
+  /** Selects a specific date. */
+  selectDate: (date: CalendarDate) => void;
+  /** Whether focus is currently within the calendar. */
+  isFocused: Accessor<boolean>;
+  /** Sets whether focus is within the calendar. */
+  setFocused: (focused: boolean) => void;
+  /** Gets the dates for a week in the visible range. */
+  getDatesInWeek: (weekIndex: number, monthStartDate?: CalendarDate) => (CalendarDate | null)[];
+  /** Gets the number of weeks in a month. */
+  getWeeksInMonth: (date?: CalendarDate) => number;
+  /** The week day headers. */
+  weekDays: Accessor<string[]>;
+  /** The title for the calendar (formatted month and year). */
+  title: Accessor<string>;
+  /** The number of visible months. */
+  visibleMonths: number;
+  /** Whether the calendar is paginating (for animations). */
+  isPaginating: Accessor<boolean>;
 }
 /**
  * Provides state management for a calendar component.
  */
-export declare function createCalendarState<T extends DateValue = CalendarDate>(props?: CalendarStateProps<T>): CalendarState<T>;
-//# sourceMappingURL=createCalendarState.d.ts.map
+export declare function createCalendarState<T extends DateValue = CalendarDate>(
+  props?: CalendarStateProps<T>,
+): CalendarState<T>;
+//# sourceMappingURL=createCalendarState.d.ts.map