@scbt-ecom/ui 0.71.2 → 0.72.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/hooks.js +2 -2
  2. package/dist/{index-Cgp0l1lv.js → index-CXVnBzNh.js} +11714 -11598
  3. package/dist/index-CXVnBzNh.js.map +1 -0
  4. package/dist/shared/ui/formElements/controlled/index.d.ts +1 -1
  5. package/dist/shared/ui/formElements/controlled/slider/SliderControl.d.ts +3 -4
  6. package/dist/shared/ui/formElements/uncontrolled/index.d.ts +1 -3
  7. package/dist/shared/ui/formElements/uncontrolled/slider/SliderBase.d.ts +2 -4
  8. package/dist/shared/ui/formElements/uncontrolled/slider/model/helpers/currency/getFormattedCurrency.d.ts +1 -0
  9. package/dist/shared/ui/formElements/uncontrolled/slider/model/helpers/currency/index.d.ts +1 -0
  10. package/dist/shared/ui/formElements/uncontrolled/slider/model/helpers/getInputSliderSuffix.d.ts +1 -1
  11. package/dist/shared/ui/formElements/uncontrolled/slider/model/helpers/index.d.ts +1 -0
  12. package/dist/shared/ui/formElements/uncontrolled/slider/model/types.d.ts +3 -11
  13. package/dist/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.d.ts +1 -1
  14. package/dist/shared/ui/table/Table.d.ts +1 -1
  15. package/dist/shared/ui/table/model/types.d.ts +4 -0
  16. package/dist/shared/ui/table/ui/editableCell/EditableCell.d.ts +7 -0
  17. package/dist/shared/ui/table/ui/editableCell/index.d.ts +1 -0
  18. package/dist/shared/ui/table/ui/index.d.ts +1 -0
  19. package/dist/style.css +1 -1
  20. package/dist/ui.js +705 -674
  21. package/dist/ui.js.map +1 -1
  22. package/dist/{useDebounce-MaKPBuaC.js → useDebounce-B__kmLt7.js} +86 -81
  23. package/dist/useDebounce-B__kmLt7.js.map +1 -0
  24. package/dist/{useFieldsProgress-CeEaFp3Q.js → useFieldsProgress-BtrWDMY2.js} +2 -2
  25. package/dist/{useFieldsProgress-CeEaFp3Q.js.map → useFieldsProgress-BtrWDMY2.js.map} +1 -1
  26. package/dist/widget.js +3 -3
  27. package/dist/widget.js.map +1 -1
  28. package/package.json +1 -1
  29. package/dist/index-Cgp0l1lv.js.map +0 -1
  30. package/dist/useDebounce-MaKPBuaC.js.map +0 -1
