@nepdatejs/react 0.0.0-stage → 0.1.1

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["useCalendar","getConfig","useSyncExternalStore","useRef","trackPosition","onOutsidePointer","onBackdropPointer","onEscape","useDatePicker","getLocale","useRef","useDateRangePicker","getLocale","useRef","useRef","getLocale","useDateTimePicker","getLocale","useRef","popupProps","useMultiDatePicker","getLocale","useRef"],"sources":["../src/icons.tsx","../src/calendar-body.tsx","../src/calendar.tsx","../src/page-locale.ts","../src/panel.ts","../src/presets.tsx","../src/date-picker.tsx","../src/date-range-picker.tsx","../src/time-columns.tsx","../src/date-time-picker.tsx","../src/multi-date-picker.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nconst PATHS = {\n  'chevron-left': ['M10 3.5 5.5 8l4.5 4.5'],\n  'chevron-right': ['M6 3.5 10.5 8 6 12.5'],\n  calendar: [\n    'M2 6.5h12',\n    'M5.5 1.5v3',\n    'M10.5 1.5v3',\n    'M4 3h8a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z',\n  ],\n  close: ['M4 4l8 8', 'M12 4l-8 8'],\n} as const;\n\nexport type IconName = keyof typeof PATHS;\n\n/** The Figma icon set, 16px, stroked with currentColor. */\nexport function Icon({ name }: { name: IconName }): ReactElement {\n  return (\n    <svg\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.5}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      {PATHS[name].map((d) => (\n        <path key={d} d={d} />\n      ))}\n    </svg>\n  );\n}\n","import type { CSSProperties, ReactElement } from 'react';\nimport type { CalendarBindings } from './bindings';\nimport { Icon } from './icons';\n\n/** The calendar markup (@nepdatejs/styles contract) for any set of bindings. */\nexport function CalendarBody({\n  bindings,\n  className,\n  theme,\n}: {\n  bindings: CalendarBindings;\n  className?: string | undefined;\n  theme?: string | undefined;\n}): ReactElement {\n  const { state } = bindings;\n  const tiles =\n    state.view === 'month'\n      ? state.months\n      : state.view === 'year'\n        ? state.years\n        : state.fiscalYears;\n\n  return (\n    <div\n      className={className ? `ndp-calendar ${className}` : 'ndp-calendar'}\n      data-ndp-theme={theme}\n    >\n      <div className=\"ndp-calendar__header\">\n        <button className=\"ndp-icon-button\" {...bindings.getPrevProps()}>\n          <Icon name=\"chevron-left\" />\n        </button>\n        <div className=\"ndp-calendar__title\" aria-live=\"polite\">\n          {bindings.getTitleButtons().map((button) => (\n            <button\n              key={button.key}\n              className=\"ndp-calendar__title-button\"\n              {...button.props}\n            >\n              {button.label}\n            </button>\n          ))}\n        </div>\n        <button className=\"ndp-icon-button\" {...bindings.getNextProps()}>\n          <Icon name=\"chevron-right\" />\n        </button>\n      </div>\n      {state.view === 'day' ? (\n        <table className=\"ndp-grid\" {...bindings.getGridProps()}>\n          <thead>\n            <tr role=\"row\">\n              {state.weekdays.map((weekday) => (\n                <th\n                  key={weekday.index}\n                  className=\"ndp-weekday\"\n                  scope=\"col\"\n                  role=\"columnheader\"\n                  abbr={weekday.longLabel}\n                  data-weekend={weekday.isWeekend || undefined}\n                >\n                  {weekday.label}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {state.weeks.map((week, row) => (\n              <tr key={row} role=\"row\">\n                {week.map((cell, column) =>\n                  cell ? (\n                    <td\n                      key={cell.key}\n                      role=\"gridcell\"\n                      aria-selected={cell.isSelected || undefined}\n                    >\n                      <button className=\"ndp-day\" {...bindings.getDayProps(cell)}>\n                        <span className=\"ndp-sr-only\">{cell.ariaLabel}</span>\n                        <span className=\"ndp-day__label\" aria-hidden=\"true\">\n                          {cell.label}\n                        </span>\n                        {cell.subLabel !== null && (\n                          <span className=\"ndp-day__sub\" aria-hidden=\"true\">\n                            {cell.subLabel}\n                          </span>\n                        )}\n                        {cell.events[0] && (\n                          <span\n                            className=\"ndp-day__dot\"\n                            aria-hidden=\"true\"\n                            style={\n                              cell.events[0].color\n                                ? ({\n                                    '--ndp-dot-color': cell.events[0].color,\n                                  } as CSSProperties)\n                                : undefined\n                            }\n                          />\n                        )}\n                      </button>\n                    </td>\n                  ) : (\n                    <td key={`empty-${column}`} role=\"gridcell\" />\n                  ),\n                )}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      ) : (\n        <div className=\"ndp-options\" role=\"group\" aria-label={state.title}>\n          {tiles.map((tile, index) => (\n            <button\n              key={tile.value}\n              className=\"ndp-option\"\n              {...bindings.getOptionProps(tile, index, tiles)}\n            >\n              <span className=\"ndp-sr-only\">\n                {tile.subLabel ? `${tile.label} (${tile.subLabel})` : tile.label}\n              </span>\n              <span className=\"ndp-option__label\" aria-hidden=\"true\">\n                {tile.label}\n              </span>\n              {tile.subLabel !== null && (\n                <span className=\"ndp-option__sub\" aria-hidden=\"true\">\n                  {tile.subLabel}\n                </span>\n              )}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n","import type { ReactElement } from 'react';\nimport type { CalendarDate } from '@nepdatejs/core';\nimport type { CalendarOptions, CalendarSelection } from '@nepdatejs/calendar';\nimport { CalendarBody } from './calendar-body';\nimport { useCalendar } from './hooks';\n\nexport interface CalendarProps extends Omit<\n  CalendarOptions,\n  'onSelect' | 'visibleMonth' | 'onVisibleMonthChange'\n> {\n  /** Show this month (any day in it); pair with onMonthChange to control it. */\n  month?: CalendarDate | undefined;\n  onMonthChange?: ((month: CalendarDate) => void) | undefined;\n  onSelect?: ((selection: CalendarSelection) => void) | undefined;\n  className?: string | undefined;\n  theme?: 'light' | 'dark' | 'auto' | undefined;\n}\n\n/** A standalone BS/AD month view with keyboard support. */\nexport function Calendar({\n  month,\n  onMonthChange,\n  className,\n  theme,\n  ...options\n}: CalendarProps): ReactElement {\n  const bindings = useCalendar({\n    ...options,\n    visibleMonth: month,\n    onVisibleMonthChange: onMonthChange,\n  });\n\n  return <CalendarBody bindings={bindings} className={className} theme={theme} />;\n}\n","import { useSyncExternalStore } from 'react';\nimport { getConfig, type LocaleCode } from '@nepdatejs/core';\n\nconst neverChanges = (): (() => void) => () => undefined;\n\n/** Used on the server and while hydrating, so both render the same text. */\nfunction defaultLocale(): LocaleCode {\n  return getConfig().defaultLocale;\n}\n\n/** Nepali names and digits when the page language is Nepali. Browser only. */\nfunction pageLocale(): LocaleCode {\n  return document.documentElement.lang.toLowerCase().startsWith('ne')\n    ? 'ne'\n    : defaultLocale();\n}\n\n/** The given locale, or else the page's language. */\nexport function usePageLocale(given: LocaleCode | undefined): LocaleCode {\n  const page = useSyncExternalStore(neverChanges, pageLocale, defaultLocale);\n\n  return given ?? page;\n}\n","import { useEffect, useRef, type RefObject } from 'react';\nimport {\n  onBackdropPointer,\n  onEscape,\n  onOutsidePointer,\n  restoreFocus,\n  trackPosition,\n  type PanelLayout,\n} from '@nepdatejs/dom';\nimport { useIsomorphicLayoutEffect } from './use-store';\n\n/**\n * While `open`: show the panel in the top layer beside the anchor, close on an\n * outside pointer, a tap on a bottom sheet's backdrop, or Escape (returning focus to `returnFocus`), and move focus\n * into the calendar.\n */\nexport function usePanel(\n  open: boolean,\n  refs: {\n    anchor: RefObject<HTMLElement | null>;\n    panel: RefObject<HTMLDivElement | null>;\n    field: RefObject<HTMLElement | null>;\n    returnFocus: RefObject<HTMLElement | null>;\n  },\n  close: () => void,\n  focusGrid: () => void,\n  width = 320,\n  layout: PanelLayout = 'auto',\n): void {\n  const closeRef = useRef(close);\n  closeRef.current = close;\n\n  useIsomorphicLayoutEffect(() => {\n    const anchor = refs.anchor.current;\n    const panel = refs.panel.current;\n    if (!open || !anchor || !panel) {\n      return undefined;\n    }\n    const stopTracking = trackPosition(anchor, panel, { width, layout });\n    const stopOutside = onOutsidePointer(\n      () => [refs.field.current, refs.panel.current],\n      () => {\n        closeRef.current();\n      },\n    );\n    const stopBackdrop = onBackdropPointer(panel, () => {\n      closeRef.current();\n    });\n    const stopEscape = onEscape(() => {\n      closeRef.current();\n      restoreFocus(refs.returnFocus.current);\n    });\n\n    return () => {\n      stopTracking();\n      stopOutside();\n      stopBackdrop();\n      stopEscape();\n    };\n  }, [open, width, layout]);\n\n  useEffect(() => {\n    if (open) {\n      focusGrid();\n    }\n  }, [open]);\n}\n","import type { ReactElement, ReactNode } from 'react';\nimport type { PresetState } from '@nepdatejs/datepicker';\n\n/** Panel widths: calendar alone, plus presets column, plus time columns. */\nexport const PANEL_WIDTH = 320;\nexport const PANEL_WIDTH_WITH_PRESETS = 492;\nexport const TIME_COLUMNS_WIDTH = 136;\n\n/** The panel body: the shortcut list (when there are presets), then the calendar and anything else. */\nexport function PanelBody({\n  presets,\n  label,\n  onPreset,\n  children,\n}: {\n  presets: readonly PresetState[];\n  label: string;\n  onPreset: (id: string) => void;\n  children: ReactNode;\n}): ReactElement {\n  return (\n    <div className=\"ndp-panel__body\">\n      {presets.length > 0 && (\n        <div className=\"ndp-presets\" role=\"group\" aria-label={label}>\n          {presets.map((preset) => (\n            <button\n              key={preset.id}\n              type=\"button\"\n              className=\"ndp-preset\"\n              aria-pressed={preset.isActive}\n              disabled={preset.isDisabled}\n              onClick={() => {\n                onPreset(preset.id);\n              }}\n            >\n              {preset.label}\n            </button>\n          ))}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n","import { useEffect, useRef, type CSSProperties, type ReactElement } from 'react';\nimport {\n  getLocale,\n  type CalendarDate,\n  type CalendarSystem,\n  type DateFormatPattern,\n  type LocaleCode,\n  type Weekday,\n} from '@nepdatejs/core';\nimport type { EventMarker, HolidayInput, HolidayLookup } from '@nepdatejs/calendar';\nimport type { DateDetail, SinglePreset } from '@nepdatejs/datepicker';\nimport { restoreFocus } from '@nepdatejs/dom';\nimport { CalendarBody } from './calendar-body';\nimport { useDatePicker } from './hooks';\nimport { Icon } from './icons';\nimport { usePageLocale } from './page-locale';\nimport { usePanel } from './panel';\nimport type { PanelLayout } from '@nepdatejs/dom';\nimport { PANEL_WIDTH, PANEL_WIDTH_WITH_PRESETS, PanelBody } from './presets';\n\nexport interface DatePickerProps {\n  /** The AD date as \"YYYY-MM-DD\", or \"\": the same value a native date input uses. */\n  value?: string | undefined;\n  /** The starting value when the field keeps its own state, as in a plain form with `name`. */\n  defaultValue?: string | undefined;\n  onChange?: ((value: string, date: DateDetail | null) => void) | undefined;\n  /** Show and type dates in this calendar only, and hide the BS/AD switch. */\n  calendar?: CalendarSystem | undefined;\n  /** The calendar shown first when the viewer has not chosen one. */\n  defaultCalendar?: CalendarSystem | undefined;\n  /** Called when the viewer switches BS/AD. */\n  onCalendarChange?: ((calendar: CalendarSystem) => void) | undefined;\n  /** Earliest and latest allowed days, as AD \"YYYY-MM-DD\". */\n  min?: string | undefined;\n  max?: string | undefined;\n  isDateDisabled?: ((date: CalendarDate) => boolean) | undefined;\n  /** Names, digits and messages; defaults to the page language (ne when <html lang=\"ne\">). */\n  locale?: LocaleCode | undefined;\n  /** Submit the AD value with a plain form under this name. */\n  name?: string | undefined;\n  id?: string | undefined;\n  placeholder?: string | undefined;\n  required?: boolean | undefined;\n  disabled?: boolean | undefined;\n  clearable?: boolean | undefined;\n  /** Show the same day in the other calendar under the field. */\n  showEquivalent?: boolean | undefined;\n  holidays?: readonly HolidayInput[] | HolidayLookup | undefined;\n  events?: ((date: CalendarDate) => readonly EventMarker[]) | undefined;\n  weekStartsOn?: Weekday | undefined;\n  weekendDays?: readonly Weekday[] | undefined;\n  /** Show the other calendar's day number under each day. Default true. */\n  showOtherCalendar?: boolean | undefined;\n  displayFormat?: DateFormatPattern | undefined;\n  closeOnSelect?: boolean | undefined;\n  /** Shortcuts beside the calendar: 'today', 'yesterday', 'tomorrow' or { id, label, resolve }. */\n  presets?: readonly SinglePreset[] | undefined;\n  /** Remember the viewer's BS/AD choice in localStorage under this key. */\n  persistCalendar?: string | undefined;\n  /** Override \"today\" (tests, server rendering). */\n  today?: CalendarDate | undefined;\n  /** Add the dashes of YYYY-MM-DD while the user types digits. Default true. */\n  mask?: boolean | undefined;\n  /** Show the calendar in the page, always open, instead of in a popover. */\n  inline?: boolean | undefined;\n  /** 'sheet' opens a bottom sheet; 'popover' sits beside the field; 'auto' (default) uses the sheet below 480px. */\n  panelLayout?: PanelLayout | undefined;\n  theme?: 'light' | 'dark' | 'auto' | undefined;\n  className?: string | undefined;\n  'aria-label'?: string | undefined;\n  'aria-invalid'?: boolean | undefined;\n  'aria-describedby'?: string | undefined;\n}\n\n/**\n * A BS/AD date field: type a date or pick it from a calendar. The value is\n * always the AD day as \"YYYY-MM-DD\", so forms, validation and storage are\n * unchanged and a BS date can never be sent as if it were AD.\n */\nexport function DatePicker(props: DatePickerProps): ReactElement {\n  const {\n    name,\n    placeholder,\n    required,\n    disabled = false,\n    clearable = true,\n    showEquivalent = true,\n    persistCalendar,\n    panelLayout,\n    theme,\n    className,\n    'aria-label': ariaLabel,\n    'aria-invalid': ariaInvalid,\n    'aria-describedby': ariaDescribedBy,\n    locale: localeProp,\n    onCalendarChange,\n    ...options\n  } = props;\n  const locale = usePageLocale(localeProp);\n  const picker = useDatePicker({\n    ...options,\n    locale,\n    onCalendarChange: (calendar: CalendarSystem) => {\n      remember(persistCalendar, calendar);\n      onCalendarChange?.(calendar);\n    },\n  });\n  const { state, store, calendar } = picker;\n  const labels = getLocale(locale);\n  const field = useRef<HTMLDivElement | null>(null);\n  const box = useRef<HTMLDivElement | null>(null);\n  const panel = useRef<HTMLDivElement | null>(null);\n  const input = useRef<HTMLInputElement | null>(null);\n  const hidden = useRef<HTMLInputElement | null>(null);\n\n  const panelWidth = state.presets.length > 0 ? PANEL_WIDTH_WITH_PRESETS : PANEL_WIDTH;\n  usePanel(\n    state.open && !state.inline,\n    { anchor: box, panel, field, returnFocus: input },\n    () => {\n      store.actions.close();\n    },\n    calendar.focusGrid,\n    panelWidth,\n    panelLayout,\n  );\n\n  // The viewer's last BS/AD choice, read after hydration so server and client render alike.\n  useEffect(() => {\n    const stored = read(persistCalendar);\n    if (stored) {\n      store.actions.switchCalendar(stored);\n    }\n  }, [persistCalendar, store]);\n\n  // A form reset puts the field back to its default value.\n  useEffect(() => {\n    const form = hidden.current?.form ?? input.current?.form;\n    if (!form) {\n      return undefined;\n    }\n    const reset = (): void => {\n      store.actions.reset();\n    };\n    form.addEventListener('reset', reset);\n\n    return () => {\n      form.removeEventListener('reset', reset);\n    };\n  }, [store]);\n\n  useEffect(() => {\n    input.current?.setCustomValidity(state.error?.message ?? '');\n  }, [state.error]);\n\n  const hint = state.error?.message ?? (showEquivalent ? state.equivalentText : null);\n  const inputProps = picker.getInputProps();\n  const describedBy =\n    [ariaDescribedBy, hint ? picker.ids.hint : undefined].filter(Boolean).join(' ') ||\n    undefined;\n  const invalid = ariaInvalid === true || state.error !== null;\n\n  return (\n    <div\n      ref={field}\n      className={className ? `ndp-field ${className}` : 'ndp-field'}\n      data-ndp-theme={theme}\n    >\n      <div\n        ref={box}\n        className=\"ndp-input\"\n        data-invalid={invalid || undefined}\n        data-disabled={disabled || undefined}\n      >\n        <input\n          ref={input}\n          className=\"ndp-input__control\"\n          {...inputProps}\n          aria-describedby={describedBy}\n          aria-invalid={invalid || undefined}\n          aria-label={ariaLabel}\n          placeholder={placeholder ?? state.placeholder}\n          required={required}\n          disabled={disabled}\n        />\n        <span className=\"ndp-input__actions\">\n          {clearable && state.text !== '' && !disabled && (\n            <button\n              className=\"ndp-icon-button\"\n              {...picker.getClearProps()}\n              onClick={() => {\n                store.actions.clear();\n                input.current?.focus();\n              }}\n            >\n              <Icon name=\"close\" />\n            </button>\n          )}\n          {state.canSwitchCalendar && (\n            <button\n              className=\"ndp-input__switch\"\n              disabled={disabled}\n              {...picker.getSwitchProps()}\n            >\n              {labels.calendarNames[state.calendar]}\n            </button>\n          )}\n          {!state.inline && (\n            <button\n              className=\"ndp-icon-button\"\n              disabled={disabled}\n              {...picker.getToggleProps()}\n            >\n              <Icon name=\"calendar\" />\n            </button>\n          )}\n        </span>\n      </div>\n      {hint !== null && (\n        <p\n          id={picker.ids.hint}\n          className=\"ndp-hint\"\n          data-error={state.error ? true : undefined}\n          aria-live=\"polite\"\n        >\n          {hint}\n        </p>\n      )}\n      {name !== undefined && (\n        <input\n          ref={hidden}\n          type=\"hidden\"\n          name={name}\n          value={state.value}\n          disabled={disabled}\n        />\n      )}\n      {state.open && (\n        <div\n          ref={panel}\n          className=\"ndp-panel\"\n          popover={state.inline ? undefined : 'manual'}\n          data-layout={state.inline ? 'inline' : undefined}\n          style={\n            state.inline\n              ? ({ '--ndp-panel-width': `${String(panelWidth)}px` } as CSSProperties)\n              : undefined\n          }\n          data-ndp-theme={theme}\n          {...picker.getPanelProps()}\n          aria-label={\n            ariaLabel\n              ? `${ariaLabel}: ${labels.labels.calendar}`\n              : labels.labels.chooseDate\n          }\n        >\n          <PanelBody\n            presets={state.presets}\n            label={labels.labels.presets}\n            onPreset={(id) => {\n              if (store.actions.applyPreset(id) && !store.getState().open) {\n                restoreFocus(input.current);\n              }\n            }}\n          >\n            <CalendarBody\n              bindings={{\n                ...calendar,\n                getDayProps: (cell) => ({\n                  ...calendar.getDayProps(cell),\n                  onClick: () => {\n                    if (\n                      !cell.isDisabled &&\n                      store.actions.select(cell.date) &&\n                      !store.getState().open\n                    ) {\n                      restoreFocus(input.current);\n                    }\n                  },\n                }),\n              }}\n            />\n          </PanelBody>\n          <div className=\"ndp-panel__footer\">\n            {state.canSwitchCalendar ? (\n              <div\n                className=\"ndp-segment\"\n                role=\"group\"\n                aria-label={labels.labels.calendar}\n              >\n                {(['BS', 'AD'] as const).map((option) => (\n                  <button\n                    key={option}\n                    className=\"ndp-segment__item\"\n                    {...picker.getCalendarOptionProps(option)}\n                  >\n                    {labels.calendarNames[option]}\n                  </button>\n                ))}\n              </div>\n            ) : (\n              <span />\n            )}\n            <button\n              className=\"ndp-button\"\n              {...picker.getTodayProps()}\n              onClick={() => {\n                if (store.actions.selectToday()) {\n                  restoreFocus(input.current);\n                }\n              }}\n            >\n              {labels.labels.today}\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction read(key: string | undefined): CalendarSystem | null {\n  if (!key) {\n    return null;\n  }\n  try {\n    const stored = window.localStorage.getItem(key);\n    return stored === 'AD' || stored === 'BS' ? stored : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction remember(key: string | undefined, calendar: CalendarSystem): void {\n  if (!key) {\n    return;\n  }\n  try {\n    window.localStorage.setItem(key, calendar);\n  } catch {\n    // Storage can be unavailable (private mode); the choice then lasts for this page only.\n  }\n}\n","import { useRef, type CSSProperties, type ReactElement } from 'react';\nimport {\n  getLocale,\n  type CalendarDate,\n  type CalendarSystem,\n  type LocaleCode,\n  type Weekday,\n} from '@nepdatejs/core';\nimport type { HolidayInput, HolidayLookup } from '@nepdatejs/calendar';\nimport type { RangeDetail, RangePreset, RangeValue } from '@nepdatejs/datepicker';\nimport { restoreFocus } from '@nepdatejs/dom';\nimport { CalendarBody } from './calendar-body';\nimport { useDateRangePicker } from './hooks';\nimport { Icon } from './icons';\nimport { usePageLocale } from './page-locale';\nimport { usePanel } from './panel';\nimport type { PanelLayout } from '@nepdatejs/dom';\nimport { PANEL_WIDTH, PANEL_WIDTH_WITH_PRESETS, PanelBody } from './presets';\n\nexport interface DateRangePickerProps {\n  value?: RangeValue | undefined;\n  defaultValue?: RangeValue | undefined;\n  onChange?: ((value: RangeValue, detail: RangeDetail) => void) | undefined;\n  calendar?: CalendarSystem | undefined;\n  defaultCalendar?: CalendarSystem | undefined;\n  min?: string | undefined;\n  max?: string | undefined;\n  minDays?: number | undefined;\n  maxDays?: number | undefined;\n  /** Shortcuts beside the calendar: 'last7Days', 'thisMonth', 'thisFiscalYear', … or { id, label, resolve }. */\n  presets?: readonly RangePreset[] | undefined;\n  isDateDisabled?: ((date: CalendarDate) => boolean) | undefined;\n  holidays?: readonly HolidayInput[] | HolidayLookup | undefined;\n  locale?: LocaleCode | undefined;\n  weekStartsOn?: Weekday | undefined;\n  weekendDays?: readonly Weekday[] | undefined;\n  showOtherCalendar?: boolean | undefined;\n  today?: CalendarDate | undefined;\n  /** Field names for plain form posts. */\n  startName?: string | undefined;\n  endName?: string | undefined;\n  startLabel?: string | undefined;\n  endLabel?: string | undefined;\n  /** Show a \"Fiscal year\" button that switches the panel to fiscal-year tiles. */\n  fiscalYearView?: boolean | undefined;\n  disabled?: boolean | undefined;\n  /** Add the dashes of YYYY-MM-DD while the user types digits. Default true. */\n  mask?: boolean | undefined;\n  /** Show the calendar in the page, always open, instead of in a popover. */\n  inline?: boolean | undefined;\n  /** 'sheet' opens a bottom sheet; 'popover' sits beside the field; 'auto' (default) uses the sheet below 480px. */\n  panelLayout?: PanelLayout | undefined;\n  theme?: 'light' | 'dark' | 'auto' | undefined;\n  className?: string | undefined;\n}\n\n/** Two BS/AD date fields sharing one calendar panel in range mode. */\nexport function DateRangePicker({\n  startName,\n  endName,\n  startLabel,\n  endLabel,\n  fiscalYearView = false,\n  disabled = false,\n  panelLayout,\n  theme,\n  className,\n  ...options\n}: DateRangePickerProps): ReactElement {\n  const locale = usePageLocale(options.locale);\n  const picker = useDateRangePicker({ ...options, locale });\n  const { state, store, calendar } = picker;\n  const labels = getLocale(locale);\n  const field = useRef<HTMLDivElement | null>(null);\n  const row = useRef<HTMLDivElement | null>(null);\n  const panel = useRef<HTMLDivElement | null>(null);\n  const start = useRef<HTMLInputElement | null>(null);\n\n  const panelWidth = state.presets.length > 0 ? PANEL_WIDTH_WITH_PRESETS : PANEL_WIDTH;\n  usePanel(\n    state.open && !state.inline,\n    { anchor: row, panel, field, returnFocus: start },\n    () => {\n      store.actions.close();\n    },\n    calendar.focusGrid,\n    panelWidth,\n    panelLayout,\n  );\n\n  const invalid = (which: 'start' | 'end'): boolean =>\n    state.error !== null &&\n    (state.error.field === which || state.error.field === 'range');\n\n  return (\n    <div\n      ref={field}\n      className={className ? `ndp-field ${className}` : 'ndp-field'}\n      data-ndp-theme={theme}\n    >\n      <div ref={row} className=\"ndp-range\">\n        <div\n          className=\"ndp-input\"\n          data-invalid={invalid('start') || undefined}\n          data-disabled={disabled || undefined}\n        >\n          <input\n            ref={start}\n            className=\"ndp-input__control\"\n            {...picker.getInputProps('start')}\n            aria-label={startLabel}\n            disabled={disabled}\n          />\n        </div>\n        <span className=\"ndp-range__separator\" aria-hidden=\"true\">\n          →\n        </span>\n        <div\n          className=\"ndp-input\"\n          data-invalid={invalid('end') || undefined}\n          data-disabled={disabled || undefined}\n        >\n          <input\n            className=\"ndp-input__control\"\n            {...picker.getInputProps('end')}\n            aria-label={endLabel}\n            disabled={disabled}\n          />\n          {!state.inline && (\n            <span className=\"ndp-input__actions\">\n              <button\n                className=\"ndp-icon-button\"\n                disabled={disabled}\n                {...picker.getToggleProps()}\n              >\n                <Icon name=\"calendar\" />\n              </button>\n            </span>\n          )}\n        </div>\n      </div>\n      {state.error && (\n        <p id={picker.ids.hint} className=\"ndp-hint\" data-error aria-live=\"polite\">\n          {state.error.message}\n        </p>\n      )}\n      {startName !== undefined && (\n        <input\n          type=\"hidden\"\n          name={startName}\n          value={state.value.start}\n          disabled={disabled}\n        />\n      )}\n      {endName !== undefined && (\n        <input type=\"hidden\" name={endName} value={state.value.end} disabled={disabled} />\n      )}\n      {state.open && (\n        <div\n          ref={panel}\n          className=\"ndp-panel\"\n          popover={state.inline ? undefined : 'manual'}\n          data-layout={state.inline ? 'inline' : undefined}\n          style={\n            state.inline\n              ? ({ '--ndp-panel-width': `${String(panelWidth)}px` } as CSSProperties)\n              : undefined\n          }\n          data-ndp-theme={theme}\n          {...picker.getPanelProps()}\n        >\n          <PanelBody\n            presets={state.presets}\n            label={labels.labels.presets}\n            onPreset={(id) => {\n              if (store.actions.applyPreset(id) && !store.getState().open) {\n                restoreFocus(start.current);\n              }\n            }}\n          >\n            <CalendarBody bindings={calendar} />\n          </PanelBody>\n          {(state.canSwitchCalendar || fiscalYearView) && (\n            <div className=\"ndp-panel__footer\">\n              {state.canSwitchCalendar ? (\n                <div\n                  className=\"ndp-segment\"\n                  role=\"group\"\n                  aria-label={labels.labels.calendar}\n                >\n                  {(['BS', 'AD'] as const).map((option) => (\n                    <button\n                      key={option}\n                      className=\"ndp-segment__item\"\n                      {...picker.getCalendarOptionProps(option)}\n                    >\n                      {labels.calendarNames[option]}\n                    </button>\n                  ))}\n                </div>\n              ) : (\n                <span />\n              )}\n              {fiscalYearView && (\n                <button\n                  type=\"button\"\n                  className=\"ndp-button\"\n                  aria-pressed={state.calendarState.view === 'fiscal'}\n                  onClick={() => {\n                    store.calendar.actions.setView(\n                      state.calendarState.view === 'fiscal' ? 'day' : 'fiscal',\n                    );\n                    calendar.focusGrid();\n                  }}\n                >\n                  {labels.labels.fiscalYear}\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useEffect, useRef, type ReactElement } from 'react';\nimport { getLocale, type LocaleCode } from '@nepdatejs/core';\nimport type { TimeCell } from '@nepdatejs/datepicker';\n\n/** Hour and minute columns (Figma \"Time Item\"); the selected items scroll into view. */\nexport function TimeColumns({\n  hours,\n  minutes,\n  locale,\n  onHour,\n  onMinute,\n}: {\n  hours: readonly TimeCell[];\n  minutes: readonly TimeCell[];\n  locale?: LocaleCode | undefined;\n  onHour: (hour: number) => void;\n  onMinute: (minute: number) => void;\n}): ReactElement {\n  const root = useRef<HTMLDivElement | null>(null);\n  const labels = getLocale(locale).labels;\n\n  useEffect(() => {\n    for (const item of root.current?.querySelectorAll<HTMLElement>(\n      '[aria-pressed=\"true\"]',\n    ) ?? []) {\n      if (typeof item.scrollIntoView === 'function') {\n        item.scrollIntoView({ block: 'nearest' });\n      }\n    }\n  }, []);\n\n  const column = (\n    label: string,\n    cells: readonly TimeCell[],\n    pick: (value: number) => void,\n  ): ReactElement => (\n    <div className=\"ndp-time__column\" role=\"group\" aria-label={label}>\n      {cells.map((cell) => (\n        <button\n          key={cell.value}\n          type=\"button\"\n          className=\"ndp-time-item\"\n          aria-pressed={cell.isSelected}\n          onClick={() => {\n            pick(cell.value);\n          }}\n        >\n          {cell.label}\n        </button>\n      ))}\n    </div>\n  );\n\n  return (\n    <div ref={root} className=\"ndp-time\" role=\"group\" aria-label={labels.time}>\n      {column(labels.hour, hours, onHour)}\n      {column(labels.minute, minutes, onMinute)}\n    </div>\n  );\n}\n","import { useRef, type CSSProperties, type ReactElement } from 'react';\nimport {\n  getLocale,\n  type CalendarDate,\n  type CalendarSystem,\n  type LocaleCode,\n  type Weekday,\n} from '@nepdatejs/core';\nimport type { HolidayInput, HolidayLookup } from '@nepdatejs/calendar';\nimport type { DateTimeDetail, SinglePreset } from '@nepdatejs/datepicker';\nimport { CalendarBody } from './calendar-body';\nimport { popupProps, useDateTimePicker } from './hooks';\nimport { Icon } from './icons';\nimport { usePageLocale } from './page-locale';\nimport { usePanel } from './panel';\nimport type { PanelLayout } from '@nepdatejs/dom';\nimport {\n  PANEL_WIDTH,\n  PANEL_WIDTH_WITH_PRESETS,\n  PanelBody,\n  TIME_COLUMNS_WIDTH,\n} from './presets';\nimport { TimeColumns } from './time-columns';\n\nexport interface DateTimePickerProps {\n  /** ISO timestamp with offset (\"2026-10-18T14:30:00+05:45\") or \"\". */\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onChange?: ((value: string, detail: DateTimeDetail | null) => void) | undefined;\n  /** The zone the picker shows and the value's offset. Default Asia/Kathmandu (core config). */\n  timeZone?: string | undefined;\n  hour12?: boolean | undefined;\n  /** Minutes in the column (1–30). Default 5. */\n  minuteStep?: number | undefined;\n  /** Time used when a day is picked first. Default \"00:00\". */\n  defaultTime?: string | undefined;\n  calendar?: CalendarSystem | undefined;\n  defaultCalendar?: CalendarSystem | undefined;\n  /** Earliest and latest days, AD \"YYYY-MM-DD\". */\n  min?: string | undefined;\n  max?: string | undefined;\n  isDateDisabled?: ((date: CalendarDate) => boolean) | undefined;\n  holidays?: readonly HolidayInput[] | HolidayLookup | undefined;\n  presets?: readonly SinglePreset[] | undefined;\n  locale?: LocaleCode | undefined;\n  weekStartsOn?: Weekday | undefined;\n  today?: CalendarDate | undefined;\n  /** Submit the ISO value with a plain form. */\n  name?: string | undefined;\n  id?: string | undefined;\n  required?: boolean | undefined;\n  disabled?: boolean | undefined;\n  /** Add the dashes of YYYY-MM-DD while the user types digits. Default true. */\n  mask?: boolean | undefined;\n  /** Show the calendar in the page, always open, instead of in a popover. */\n  inline?: boolean | undefined;\n  /** 'sheet' opens a bottom sheet; 'popover' sits beside the field; 'auto' (default) uses the sheet below 480px. */\n  panelLayout?: PanelLayout | undefined;\n  theme?: 'light' | 'dark' | 'auto' | undefined;\n  className?: string | undefined;\n  /** Accessible names for the two inputs. */\n  'aria-label'?: string | undefined;\n  timeLabel?: string | undefined;\n}\n\n/** A BS/AD date and time field. The value is one instant, with the zone's offset. */\nexport function DateTimePicker({\n  name,\n  required,\n  disabled = false,\n  panelLayout,\n  theme,\n  className,\n  'aria-label': ariaLabel,\n  timeLabel,\n  ...options\n}: DateTimePickerProps): ReactElement {\n  const locale = usePageLocale(options.locale);\n  const picker = useDateTimePicker({ ...options, locale });\n  const { state, store, calendar, ids } = picker;\n  const labels = getLocale(locale);\n  const field = useRef<HTMLDivElement | null>(null);\n  const row = useRef<HTMLDivElement | null>(null);\n  const panel = useRef<HTMLDivElement | null>(null);\n  const dateInput = useRef<HTMLInputElement | null>(null);\n\n  const panelWidth =\n    (state.presets.length > 0 ? PANEL_WIDTH_WITH_PRESETS : PANEL_WIDTH) +\n    TIME_COLUMNS_WIDTH;\n  usePanel(\n    state.open && !state.inline,\n    { anchor: row, panel, field, returnFocus: dateInput },\n    () => {\n      store.actions.close();\n    },\n    calendar.focusGrid,\n    panelWidth,\n    panelLayout,\n  );\n\n  const hint = state.error?.message ?? state.equivalentText;\n  const invalid = (which: 'date' | 'time'): boolean => state.error?.field === which;\n\n  return (\n    <div\n      ref={field}\n      className={className ? `ndp-field ${className}` : 'ndp-field'}\n      data-ndp-theme={theme}\n    >\n      <div ref={row} className=\"ndp-datetime\">\n        <div\n          className=\"ndp-input\"\n          data-invalid={invalid('date') || undefined}\n          data-disabled={disabled || undefined}\n        >\n          <input\n            ref={dateInput}\n            id={ids.date}\n            className=\"ndp-input__control\"\n            {...popupProps(state)}\n            type=\"text\"\n            inputMode=\"numeric\"\n            autoComplete=\"off\"\n            value={state.dateText}\n            placeholder={state.placeholder}\n            aria-label={ariaLabel}\n            aria-controls={ids.panel}\n            aria-invalid={invalid('date') || undefined}\n            aria-describedby={hint ? ids.hint : undefined}\n            required={required}\n            disabled={disabled}\n            onChange={(event) => {\n              store.actions.typeDate(event.target.value);\n            }}\n            onBlur={() => {\n              store.actions.blurDate();\n            }}\n            onKeyDown={(event) => {\n              if (event.key === 'ArrowDown' && (event.altKey || state.dateText === '')) {\n                event.preventDefault();\n                store.actions.open();\n              }\n            }}\n          />\n          {!state.inline && (\n            <span className=\"ndp-input__actions\">\n              <button\n                type=\"button\"\n                className=\"ndp-icon-button\"\n                disabled={disabled}\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                <Icon name=\"calendar\" />\n              </button>\n            </span>\n          )}\n        </div>\n        <div\n          className=\"ndp-input ndp-input--time\"\n          data-invalid={invalid('time') || undefined}\n          data-disabled={disabled || undefined}\n        >\n          <input\n            id={ids.time}\n            className=\"ndp-input__control\"\n            type=\"text\"\n            inputMode=\"text\"\n            autoComplete=\"off\"\n            value={state.timeText}\n            placeholder={state.timePlaceholder}\n            aria-label={timeLabel ?? labels.labels.time}\n            aria-invalid={invalid('time') || undefined}\n            aria-describedby={hint ? ids.hint : undefined}\n            disabled={disabled}\n            onChange={(event) => {\n              store.actions.typeTime(event.target.value);\n            }}\n            onBlur={() => {\n              store.actions.blurTime();\n            }}\n          />\n        </div>\n      </div>\n      {hint !== null && (\n        <p\n          id={ids.hint}\n          className=\"ndp-hint\"\n          data-error={state.error ? true : undefined}\n          aria-live=\"polite\"\n        >\n          {hint}\n        </p>\n      )}\n      {name !== undefined && (\n        <input type=\"hidden\" name={name} value={state.value} disabled={disabled} />\n      )}\n      {state.open && (\n        <div\n          ref={panel}\n          id={ids.panel}\n          className=\"ndp-panel\"\n          popover={state.inline ? undefined : 'manual'}\n          data-layout={state.inline ? 'inline' : undefined}\n          style={\n            state.inline\n              ? ({ '--ndp-panel-width': `${String(panelWidth)}px` } as CSSProperties)\n              : undefined\n          }\n          role={state.inline ? 'group' : 'dialog'}\n          aria-label={labels.labels.chooseDate}\n          data-ndp-theme={theme}\n        >\n          <PanelBody\n            presets={state.presets}\n            label={labels.labels.presets}\n            onPreset={(presetId) => {\n              store.actions.applyPreset(presetId);\n            }}\n          >\n            <CalendarBody bindings={calendar} />\n            <TimeColumns\n              hours={state.hours}\n              minutes={state.minutes}\n              locale={options.locale}\n              onHour={(hour) => {\n                store.actions.selectHour(hour);\n              }}\n              onMinute={(minute) => {\n                store.actions.selectMinute(minute);\n              }}\n            />\n          </PanelBody>\n          <div className=\"ndp-panel__footer\">\n            {state.canSwitchCalendar ? (\n              <div\n                className=\"ndp-segment\"\n                role=\"group\"\n                aria-label={labels.labels.calendar}\n              >\n                {(['BS', 'AD'] as const).map((option) => (\n                  <button\n                    key={option}\n                    type=\"button\"\n                    className=\"ndp-segment__item\"\n                    aria-pressed={state.calendar === option}\n                    onClick={() => {\n                      store.actions.switchCalendar(option);\n                    }}\n                  >\n                    {labels.calendarNames[option]}\n                  </button>\n                ))}\n              </div>\n            ) : (\n              <span />\n            )}\n            <span>\n              <button\n                type=\"button\"\n                className=\"ndp-button\"\n                onClick={() => {\n                  store.actions.selectNow();\n                }}\n              >\n                {labels.labels.now}\n              </button>\n              <button\n                type=\"button\"\n                className=\"ndp-button\"\n                data-variant=\"primary\"\n                onClick={() => {\n                  store.actions.close();\n                  dateInput.current?.focus();\n                }}\n              >\n                {labels.labels.done}\n              </button>\n            </span>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useEffect, useRef, type CSSProperties, type ReactElement } from 'react';\nimport {\n  getLocale,\n  type CalendarDate,\n  type CalendarSystem,\n  type LocaleCode,\n  type Weekday,\n} from '@nepdatejs/core';\nimport type { EventMarker, HolidayInput, HolidayLookup } from '@nepdatejs/calendar';\nimport type { DateDetail } from '@nepdatejs/datepicker';\nimport { restoreFocus, type PanelLayout } from '@nepdatejs/dom';\nimport { CalendarBody } from './calendar-body';\nimport { useMultiDatePicker } from './hooks';\nimport { Icon } from './icons';\nimport { usePageLocale } from './page-locale';\nimport { usePanel } from './panel';\nimport { PANEL_WIDTH } from './presets';\n\nexport interface MultiDatePickerProps {\n  /** AD \"YYYY-MM-DD\" days. */\n  value?: readonly string[] | undefined;\n  defaultValue?: readonly string[] | undefined;\n  onChange?:\n    ((value: readonly string[], dates: readonly DateDetail[]) => void) | undefined;\n  calendar?: CalendarSystem | undefined;\n  defaultCalendar?: CalendarSystem | undefined;\n  onCalendarChange?: ((calendar: CalendarSystem) => void) | undefined;\n  /** Earliest and latest allowed days, as AD \"YYYY-MM-DD\". */\n  min?: string | undefined;\n  max?: string | undefined;\n  /** The most days that may be chosen. */\n  maxDates?: number | undefined;\n  isDateDisabled?: ((date: CalendarDate) => boolean) | undefined;\n  holidays?: readonly HolidayInput[] | HolidayLookup | undefined;\n  events?: ((date: CalendarDate) => readonly EventMarker[]) | undefined;\n  locale?: LocaleCode | undefined;\n  weekStartsOn?: Weekday | undefined;\n  weekendDays?: readonly Weekday[] | undefined;\n  showOtherCalendar?: boolean | undefined;\n  /** Close the panel after each click. Default false. */\n  closeOnSelect?: boolean | undefined;\n  /** Add the dashes of YYYY-MM-DD while the user types digits. Default true. */\n  mask?: boolean | undefined;\n  /** Show the calendar in the page, always open, instead of in a popover. */\n  inline?: boolean | undefined;\n  /** 'sheet' opens a bottom sheet; 'popover' sits beside the field; 'auto' (default) uses the sheet below 480px. */\n  panelLayout?: PanelLayout | undefined;\n  /** Submit each day under this name, one hidden input per day. */\n  name?: string | undefined;\n  id?: string | undefined;\n  placeholder?: string | undefined;\n  required?: boolean | undefined;\n  disabled?: boolean | undefined;\n  clearable?: boolean | undefined;\n  today?: CalendarDate | undefined;\n  theme?: 'light' | 'dark' | 'auto' | undefined;\n  className?: string | undefined;\n  'aria-label'?: string | undefined;\n}\n\n/**\n * Several separate BS/AD days in one field (PICK-001): click days in the\n * panel to add or remove them, or type them separated by commas. The value is\n * the sorted AD days as \"YYYY-MM-DD\" strings.\n */\nexport function MultiDatePicker({\n  name,\n  placeholder,\n  required,\n  disabled = false,\n  clearable = true,\n  panelLayout,\n  theme,\n  className,\n  'aria-label': ariaLabel,\n  ...options\n}: MultiDatePickerProps): ReactElement {\n  const locale = usePageLocale(options.locale);\n  const picker = useMultiDatePicker({ ...options, locale });\n  const { state, store, calendar } = picker;\n  const labels = getLocale(locale);\n  const field = useRef<HTMLDivElement | null>(null);\n  const box = useRef<HTMLDivElement | null>(null);\n  const panel = useRef<HTMLDivElement | null>(null);\n  const input = useRef<HTMLInputElement | null>(null);\n\n  usePanel(\n    state.open && !state.inline,\n    { anchor: box, panel, field, returnFocus: input },\n    () => {\n      store.actions.close();\n    },\n    calendar.focusGrid,\n    PANEL_WIDTH,\n    panelLayout,\n  );\n\n  // A form reset puts the field back to its default value.\n  useEffect(() => {\n    const form = input.current?.form;\n    if (!form) {\n      return undefined;\n    }\n    const reset = (): void => {\n      store.actions.reset();\n    };\n    form.addEventListener('reset', reset);\n\n    return () => {\n      form.removeEventListener('reset', reset);\n    };\n  }, [store]);\n\n  useEffect(() => {\n    input.current?.setCustomValidity(state.error?.message ?? '');\n  }, [state.error]);\n\n  return (\n    <div\n      ref={field}\n      className={className ? `ndp-field ${className}` : 'ndp-field'}\n      data-ndp-theme={theme}\n    >\n      <div\n        ref={box}\n        className=\"ndp-input\"\n        data-invalid={state.error !== null || undefined}\n        data-disabled={disabled || undefined}\n      >\n        <input\n          ref={input}\n          className=\"ndp-input__control\"\n          {...picker.getInputProps()}\n          aria-label={ariaLabel}\n          placeholder={placeholder ?? state.placeholder}\n          required={required}\n          disabled={disabled}\n        />\n        <span className=\"ndp-input__actions\">\n          {clearable && state.text !== '' && !disabled && (\n            <button\n              className=\"ndp-icon-button\"\n              {...picker.getClearProps()}\n              onClick={() => {\n                store.actions.clear();\n                input.current?.focus();\n              }}\n            >\n              <Icon name=\"close\" />\n            </button>\n          )}\n          {!state.inline && (\n            <button\n              className=\"ndp-icon-button\"\n              disabled={disabled}\n              {...picker.getToggleProps()}\n            >\n              <Icon name=\"calendar\" />\n            </button>\n          )}\n        </span>\n      </div>\n      {state.error && (\n        <p id={picker.ids.hint} className=\"ndp-hint\" data-error aria-live=\"polite\">\n          {state.error.message}\n        </p>\n      )}\n      {name !== undefined &&\n        state.value.map((day) => (\n          <input key={day} type=\"hidden\" name={name} value={day} disabled={disabled} />\n        ))}\n      {state.open && (\n        <div\n          ref={panel}\n          className=\"ndp-panel\"\n          popover={state.inline ? undefined : 'manual'}\n          data-layout={state.inline ? 'inline' : undefined}\n          style={\n            state.inline\n              ? ({ '--ndp-panel-width': `${String(PANEL_WIDTH)}px` } as CSSProperties)\n              : undefined\n          }\n          data-ndp-theme={theme}\n          {...picker.getPanelProps()}\n          aria-label={\n            ariaLabel\n              ? `${ariaLabel}: ${labels.labels.calendar}`\n              : labels.labels.chooseDate\n          }\n        >\n          <CalendarBody\n            bindings={{\n              ...calendar,\n              getDayProps: (cell) => ({\n                ...calendar.getDayProps(cell),\n                onClick: () => {\n                  if (\n                    !cell.isDisabled &&\n                    store.actions.select(cell.date) &&\n                    !store.getState().open\n                  ) {\n                    restoreFocus(input.current);\n                  }\n                },\n              }),\n            }}\n          />\n          <div className=\"ndp-panel__footer\">\n            {state.canSwitchCalendar ? (\n              <div\n                className=\"ndp-segment\"\n                role=\"group\"\n                aria-label={labels.labels.calendar}\n              >\n                {(['BS', 'AD'] as const).map((option) => (\n                  <button\n                    key={option}\n                    className=\"ndp-segment__item\"\n                    {...picker.getCalendarOptionProps(option)}\n                  >\n                    {labels.calendarNames[option]}\n                  </button>\n                ))}\n              </div>\n            ) : (\n              <span />\n            )}\n            {!state.inline && (\n              <button\n                type=\"button\"\n                className=\"ndp-button\"\n                onClick={() => {\n                  store.actions.close();\n                  restoreFocus(input.current);\n                }}\n              >\n                {labels.labels.done}\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/index.d.cts

@@ -0,0 +1,245 @@
+import { _ as useCalendarBindings, a as DateTimePickerBindings, c as PanelProps, d as useDateRangePicker, f as useDateTimePicker, g as GridProps, h as CalendarBindings, i as DateRangePickerBindings, l as useCalendar, m as ButtonProps, n as useStore, o as InputProps, p as useMultiDatePicker, r as DatePickerBindings, s as MultiDatePickerBindings, t as deepEqual, u as useDatePicker } from "./headless-CrIIPnOF.cjs";
+import { a as shortDate, i as bothDates, n as DateTextProps, r as ShortDate, t as DateText } from "./date-text-Dipetpbp.cjs";
+import { ReactElement } from "react";
+import { CalendarDate, CalendarSystem, DateFormatPattern, LocaleCode, Weekday } from "@nepdatejs/core";
+import { CalendarOptions, CalendarSelection, EventMarker, HolidayInput, HolidayLookup } from "@nepdatejs/calendar";
+import { DateDetail, DateTimeDetail, RangeDetail, RangePreset, RangeValue, SinglePreset, TimeCell } from "@nepdatejs/datepicker";
+import { PanelLayout } from "@nepdatejs/dom";
+//#region src/calendar.d.ts
+interface CalendarProps extends Omit<CalendarOptions, "onSelect" | "visibleMonth" | "onVisibleMonthChange"> {
+  /** Show this month (any day in it); pair with onMonthChange to control it. */
+  month?: CalendarDate | undefined;
+  onMonthChange?: ((month: CalendarDate) => void) | undefined;
+  onSelect?: ((selection: CalendarSelection) => void) | undefined;
+  className?: string | undefined;
+  theme?: "light" | "dark" | "auto" | undefined;
+}
+/** A standalone BS/AD month view with keyboard support. */
+export declare function Calendar({ month, onMonthChange, className, theme, ...options }: CalendarProps): ReactElement;
+//#endregion
+//#region src/date-picker.d.ts
+interface DatePickerProps {
+  /** The AD date as "YYYY-MM-DD", or "": the same value a native date input uses. */
+  value?: string | undefined;
+  /** The starting value when the field keeps its own state, as in a plain form with `name`. */
+  defaultValue?: string | undefined;
+  onChange?: ((value: string, date: DateDetail | null) => void) | undefined;
+  /** Show and type dates in this calendar only, and hide the BS/AD switch. */
+  calendar?: CalendarSystem | undefined;
+  /** The calendar shown first when the viewer has not chosen one. */
+  defaultCalendar?: CalendarSystem | undefined;
+  /** Called when the viewer switches BS/AD. */
+  onCalendarChange?: ((calendar: CalendarSystem) => void) | undefined;
+  /** Earliest and latest allowed days, as AD "YYYY-MM-DD". */
+  min?: string | undefined;
+  max?: string | undefined;
+  isDateDisabled?: ((date: CalendarDate) => boolean) | undefined;
+  /** Names, digits and messages; defaults to the page language (ne when <html lang="ne">). */
+  locale?: LocaleCode | undefined;
+  /** Submit the AD value with a plain form under this name. */
+  name?: string | undefined;
+  id?: string | undefined;
+  placeholder?: string | undefined;
+  required?: boolean | undefined;
+  disabled?: boolean | undefined;
+  clearable?: boolean | undefined;
+  /** Show the same day in the other calendar under the field. */
+  showEquivalent?: boolean | undefined;
+  holidays?: readonly HolidayInput[] | HolidayLookup | undefined;
+  events?: ((date: CalendarDate) => readonly EventMarker[]) | undefined;
+  weekStartsOn?: Weekday | undefined;
+  weekendDays?: readonly Weekday[] | undefined;
+  /** Show the other calendar's day number under each day. Default true. */
+  showOtherCalendar?: boolean | undefined;
+  displayFormat?: DateFormatPattern | undefined;
+  closeOnSelect?: boolean | undefined;
+  /** Shortcuts beside the calendar: 'today', 'yesterday', 'tomorrow' or { id, label, resolve }. */
+  presets?: readonly SinglePreset[] | undefined;
+  /** Remember the viewer's BS/AD choice in localStorage under this key. */
+  persistCalendar?: string | undefined;
+  /** Override "today" (tests, server rendering). */
+  today?: CalendarDate | undefined;
+  /** Add the dashes of YYYY-MM-DD while the user types digits. Default true. */
+  mask?: boolean | undefined;
+  /** Show the calendar in the page, always open, instead of in a popover. */
+  inline?: boolean | undefined;
+  /** 'sheet' opens a bottom sheet; 'popover' sits beside the field; 'auto' (default) uses the sheet below 480px. */
+  panelLayout?: PanelLayout | undefined;
+  theme?: "light" | "dark" | "auto" | undefined;
+  className?: string | undefined;
+  "aria-label"?: string | undefined;
+  "aria-invalid"?: boolean | undefined;
+  "aria-describedby"?: string | undefined;
+}
+/**
+ * A BS/AD date field: type a date or pick it from a calendar. The value is
+ * always the AD day as "YYYY-MM-DD", so forms, validation and storage are
+ * unchanged and a BS date can never be sent as if it were AD.
+ */
+export declare function DatePicker(props: DatePickerProps): ReactElement;
+//#endregion
+//#region src/date-range-picker.d.ts
+interface DateRangePickerProps {
+  value?: RangeValue | undefined;
+  defaultValue?: RangeValue | undefined;
+  onChange?: ((value: RangeValue, detail: RangeDetail) => void) | undefined;
+  calendar?: CalendarSystem | undefined;
+  defaultCalendar?: CalendarSystem | undefined;
+  min?: string | undefined;
+  max?: string | undefined;
+  minDays?: number | undefined;
+  maxDays?: number | undefined;
+  /** Shortcuts beside the calendar: 'last7Days', 'thisMonth', 'thisFiscalYear', … or { id, label, resolve }. */
+  presets?: readonly RangePreset[] | undefined;
+  isDateDisabled?: ((date: CalendarDate) => boolean) | undefined;
+  holidays?: readonly HolidayInput[] | HolidayLookup | undefined;
+  locale?: LocaleCode | undefined;
+  weekStartsOn?: Weekday | undefined;
+  weekendDays?: readonly Weekday[] | undefined;
+  showOtherCalendar?: boolean | undefined;
+  today?: CalendarDate | undefined;
+  /** Field names for plain form posts. */
+  startName?: string | undefined;
+  endName?: string | undefined;
+  startLabel?: string | undefined;
+  endLabel?: string | undefined;
+  /** Show a "Fiscal year" button that switches the panel to fiscal-year tiles. */
+  fiscalYearView?: boolean | undefined;
+  disabled?: boolean | undefined;
+  /** Add the dashes of YYYY-MM-DD while the user types digits. Default true. */
+  mask?: boolean | undefined;
+  /** Show the calendar in the page, always open, instead of in a popover. */
+  inline?: boolean | undefined;
+  /** 'sheet' opens a bottom sheet; 'popover' sits beside the field; 'auto' (default) uses the sheet below 480px. */
+  panelLayout?: PanelLayout | undefined;
+  theme?: "light" | "dark" | "auto" | undefined;
+  className?: string | undefined;
+}
+/** Two BS/AD date fields sharing one calendar panel in range mode. */
+export declare function DateRangePicker({ startName, endName, startLabel, endLabel, fiscalYearView, disabled, panelLayout, theme, className, ...options }: DateRangePickerProps): ReactElement;
+//#endregion
+//#region src/date-time-picker.d.ts
+interface DateTimePickerProps {
+  /** ISO timestamp with offset ("2026-10-18T14:30:00+05:45") or "". */
+  value?: string | undefined;
+  defaultValue?: string | undefined;
+  onChange?: ((value: string, detail: DateTimeDetail | null) => void) | undefined;
+  /** The zone the picker shows and the value's offset. Default Asia/Kathmandu (core config). */
+  timeZone?: string | undefined;
+  hour12?: boolean | undefined;
+  /** Minutes in the column (1–30). Default 5. */
+  minuteStep?: number | undefined;
+  /** Time used when a day is picked first. Default "00:00". */
+  defaultTime?: string | undefined;
+  calendar?: CalendarSystem | undefined;
+  defaultCalendar?: CalendarSystem | undefined;
+  /** Earliest and latest days, AD "YYYY-MM-DD". */
+  min?: string | undefined;
+  max?: string | undefined;
+  isDateDisabled?: ((date: CalendarDate) => boolean) | undefined;
+  holidays?: readonly HolidayInput[] | HolidayLookup | undefined;
+  presets?: readonly SinglePreset[] | undefined;
+  locale?: LocaleCode | undefined;
+  weekStartsOn?: Weekday | undefined;
+  today?: CalendarDate | undefined;
+  /** Submit the ISO value with a plain form. */
+  name?: string | undefined;
+  id?: string | undefined;
+  required?: boolean | undefined;
+  disabled?: boolean | undefined;
+  /** Add the dashes of YYYY-MM-DD while the user types digits. Default true. */
+  mask?: boolean | undefined;
+  /** Show the calendar in the page, always open, instead of in a popover. */
+  inline?: boolean | undefined;
+  /** 'sheet' opens a bottom sheet; 'popover' sits beside the field; 'auto' (default) uses the sheet below 480px. */
+  panelLayout?: PanelLayout | undefined;
+  theme?: "light" | "dark" | "auto" | undefined;
+  className?: string | undefined;
+  /** Accessible names for the two inputs. */
+  "aria-label"?: string | undefined;
+  timeLabel?: string | undefined;
+}
+/** A BS/AD date and time field. The value is one instant, with the zone's offset. */
+export declare function DateTimePicker({ name, required, disabled, panelLayout, theme, className, "aria-label": ariaLabel, timeLabel, ...options }: DateTimePickerProps): ReactElement;
+//#endregion
+//#region src/multi-date-picker.d.ts
+interface MultiDatePickerProps {
+  /** AD "YYYY-MM-DD" days. */
+  value?: readonly string[] | undefined;
+  defaultValue?: readonly string[] | undefined;
+  onChange?: ((value: readonly string[], dates: readonly DateDetail[]) => void) | undefined;
+  calendar?: CalendarSystem | undefined;
+  defaultCalendar?: CalendarSystem | undefined;
+  onCalendarChange?: ((calendar: CalendarSystem) => void) | undefined;
+  /** Earliest and latest allowed days, as AD "YYYY-MM-DD". */
+  min?: string | undefined;
+  max?: string | undefined;
+  /** The most days that may be chosen. */
+  maxDates?: number | undefined;
+  isDateDisabled?: ((date: CalendarDate) => boolean) | undefined;
+  holidays?: readonly HolidayInput[] | HolidayLookup | undefined;
+  events?: ((date: CalendarDate) => readonly EventMarker[]) | undefined;
+  locale?: LocaleCode | undefined;
+  weekStartsOn?: Weekday | undefined;
+  weekendDays?: readonly Weekday[] | undefined;
+  showOtherCalendar?: boolean | undefined;
+  /** Close the panel after each click. Default false. */
+  closeOnSelect?: boolean | undefined;
+  /** Add the dashes of YYYY-MM-DD while the user types digits. Default true. */
+  mask?: boolean | undefined;
+  /** Show the calendar in the page, always open, instead of in a popover. */
+  inline?: boolean | undefined;
+  /** 'sheet' opens a bottom sheet; 'popover' sits beside the field; 'auto' (default) uses the sheet below 480px. */
+  panelLayout?: PanelLayout | undefined;
+  /** Submit each day under this name, one hidden input per day. */
+  name?: string | undefined;
+  id?: string | undefined;
+  placeholder?: string | undefined;
+  required?: boolean | undefined;
+  disabled?: boolean | undefined;
+  clearable?: boolean | undefined;
+  today?: CalendarDate | undefined;
+  theme?: "light" | "dark" | "auto" | undefined;
+  className?: string | undefined;
+  "aria-label"?: string | undefined;
+}
+/**
+ * Several separate BS/AD days in one field (PICK-001): click days in the
+ * panel to add or remove them, or type them separated by commas. The value is
+ * the sorted AD days as "YYYY-MM-DD" strings.
+ */
+export declare function MultiDatePicker({ name, placeholder, required, disabled, clearable, panelLayout, theme, className, "aria-label": ariaLabel, ...options }: MultiDatePickerProps): ReactElement;
+//#endregion
+//#region src/time-columns.d.ts
+/** Hour and minute columns (Figma "Time Item"); the selected items scroll into view. */
+export declare function TimeColumns({ hours, minutes, locale, onHour, onMinute }: {
+  hours: readonly TimeCell[];
+  minutes: readonly TimeCell[];
+  locale?: LocaleCode | undefined;
+  onHour: (hour: number) => void;
+  onMinute: (minute: number) => void;
+}): ReactElement;
+//#endregion
+//#region src/calendar-body.d.ts
+/** The calendar markup (@nepdatejs/styles contract) for any set of bindings. */
+export declare function CalendarBody({ bindings, className, theme }: {
+  bindings: CalendarBindings;
+  className?: string | undefined;
+  theme?: string | undefined;
+}): ReactElement;
+//#endregion
+//#region src/icons.d.ts
+declare const PATHS: {
+  readonly "chevron-left": readonly ["M10 3.5 5.5 8l4.5 4.5"];
+  readonly "chevron-right": readonly ["M6 3.5 10.5 8 6 12.5"];
+  readonly calendar: readonly ["M2 6.5h12", "M5.5 1.5v3", "M10.5 1.5v3", "M4 3h8a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z"];
+  readonly close: readonly ["M4 4l8 8", "M12 4l-8 8"];
+};
+type IconName = keyof typeof PATHS;
+/** The Figma icon set, 16px, stroked with currentColor. */
+export declare function Icon({ name }: {
+  name: IconName;
+}): ReactElement;
+//#endregion
+export { type ButtonProps, type CalendarBindings, type CalendarProps, type DatePickerBindings, type DatePickerProps, type DateRangePickerBindings, type DateRangePickerProps, DateText, type DateTextProps, type DateTimePickerBindings, type DateTimePickerProps, type GridProps, type IconName, type InputProps, type MultiDatePickerBindings, type MultiDatePickerProps, type PanelProps, ShortDate, bothDates, deepEqual, shortDate, useCalendar, useCalendarBindings, useDatePicker, useDateRangePicker, useDateTimePicker, useMultiDatePicker, useStore };
+//# sourceMappingURL=index.d.cts.map