@nepdatejs/react 0.0.0-stage → 0.1.1

package/dist/headless-AEI6dxTJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"headless-AEI6dxTJ.cjs","names":["useRef","getLocale","useCallback","useEffect","useLayoutEffect","useRef","useState","useSyncExternalStore","createCalendar","createDatePicker","useId","getLocale","createDateRangePicker","createDateTimePicker","createMultiDatePicker"],"sources":["../src/bindings.ts","../src/use-store.ts","../src/hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, type KeyboardEvent, type Ref } from 'react';\nimport { getLocale, type CalendarDate, type LocaleCode } from '@nepdatejs/core';\nimport type {\n  CalendarActions,\n  CalendarState,\n  DayCell,\n  FocusKey,\n  PickerCell,\n} from '@nepdatejs/calendar';\n\nconst FOCUS_KEYS: ReadonlySet<string> = new Set([\n  'ArrowLeft',\n  'ArrowRight',\n  'ArrowUp',\n  'ArrowDown',\n  'Home',\n  'End',\n  'PageUp',\n  'PageDown',\n]);\n\ntype DataAttrs = Record<`data-${string}`, string | boolean | undefined>;\n\nexport interface ButtonProps extends DataAttrs {\n  type: 'button';\n  tabIndex?: number;\n  disabled?: boolean;\n  'aria-label'?: string;\n  'aria-pressed'?: boolean;\n  'aria-current'?: 'date';\n  onClick: () => void;\n  onFocus?: () => void;\n  onMouseEnter?: () => void;\n}\n\nexport interface GridProps {\n  role: 'grid';\n  'aria-label': string;\n  ref: Ref<HTMLTableElement>;\n  onKeyDown: (event: KeyboardEvent) => void;\n  onMouseLeave: () => void;\n}\n\n/** Prop getters that turn a calendar store into accessible markup. */\nexport interface CalendarBindings {\n  readonly state: CalendarState;\n  readonly actions: CalendarActions;\n  readonly getGridProps: () => GridProps;\n  readonly getDayProps: (cell: DayCell) => ButtonProps;\n  readonly getPrevProps: () => ButtonProps;\n  readonly getNextProps: () => ButtonProps;\n  /** The title buttons: month and year in the day view, the year (or page) otherwise. */\n  readonly getTitleButtons: () => { key: string; label: string; props: ButtonProps }[];\n  readonly getOptionProps: (\n    tile: PickerCell,\n    index: number,\n    tiles: readonly PickerCell[],\n  ) => ButtonProps;\n  /** Move focus into the grid (e.g. when a panel opens). */\n  readonly focusGrid: () => void;\n}\n\nexport function useCalendarBindings(\n  state: CalendarState,\n  actions: CalendarActions,\n  locale: LocaleCode | undefined,\n  options: {\n    /** The store's latest snapshot, to tell whether a key press changed anything. */\n    readonly getSnapshot: () => CalendarState;\n    readonly onDayActivate?: ((date: CalendarDate) => void) | undefined;\n  },\n): CalendarBindings {\n  const { getSnapshot, onDayActivate } = options;\n  const grid = useRef<HTMLTableElement | null>(null);\n  const root = useRef<HTMLElement | null>(null);\n  const focusRequested = useRef(false);\n  const labels = getLocale(locale).labels;\n\n  const focusGrid = useCallback((): void => {\n    const scope = grid.current?.closest('.ndp-calendar') ?? grid.current ?? root.current;\n    scope\n      ?.querySelector<HTMLElement>('.ndp-day[tabindex=\"0\"], .ndp-option[tabindex=\"0\"]')\n      ?.focus();\n  }, []);\n\n  useEffect(() => {\n    if (focusRequested.current) {\n      focusRequested.current = false;\n      focusGrid();\n    }\n  });\n\n  const requestFocus = (): void => {\n    focusRequested.current = true;\n  };\n\n  const activate = onDayActivate ?? ((date: CalendarDate) => actions.select(date));\n  const [monthName, yearText] = splitTitle(state.title);\n  const focusIndex = (tiles: readonly PickerCell[]): number => {\n    const selected = tiles.findIndex((tile) => tile.isSelected);\n    const current = tiles.findIndex((tile) => tile.isCurrent);\n\n    return Math.max(0, selected === -1 ? current : selected);\n  };\n\n  return {\n    state,\n    actions,\n    focusGrid,\n    getGridProps: () => ({\n      role: 'grid',\n      'aria-label': state.title,\n      ref: (node: HTMLTableElement | null) => {\n        grid.current = node;\n      },\n      onKeyDown: (event) => {\n        if (!FOCUS_KEYS.has(event.key)) {\n          return;\n        }\n        event.preventDefault();\n        requestFocus();\n        actions.moveFocus(event.key as FocusKey, { shift: event.shiftKey });\n        // Nothing moved (at a limit): keep focus here. Otherwise the effect focuses after React renders.\n        if (getSnapshot() === state) {\n          focusRequested.current = false;\n          focusGrid();\n        }\n      },\n      onMouseLeave: () => {\n        if (state.selectionMode === 'range') {\n          actions.hover(null);\n        }\n      },\n    }),\n    getDayProps: (cell) => ({\n      type: 'button',\n      tabIndex: cell.isFocusTarget ? 0 : -1,\n      disabled: cell.isDisabled,\n      'aria-pressed': cell.isSelected,\n      ...(cell.isToday ? { 'aria-current': 'date' as const } : {}),\n      'data-state': cell.state,\n      'data-weekend': cell.isWeekend || undefined,\n      'data-preview': (cell.isInRangePreview && !cell.isSelected) || undefined,\n      'data-outside': cell.isOutside || undefined,\n      onClick: () => {\n        if (!cell.isDisabled) {\n          activate(cell.date);\n        }\n      },\n      onFocus: () => {\n        if (!cell.isFocusTarget) {\n          actions.focus(cell.date);\n        }\n      },\n      onMouseEnter: () => {\n        if (state.selectionMode === 'range') {\n          actions.hover(cell.isDisabled ? null : cell.date);\n        }\n      },\n    }),\n    getPrevProps: () => ({\n      type: 'button',\n      disabled: !state.canPrev,\n      'aria-label': state.view === 'day' ? labels.previousMonth : labels.previousYear,\n      onClick: () => {\n        actions.prev();\n      },\n    }),\n    getNextProps: () => ({\n      type: 'button',\n      disabled: !state.canNext,\n      'aria-label': state.view === 'day' ? labels.nextMonth : labels.nextYear,\n      onClick: () => {\n        actions.next();\n      },\n    }),\n    getTitleButtons: () =>\n      state.view === 'day'\n        ? [\n            {\n              key: 'month',\n              label: monthName,\n              props: {\n                type: 'button',\n                'aria-label': `${labels.month}: ${monthName}`,\n                onClick: () => {\n                  requestFocus();\n                  actions.setView('month');\n                },\n              },\n            },\n            {\n              key: 'year',\n              label: yearText,\n              props: {\n                type: 'button',\n                'aria-label': `${labels.year}: ${yearText}`,\n                onClick: () => {\n                  requestFocus();\n                  actions.setView('year');\n                },\n              },\n            },\n          ]\n        : [\n            {\n              key: 'up',\n              label: state.title,\n              props: {\n                type: 'button',\n                'aria-label':\n                  state.view === 'fiscal'\n                    ? state.title\n                    : `${labels.year}: ${state.title}`,\n                onClick: () => {\n                  requestFocus();\n                  actions.setView(state.view === 'month' ? 'year' : 'day');\n                },\n              },\n            },\n          ],\n    getOptionProps: (tile, index, tiles) => ({\n      type: 'button',\n      tabIndex: index === focusIndex(tiles) ? 0 : -1,\n      disabled: tile.isDisabled,\n      'aria-pressed': tile.isSelected,\n      'data-state': tile.isSelected ? 'selected' : tile.isCurrent ? 'current' : 'default',\n      onClick: () => {\n        requestFocus();\n        if (state.view === 'month') {\n          actions.chooseMonth(tile.value as 1);\n        } else if (state.view === 'year') {\n          actions.chooseYear(tile.value);\n        } else {\n          actions.chooseFiscalYear(tile.value);\n        }\n      },\n    }),\n  };\n}\n\n/** \"Kartik 2083\" → [\"Kartik\", \"2083\"]. */\nfunction splitTitle(title: string): [string, string] {\n  const space = title.lastIndexOf(' ');\n\n  return space === -1 ? [title, ''] : [title.slice(0, space), title.slice(space + 1)];\n}\n","import {\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\n\ninterface StoreLike<O, S> {\n  getState(): S;\n  subscribe(listener: () => void): () => void;\n  setOptions(changes: Partial<O>): void;\n  readonly actions?: object;\n}\n\n/** Function options whose answers decide how the calendar's days look. */\nconst DAY_FUNCTIONS = ['isDateDisabled', 'holidays', 'events'] as const;\n\ninterface DayAnswers {\n  /** The days on screen; moving to another month isn't a change of answers. */\n  readonly days: string;\n  readonly answers: string;\n}\n\n/** useLayoutEffect in the browser, useEffect on the server (no warning). */\nexport const useIsomorphicLayoutEffect: typeof useEffect =\n  typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\ntype Fn = (...args: never[]) => unknown;\n\n/**\n * Create a store once and keep its options in step with props, without\n * loops: functions are wrapped once so their identity never changes, and data\n * options are compared by value, so inline objects and arrays are fine.\n */\nexport function useStore<O extends object, S, T extends StoreLike<O, S>>(\n  create: (options: O) => T,\n  options: O,\n): { store: T; state: S } {\n  const latest = useRef(options);\n  latest.current = options;\n  const wrappers = useRef(new Map<string, Fn>());\n\n  const prepare = (input: O): O => {\n    const out: Record<string, unknown> = {};\n    for (const [key, value] of Object.entries(input)) {\n      if (typeof value === 'function') {\n        let wrapper = wrappers.current.get(key);\n        if (!wrapper) {\n          wrapper = (...args: never[]) =>\n            ((latest.current as Record<string, unknown>)[key] as Fn | undefined)?.(\n              ...args,\n            );\n          wrappers.current.set(key, wrapper);\n        }\n        out[key] = wrapper;\n      } else {\n        out[key] = value;\n      }\n    }\n\n    return out as O;\n  };\n\n  const [store] = useState(() => create(prepare(options)));\n  const previous = useRef<O>(prepare(options));\n  const dayAnswers = useRef<DayAnswers | null>(null);\n  const storeValue = useRef(valueOf(store.getState()));\n\n  useIsomorphicLayoutEffect(() => {\n    const next = prepare(options) as Record<string, unknown>;\n    const before = previous.current as Record<string, unknown>;\n    const changes: Record<string, unknown> = {};\n    for (const key of new Set([...Object.keys(before), ...Object.keys(next)])) {\n      if (!deepEqual(before[key], next[key])) {\n        changes[key] = next[key];\n      }\n    }\n    previous.current = next as O;\n\n    // An inline function is wrapped once, so it never looks changed above. Ask it\n    // about the days on screen instead, and redraw only if an answer is different.\n    const current = askDayFunctions(options, store.getState());\n    const asked = dayAnswers.current;\n    dayAnswers.current = current;\n    if (asked?.days === current?.days && asked?.answers !== current?.answers) {\n      for (const key of DAY_FUNCTIONS) {\n        if (key in next) {\n          changes[key] = next[key];\n        }\n      }\n    }\n    if (Object.keys(changes).length > 0) {\n      store.setOptions(changes as Partial<O>);\n    }\n\n    // A controlled picker shows what its parent holds. If the person entered a\n    // date and the parent kept its value, put that value back.\n    const value = valueOf(store.getState());\n    const changedByUser = !deepEqual(value, storeValue.current) && !('value' in changes);\n    storeValue.current = value;\n    const held = next['value'];\n    if (\n      changedByUser &&\n      held !== undefined &&\n      isChosen(value) &&\n      !deepEqual(value, held)\n    ) {\n      (store.actions as { setValue?: (value: unknown) => void } | undefined)?.setValue?.(\n        held,\n      );\n      storeValue.current = valueOf(store.getState());\n    }\n  });\n\n  const state = useSyncExternalStore(\n    (listener) => store.subscribe(listener),\n    () => store.getState(),\n    () => store.getState(),\n  );\n\n  return { store, state };\n}\n\nfunction valueOf(state: unknown): unknown {\n  return (state as { value?: unknown }).value;\n}\n\n/** A finished value: not empty, half typed, or a range with one end still to pick. */\nfunction isChosen(value: unknown): boolean {\n  if (Array.isArray(value)) {\n    return value.length > 0;\n  }\n  if (typeof value === 'object' && value !== null) {\n    return Object.values(value).every((part) => part !== '');\n  }\n\n  return value !== '' && value !== undefined;\n}\n\n/** What the day functions say about the days on screen, or null when there are none. */\nfunction askDayFunctions(options: object, state: unknown): DayAnswers | null {\n  const given = DAY_FUNCTIONS.flatMap((key) => {\n    const option = (options as Record<string, unknown>)[key];\n\n    return typeof option === 'function' ? [option as (date: unknown) => unknown] : [];\n  });\n  if (given.length === 0) {\n    return null;\n  }\n  const { weeks, calendarState } = state as {\n    weeks?: readonly (readonly ({ date: unknown } | null)[])[];\n    calendarState?: { weeks: readonly (readonly ({ date: unknown } | null)[])[] };\n  };\n  const dates = (weeks ?? calendarState?.weeks ?? [])\n    .flat()\n    .flatMap((cell) => (cell ? [cell.date] : []));\n\n  return {\n    days: JSON.stringify(dates),\n    answers: JSON.stringify(dates.map((date) => given.map((ask) => ask(date)))),\n  };\n}\n\n/** Structural equality for plain data (dates, ranges, lists); identity for everything else. */\nexport function deepEqual(a: unknown, b: unknown): boolean {\n  if (Object.is(a, b)) {\n    return true;\n  }\n  if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) {\n    return false;\n  }\n  if (Array.isArray(a) || Array.isArray(b)) {\n    return (\n      Array.isArray(a) &&\n      Array.isArray(b) &&\n      a.length === b.length &&\n      a.every((item, index) => deepEqual(item, b[index]))\n    );\n  }\n  if (\n    Object.getPrototypeOf(a) !== Object.prototype ||\n    Object.getPrototypeOf(b) !== Object.prototype\n  ) {\n    return false;\n  }\n  const keysA = Object.keys(a);\n  const keysB = Object.keys(b);\n\n  return (\n    keysA.length === keysB.length &&\n    keysA.every((key) =>\n      deepEqual((a as Record<string, unknown>)[key], (b as Record<string, unknown>)[key]),\n    )\n  );\n}\n","import { useId, type ChangeEvent, type KeyboardEvent } from 'react';\nimport { getLocale, type CalendarSystem } from '@nepdatejs/core';\nimport {\n  createCalendar,\n  type CalendarOptions,\n  type CalendarState,\n  type CalendarStore,\n} from '@nepdatejs/calendar';\nimport type { PresetState } from '@nepdatejs/datepicker';\nimport {\n  createDatePicker,\n  createDateRangePicker,\n  createDateTimePicker,\n  createMultiDatePicker,\n  type DateTimePickerOptions,\n  type DateTimePickerState,\n  type DateTimePickerStore,\n  type DatePickerOptions,\n  type DatePickerState,\n  type DatePickerStore,\n  type DateRangePickerOptions,\n  type DateRangePickerState,\n  type DateRangePickerStore,\n  type MultiDatePickerOptions,\n  type MultiDatePickerState,\n  type MultiDatePickerStore,\n  type RangeField,\n} from '@nepdatejs/datepicker';\nimport { useCalendarBindings, type ButtonProps, type CalendarBindings } from './bindings';\nimport { useStore } from './use-store';\n\n/** A standalone calendar: state, actions and prop getters. */\nexport function useCalendar(\n  options: CalendarOptions = {},\n): CalendarBindings & { store: CalendarStore } {\n  const { store, state } = useStore<CalendarOptions, CalendarState, CalendarStore>(\n    createCalendar,\n    options,\n  );\n  const bindings = useCalendarBindings(state, store.actions, options.locale, {\n    getSnapshot: () => store.getState(),\n  });\n\n  return { ...bindings, store };\n}\n\nexport interface InputProps {\n  id: string;\n  /** Left out for an inline picker, whose calendar is always in the page. */\n  role?: 'combobox';\n  type: 'text';\n  inputMode: 'numeric';\n  autoComplete: 'off';\n  value: string;\n  placeholder: string;\n  'aria-haspopup'?: 'dialog';\n  'aria-expanded'?: boolean;\n  'aria-controls': string;\n  'aria-invalid'?: true;\n  'aria-describedby'?: string;\n  onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  onBlur: () => void;\n  onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;\n}\n\nexport interface PanelProps {\n  id: string;\n  /** 'group' for an inline picker. */\n  role: 'dialog' | 'group';\n  'aria-label': string;\n}\n\nexport interface DatePickerBindings {\n  readonly state: DatePickerState;\n  readonly actions: DatePickerStore['actions'];\n  readonly store: DatePickerStore;\n  /** Prop getters for the panel's calendar. */\n  readonly calendar: CalendarBindings;\n  readonly ids: { input: string; panel: string; hint: string };\n  getInputProps(extra?: { id?: string | undefined }): InputProps;\n  getToggleProps(): ButtonProps & { 'aria-expanded': boolean; 'aria-controls': string };\n  getClearProps(): ButtonProps;\n  /** The BS/AD switch inside the input. */\n  getSwitchProps(): ButtonProps;\n  /** One button of the BS/AD segment in the panel footer. */\n  getCalendarOptionProps(calendar: CalendarSystem): ButtonProps;\n  getTodayProps(): ButtonProps;\n  getPanelProps(): PanelProps;\n  /** A shortcut button (see state.presets). */\n  getPresetProps(preset: PresetState): ButtonProps;\n}\n\n/** A BS/AD date picker without markup: wire the getters to your own elements. */\nexport function useDatePicker(\n  options: DatePickerOptions & { id?: string | undefined } = {},\n): DatePickerBindings {\n  const { id: givenId, ...storeOptions } = options;\n  const { store, state } = useStore<DatePickerOptions, DatePickerState, DatePickerStore>(\n    createDatePicker,\n    storeOptions,\n  );\n  const generated = useId();\n  const input = givenId ?? `ndp${generated.replace(/:/g, '')}`;\n  const ids = { input, panel: `${input}-panel`, hint: `${input}-hint` };\n  const labels = getLocale(options.locale);\n  const calendar = useCalendarBindings(\n    state.calendarState,\n    store.calendar.actions,\n    options.locale,\n    {\n      getSnapshot: () => store.calendar.getState(),\n      onDayActivate: (date) => {\n        store.actions.select(date);\n      },\n    },\n  );\n  const hasHint = state.error !== null || state.equivalentText !== null;\n\n  return {\n    state,\n    actions: store.actions,\n    store,\n    calendar,\n    ids,\n    getInputProps: () => ({\n      id: ids.input,\n      ...popupProps(state),\n      type: 'text',\n      inputMode: 'numeric',\n      autoComplete: 'off',\n      value: state.text,\n      placeholder: state.placeholder,\n      'aria-controls': ids.panel,\n      ...(state.error ? { 'aria-invalid': true as const } : {}),\n      ...(hasHint ? { 'aria-describedby': ids.hint } : {}),\n      onChange: (event) => {\n        store.actions.type(event.target.value);\n      },\n      onBlur: () => {\n        store.actions.blur();\n      },\n      onKeyDown: (event) => {\n        if (event.key === 'ArrowDown' && (event.altKey || state.text === '')) {\n          event.preventDefault();\n          store.actions.open();\n        }\n      },\n    }),\n    getToggleProps: () => ({\n      type: 'button',\n      'aria-label': labels.labels.openCalendar,\n      'aria-expanded': state.open,\n      'aria-controls': ids.panel,\n      onClick: () => {\n        store.actions.toggle();\n      },\n    }),\n    getClearProps: () => ({\n      type: 'button',\n      'aria-label': labels.labels.clear,\n      onClick: () => {\n        store.actions.clear();\n      },\n    }),\n    getSwitchProps: () => {\n      const other: CalendarSystem = state.calendar === 'BS' ? 'AD' : 'BS';\n\n      return {\n        type: 'button',\n        'aria-label': `${labels.labels.calendar}: ${labels.calendarNames[state.calendar]} → ${labels.calendarNames[other]}`,\n        onClick: () => {\n          store.actions.switchCalendar(other);\n        },\n      };\n    },\n    getCalendarOptionProps: (option) => ({\n      type: 'button',\n      'aria-pressed': state.calendar === option,\n      onClick: () => {\n        store.actions.switchCalendar(option);\n      },\n    }),\n    getTodayProps: () => ({\n      type: 'button',\n      onClick: () => {\n        store.actions.selectToday();\n      },\n    }),\n    getPanelProps: () => ({\n      id: ids.panel,\n      role: state.inline ? 'group' : 'dialog',\n      'aria-label': labels.labels.chooseDate,\n    }),\n    getPresetProps: (preset) =>\n      presetProps(preset, (id) => store.actions.applyPreset(id)),\n  };\n}\n\n/** Combobox ARIA for a popup picker; an inline picker's input is a plain text field. */\nexport function popupProps(state: {\n  readonly open: boolean;\n  readonly inline: boolean;\n}): Pick<InputProps, 'role' | 'aria-haspopup' | 'aria-expanded'> {\n  return state.inline\n    ? {}\n    : { role: 'combobox', 'aria-haspopup': 'dialog', 'aria-expanded': state.open };\n}\n\nfunction presetProps(preset: PresetState, apply: (id: string) => boolean): ButtonProps {\n  return {\n    type: 'button',\n    'aria-pressed': preset.isActive,\n    disabled: preset.isDisabled,\n    onClick: () => {\n      apply(preset.id);\n    },\n  };\n}\n\nexport interface DateRangePickerBindings {\n  readonly state: DateRangePickerState;\n  readonly actions: DateRangePickerStore['actions'];\n  readonly store: DateRangePickerStore;\n  readonly calendar: CalendarBindings;\n  readonly ids: { start: string; end: string; panel: string; hint: string };\n  getInputProps(field: RangeField): Omit<InputProps, 'onChange' | 'onBlur'> & {\n    onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n    onBlur: () => void;\n  };\n  getToggleProps(): ButtonProps & { 'aria-expanded': boolean; 'aria-controls': string };\n  getCalendarOptionProps(calendar: CalendarSystem): ButtonProps;\n  getPanelProps(): PanelProps;\n  getPresetProps(preset: PresetState): ButtonProps;\n}\n\n/** A BS/AD date range picker without markup. */\nexport function useDateRangePicker(\n  options: DateRangePickerOptions = {},\n): DateRangePickerBindings {\n  const { store, state } = useStore<\n    DateRangePickerOptions,\n    DateRangePickerState,\n    DateRangePickerStore\n  >(createDateRangePicker, options);\n  const base = `ndp${useId().replace(/:/g, '')}`;\n  const ids = {\n    start: `${base}-start`,\n    end: `${base}-end`,\n    panel: `${base}-panel`,\n    hint: `${base}-hint`,\n  };\n  const labels = getLocale(options.locale);\n  const calendar = useCalendarBindings(\n    state.calendarState,\n    store.calendar.actions,\n    options.locale,\n    {\n      getSnapshot: () => store.calendar.getState(),\n      onDayActivate: (date) => {\n        store.actions.select(date);\n      },\n    },\n  );\n  const texts: Record<RangeField, string> = {\n    start: state.startText,\n    end: state.endText,\n  };\n\n  return {\n    state,\n    actions: store.actions,\n    store,\n    calendar,\n    ids,\n    getInputProps: (field) => {\n      const invalid =\n        state.error !== null &&\n        (state.error.field === field || state.error.field === 'range');\n\n      return {\n        id: ids[field],\n        ...popupProps(state),\n        type: 'text',\n        inputMode: 'numeric',\n        autoComplete: 'off',\n        value: texts[field],\n        placeholder: state.placeholder,\n        'aria-controls': ids.panel,\n        ...(invalid ? { 'aria-invalid': true as const } : {}),\n        ...(state.error ? { 'aria-describedby': ids.hint } : {}),\n        onChange: (event) => {\n          store.actions.type(field, event.target.value);\n        },\n        onBlur: () => {\n          store.actions.blur(field);\n        },\n        onKeyDown: (event) => {\n          if (event.key === 'ArrowDown' && (event.altKey || texts[field] === '')) {\n            event.preventDefault();\n            store.actions.open();\n          }\n        },\n      };\n    },\n    getToggleProps: () => ({\n      type: 'button',\n      'aria-label': labels.labels.openCalendar,\n      'aria-expanded': state.open,\n      'aria-controls': ids.panel,\n      onClick: () => {\n        store.actions.toggle();\n      },\n    }),\n    getCalendarOptionProps: (option) => ({\n      type: 'button',\n      'aria-pressed': state.calendar === option,\n      onClick: () => {\n        store.actions.switchCalendar(option);\n      },\n    }),\n    getPanelProps: () => ({\n      id: ids.panel,\n      role: state.inline ? 'group' : 'dialog',\n      'aria-label': labels.labels.chooseDate,\n    }),\n    getPresetProps: (preset) =>\n      presetProps(preset, (id) => store.actions.applyPreset(id)),\n  };\n}\n\nexport interface DateTimePickerBindings {\n  readonly state: DateTimePickerState;\n  readonly actions: DateTimePickerStore['actions'];\n  readonly store: DateTimePickerStore;\n  readonly calendar: CalendarBindings;\n  readonly ids: { date: string; time: string; panel: string; hint: string };\n}\n\n/** A BS/AD date + time picker without markup. The value is a zoned ISO timestamp. */\nexport function useDateTimePicker(\n  options: DateTimePickerOptions & { id?: string | undefined } = {},\n): DateTimePickerBindings {\n  const { id: givenId, ...storeOptions } = options;\n  const { store, state } = useStore<\n    DateTimePickerOptions,\n    DateTimePickerState,\n    DateTimePickerStore\n  >(createDateTimePicker, storeOptions);\n  const generated = useId();\n  const base = givenId ?? `ndp${generated.replace(/:/g, '')}`;\n  const calendar = useCalendarBindings(\n    state.calendarState,\n    store.calendar.actions,\n    options.locale,\n    {\n      getSnapshot: () => store.calendar.getState(),\n      onDayActivate: (date) => {\n        store.actions.selectDate(date);\n      },\n    },\n  );\n\n  return {\n    state,\n    actions: store.actions,\n    store,\n    calendar,\n    ids: {\n      date: base,\n      time: `${base}-time`,\n      panel: `${base}-panel`,\n      hint: `${base}-hint`,\n    },\n  };\n}\n\nexport interface MultiDatePickerBindings {\n  readonly state: MultiDatePickerState;\n  readonly actions: MultiDatePickerStore['actions'];\n  readonly store: MultiDatePickerStore;\n  readonly calendar: CalendarBindings;\n  readonly ids: { input: string; panel: string; hint: string };\n  getInputProps(): InputProps;\n  getToggleProps(): ButtonProps & { 'aria-expanded': boolean; 'aria-controls': string };\n  getClearProps(): ButtonProps;\n  getCalendarOptionProps(calendar: CalendarSystem): ButtonProps;\n  getPanelProps(): PanelProps;\n}\n\n/** A picker for several separate BS/AD days, without markup (PICK-001). */\nexport function useMultiDatePicker(\n  options: MultiDatePickerOptions & { id?: string | undefined } = {},\n): MultiDatePickerBindings {\n  const { id: givenId, ...storeOptions } = options;\n  const { store, state } = useStore<\n    MultiDatePickerOptions,\n    MultiDatePickerState,\n    MultiDatePickerStore\n  >(createMultiDatePicker, storeOptions);\n  const generated = useId();\n  const input = givenId ?? `ndp${generated.replace(/:/g, '')}`;\n  const ids = { input, panel: `${input}-panel`, hint: `${input}-hint` };\n  const labels = getLocale(options.locale);\n  const calendar = useCalendarBindings(\n    state.calendarState,\n    store.calendar.actions,\n    options.locale,\n    {\n      getSnapshot: () => store.calendar.getState(),\n      onDayActivate: (date) => {\n        store.actions.select(date);\n      },\n    },\n  );\n\n  return {\n    state,\n    actions: store.actions,\n    store,\n    calendar,\n    ids,\n    getInputProps: () => ({\n      id: ids.input,\n      ...popupProps(state),\n      type: 'text',\n      inputMode: 'numeric',\n      autoComplete: 'off',\n      value: state.text,\n      placeholder: state.placeholder,\n      'aria-controls': ids.panel,\n      ...(state.error\n        ? { 'aria-invalid': true as const, 'aria-describedby': ids.hint }\n        : {}),\n      onChange: (event) => {\n        store.actions.type(event.target.value);\n      },\n      onBlur: () => {\n        store.actions.blur();\n      },\n      onKeyDown: (event) => {\n        if (event.key === 'ArrowDown' && (event.altKey || state.text === '')) {\n          event.preventDefault();\n          store.actions.open();\n        }\n      },\n    }),\n    getToggleProps: () => ({\n      type: 'button',\n      'aria-label': labels.labels.openCalendar,\n      'aria-expanded': state.open,\n      'aria-controls': ids.panel,\n      onClick: () => {\n        store.actions.toggle();\n      },\n    }),\n    getClearProps: () => ({\n      type: 'button',\n      'aria-label': labels.labels.clear,\n      onClick: () => {\n        store.actions.clear();\n      },\n    }),\n    getCalendarOptionProps: (option) => ({\n      type: 'button',\n      'aria-pressed': state.calendar === option,\n      onClick: () => {\n        store.actions.switchCalendar(option);\n      },\n    }),\n    getPanelProps: () => ({\n      id: ids.panel,\n      role: state.inline ? 'group' : 'dialog',\n      'aria-label': labels.labels.chooseDate,\n    }),\n  };\n}\n"],"mappings":"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"}