@@ -28,7 +28,7 @@ export declare const Controlled: {
28
28
  DadataCountry: <TFieldValues extends import('react-hook-form').FieldValues>({ formatter, dadataBaseUrl, ...props }: import('./dadata').DadataCountryProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
29
29
  DadataAuto: <TFieldValues extends import('react-hook-form').FieldValues>({ formatter, dadataBaseUrl, ...props }: import('./dadata').DadataAutoProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
30
30
  DadataOrganization: <TFieldValues extends import('react-hook-form').FieldValues>({ formatter, dadataBaseUrl, ...props }: import('./dadata').DadataOrganizationProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
31
- SliderControl: <TFieldValues extends import('react-hook-form').FieldValues, TName extends import('react-hook-form').Path<TFieldValues>, Type extends import('../uncontrolled/slider/model/types').ComponentType>(props: import('./slider').SliderControlProps<TFieldValues, TName, Type>) => import("react/jsx-runtime").JSX.Element;
31
+ SliderControl: <TFieldValues extends import('react-hook-form').FieldValues, TName extends import('react-hook-form').Path<TFieldValues>>(props: import('./slider').SliderControlProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
32
32
  TextareaControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ classes, control, name, rules, disabled, defaultValue, shouldUnregister, helperText, ...props }: import('./textarea').TextareaControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
33
33
  UploaderControl: <TFieldValues extends import('react-hook-form').FieldValues>({ control, name, defaultValue, rules, shouldUnregister, classes, helperText, disabled, ...props }: import('./uploader').UploaderControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
34
34
  InputOtpControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, name, defaultValue, disabled, rules, shouldUnregister, classes, helperText, ...props }: import('./inputOtp').InputOtpControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
@@ -1,12 +1,11 @@
1
1
  import { Control, FieldValues, Path, UseControllerProps } from 'react-hook-form';
2
- import { ComponentType, SliderBaseClasses, SliderGatewayProps } from '../../uncontrolled/slider/model/types';
2
+ import { SliderBaseClasses, SliderGatewayProps } from '../../uncontrolled/slider/model/types';
3
3
  type SliderControlClasses = SliderBaseClasses & {
4
4
  container?: string;
5
5
  };
6
- export type SliderControlProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>, Type extends ComponentType> = UseControllerProps<TFieldValues, TName> & {
6
+ export type SliderControlProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> = UseControllerProps<TFieldValues, TName> & SliderGatewayProps & {
7
7
  control: Control<TFieldValues>;
8
8
  classes?: SliderControlClasses;
9
- sliderProps: SliderGatewayProps<Type>;
10
9
  };
11
- export declare const SliderControl: <TFieldValues extends FieldValues, TName extends Path<TFieldValues>, Type extends ComponentType>(props: SliderControlProps<TFieldValues, TName, Type>) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const SliderControl: <TFieldValues extends FieldValues, TName extends Path<TFieldValues>>(props: SliderControlProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
12
11
  export {};
@@ -23,9 +23,7 @@ export declare const Uncontrolled: {
23
23
  onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
24
24
  };
25
25
  } & import('react').RefAttributes<HTMLInputElement>>;
26
- SliderBase: <Type extends import('./slider/model/types').ComponentType>(props: import('./slider/model/types').SliderGatewayProps<Type> & {
27
- ref?: React.Ref<HTMLInputElement>;
28
- }) => React.ReactElement;
26
+ SliderBase: import('react').ForwardRefExoticComponent<import('./slider/model/types').SliderGatewayProps & import('react').RefAttributes<HTMLInputElement>>;
29
27
  AutocompleteBase: <TData>(props: import('./autocomplete').AutocompleteBaseProps<TData> & {
30
28
  ref: React.Ref<HTMLInputElement>;
31
29
  }) => React.JSX.Element;
@@ -1,4 +1,2 @@
1
- import { ComponentType, SliderGatewayProps } from './model/types';
2
- export declare const SliderBase: <Type extends ComponentType>(props: SliderGatewayProps<Type> & {
3
- ref?: React.Ref<HTMLInputElement>;
4
- }) => React.ReactElement;
1
+ import { SliderGatewayProps } from './model/types';
2
+ export declare const SliderBase: import('react').ForwardRefExoticComponent<SliderGatewayProps & import('react').RefAttributes<HTMLInputElement>>;
@@ -0,0 +1 @@
1
+ export declare const getFormattedCurrency: (value: number) => string;
@@ -0,0 +1 @@
1
+ export { getFormattedCurrency } from './getFormattedCurrency';
@@ -1,2 +1,2 @@
1
1
  import { TSuffixVariants } from '../types';
2
- export declare const getInputSliderSuffix: (suffix: TSuffixVariants, value?: number) => string;
2
+ export declare const getInputSliderSuffix: (suffix: TSuffixVariants, value?: number, input?: boolean) => string;
@@ -1,2 +1,3 @@
1
1
  export { formatNumber } from './formatNumber';
2
2
  export { getInputSliderSuffix } from './getInputSliderSuffix';
3
+ export { getFormattedCurrency } from './currency';
@@ -19,20 +19,12 @@ export type SliderBaseClasses = {
19
19
  slider?: SliderClasses;
20
20
  inputRoot?: InputBaseClasses;
21
21
  };
22
- export type ComponentType = 'marks' | 'step' | 'algoritmic';
22
+ export type ComponentType = 'marks' | 'step' | 'algorithmic';
23
23
  export interface SliderCommonProps extends Omit<InputBaseProps, 'externalHandlers' | 'onChange' | 'value' | 'defaultValue' | 'type'> {
24
24
  /**
25
25
  * Объект classes с помощью которого можно поменять стили у компонента
26
26
  */
27
27
  classes?: SliderBaseClasses;
28
- /**
29
- * Левый текст под слайдером
30
- */
31
- leftText: string | React.ReactElement;
32
- /**
33
- * Правый текст под слайдером
34
- */
35
- rightText: string | React.ReactElement;
36
28
  /**
37
29
  * Значение
38
30
  */
@@ -90,7 +82,7 @@ export type SliderStepProps = SliderCommonProps & {
90
82
  max: number;
91
83
  };
92
84
  export type SliderAlgorithmicProps = SliderCommonProps & {
93
- componentType: 'algoritmic';
85
+ componentType: 'algorithmic';
94
86
  /**
95
87
  * Минимальное значение инпута
96
88
  */
@@ -100,4 +92,4 @@ export type SliderAlgorithmicProps = SliderCommonProps & {
100
92
  */
101
93
  max: number;
102
94
  };
103
- export type SliderGatewayProps<Type extends ComponentType> = Type extends 'marks' ? SliderMarksProps : Type extends 'algoritmic' ? SliderAlgorithmicProps : SliderStepProps;
95
+ export type SliderGatewayProps = SliderAlgorithmicProps | SliderStepProps | SliderMarksProps;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  export declare const SliderAlgorithmic: React.ForwardRefExoticComponent<import('../../model/types').SliderCommonProps & {
3
- componentType: "algoritmic";
3
+ componentType: "algorithmic";
4
4
  min: number;
5
5
  max: number;
6
6
  } & React.RefAttributes<HTMLInputElement>>;
@@ -1,2 +1,2 @@
1
1
  import { DataTableProps } from './model';
2
- export declare const DataTable: <TData extends {}>({ columns, data, enableHeaders, mode, classes, pagination }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const DataTable: <TData extends {}>({ columns, data, enableHeaders, mode, classes, pagination, pageSize }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
@@ -55,5 +55,9 @@ export type DataTableProps<TData extends {}> = {
55
55
  * пагинация
56
56
  */
57
57
  pagination: ((props: TablePaginationProps) => React.JSX.Element) | boolean;
58
+ /**
59
+ * количество элементов на странице
60
+ */
61
+ pageSize?: number;
58
62
  };
59
63
  export {};
@@ -0,0 +1,7 @@
1
+ import { CellContext } from '@tanstack/react-table';
2
+ interface EditableCellProps<TData, TValue> extends CellContext<TData, TValue> {
3
+ target: keyof TData;
4
+ update: (values: TData) => void;
5
+ }
6
+ export declare const EditableCell: <TData, TValue extends string | undefined>({ row, getValue, update, target }: EditableCellProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1 @@
1
+ export { EditableCell } from './EditableCell';
@@ -1,2 +1,3 @@
1
1
  export * from './primitives';
2
2
  export * from './dataTableColumnHeader';
3
+ export * from './editableCell';
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}
1
+ .rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}