@semcore/date-picker 17.2.1-prerelease.1 → 17.2.1-prerelease.3

package/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Flex, Box, BoxProps } from '@semcore/base-components';\nimport type Popper from '@semcore/base-components';\nimport type { BaseTriggerProps } from '@semcore/base-trigger';\nimport type BaseTrigger from '@semcore/base-trigger';\nimport type { ButtonProps } from '@semcore/button';\nimport type Button from '@semcore/button';\nimport type Checkbox from '@semcore/checkbox';\nimport type { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport type Divider from '@semcore/divider';\nimport type { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport type { NSInput } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type { InputMaskValueProps } from '@semcore/input-mask';\nimport type { TooltipProps } from '@semcore/tooltip';\nimport type dayjs from 'dayjs';\nimport type { ChangeEvent } from 'react';\nimport type React from 'react';\n\nexport type DateConstructorParams = string | number | Date;\n\n/**\n * Array of dates blocked for selection\n * Accepts the date or the range of dates for specifying infinity ([Date | false, Date | false]), crontab(6,7)\n * */\nexport type DisabledDates = (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n\nexport type CalendarProps = BoxProps & {\n  /**\n   * Locale for displaying the days of a week and months, to be transferred to `Intl`\n   * @default en\n   * */\n  locale?: NavigatorLanguage['language'];\n  /**\n   * Array of dates blocked for selection\n   */\n  disabled?: DisabledDates;\n  /** Internal */\n  highlighted?: DateConstructorParams[];\n  /** Internal */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * The selected date, accepts everything which is accepted by `new Date()`\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated upon selecting the date\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * Date for showing the necessary month\n   * @default new Date()\n   * */\n  displayedPeriod?: Date;\n  /** Controls whether to render dates from previous/next months */\n  renderOutdated?: boolean;\n};\n\nexport type CalendarDaysContext = {\n  days: CalendarUnitProps[];\n};\n\nexport type CalendarMonthsContext = {\n  months: CalendarUnitProps[];\n};\n\nexport type CalendarUnitProps = BoxProps & {\n  /** Indicates if the calendar unit is part of a selected date range */\n  selected?: boolean;\n  /** Marks units from previous/next months that appear in the current month view */\n  outdated?: boolean;\n  /** Prevents interaction with the unit */\n  disabled?: boolean;\n  /** Highlights the current date */\n  today?: boolean;\n  /** Marks the beginning of a selected date range */\n  startSelected?: boolean;\n  /** Marks the end of a selected date range */\n  endSelected?: boolean;\n  /** Shows preview highlighting during range selection */\n  highlighted?: boolean;\n  /** Marks the start of a highlighted range */\n  startHighlighted?: boolean;\n  /** Marks the end of a highlighted range */\n  endHighlighted?: boolean;\n  /** The actual Date object this unit represents */\n  date?: Date;\n  /** Content to display within the unit (typically the day number) */\n  children?: React.ReactNode;\n};\n\nexport type CalendarContext = {\n  getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n  'div',\n  CalendarProps,\n  CalendarContext & CalendarDaysContext,\n  [handlers: AbstractDatePickerHandlers]\n> & {\n  Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\nexport type DatePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  value?: DateConstructorParams;\n  /**\n     * To be activated upon selecting the date\n     * */\n  onChange?: (date: Date) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * Component size\n     * @default m\n     */\n  size?: 'm' | 'l';\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultValue?: DateConstructorParams;\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n};\n\nexport type DateRangePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  value?: DateConstructorParams[];\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultValue?: DateConstructorParams[];\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onChange?: (date: Date[]) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * Remove the 'Reset' button\n     * */\n  unclearable?: boolean;\n  /**\n     * To be activated upon selecting the date\n     * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n  preselectedValue?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n  onPreselectedValueChange?: (date: Date[]) => void;\n  /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n  periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DateRangePickerPeriodProps = BoxProps & {\n  /**\n   * Current selected period\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated by clicking the button for switching the selected period.\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * To be activated by hovering a cursor over the button for changing the current displayed month.\n   * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n   * To be activated by hovering a cursor over the button for selecting the dates.\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * Array of periods\n   * [{value: [new Date(), new Date()], children: \"Today\"}]\n   * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n   * */\n  periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DatePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getTodayProps: PropGetterFn;\n};\n\nexport type AbstractDatePickerHandlers = {\n  displayedPeriod: (value: DateConstructorParams) => void;\n  visible: (index: boolean) => void;\n  highlighted: (list: DateConstructorParams[]) => void;\n  value: (index: DateConstructorParams) => void;\n};\n\nexport type DatePickerHandlers = {\n  visible: (index: boolean) => void;\n};\n\nexport type BaseInputTriggerProps = NSInput.Props &\n  TooltipProps & {\n    /**\n     * Date input placeholder characters\n     * @default { year: 'Y'; month: 'M'; day: 'D' }\n     */\n    placeholders?: { year: string; month: string; day: string };\n    locale?: string;\n    onDisplayedPeriodChange?: (date: Date) => void;\n  };\nexport type InputTriggerProps = BaseInputTriggerProps & {\n  value?: Date;\n  onChange?: (date: Date, event: ChangeEvent) => void;\n  /** @deprecated Set `disabledErrorText={null}` on the picker Root instead */\n  showError?: boolean;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n  value?: Date[];\n  onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\nexport type SingleDateInputProps = InputTriggerProps & {};\n\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\nexport type DatePickerMaskedInputProps = {\n  date?: Date;\n  onDateChange?: (date: Date, event: ChangeEvent) => void;\n  onDisplayedPeriodChange?: (date: Date) => void;\n  locale?: string;\n  parts?: { year: boolean; month: boolean; day: boolean };\n  disabledDates?: (Date | (Date | false)[] | string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & InputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  SingleDateInput: Intergalactic.Component<'div', NSInput.Props & SingleDateInputProps> & {\n    Indicator: typeof Input.Addon;\n    MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;\n  };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & RangeInputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  DateRange: Intergalactic.Component<'div', NSInput.Value.Props & DateRangeProps> & {\n    Indicator: typeof Input.Addon;\n    RangeSep: typeof Input.Addon;\n    FromMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n    ToMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n  };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  DatePickerContext & CalendarDaysContext\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Today: typeof Box;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  DateRangePickerContext & CalendarDaysContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type MonthPickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  MonthPickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type MonthRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  MonthRangePickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangeComparatorFocusRange = 'value' | 'compare';\nexport type DateRangeComparatorValue = {\n  value?: DateConstructorParams[];\n  compare?: DateConstructorParams[];\n};\n\nexport type DateRangeComparatorProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * Selected date ranges\n     * */\n  value?: DateRangeComparatorValue;\n  /**\n     * Default value for selected date ranges\n     * */\n  defaultValue?: DateRangeComparatorValue;\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n  /**\n     * Called with selected date when user clicks `Apply` button.\n     * */\n  onChange?: (ranges: {\n    value?: DateConstructorParams[];\n    compare?: DateConstructorParams[];\n  }) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  compareHighlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onCompareHighlightedChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n  preselectedValue?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n  onPreselectedValueChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.\n     */\n  preselectedCompare?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a compare range and when user applies ranges.\n     */\n  onPreselectedCompareChange?: (date: Date[]) => void;\n  /**\n     * Controls that compare range input is enabled.\n     */\n  compareToggle?: boolean;\n  /**\n     * Toggles when compare range input enables or disables.\n     */\n  onCompareToggleChange?: (compareToggle: boolean) => void;\n  /**\n     * Controls which date range is focused.\n     */\n  focusedRange?: DateRangeComparatorFocusRange;\n  /**\n     * Called when user focuses or is focused on some of the date ranges.\n     */\n  onFocusedRangeChange?: (focusedRange: DateRangeComparatorFocusRange) => void;\n  /**\n     * Remove the 'Reset' button\n     * */\n  unclearable?: boolean;\n  /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n  periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DateRangeComparatorContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\nexport type DateRangeComparatorTriggerProps = DropdownTriggerProps &\n  BaseTriggerProps & {\n    /**\n     * Text between the selected date range and the compared date range when both are selected.\n     * @default 'vs.'\n     */\n    separator?: string;\n    /**\n     * Trigger text when no ranges are selected.\n     */\n    placeholder?: string;\n  };\n\ndeclare const DateRangeComparator: Intergalactic.Component<\n  'div',\n  DateRangeComparatorProps,\n  DateRangeComparatorContext & CalendarDaysContext\n> & {\n  Popper: typeof Popper.Popper;\n  Header: typeof Flex;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Apply: typeof Button;\n  Reset: typeof Button;\n\n  CalendarHeader: typeof Box;\n  Title: typeof Box;\n\n  Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  CompareToggle: typeof Checkbox;\n  CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  Body: typeof Flex;\n  RangeCalendar: typeof Flex;\n  Periods: typeof Flex & {\n    Divider: typeof Divider;\n    Column: typeof Flex;\n    Options: typeof Flex;\n    Controls: typeof Flex;\n  };\n  Footer: typeof Flex;\n};\n\ndeclare const MonthDateRangeComparator: typeof DateRangeComparator;\n\nexport {\n  DatePicker,\n  DateRangePicker,\n  MonthPicker,\n  MonthRangePicker,\n  DateRangeComparator,\n  MonthDateRangeComparator,\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { NSFlex, NSBox, NSPopper } from '@semcore/base-components';\nimport type { BaseTriggerProps } from '@semcore/base-trigger';\nimport type BaseTrigger from '@semcore/base-trigger';\nimport type { NSButton } from '@semcore/button';\nimport type Checkbox from '@semcore/checkbox';\nimport type { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport type Divider from '@semcore/divider';\nimport type { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport type { NSInput } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type { NSInputMask } from '@semcore/input-mask';\nimport type { TooltipProps } from '@semcore/tooltip';\nimport type dayjs from 'dayjs';\nimport type { ChangeEvent } from 'react';\nimport type React from 'react';\n\nexport type DateConstructorParams = string | number | Date;\n\n/**\n * Array of dates blocked for selection\n * Accepts the date or the range of dates for specifying infinity ([Date | false, Date | false]), crontab(6,7)\n * */\nexport type DisabledDates = (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n\nexport type CalendarProps = NSBox.Props & {\n  /**\n   * Locale for displaying the days of a week and months, to be transferred to `Intl`\n   * @default en\n   * */\n  locale?: NavigatorLanguage['language'];\n  /**\n   * Array of dates blocked for selection\n   */\n  disabled?: DisabledDates;\n  /** Internal */\n  highlighted?: DateConstructorParams[];\n  /** Internal */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * The selected date, accepts everything which is accepted by `new Date()`\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated upon selecting the date\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * Date for showing the necessary month\n   * @default new Date()\n   * */\n  displayedPeriod?: Date;\n  /** Controls whether to render dates from previous/next months */\n  renderOutdated?: boolean;\n};\n\nexport type CalendarDaysContext = {\n  days: CalendarUnitProps[];\n};\n\nexport type CalendarMonthsContext = {\n  months: CalendarUnitProps[];\n};\n\nexport type CalendarUnitProps = NSBox.Props & {\n  /** Indicates if the calendar unit is part of a selected date range */\n  selected?: boolean;\n  /** Marks units from previous/next months that appear in the current month view */\n  outdated?: boolean;\n  /** Prevents interaction with the unit */\n  disabled?: boolean;\n  /** Highlights the current date */\n  today?: boolean;\n  /** Marks the beginning of a selected date range */\n  startSelected?: boolean;\n  /** Marks the end of a selected date range */\n  endSelected?: boolean;\n  /** Shows preview highlighting during range selection */\n  highlighted?: boolean;\n  /** Marks the start of a highlighted range */\n  startHighlighted?: boolean;\n  /** Marks the end of a highlighted range */\n  endHighlighted?: boolean;\n  /** The actual Date object this unit represents */\n  date?: Date;\n  /** Content to display within the unit (typically the day number) */\n  children?: React.ReactNode;\n};\n\nexport type CalendarContext = {\n  getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n  'div',\n  CalendarProps,\n  CalendarContext & CalendarDaysContext,\n  [handlers: AbstractDatePickerHandlers]\n> & {\n  Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\nexport type DatePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  value?: DateConstructorParams;\n  /**\n     * To be activated upon selecting the date\n     * */\n  onChange?: (date: Date) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * Component size\n     * @default m\n     */\n  size?: 'm' | 'l';\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultValue?: DateConstructorParams;\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n};\n\nexport type DateRangePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  value?: DateConstructorParams[];\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultValue?: DateConstructorParams[];\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onChange?: (date: Date[]) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * Remove the 'Reset' button\n     * */\n  unclearable?: boolean;\n  /**\n     * To be activated upon selecting the date\n     * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n  preselectedValue?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n  onPreselectedValueChange?: (date: Date[]) => void;\n  /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n  periods?: (NSButton.Props & { value: Date[] })[];\n};\n\nexport type DateRangePickerPeriodProps = NSBox.Props & {\n  /**\n   * Current selected period\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated by clicking the button for switching the selected period.\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * To be activated by hovering a cursor over the button for changing the current displayed month.\n   * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n   * To be activated by hovering a cursor over the button for selecting the dates.\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * Array of periods\n   * [{value: [new Date(), new Date()], children: \"Today\"}]\n   * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n   * */\n  periods?: (NSButton.Props & { value: Date[] })[];\n};\n\nexport type DatePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getTodayProps: PropGetterFn;\n};\n\nexport type AbstractDatePickerHandlers = {\n  displayedPeriod: (value: DateConstructorParams) => void;\n  visible: (index: boolean) => void;\n  highlighted: (list: DateConstructorParams[]) => void;\n  value: (index: DateConstructorParams) => void;\n};\n\nexport type DatePickerHandlers = {\n  visible: (index: boolean) => void;\n};\n\nexport type BaseInputTriggerProps = NSInput.Props &\n  TooltipProps & {\n    /**\n     * Date input placeholder characters\n     * @default { year: 'Y'; month: 'M'; day: 'D' }\n     */\n    placeholders?: { year: string; month: string; day: string };\n    locale?: string;\n    onDisplayedPeriodChange?: (date: Date) => void;\n  };\nexport type InputTriggerProps = BaseInputTriggerProps & {\n  value?: Date;\n  onChange?: (date: Date, event: ChangeEvent) => void;\n  /** @deprecated Set `disabledErrorText={null}` on the picker Root instead */\n  showError?: boolean;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n  value?: Date[];\n  onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\nexport type SingleDateInputProps = InputTriggerProps & {};\n\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\nexport type DatePickerMaskedInputProps = {\n  date?: Date;\n  onDateChange?: (date: Date, event: ChangeEvent) => void;\n  onDisplayedPeriodChange?: (date: Date) => void;\n  locale?: string;\n  parts?: { year: boolean; month: boolean; day: boolean };\n  disabledDates?: (Date | (Date | false)[] | string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & InputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  SingleDateInput: Intergalactic.Component<'div', NSInput.Props & SingleDateInputProps> & {\n    Indicator: typeof Input.Addon;\n    MaskedInput: Intergalactic.Component<'input', NSInputMask.Value.Props & DatePickerMaskedInputProps>;\n  };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & RangeInputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  DateRange: Intergalactic.Component<'div', NSInput.Value.Props & DateRangeProps> & {\n    Indicator: typeof Input.Addon;\n    RangeSep: typeof Input.Addon;\n    FromMaskedInput: Intergalactic.Component<\n      'input',\n      NSInputMask.Value.Props & DatePickerMaskedInputProps\n    >;\n    ToMaskedInput: Intergalactic.Component<\n      'input',\n      NSInputMask.Value.Props & DatePickerMaskedInputProps\n    >;\n  };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  DatePickerContext & CalendarDaysContext\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: NSPopper.Popper.Component;\n  Header: NSBox.Component;\n  Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n  Prev: NSButton.Component;\n  Next: NSButton.Component;\n  Calendar: typeof Calendar;\n  Today: NSBox.Component;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  DateRangePickerContext & CalendarDaysContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: NSPopper.Popper.Component;\n  Header: NSBox.Component;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n  Prev: NSButton.Component;\n  Next: NSButton.Component;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: NSButton.Component;\n  Reset: NSButton.Component;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type MonthPickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  MonthPickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: NSPopper.Popper.Component;\n  Header: NSBox.Component;\n  Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n  Prev: NSButton.Component;\n  Next: NSButton.Component;\n  Calendar: typeof Calendar;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type MonthRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  MonthRangePickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: NSPopper.Popper.Component;\n  Header: NSBox.Component;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n  Prev: NSButton.Component;\n  Next: NSButton.Component;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: NSButton.Component;\n  Reset: NSButton.Component;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangeComparatorFocusRange = 'value' | 'compare';\nexport type DateRangeComparatorValue = {\n  value?: DateConstructorParams[];\n  compare?: DateConstructorParams[];\n};\n\nexport type DateRangeComparatorProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * Selected date ranges\n     * */\n  value?: DateRangeComparatorValue;\n  /**\n     * Default value for selected date ranges\n     * */\n  defaultValue?: DateRangeComparatorValue;\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n  /**\n     * Called with selected date when user clicks `Apply` button.\n     * */\n  onChange?: (ranges: {\n    value?: DateConstructorParams[];\n    compare?: DateConstructorParams[];\n  }) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  compareHighlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onCompareHighlightedChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n  preselectedValue?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n  onPreselectedValueChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.\n     */\n  preselectedCompare?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a compare range and when user applies ranges.\n     */\n  onPreselectedCompareChange?: (date: Date[]) => void;\n  /**\n     * Controls that compare range input is enabled.\n     */\n  compareToggle?: boolean;\n  /**\n     * Toggles when compare range input enables or disables.\n     */\n  onCompareToggleChange?: (compareToggle: boolean) => void;\n  /**\n     * Controls which date range is focused.\n     */\n  focusedRange?: DateRangeComparatorFocusRange;\n  /**\n     * Called when user focuses or is focused on some of the date ranges.\n     */\n  onFocusedRangeChange?: (focusedRange: DateRangeComparatorFocusRange) => void;\n  /**\n     * Remove the 'Reset' button\n     * */\n  unclearable?: boolean;\n  /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n  periods?: (NSButton.Props & { value: Date[] })[];\n};\n\nexport type DateRangeComparatorContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\nexport type DateRangeComparatorTriggerProps = DropdownTriggerProps &\n  BaseTriggerProps & {\n    /**\n     * Text between the selected date range and the compared date range when both are selected.\n     * @default 'vs.'\n     */\n    separator?: string;\n    /**\n     * Trigger text when no ranges are selected.\n     */\n    placeholder?: string;\n  };\n\ndeclare const DateRangeComparator: Intergalactic.Component<\n  'div',\n  DateRangeComparatorProps,\n  DateRangeComparatorContext & CalendarDaysContext\n> & {\n  Popper: NSPopper.Popper.Component;\n  Header: NSFlex.Component;\n  Prev: NSButton.Component;\n  Next: NSButton.Component;\n  Calendar: typeof Calendar;\n  Apply: NSButton.Component;\n  Reset: NSButton.Component;\n\n  CalendarHeader: NSBox.Component;\n  Title: NSBox.Component;\n\n  Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  CompareToggle: typeof Checkbox;\n  CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  Body: NSFlex.Component;\n  RangeCalendar: NSFlex.Component;\n  Periods: NSFlex.Component & {\n    Divider: typeof Divider;\n    Column: NSFlex.Component;\n    Options: NSFlex.Component;\n    Controls: NSFlex.Component;\n  };\n  Footer: NSFlex.Component;\n};\n\ndeclare const MonthDateRangeComparator: typeof DateRangeComparator;\n\nexport {\n  DatePicker,\n  DateRangePicker,\n  MonthPicker,\n  MonthRangePicker,\n  DateRangeComparator,\n  MonthDateRangeComparator,\n};\n"],"mappings":"","ignoreList":[]}

package/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Flex, Box, BoxProps } from '@semcore/base-components';\nimport type Popper from '@semcore/base-components';\nimport type { BaseTriggerProps } from '@semcore/base-trigger';\nimport type BaseTrigger from '@semcore/base-trigger';\nimport type { ButtonProps } from '@semcore/button';\nimport type Button from '@semcore/button';\nimport type Checkbox from '@semcore/checkbox';\nimport type { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport type Divider from '@semcore/divider';\nimport type { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport type { NSInput } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type { InputMaskValueProps } from '@semcore/input-mask';\nimport type { TooltipProps } from '@semcore/tooltip';\nimport type dayjs from 'dayjs';\nimport type { ChangeEvent } from 'react';\nimport type React from 'react';\n\nexport type DateConstructorParams = string | number | Date;\n\n/**\n * Array of dates blocked for selection\n * Accepts the date or the range of dates for specifying infinity ([Date | false, Date | false]), crontab(6,7)\n * */\nexport type DisabledDates = (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n\nexport type CalendarProps = BoxProps & {\n  /**\n   * Locale for displaying the days of a week and months, to be transferred to `Intl`\n   * @default en\n   * */\n  locale?: NavigatorLanguage['language'];\n  /**\n   * Array of dates blocked for selection\n   */\n  disabled?: DisabledDates;\n  /** Internal */\n  highlighted?: DateConstructorParams[];\n  /** Internal */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * The selected date, accepts everything which is accepted by `new Date()`\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated upon selecting the date\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * Date for showing the necessary month\n   * @default new Date()\n   * */\n  displayedPeriod?: Date;\n  /** Controls whether to render dates from previous/next months */\n  renderOutdated?: boolean;\n};\n\nexport type CalendarDaysContext = {\n  days: CalendarUnitProps[];\n};\n\nexport type CalendarMonthsContext = {\n  months: CalendarUnitProps[];\n};\n\nexport type CalendarUnitProps = BoxProps & {\n  /** Indicates if the calendar unit is part of a selected date range */\n  selected?: boolean;\n  /** Marks units from previous/next months that appear in the current month view */\n  outdated?: boolean;\n  /** Prevents interaction with the unit */\n  disabled?: boolean;\n  /** Highlights the current date */\n  today?: boolean;\n  /** Marks the beginning of a selected date range */\n  startSelected?: boolean;\n  /** Marks the end of a selected date range */\n  endSelected?: boolean;\n  /** Shows preview highlighting during range selection */\n  highlighted?: boolean;\n  /** Marks the start of a highlighted range */\n  startHighlighted?: boolean;\n  /** Marks the end of a highlighted range */\n  endHighlighted?: boolean;\n  /** The actual Date object this unit represents */\n  date?: Date;\n  /** Content to display within the unit (typically the day number) */\n  children?: React.ReactNode;\n};\n\nexport type CalendarContext = {\n  getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n  'div',\n  CalendarProps,\n  CalendarContext & CalendarDaysContext,\n  [handlers: AbstractDatePickerHandlers]\n> & {\n  Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\nexport type DatePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  value?: DateConstructorParams;\n  /**\n     * To be activated upon selecting the date\n     * */\n  onChange?: (date: Date) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * Component size\n     * @default m\n     */\n  size?: 'm' | 'l';\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultValue?: DateConstructorParams;\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n};\n\nexport type DateRangePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  value?: DateConstructorParams[];\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultValue?: DateConstructorParams[];\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onChange?: (date: Date[]) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * Remove the 'Reset' button\n     * */\n  unclearable?: boolean;\n  /**\n     * To be activated upon selecting the date\n     * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n  preselectedValue?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n  onPreselectedValueChange?: (date: Date[]) => void;\n  /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n  periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DateRangePickerPeriodProps = BoxProps & {\n  /**\n   * Current selected period\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated by clicking the button for switching the selected period.\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * To be activated by hovering a cursor over the button for changing the current displayed month.\n   * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n   * To be activated by hovering a cursor over the button for selecting the dates.\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * Array of periods\n   * [{value: [new Date(), new Date()], children: \"Today\"}]\n   * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n   * */\n  periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DatePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getTodayProps: PropGetterFn;\n};\n\nexport type AbstractDatePickerHandlers = {\n  displayedPeriod: (value: DateConstructorParams) => void;\n  visible: (index: boolean) => void;\n  highlighted: (list: DateConstructorParams[]) => void;\n  value: (index: DateConstructorParams) => void;\n};\n\nexport type DatePickerHandlers = {\n  visible: (index: boolean) => void;\n};\n\nexport type BaseInputTriggerProps = NSInput.Props &\n  TooltipProps & {\n    /**\n     * Date input placeholder characters\n     * @default { year: 'Y'; month: 'M'; day: 'D' }\n     */\n    placeholders?: { year: string; month: string; day: string };\n    locale?: string;\n    onDisplayedPeriodChange?: (date: Date) => void;\n  };\nexport type InputTriggerProps = BaseInputTriggerProps & {\n  value?: Date;\n  onChange?: (date: Date, event: ChangeEvent) => void;\n  /** @deprecated Set `disabledErrorText={null}` on the picker Root instead */\n  showError?: boolean;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n  value?: Date[];\n  onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\nexport type SingleDateInputProps = InputTriggerProps & {};\n\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\nexport type DatePickerMaskedInputProps = {\n  date?: Date;\n  onDateChange?: (date: Date, event: ChangeEvent) => void;\n  onDisplayedPeriodChange?: (date: Date) => void;\n  locale?: string;\n  parts?: { year: boolean; month: boolean; day: boolean };\n  disabledDates?: (Date | (Date | false)[] | string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & InputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  SingleDateInput: Intergalactic.Component<'div', NSInput.Props & SingleDateInputProps> & {\n    Indicator: typeof Input.Addon;\n    MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;\n  };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & RangeInputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  DateRange: Intergalactic.Component<'div', NSInput.Value.Props & DateRangeProps> & {\n    Indicator: typeof Input.Addon;\n    RangeSep: typeof Input.Addon;\n    FromMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n    ToMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n  };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  DatePickerContext & CalendarDaysContext\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Today: typeof Box;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  DateRangePickerContext & CalendarDaysContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type MonthPickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  MonthPickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type MonthRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  MonthRangePickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangeComparatorFocusRange = 'value' | 'compare';\nexport type DateRangeComparatorValue = {\n  value?: DateConstructorParams[];\n  compare?: DateConstructorParams[];\n};\n\nexport type DateRangeComparatorProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * Selected date ranges\n     * */\n  value?: DateRangeComparatorValue;\n  /**\n     * Default value for selected date ranges\n     * */\n  defaultValue?: DateRangeComparatorValue;\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n  /**\n     * Called with selected date when user clicks `Apply` button.\n     * */\n  onChange?: (ranges: {\n    value?: DateConstructorParams[];\n    compare?: DateConstructorParams[];\n  }) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  compareHighlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onCompareHighlightedChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n  preselectedValue?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n  onPreselectedValueChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.\n     */\n  preselectedCompare?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a compare range and when user applies ranges.\n     */\n  onPreselectedCompareChange?: (date: Date[]) => void;\n  /**\n     * Controls that compare range input is enabled.\n     */\n  compareToggle?: boolean;\n  /**\n     * Toggles when compare range input enables or disables.\n     */\n  onCompareToggleChange?: (compareToggle: boolean) => void;\n  /**\n     * Controls which date range is focused.\n     */\n  focusedRange?: DateRangeComparatorFocusRange;\n  /**\n     * Called when user focuses or is focused on some of the date ranges.\n     */\n  onFocusedRangeChange?: (focusedRange: DateRangeComparatorFocusRange) => void;\n  /**\n     * Remove the 'Reset' button\n     * */\n  unclearable?: boolean;\n  /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n  periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DateRangeComparatorContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\nexport type DateRangeComparatorTriggerProps = DropdownTriggerProps &\n  BaseTriggerProps & {\n    /**\n     * Text between the selected date range and the compared date range when both are selected.\n     * @default 'vs.'\n     */\n    separator?: string;\n    /**\n     * Trigger text when no ranges are selected.\n     */\n    placeholder?: string;\n  };\n\ndeclare const DateRangeComparator: Intergalactic.Component<\n  'div',\n  DateRangeComparatorProps,\n  DateRangeComparatorContext & CalendarDaysContext\n> & {\n  Popper: typeof Popper.Popper;\n  Header: typeof Flex;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Apply: typeof Button;\n  Reset: typeof Button;\n\n  CalendarHeader: typeof Box;\n  Title: typeof Box;\n\n  Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  CompareToggle: typeof Checkbox;\n  CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  Body: typeof Flex;\n  RangeCalendar: typeof Flex;\n  Periods: typeof Flex & {\n    Divider: typeof Divider;\n    Column: typeof Flex;\n    Options: typeof Flex;\n    Controls: typeof Flex;\n  };\n  Footer: typeof Flex;\n};\n\ndeclare const MonthDateRangeComparator: typeof DateRangeComparator;\n\nexport {\n  DatePicker,\n  DateRangePicker,\n  MonthPicker,\n  MonthRangePicker,\n  DateRangeComparator,\n  MonthDateRangeComparator,\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { NSFlex, NSBox, NSPopper } from '@semcore/base-components';\nimport type { BaseTriggerProps } from '@semcore/base-trigger';\nimport type BaseTrigger from '@semcore/base-trigger';\nimport type { NSButton } from '@semcore/button';\nimport type Checkbox from '@semcore/checkbox';\nimport type { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport type Divider from '@semcore/divider';\nimport type { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport type { NSInput } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type { NSInputMask } from '@semcore/input-mask';\nimport type { TooltipProps } from '@semcore/tooltip';\nimport type dayjs from 'dayjs';\nimport type { ChangeEvent } from 'react';\nimport type React from 'react';\n\nexport type DateConstructorParams = string | number | Date;\n\n/**\n * Array of dates blocked for selection\n * Accepts the date or the range of dates for specifying infinity ([Date | false, Date | false]), crontab(6,7)\n * */\nexport type DisabledDates = (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n\nexport type CalendarProps = NSBox.Props & {\n  /**\n   * Locale for displaying the days of a week and months, to be transferred to `Intl`\n   * @default en\n   * */\n  locale?: NavigatorLanguage['language'];\n  /**\n   * Array of dates blocked for selection\n   */\n  disabled?: DisabledDates;\n  /** Internal */\n  highlighted?: DateConstructorParams[];\n  /** Internal */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * The selected date, accepts everything which is accepted by `new Date()`\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated upon selecting the date\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * Date for showing the necessary month\n   * @default new Date()\n   * */\n  displayedPeriod?: Date;\n  /** Controls whether to render dates from previous/next months */\n  renderOutdated?: boolean;\n};\n\nexport type CalendarDaysContext = {\n  days: CalendarUnitProps[];\n};\n\nexport type CalendarMonthsContext = {\n  months: CalendarUnitProps[];\n};\n\nexport type CalendarUnitProps = NSBox.Props & {\n  /** Indicates if the calendar unit is part of a selected date range */\n  selected?: boolean;\n  /** Marks units from previous/next months that appear in the current month view */\n  outdated?: boolean;\n  /** Prevents interaction with the unit */\n  disabled?: boolean;\n  /** Highlights the current date */\n  today?: boolean;\n  /** Marks the beginning of a selected date range */\n  startSelected?: boolean;\n  /** Marks the end of a selected date range */\n  endSelected?: boolean;\n  /** Shows preview highlighting during range selection */\n  highlighted?: boolean;\n  /** Marks the start of a highlighted range */\n  startHighlighted?: boolean;\n  /** Marks the end of a highlighted range */\n  endHighlighted?: boolean;\n  /** The actual Date object this unit represents */\n  date?: Date;\n  /** Content to display within the unit (typically the day number) */\n  children?: React.ReactNode;\n};\n\nexport type CalendarContext = {\n  getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n  'div',\n  CalendarProps,\n  CalendarContext & CalendarDaysContext,\n  [handlers: AbstractDatePickerHandlers]\n> & {\n  Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\nexport type DatePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  value?: DateConstructorParams;\n  /**\n     * To be activated upon selecting the date\n     * */\n  onChange?: (date: Date) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * Component size\n     * @default m\n     */\n  size?: 'm' | 'l';\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultValue?: DateConstructorParams;\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n};\n\nexport type DateRangePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  value?: DateConstructorParams[];\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultValue?: DateConstructorParams[];\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onChange?: (date: Date[]) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * Remove the 'Reset' button\n     * */\n  unclearable?: boolean;\n  /**\n     * To be activated upon selecting the date\n     * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n  preselectedValue?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n  onPreselectedValueChange?: (date: Date[]) => void;\n  /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n  periods?: (NSButton.Props & { value: Date[] })[];\n};\n\nexport type DateRangePickerPeriodProps = NSBox.Props & {\n  /**\n   * Current selected period\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated by clicking the button for switching the selected period.\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * To be activated by hovering a cursor over the button for changing the current displayed month.\n   * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n   * To be activated by hovering a cursor over the button for selecting the dates.\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * Array of periods\n   * [{value: [new Date(), new Date()], children: \"Today\"}]\n   * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n   * */\n  periods?: (NSButton.Props & { value: Date[] })[];\n};\n\nexport type DatePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getTodayProps: PropGetterFn;\n};\n\nexport type AbstractDatePickerHandlers = {\n  displayedPeriod: (value: DateConstructorParams) => void;\n  visible: (index: boolean) => void;\n  highlighted: (list: DateConstructorParams[]) => void;\n  value: (index: DateConstructorParams) => void;\n};\n\nexport type DatePickerHandlers = {\n  visible: (index: boolean) => void;\n};\n\nexport type BaseInputTriggerProps = NSInput.Props &\n  TooltipProps & {\n    /**\n     * Date input placeholder characters\n     * @default { year: 'Y'; month: 'M'; day: 'D' }\n     */\n    placeholders?: { year: string; month: string; day: string };\n    locale?: string;\n    onDisplayedPeriodChange?: (date: Date) => void;\n  };\nexport type InputTriggerProps = BaseInputTriggerProps & {\n  value?: Date;\n  onChange?: (date: Date, event: ChangeEvent) => void;\n  /** @deprecated Set `disabledErrorText={null}` on the picker Root instead */\n  showError?: boolean;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n  value?: Date[];\n  onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\nexport type SingleDateInputProps = InputTriggerProps & {};\n\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\nexport type DatePickerMaskedInputProps = {\n  date?: Date;\n  onDateChange?: (date: Date, event: ChangeEvent) => void;\n  onDisplayedPeriodChange?: (date: Date) => void;\n  locale?: string;\n  parts?: { year: boolean; month: boolean; day: boolean };\n  disabledDates?: (Date | (Date | false)[] | string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & InputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  SingleDateInput: Intergalactic.Component<'div', NSInput.Props & SingleDateInputProps> & {\n    Indicator: typeof Input.Addon;\n    MaskedInput: Intergalactic.Component<'input', NSInputMask.Value.Props & DatePickerMaskedInputProps>;\n  };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & RangeInputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  DateRange: Intergalactic.Component<'div', NSInput.Value.Props & DateRangeProps> & {\n    Indicator: typeof Input.Addon;\n    RangeSep: typeof Input.Addon;\n    FromMaskedInput: Intergalactic.Component<\n      'input',\n      NSInputMask.Value.Props & DatePickerMaskedInputProps\n    >;\n    ToMaskedInput: Intergalactic.Component<\n      'input',\n      NSInputMask.Value.Props & DatePickerMaskedInputProps\n    >;\n  };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  DatePickerContext & CalendarDaysContext\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: NSPopper.Popper.Component;\n  Header: NSBox.Component;\n  Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n  Prev: NSButton.Component;\n  Next: NSButton.Component;\n  Calendar: typeof Calendar;\n  Today: NSBox.Component;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  DateRangePickerContext & CalendarDaysContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: NSPopper.Popper.Component;\n  Header: NSBox.Component;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n  Prev: NSButton.Component;\n  Next: NSButton.Component;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: NSButton.Component;\n  Reset: NSButton.Component;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type MonthPickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  MonthPickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: NSPopper.Popper.Component;\n  Header: NSBox.Component;\n  Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n  Prev: NSButton.Component;\n  Next: NSButton.Component;\n  Calendar: typeof Calendar;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type MonthRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  MonthRangePickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: NSPopper.Popper.Component;\n  Header: NSBox.Component;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n  Prev: NSButton.Component;\n  Next: NSButton.Component;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: NSButton.Component;\n  Reset: NSButton.Component;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangeComparatorFocusRange = 'value' | 'compare';\nexport type DateRangeComparatorValue = {\n  value?: DateConstructorParams[];\n  compare?: DateConstructorParams[];\n};\n\nexport type DateRangeComparatorProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * Selected date ranges\n     * */\n  value?: DateRangeComparatorValue;\n  /**\n     * Default value for selected date ranges\n     * */\n  defaultValue?: DateRangeComparatorValue;\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n  /**\n     * Called with selected date when user clicks `Apply` button.\n     * */\n  onChange?: (ranges: {\n    value?: DateConstructorParams[];\n    compare?: DateConstructorParams[];\n  }) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  compareHighlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onCompareHighlightedChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n  preselectedValue?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n  onPreselectedValueChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.\n     */\n  preselectedCompare?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a compare range and when user applies ranges.\n     */\n  onPreselectedCompareChange?: (date: Date[]) => void;\n  /**\n     * Controls that compare range input is enabled.\n     */\n  compareToggle?: boolean;\n  /**\n     * Toggles when compare range input enables or disables.\n     */\n  onCompareToggleChange?: (compareToggle: boolean) => void;\n  /**\n     * Controls which date range is focused.\n     */\n  focusedRange?: DateRangeComparatorFocusRange;\n  /**\n     * Called when user focuses or is focused on some of the date ranges.\n     */\n  onFocusedRangeChange?: (focusedRange: DateRangeComparatorFocusRange) => void;\n  /**\n     * Remove the 'Reset' button\n     * */\n  unclearable?: boolean;\n  /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n  periods?: (NSButton.Props & { value: Date[] })[];\n};\n\nexport type DateRangeComparatorContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\nexport type DateRangeComparatorTriggerProps = DropdownTriggerProps &\n  BaseTriggerProps & {\n    /**\n     * Text between the selected date range and the compared date range when both are selected.\n     * @default 'vs.'\n     */\n    separator?: string;\n    /**\n     * Trigger text when no ranges are selected.\n     */\n    placeholder?: string;\n  };\n\ndeclare const DateRangeComparator: Intergalactic.Component<\n  'div',\n  DateRangeComparatorProps,\n  DateRangeComparatorContext & CalendarDaysContext\n> & {\n  Popper: NSPopper.Popper.Component;\n  Header: NSFlex.Component;\n  Prev: NSButton.Component;\n  Next: NSButton.Component;\n  Calendar: typeof Calendar;\n  Apply: NSButton.Component;\n  Reset: NSButton.Component;\n\n  CalendarHeader: NSBox.Component;\n  Title: NSBox.Component;\n\n  Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  CompareToggle: typeof Checkbox;\n  CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  Body: NSFlex.Component;\n  RangeCalendar: NSFlex.Component;\n  Periods: NSFlex.Component & {\n    Divider: typeof Divider;\n    Column: NSFlex.Component;\n    Options: NSFlex.Component;\n    Controls: NSFlex.Component;\n  };\n  Footer: NSFlex.Component;\n};\n\ndeclare const MonthDateRangeComparator: typeof DateRangeComparator;\n\nexport {\n  DatePicker,\n  DateRangePicker,\n  MonthPicker,\n  MonthRangePicker,\n  DateRangeComparator,\n  MonthDateRangeComparator,\n};\n"],"mappings":"","ignoreList":[]}

package/lib/types/index.d.ts

@@ -1,9 +1,7 @@
-import type { Flex, Box, BoxProps } from '@semcore/base-components';
-import type Popper from '@semcore/base-components';
+import type { NSFlex, NSBox, NSPopper } from '@semcore/base-components';
 import type { BaseTriggerProps } from '@semcore/base-trigger';
 import type BaseTrigger from '@semcore/base-trigger';
-import type { ButtonProps } from '@semcore/button';
-import type Button from '@semcore/button';
+import type { NSButton } from '@semcore/button';
 import type Checkbox from '@semcore/checkbox';
 import type { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';
 import type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';
@@ -11,7 +9,7 @@ import type Divider from '@semcore/divider';
 import type { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';
 import type { NSInput } from '@semcore/input';
 import type Input from '@semcore/input';
-import type { InputMaskValueProps } from '@semcore/input-mask';
+import type { NSInputMask } from '@semcore/input-mask';
 import type { TooltipProps } from '@semcore/tooltip';
 import type dayjs from 'dayjs';
 import type { ChangeEvent } from 'react';
@@ -25,7 +23,7 @@ export type DateConstructorParams = string | number | Date;
  * */
 export type DisabledDates = (DateConstructorParams | (DateConstructorParams | false)[] | string)[];
 
-export type CalendarProps = BoxProps & {
+export type CalendarProps = NSBox.Props & {
   /**
    * Locale for displaying the days of a week and months, to be transferred to `Intl`
    * @default en
@@ -64,7 +62,7 @@ export type CalendarMonthsContext = {
   months: CalendarUnitProps[];
 };
 
-export type CalendarUnitProps = BoxProps & {
+export type CalendarUnitProps = NSBox.Props & {
   /** Indicates if the calendar unit is part of a selected date range */
   selected?: boolean;
   /** Marks units from previous/next months that appear in the current month view */
@@ -222,10 +220,10 @@ WithI18nEnhanceProps & {
      * [{value: [new Date(), new Date()], children: "Today"}]
      * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month
      * */
-  periods?: (ButtonProps & { value: Date[] })[];
+  periods?: (NSButton.Props & { value: Date[] })[];
 };
 
-export type DateRangePickerPeriodProps = BoxProps & {
+export type DateRangePickerPeriodProps = NSBox.Props & {
   /**
    * Current selected period
    * */
@@ -247,7 +245,7 @@ export type DateRangePickerPeriodProps = BoxProps & {
    * [{value: [new Date(), new Date()], children: "Today"}]
    * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month
    * */
-  periods?: (ButtonProps & { value: Date[] })[];
+  periods?: (NSButton.Props & { value: Date[] })[];
 };
 
 export type DatePickerContext = {
@@ -315,7 +313,7 @@ declare const InputTrigger: Intergalactic.Component<
   Value: typeof Input.Value;
   SingleDateInput: Intergalactic.Component<'div', NSInput.Props & SingleDateInputProps> & {
     Indicator: typeof Input.Addon;
-    MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;
+    MaskedInput: Intergalactic.Component<'input', NSInputMask.Value.Props & DatePickerMaskedInputProps>;
   };
 };
 
@@ -330,11 +328,11 @@ declare const RangeInputTrigger: Intergalactic.Component<
     RangeSep: typeof Input.Addon;
     FromMaskedInput: Intergalactic.Component<
       'input',
-      InputMaskValueProps & DatePickerMaskedInputProps
+      NSInputMask.Value.Props & DatePickerMaskedInputProps
     >;
     ToMaskedInput: Intergalactic.Component<
       'input',
-      InputMaskValueProps & DatePickerMaskedInputProps
+      NSInputMask.Value.Props & DatePickerMaskedInputProps
     >;
   };
 };
@@ -350,13 +348,13 @@ declare const DatePicker: Intergalactic.Component<
     Text: typeof BaseTrigger.Text;
   };
   Trigger: typeof InputTrigger;
-  Popper: typeof Popper.Popper;
-  Header: typeof Box;
+  Popper: NSPopper.Popper.Component;
+  Header: NSBox.Component;
   Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;
-  Prev: typeof Button;
-  Next: typeof Button;
+  Prev: NSButton.Component;
+  Next: NSButton.Component;
   Calendar: typeof Calendar;
-  Today: typeof Box;
+  Today: NSBox.Component;
   add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
   subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
 };
@@ -384,15 +382,15 @@ declare const DateRangePicker: Intergalactic.Component<
     Text: typeof BaseTrigger.Text;
   };
   Trigger: typeof RangeInputTrigger;
-  Popper: typeof Popper.Popper;
-  Header: typeof Box;
+  Popper: NSPopper.Popper.Component;
+  Header: NSBox.Component;
   Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;
-  Prev: typeof Button;
-  Next: typeof Button;
+  Prev: NSButton.Component;
+  Next: NSButton.Component;
   Calendar: typeof Calendar;
   Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;
-  Apply: typeof Button;
-  Reset: typeof Button;
+  Apply: NSButton.Component;
+  Reset: NSButton.Component;
   add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
   subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
 };
@@ -419,11 +417,11 @@ declare const MonthPicker: Intergalactic.Component<
     Text: typeof BaseTrigger.Text;
   };
   Trigger: typeof InputTrigger;
-  Popper: typeof Popper.Popper;
-  Header: typeof Box;
+  Popper: NSPopper.Popper.Component;
+  Header: NSBox.Component;
   Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;
-  Prev: typeof Button;
-  Next: typeof Button;
+  Prev: NSButton.Component;
+  Next: NSButton.Component;
   Calendar: typeof Calendar;
   add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
   subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
@@ -452,15 +450,15 @@ declare const MonthRangePicker: Intergalactic.Component<
     Text: typeof BaseTrigger.Text;
   };
   Trigger: typeof RangeInputTrigger;
-  Popper: typeof Popper.Popper;
-  Header: typeof Box;
+  Popper: NSPopper.Popper.Component;
+  Header: NSBox.Component;
   Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;
-  Prev: typeof Button;
-  Next: typeof Button;
+  Prev: NSButton.Component;
+  Next: NSButton.Component;
   Calendar: typeof Calendar;
   Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;
-  Apply: typeof Button;
-  Reset: typeof Button;
+  Apply: NSButton.Component;
+  Reset: NSButton.Component;
   add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
   subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
 };
@@ -573,7 +571,7 @@ WithI18nEnhanceProps & {
      * [{value: [new Date(), new Date()], children: "Today"}]
      * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month
      * */
-  periods?: (ButtonProps & { value: Date[] })[];
+  periods?: (NSButton.Props & { value: Date[] })[];
 };
 
 export type DateRangeComparatorContext = {
@@ -605,16 +603,16 @@ declare const DateRangeComparator: Intergalactic.Component<
   DateRangeComparatorProps,
   DateRangeComparatorContext & CalendarDaysContext
 > & {
-  Popper: typeof Popper.Popper;
-  Header: typeof Flex;
-  Prev: typeof Button;
-  Next: typeof Button;
+  Popper: NSPopper.Popper.Component;
+  Header: NSFlex.Component;
+  Prev: NSButton.Component;
+  Next: NSButton.Component;
   Calendar: typeof Calendar;
-  Apply: typeof Button;
-  Reset: typeof Button;
+  Apply: NSButton.Component;
+  Reset: NSButton.Component;
 
-  CalendarHeader: typeof Box;
-  Title: typeof Box;
+  CalendarHeader: NSBox.Component;
+  Title: NSBox.Component;
 
   Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {
     Addon: typeof BaseTrigger.Addon;
@@ -623,15 +621,15 @@ declare const DateRangeComparator: Intergalactic.Component<
   ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;
   CompareToggle: typeof Checkbox;
   CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;
-  Body: typeof Flex;
-  RangeCalendar: typeof Flex;
-  Periods: typeof Flex & {
+  Body: NSFlex.Component;
+  RangeCalendar: NSFlex.Component;
+  Periods: NSFlex.Component & {
     Divider: typeof Divider;
-    Column: typeof Flex;
-    Options: typeof Flex;
-    Controls: typeof Flex;
+    Column: NSFlex.Component;
+    Options: NSFlex.Component;
+    Controls: NSFlex.Component;
   };
-  Footer: typeof Flex;
+  Footer: NSFlex.Component;
 };
 
 declare const MonthDateRangeComparator: typeof DateRangeComparator;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/date-picker",
   "description": "Semrush DatePicker Component",
-  "version": "17.2.1-prerelease.1",
+  "version": "17.2.1-prerelease.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,20 +14,20 @@
     "require": "./lib/cjs/index.js"
   },
   "dependencies": {
-    "@semcore/base-trigger": "^17.2.1",
-    "@semcore/button": "^17.2.1",
-    "@semcore/divider": "^17.2.1",
-    "@semcore/dropdown": "^17.3.0",
-    "@semcore/input": "^17.2.2-prerelease.1",
-    "@semcore/input-mask": "^17.2.1-prerelease.1",
-    "@semcore/typography": "^17.2.1",
-    "@semcore/checkbox": "^17.2.1",
-    "@semcore/tooltip": "^17.2.1",
+    "@semcore/base-trigger": "^17.2.1-prerelease.3",
+    "@semcore/button": "^17.2.2-prerelease.3",
+    "@semcore/divider": "^17.2.1-prerelease.3",
+    "@semcore/dropdown": "^17.3.0-prerelease.3",
+    "@semcore/input": "^17.2.2-prerelease.3",
+    "@semcore/input-mask": "^17.2.2-prerelease.3",
+    "@semcore/typography": "^17.2.1-prerelease.3",
+    "@semcore/checkbox": "^17.2.1-prerelease.3",
+    "@semcore/tooltip": "^17.2.1-prerelease.3",
     "dayjs": "1.8.36"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^17.2.1",
-    "@semcore/icon": "^17.2.0"
+    "@semcore/base-components": "^17.2.2-prerelease.3",
+    "@semcore/icon": "^17.2.1-prerelease.3"
   },
   "repository": {
     "type": "git",
@@ -35,10 +35,10 @@
     "directory": "semcore/date-picker"
   },
   "devDependencies": {
-    "@semcore/core": "17.2.1",
-    "@semcore/base-components": "17.2.1",
+    "@semcore/core": "17.3.1-prerelease.3",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/icon": "17.2.0"
+    "@semcore/base-components": "17.2.2-prerelease.3",
+    "@semcore/icon": "17.2.1-prerelease.3"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"