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

package/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [17.2.1] - 2026-06-25
+## [17.2.1] - 2026-06-26
 
 ### Fixed
 

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 { InputProps, InputValueProps } 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 = InputProps &\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', InputProps & 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', InputValueProps & 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 { 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":[]}

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 { InputProps, InputValueProps } 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 = InputProps &\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', InputProps & 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', InputValueProps & 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 { 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":[]}

package/lib/types/index.d.ts

@@ -9,7 +9,7 @@ import type { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/co
 import type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';
 import type Divider from '@semcore/divider';
 import type { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';
-import type { InputProps, InputValueProps } from '@semcore/input';
+import type { NSInput } from '@semcore/input';
 import type Input from '@semcore/input';
 import type { InputMaskValueProps } from '@semcore/input-mask';
 import type { TooltipProps } from '@semcore/tooltip';
@@ -272,7 +272,7 @@ export type DatePickerHandlers = {
   visible: (index: boolean) => void;
 };
 
-export type BaseInputTriggerProps = InputProps &
+export type BaseInputTriggerProps = NSInput.Props &
   TooltipProps & {
     /**
      * Date input placeholder characters
@@ -313,7 +313,7 @@ declare const InputTrigger: Intergalactic.Component<
 > & {
   Addon: typeof Input.Addon;
   Value: typeof Input.Value;
-  SingleDateInput: Intergalactic.Component<'div', InputProps & SingleDateInputProps> & {
+  SingleDateInput: Intergalactic.Component<'div', NSInput.Props & SingleDateInputProps> & {
     Indicator: typeof Input.Addon;
     MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;
   };
@@ -325,7 +325,7 @@ declare const RangeInputTrigger: Intergalactic.Component<
 > & {
   Addon: typeof Input.Addon;
   Value: typeof Input.Value;
-  DateRange: Intergalactic.Component<'div', InputValueProps & DateRangeProps> & {
+  DateRange: Intergalactic.Component<'div', NSInput.Value.Props & DateRangeProps> & {
     Indicator: typeof Input.Addon;
     RangeSep: typeof Input.Addon;
     FromMaskedInput: Intergalactic.Component<

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/date-picker",
   "description": "Semrush DatePicker Component",
-  "version": "17.2.1-prerelease.0",
+  "version": "17.2.1-prerelease.1",
   "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-prerelease.0",
-    "@semcore/button": "^17.2.1-prerelease.0",
-    "@semcore/divider": "^17.2.1-prerelease.0",
-    "@semcore/dropdown": "^17.3.0-prerelease.0",
-    "@semcore/input": "^17.2.1-prerelease.0",
-    "@semcore/input-mask": "^17.2.1-prerelease.0",
-    "@semcore/typography": "^17.2.1-prerelease.0",
-    "@semcore/checkbox": "^17.2.1-prerelease.0",
-    "@semcore/tooltip": "^17.2.1-prerelease.0",
+    "@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",
     "dayjs": "1.8.36"
   },
   "peerDependencies": {
     "@semcore/base-components": "^17.2.1",
-    "@semcore/icon": "^17.2.1"
+    "@semcore/icon": "^17.2.0"
   },
   "repository": {
     "type": "git",
@@ -35,10 +35,10 @@
     "directory": "semcore/date-picker"
   },
   "devDependencies": {
-    "@semcore/base-components": "17.2.1-prerelease.0",
-    "@semcore/core": "17.2.1-prerelease.0",
+    "@semcore/core": "17.2.1",
+    "@semcore/base-components": "17.2.1",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/icon": "17.2.1-prerelease.0"
+    "@semcore/icon": "17.2.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"