package/dist/headless-CVj0DhD4.js

@@ -0,0 +1,560 @@
+import { useCallback, useEffect, useId, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
+import { getLocale } from "@nepdatejs/core";
+import { createCalendar } from "@nepdatejs/calendar";
+import { createDatePicker, createDateRangePicker, createDateTimePicker, createMultiDatePicker } from "@nepdatejs/datepicker";
+//#region src/bindings.ts
+const FOCUS_KEYS = /* @__PURE__ */ new Set([
+	"ArrowLeft",
+	"ArrowRight",
+	"ArrowUp",
+	"ArrowDown",
+	"Home",
+	"End",
+	"PageUp",
+	"PageDown"
+]);
+function useCalendarBindings(state, actions, locale, options) {
+	const { getSnapshot, onDayActivate } = options;
+	const grid = useRef(null);
+	const root = useRef(null);
+	const focusRequested = useRef(false);
+	const labels = getLocale(locale).labels;
+	const focusGrid = useCallback(() => {
+		(grid.current?.closest(".ndp-calendar") ?? grid.current ?? root.current)?.querySelector(".ndp-day[tabindex=\"0\"], .ndp-option[tabindex=\"0\"]")?.focus();
+	}, []);
+	useEffect(() => {
+		if (focusRequested.current) {
+			focusRequested.current = false;
+			focusGrid();
+		}
+	});
+	const requestFocus = () => {
+		focusRequested.current = true;
+	};
+	const activate = onDayActivate ?? ((date) => actions.select(date));
+	const [monthName, yearText] = splitTitle(state.title);
+	const focusIndex = (tiles) => {
+		const selected = tiles.findIndex((tile) => tile.isSelected);
+		const current = tiles.findIndex((tile) => tile.isCurrent);
+		return Math.max(0, selected === -1 ? current : selected);
+	};
+	return {
+		state,
+		actions,
+		focusGrid,
+		getGridProps: () => ({
+			role: "grid",
+			"aria-label": state.title,
+			ref: (node) => {
+				grid.current = node;
+			},
+			onKeyDown: (event) => {
+				if (!FOCUS_KEYS.has(event.key)) return;
+				event.preventDefault();
+				requestFocus();
+				actions.moveFocus(event.key, { shift: event.shiftKey });
+				if (getSnapshot() === state) {
+					focusRequested.current = false;
+					focusGrid();
+				}
+			},
+			onMouseLeave: () => {
+				if (state.selectionMode === "range") actions.hover(null);
+			}
+		}),
+		getDayProps: (cell) => ({
+			type: "button",
+			tabIndex: cell.isFocusTarget ? 0 : -1,
+			disabled: cell.isDisabled,
+			"aria-pressed": cell.isSelected,
+			...cell.isToday ? { "aria-current": "date" } : {},
+			"data-state": cell.state,
+			"data-weekend": cell.isWeekend || void 0,
+			"data-preview": cell.isInRangePreview && !cell.isSelected || void 0,
+			"data-outside": cell.isOutside || void 0,
+			onClick: () => {
+				if (!cell.isDisabled) activate(cell.date);
+			},
+			onFocus: () => {
+				if (!cell.isFocusTarget) actions.focus(cell.date);
+			},
+			onMouseEnter: () => {
+				if (state.selectionMode === "range") actions.hover(cell.isDisabled ? null : cell.date);
+			}
+		}),
+		getPrevProps: () => ({
+			type: "button",
+			disabled: !state.canPrev,
+			"aria-label": state.view === "day" ? labels.previousMonth : labels.previousYear,
+			onClick: () => {
+				actions.prev();
+			}
+		}),
+		getNextProps: () => ({
+			type: "button",
+			disabled: !state.canNext,
+			"aria-label": state.view === "day" ? labels.nextMonth : labels.nextYear,
+			onClick: () => {
+				actions.next();
+			}
+		}),
+		getTitleButtons: () => state.view === "day" ? [{
+			key: "month",
+			label: monthName,
+			props: {
+				type: "button",
+				"aria-label": `${labels.month}: ${monthName}`,
+				onClick: () => {
+					requestFocus();
+					actions.setView("month");
+				}
+			}
+		}, {
+			key: "year",
+			label: yearText,
+			props: {
+				type: "button",
+				"aria-label": `${labels.year}: ${yearText}`,
+				onClick: () => {
+					requestFocus();
+					actions.setView("year");
+				}
+			}
+		}] : [{
+			key: "up",
+			label: state.title,
+			props: {
+				type: "button",
+				"aria-label": state.view === "fiscal" ? state.title : `${labels.year}: ${state.title}`,
+				onClick: () => {
+					requestFocus();
+					actions.setView(state.view === "month" ? "year" : "day");
+				}
+			}
+		}],
+		getOptionProps: (tile, index, tiles) => ({
+			type: "button",
+			tabIndex: index === focusIndex(tiles) ? 0 : -1,
+			disabled: tile.isDisabled,
+			"aria-pressed": tile.isSelected,
+			"data-state": tile.isSelected ? "selected" : tile.isCurrent ? "current" : "default",
+			onClick: () => {
+				requestFocus();
+				if (state.view === "month") actions.chooseMonth(tile.value);
+				else if (state.view === "year") actions.chooseYear(tile.value);
+				else actions.chooseFiscalYear(tile.value);
+			}
+		})
+	};
+}
+/** "Kartik 2083" → ["Kartik", "2083"]. */
+function splitTitle(title) {
+	const space = title.lastIndexOf(" ");
+	return space === -1 ? [title, ""] : [title.slice(0, space), title.slice(space + 1)];
+}
+//#endregion
+//#region src/use-store.ts
+/** Function options whose answers decide how the calendar's days look. */
+const DAY_FUNCTIONS = [
+	"isDateDisabled",
+	"holidays",
+	"events"
+];
+/** useLayoutEffect in the browser, useEffect on the server (no warning). */
+const useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+/**
+* Create a store once and keep its options in step with props, without
+* loops: functions are wrapped once so their identity never changes, and data
+* options are compared by value, so inline objects and arrays are fine.
+*/
+function useStore(create, options) {
+	const latest = useRef(options);
+	latest.current = options;
+	const wrappers = useRef(/* @__PURE__ */ new Map());
+	const prepare = (input) => {
+		const out = {};
+		for (const [key, value] of Object.entries(input)) if (typeof value === "function") {
+			let wrapper = wrappers.current.get(key);
+			if (!wrapper) {
+				wrapper = (...args) => latest.current[key]?.(...args);
+				wrappers.current.set(key, wrapper);
+			}
+			out[key] = wrapper;
+		} else out[key] = value;
+		return out;
+	};
+	const [store] = useState(() => create(prepare(options)));
+	const previous = useRef(prepare(options));
+	const dayAnswers = useRef(null);
+	const storeValue = useRef(valueOf(store.getState()));
+	useIsomorphicLayoutEffect(() => {
+		const next = prepare(options);
+		const before = previous.current;
+		const changes = {};
+		for (const key of /* @__PURE__ */ new Set([...Object.keys(before), ...Object.keys(next)])) if (!deepEqual(before[key], next[key])) changes[key] = next[key];
+		previous.current = next;
+		const current = askDayFunctions(options, store.getState());
+		const asked = dayAnswers.current;
+		dayAnswers.current = current;
+		if (asked?.days === current?.days && asked?.answers !== current?.answers) {
+			for (const key of DAY_FUNCTIONS) if (key in next) changes[key] = next[key];
+		}
+		if (Object.keys(changes).length > 0) store.setOptions(changes);
+		const value = valueOf(store.getState());
+		const changedByUser = !deepEqual(value, storeValue.current) && !("value" in changes);
+		storeValue.current = value;
+		const held = next["value"];
+		if (changedByUser && held !== void 0 && isChosen(value) && !deepEqual(value, held)) {
+			store.actions?.setValue?.(held);
+			storeValue.current = valueOf(store.getState());
+		}
+	});
+	return {
+		store,
+		state: useSyncExternalStore((listener) => store.subscribe(listener), () => store.getState(), () => store.getState())
+	};
+}
+function valueOf(state) {
+	return state.value;
+}
+/** A finished value: not empty, half typed, or a range with one end still to pick. */
+function isChosen(value) {
+	if (Array.isArray(value)) return value.length > 0;
+	if (typeof value === "object" && value !== null) return Object.values(value).every((part) => part !== "");
+	return value !== "" && value !== void 0;
+}
+/** What the day functions say about the days on screen, or null when there are none. */
+function askDayFunctions(options, state) {
+	const given = DAY_FUNCTIONS.flatMap((key) => {
+		const option = options[key];
+		return typeof option === "function" ? [option] : [];
+	});
+	if (given.length === 0) return null;
+	const { weeks, calendarState } = state;
+	const dates = (weeks ?? calendarState?.weeks ?? []).flat().flatMap((cell) => cell ? [cell.date] : []);
+	return {
+		days: JSON.stringify(dates),
+		answers: JSON.stringify(dates.map((date) => given.map((ask) => ask(date))))
+	};
+}
+/** Structural equality for plain data (dates, ranges, lists); identity for everything else. */
+function deepEqual(a, b) {
+	if (Object.is(a, b)) return true;
+	if (typeof a !== "object" || typeof b !== "object" || a === null || b === null) return false;
+	if (Array.isArray(a) || Array.isArray(b)) return Array.isArray(a) && Array.isArray(b) && a.length === b.length && a.every((item, index) => deepEqual(item, b[index]));
+	if (Object.getPrototypeOf(a) !== Object.prototype || Object.getPrototypeOf(b) !== Object.prototype) return false;
+	const keysA = Object.keys(a);
+	const keysB = Object.keys(b);
+	return keysA.length === keysB.length && keysA.every((key) => deepEqual(a[key], b[key]));
+}
+//#endregion
+//#region src/hooks.ts
+/** A standalone calendar: state, actions and prop getters. */
+function useCalendar(options = {}) {
+	const { store, state } = useStore(createCalendar, options);
+	return {
+		...useCalendarBindings(state, store.actions, options.locale, { getSnapshot: () => store.getState() }),
+		store
+	};
+}
+/** A BS/AD date picker without markup: wire the getters to your own elements. */
+function useDatePicker(options = {}) {
+	const { id: givenId, ...storeOptions } = options;
+	const { store, state } = useStore(createDatePicker, storeOptions);
+	const generated = useId();
+	const input = givenId ?? `ndp${generated.replace(/:/g, "")}`;
+	const ids = {
+		input,
+		panel: `${input}-panel`,
+		hint: `${input}-hint`
+	};
+	const labels = getLocale(options.locale);
+	const calendar = useCalendarBindings(state.calendarState, store.calendar.actions, options.locale, {
+		getSnapshot: () => store.calendar.getState(),
+		onDayActivate: (date) => {
+			store.actions.select(date);
+		}
+	});
+	const hasHint = state.error !== null || state.equivalentText !== null;
+	return {
+		state,
+		actions: store.actions,
+		store,
+		calendar,
+		ids,
+		getInputProps: () => ({
+			id: ids.input,
+			...popupProps(state),
+			type: "text",
+			inputMode: "numeric",
+			autoComplete: "off",
+			value: state.text,
+			placeholder: state.placeholder,
+			"aria-controls": ids.panel,
+			...state.error ? { "aria-invalid": true } : {},
+			...hasHint ? { "aria-describedby": ids.hint } : {},
+			onChange: (event) => {
+				store.actions.type(event.target.value);
+			},
+			onBlur: () => {
+				store.actions.blur();
+			},
+			onKeyDown: (event) => {
+				if (event.key === "ArrowDown" && (event.altKey || state.text === "")) {
+					event.preventDefault();
+					store.actions.open();
+				}
+			}
+		}),
+		getToggleProps: () => ({
+			type: "button",
+			"aria-label": labels.labels.openCalendar,
+			"aria-expanded": state.open,
+			"aria-controls": ids.panel,
+			onClick: () => {
+				store.actions.toggle();
+			}
+		}),
+		getClearProps: () => ({
+			type: "button",
+			"aria-label": labels.labels.clear,
+			onClick: () => {
+				store.actions.clear();
+			}
+		}),
+		getSwitchProps: () => {
+			const other = state.calendar === "BS" ? "AD" : "BS";
+			return {
+				type: "button",
+				"aria-label": `${labels.labels.calendar}: ${labels.calendarNames[state.calendar]} → ${labels.calendarNames[other]}`,
+				onClick: () => {
+					store.actions.switchCalendar(other);
+				}
+			};
+		},
+		getCalendarOptionProps: (option) => ({
+			type: "button",
+			"aria-pressed": state.calendar === option,
+			onClick: () => {
+				store.actions.switchCalendar(option);
+			}
+		}),
+		getTodayProps: () => ({
+			type: "button",
+			onClick: () => {
+				store.actions.selectToday();
+			}
+		}),
+		getPanelProps: () => ({
+			id: ids.panel,
+			role: state.inline ? "group" : "dialog",
+			"aria-label": labels.labels.chooseDate
+		}),
+		getPresetProps: (preset) => presetProps(preset, (id) => store.actions.applyPreset(id))
+	};
+}
+/** Combobox ARIA for a popup picker; an inline picker's input is a plain text field. */
+function popupProps(state) {
+	return state.inline ? {} : {
+		role: "combobox",
+		"aria-haspopup": "dialog",
+		"aria-expanded": state.open
+	};
+}
+function presetProps(preset, apply) {
+	return {
+		type: "button",
+		"aria-pressed": preset.isActive,
+		disabled: preset.isDisabled,
+		onClick: () => {
+			apply(preset.id);
+		}
+	};
+}
+/** A BS/AD date range picker without markup. */
+function useDateRangePicker(options = {}) {
+	const { store, state } = useStore(createDateRangePicker, options);
+	const base = `ndp${useId().replace(/:/g, "")}`;
+	const ids = {
+		start: `${base}-start`,
+		end: `${base}-end`,
+		panel: `${base}-panel`,
+		hint: `${base}-hint`
+	};
+	const labels = getLocale(options.locale);
+	const calendar = useCalendarBindings(state.calendarState, store.calendar.actions, options.locale, {
+		getSnapshot: () => store.calendar.getState(),
+		onDayActivate: (date) => {
+			store.actions.select(date);
+		}
+	});
+	const texts = {
+		start: state.startText,
+		end: state.endText
+	};
+	return {
+		state,
+		actions: store.actions,
+		store,
+		calendar,
+		ids,
+		getInputProps: (field) => {
+			const invalid = state.error !== null && (state.error.field === field || state.error.field === "range");
+			return {
+				id: ids[field],
+				...popupProps(state),
+				type: "text",
+				inputMode: "numeric",
+				autoComplete: "off",
+				value: texts[field],
+				placeholder: state.placeholder,
+				"aria-controls": ids.panel,
+				...invalid ? { "aria-invalid": true } : {},
+				...state.error ? { "aria-describedby": ids.hint } : {},
+				onChange: (event) => {
+					store.actions.type(field, event.target.value);
+				},
+				onBlur: () => {
+					store.actions.blur(field);
+				},
+				onKeyDown: (event) => {
+					if (event.key === "ArrowDown" && (event.altKey || texts[field] === "")) {
+						event.preventDefault();
+						store.actions.open();
+					}
+				}
+			};
+		},
+		getToggleProps: () => ({
+			type: "button",
+			"aria-label": labels.labels.openCalendar,
+			"aria-expanded": state.open,
+			"aria-controls": ids.panel,
+			onClick: () => {
+				store.actions.toggle();
+			}
+		}),
+		getCalendarOptionProps: (option) => ({
+			type: "button",
+			"aria-pressed": state.calendar === option,
+			onClick: () => {
+				store.actions.switchCalendar(option);
+			}
+		}),
+		getPanelProps: () => ({
+			id: ids.panel,
+			role: state.inline ? "group" : "dialog",
+			"aria-label": labels.labels.chooseDate
+		}),
+		getPresetProps: (preset) => presetProps(preset, (id) => store.actions.applyPreset(id))
+	};
+}
+/** A BS/AD date + time picker without markup. The value is a zoned ISO timestamp. */
+function useDateTimePicker(options = {}) {
+	const { id: givenId, ...storeOptions } = options;
+	const { store, state } = useStore(createDateTimePicker, storeOptions);
+	const generated = useId();
+	const base = givenId ?? `ndp${generated.replace(/:/g, "")}`;
+	const calendar = useCalendarBindings(state.calendarState, store.calendar.actions, options.locale, {
+		getSnapshot: () => store.calendar.getState(),
+		onDayActivate: (date) => {
+			store.actions.selectDate(date);
+		}
+	});
+	return {
+		state,
+		actions: store.actions,
+		store,
+		calendar,
+		ids: {
+			date: base,
+			time: `${base}-time`,
+			panel: `${base}-panel`,
+			hint: `${base}-hint`
+		}
+	};
+}
+/** A picker for several separate BS/AD days, without markup (PICK-001). */
+function useMultiDatePicker(options = {}) {
+	const { id: givenId, ...storeOptions } = options;
+	const { store, state } = useStore(createMultiDatePicker, storeOptions);
+	const generated = useId();
+	const input = givenId ?? `ndp${generated.replace(/:/g, "")}`;
+	const ids = {
+		input,
+		panel: `${input}-panel`,
+		hint: `${input}-hint`
+	};
+	const labels = getLocale(options.locale);
+	const calendar = useCalendarBindings(state.calendarState, store.calendar.actions, options.locale, {
+		getSnapshot: () => store.calendar.getState(),
+		onDayActivate: (date) => {
+			store.actions.select(date);
+		}
+	});
+	return {
+		state,
+		actions: store.actions,
+		store,
+		calendar,
+		ids,
+		getInputProps: () => ({
+			id: ids.input,
+			...popupProps(state),
+			type: "text",
+			inputMode: "numeric",
+			autoComplete: "off",
+			value: state.text,
+			placeholder: state.placeholder,
+			"aria-controls": ids.panel,
+			...state.error ? {
+				"aria-invalid": true,
+				"aria-describedby": ids.hint
+			} : {},
+			onChange: (event) => {
+				store.actions.type(event.target.value);
+			},
+			onBlur: () => {
+				store.actions.blur();
+			},
+			onKeyDown: (event) => {
+				if (event.key === "ArrowDown" && (event.altKey || state.text === "")) {
+					event.preventDefault();
+					store.actions.open();
+				}
+			}
+		}),
+		getToggleProps: () => ({
+			type: "button",
+			"aria-label": labels.labels.openCalendar,
+			"aria-expanded": state.open,
+			"aria-controls": ids.panel,
+			onClick: () => {
+				store.actions.toggle();
+			}
+		}),
+		getClearProps: () => ({
+			type: "button",
+			"aria-label": labels.labels.clear,
+			onClick: () => {
+				store.actions.clear();
+			}
+		}),
+		getCalendarOptionProps: (option) => ({
+			type: "button",
+			"aria-pressed": state.calendar === option,
+			onClick: () => {
+				store.actions.switchCalendar(option);
+			}
+		}),
+		getPanelProps: () => ({
+			id: ids.panel,
+			role: state.inline ? "group" : "dialog",
+			"aria-label": labels.labels.chooseDate
+		})
+	};
+}
+//#endregion
+export { useDateTimePicker as a, useIsomorphicLayoutEffect as c, useDateRangePicker as i, useStore as l, useCalendar as n, useMultiDatePicker as o, useDatePicker as r, deepEqual as s, popupProps as t, useCalendarBindings as u };
+
+//# sourceMappingURL=headless-CVj0DhD4.js.map