@vkontakte/vkui 4.27.2 → 4.29.0

package/dist/cssm/styles/unstable.css

@@ -1 +1 @@
-.vkuiChipsSelect{position:relative}.vkuiChipsSelect__empty{padding:12px 0}.vkuiChipsSelect__empty{text-align:center;color:#818c99;color:var(--text_secondary)}.vkuiChipsSelect__open:not(.vkuiChipsSelect__open--popupDirectionTop) .vkuiFormField__border{border-bottom-left-radius:0;border-bottom-right-radius:0}.vkuiChipsSelect__open.vkuiChipsSelect__open--popupDirectionTop .vkuiFormField__border{border-top-left-radius:0;border-top-right-radius:0}.vkuiSimpleCheckbox{display:block;margin:-10px;padding:10px;width:24px;height:24px;border-radius:50%}.vkuiSimpleCheckbox__input{position:absolute;-webkit-appearance:none;appearance:none}.vkuiSimpleCheckbox__container{display:flex;align-items:flex-start;justify-content:flex-start}.vkuiSimpleCheckbox__icon{flex-shrink:0;margin:0;box-sizing:border-box;border-radius:4px;display:flex}.vkuiSimpleCheckbox__icon--on{color:#2688eb;color:var(--accent);display:none}.vkuiSimpleCheckbox__icon--indeterminate{color:#2688eb;color:var(--accent);display:none}.vkuiSimpleCheckbox__icon--off{color:#b8c1cc;color:var(--icon_tertiary)}.vkuiSimpleCheckbox__input:checked~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--on{display:flex}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate,.vkuiSimpleCheckbox__input:checked~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off{display:none}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate{display:flex}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--on,.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off{display:none}.vkuiSimpleCheckbox__input[disabled]~.vkuiSimpleCheckbox__container{opacity:.6}.vkuiSimpleCheckbox--ios.vkuiSimpleCheckbox--sizeY-compact,.vkuiSimpleCheckbox--android.vkuiSimpleCheckbox--sizeY-compact{margin:-8px;padding:8px;width:20px;height:20px}.vkuiSimpleCheckbox--vkcom{margin:0;padding:0;width:22px;height:22px;border-radius:4px}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__activeShadow,.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__hoverShadow{margin:3px;width:16px;height:16px;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit;transition:inherit}.vkuiSimpleCheckbox--vkcom.vkuiSimpleCheckbox--active .vkuiSimpleCheckbox__activeShadow{background-color:rgba(0,0,0,.08);background-color:var(--background_highlighted)}.vkuiSimpleCheckbox--vkcom.vkuiSimpleCheckbox--hover .vkuiSimpleCheckbox__hoverShadow{background-color:rgba(0,0,0,.04);background-color:var(--background_hover)}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__icon{border-radius:3px;padding:1px;border-width:1px}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__input[disabled]~.vkuiSimpleCheckbox__container{opacity:.4}.vkuiDropdown{-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease;background:#fff;background:var(--background_content)}.vkuiDropdown--ios{box-shadow:0 0 96px rgba(0,0,0,.16),0 0 2px rgba(0,0,0,.12);border-radius:14px}.vkuiDropdown--android{box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16);border-radius:12px}.vkuiDropdown--vkcom{box-shadow:0 0 2px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.08);border-radius:12px}.vkuiTextTooltip{border-radius:8px;background:rgba(44,45,46,.88);padding:8px 12px 9px;color:#fff;color:var(--white);box-shadow:0 0 4px rgba(0,0,0,.04),0 4px 32px rgba(0,0,0,.16);-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease}.vkuiTextTooltip__arrow{color:rgba(44,45,46,.88)}.vkuiRichTooltip{box-shadow:0 0 4px rgba(0,0,0,.04),0 4px 32px rgba(0,0,0,.16);border-radius:8px;background:#fff;background:var(--background_content);-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease}.vkuiRichTooltip__arrow{color:#fff;color:var(--background_content)}
+.vkuiChipsSelect{position:relative}.vkuiChipsSelect__empty{padding:12px 0}.vkuiChipsSelect__empty{text-align:center;color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiChipsSelect__open:not(.vkuiChipsSelect__open--popupDirectionTop) .vkuiFormField__border{border-bottom-left-radius:0;border-bottom-right-radius:0}.vkuiChipsSelect__open.vkuiChipsSelect__open--popupDirectionTop .vkuiFormField__border{border-top-left-radius:0;border-top-right-radius:0}.vkuiSimpleCheckbox{display:block;margin:-10px;padding:10px;width:24px;height:24px;border-radius:50%}.vkuiSimpleCheckbox__input{position:absolute;-webkit-appearance:none;appearance:none}.vkuiSimpleCheckbox__container{display:flex;align-items:flex-start;justify-content:flex-start}.vkuiSimpleCheckbox__icon{flex-shrink:0;margin:0;box-sizing:border-box;border-radius:4px;display:flex}.vkuiSimpleCheckbox__icon--on{color:#2688eb;color:var(--accent);display:none}.vkuiSimpleCheckbox__icon--indeterminate{color:#2688eb;color:var(--accent);display:none}.vkuiSimpleCheckbox__icon--off{color:#b8c1cc;color:var(--icon_tertiary)}.vkuiSimpleCheckbox__input:checked~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--on{display:flex}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate,.vkuiSimpleCheckbox__input:checked~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off{display:none}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate{display:flex}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--on,.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off{display:none}.vkuiSimpleCheckbox__input[disabled]~.vkuiSimpleCheckbox__container{opacity:.6}.vkuiSimpleCheckbox--ios.vkuiSimpleCheckbox--sizeY-compact,.vkuiSimpleCheckbox--android.vkuiSimpleCheckbox--sizeY-compact{margin:-8px;padding:8px;width:20px;height:20px}.vkuiSimpleCheckbox--vkcom{margin:0;padding:0;width:22px;height:22px;border-radius:4px}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__activeShadow,.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__hoverShadow{margin:3px;width:16px;height:16px;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit;transition:inherit}.vkuiSimpleCheckbox--vkcom.vkuiSimpleCheckbox--active .vkuiSimpleCheckbox__activeShadow{background-color:rgba(0,0,0,.08);background-color:var(--background_highlighted)}.vkuiSimpleCheckbox--vkcom.vkuiSimpleCheckbox--hover .vkuiSimpleCheckbox__hoverShadow{background-color:rgba(0,0,0,.04);background-color:var(--background_hover)}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__icon{border-radius:3px;padding:1px;border-width:1px}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__input[disabled]~.vkuiSimpleCheckbox__container{opacity:.4}.vkuiDropdown{-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease;background:#fff;background:var(--background_content)}.vkuiDropdown--ios{box-shadow:0 0 96px rgba(0,0,0,.16),0 0 2px rgba(0,0,0,.12);border-radius:14px}.vkuiDropdown--android{box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16);border-radius:12px}.vkuiDropdown--vkcom{box-shadow:0 0 2px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.08);border-radius:12px}.vkuiTextTooltip{border-radius:8px;background:rgba(44,45,46,.88);padding:8px 12px 9px;color:#fff;color:var(--white);box-shadow:0 0 4px rgba(0,0,0,.04),0 4px 32px rgba(0,0,0,.16);-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease}.vkuiTextTooltip__arrow{color:rgba(44,45,46,.88)}.vkuiRichTooltip{box-shadow:0 0 4px rgba(0,0,0,.04),0 4px 32px rgba(0,0,0,.16);border-radius:8px;background:#fff;background:var(--background_content);-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease}.vkuiRichTooltip__arrow{color:#fff;color:var(--background_content)}

package/dist/cssm/tokenized/index.d.ts

@@ -1,14 +1,42 @@
-export { default as Button } from "../components/Button/Button";
+export { Button } from "../components/Button/Button";
 export type { ButtonProps } from "../components/Button/Button";
 export { Card } from "../components/Card/Card";
 export type { CardProps } from "../components/Card/Card";
 export { CardScroll } from "../components/CardScroll/CardScroll";
 export type { CardScrollProps } from "../components/CardScroll/CardScroll";
-export { default as HorizontalScroll } from "../components/HorizontalScroll/HorizontalScroll";
+export { HorizontalScroll } from "../components/HorizontalScroll/HorizontalScroll";
 export type { HorizontalScrollProps } from "../components/HorizontalScroll/HorizontalScroll";
+export { ButtonGroup } from "../components/ButtonGroup/ButtonGroup";
+export type { ButtonGroupProps } from "../components/ButtonGroup/ButtonGroup";
 export { SegmentedControl } from "../components/SegmentedControl/SegmentedControl";
 export type { SegmentedControlProps, SegmentedControlOptionInterface, SegmentedControlValue, } from "../components/SegmentedControl/SegmentedControl";
-export { default as Title } from "../components/Typography/Title/Title";
+export { Title } from "../components/Typography/Title/Title";
 export type { TitleProps } from "../components/Typography/Title/Title";
-export { default as Subhead } from "../components/Typography/Subhead/Subhead";
+export { Subhead } from "../components/Typography/Subhead/Subhead";
 export type { SubheadProps } from "../components/Typography/Subhead/Subhead";
+export { Pagination } from "../components/Pagination/Pagination";
+export type { PaginationProps } from "../components/Pagination/Pagination";
+export { Calendar } from "../components/Calendar/Calendar";
+export type { CalendarProps } from "../components/Calendar/Calendar";
+export { CalendarRange } from "../components/CalendarRange/CalendarRange";
+export type { CalendarRangeProps } from "../components/CalendarRange/CalendarRange";
+export { Caption } from "../components/Typography/Caption/Caption";
+export type { CaptionProps } from "../components/Typography/Caption/Caption";
+export { Paragraph } from "../components/Typography/Paragraph/Paragraph";
+export type { ParagraphProps } from "../components/Typography/Paragraph/Paragraph";
+export { Input } from "../components/Input/Input";
+export type { InputProps } from "../components/Input/Input";
+export { FormField } from "../components/FormField/FormField";
+export type { FormFieldProps } from "../components/FormField/FormField";
+export { Select } from "../components/Select/Select";
+export type { SelectProps } from "../components/Select/Select";
+export { CustomSelect } from "../components/CustomSelect/CustomSelect";
+export type { CustomSelectProps } from "../components/CustomSelect/CustomSelect";
+export { CustomSelectDropdown } from "../components/CustomSelectDropdown/CustomSelectDropdown";
+export type { CustomSelectDropdownProps } from "../components/CustomSelectDropdown/CustomSelectDropdown";
+export { CustomSelectOption } from "../components/CustomSelectOption/CustomSelectOption";
+export type { CustomSelectOptionProps } from "../components/CustomSelectOption/CustomSelectOption";
+export { ChipsInput } from "../components/ChipsInput/ChipsInput";
+export type { ChipsInputProps } from "../components/ChipsInput/ChipsInput";
+export { ChipsSelect } from "../components/ChipsSelect/ChipsSelect";
+export type { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";

package/dist/cssm/tokenized/index.js

@@ -1,8 +1,22 @@
-export { default as Button } from "../components/Button/Button";
+export { Button } from "../components/Button/Button";
 export { Card } from "../components/Card/Card";
 export { CardScroll } from "../components/CardScroll/CardScroll";
-export { default as HorizontalScroll } from "../components/HorizontalScroll/HorizontalScroll";
+export { HorizontalScroll } from "../components/HorizontalScroll/HorizontalScroll";
+export { ButtonGroup } from "../components/ButtonGroup/ButtonGroup";
 export { SegmentedControl } from "../components/SegmentedControl/SegmentedControl";
-export { default as Title } from "../components/Typography/Title/Title";
-export { default as Subhead } from "../components/Typography/Subhead/Subhead";
+export { Title } from "../components/Typography/Title/Title";
+export { Subhead } from "../components/Typography/Subhead/Subhead";
+export { Pagination } from "../components/Pagination/Pagination";
+export { Calendar } from "../components/Calendar/Calendar";
+export { CalendarRange } from "../components/CalendarRange/CalendarRange";
+export { Caption } from "../components/Typography/Caption/Caption";
+export { Paragraph } from "../components/Typography/Paragraph/Paragraph";
+export { Input } from "../components/Input/Input";
+export { FormField } from "../components/FormField/FormField";
+export { Select } from "../components/Select/Select";
+export { CustomSelect } from "../components/CustomSelect/CustomSelect";
+export { CustomSelectDropdown } from "../components/CustomSelectDropdown/CustomSelectDropdown";
+export { CustomSelectOption } from "../components/CustomSelectOption/CustomSelectOption";
+export { ChipsInput } from "../components/ChipsInput/ChipsInput";
+export { ChipsSelect } from "../components/ChipsSelect/ChipsSelect";
 //# sourceMappingURL=index.js.map

package/dist/cssm/tokenized/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/tokenized/index.ts"],"names":["default","Button","Card","CardScroll","HorizontalScroll","SegmentedControl","Title","Subhead"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB;AAGA,SAASC,IAAT;AAGA,SAASC,UAAT;AAGA,SAASH,OAAO,IAAII,gBAApB;AAGA,SAASC,gBAAT;AAOA,SAASL,OAAO,IAAIM,KAApB;AAGA,SAASN,OAAO,IAAIO,OAApB","sourcesContent":["export { default as Button } from \"../components/Button/Button\";\nexport type { ButtonProps } from \"../components/Button/Button\";\n\nexport { Card } from \"../components/Card/Card\";\nexport type { CardProps } from \"../components/Card/Card\";\n\nexport { CardScroll } from \"../components/CardScroll/CardScroll\";\nexport type { CardScrollProps } from \"../components/CardScroll/CardScroll\";\n\nexport { default as HorizontalScroll } from \"../components/HorizontalScroll/HorizontalScroll\";\nexport type { HorizontalScrollProps } from \"../components/HorizontalScroll/HorizontalScroll\";\n\nexport { SegmentedControl } from \"../components/SegmentedControl/SegmentedControl\";\nexport type {\n  SegmentedControlProps,\n  SegmentedControlOptionInterface,\n  SegmentedControlValue,\n} from \"../components/SegmentedControl/SegmentedControl\";\n\nexport { default as Title } from \"../components/Typography/Title/Title\";\nexport type { TitleProps } from \"../components/Typography/Title/Title\";\n\nexport { default as Subhead } from \"../components/Typography/Subhead/Subhead\";\nexport type { SubheadProps } from \"../components/Typography/Subhead/Subhead\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/tokenized/index.ts"],"names":["Button","Card","CardScroll","HorizontalScroll","ButtonGroup","SegmentedControl","Title","Subhead","Pagination","Calendar","CalendarRange","Caption","Paragraph","Input","FormField","Select","CustomSelect","CustomSelectDropdown","CustomSelectOption","ChipsInput","ChipsSelect"],"mappings":"AAAA,SAASA,MAAT;AAGA,SAASC,IAAT;AAGA,SAASC,UAAT;AAGA,SAASC,gBAAT;AAGA,SAASC,WAAT;AAGA,SAASC,gBAAT;AAOA,SAASC,KAAT;AAGA,SAASC,OAAT;AAGA,SAASC,UAAT;AAGA,SAASC,QAAT;AAGA,SAASC,aAAT;AAGA,SAASC,OAAT;AAGA,SAASC,SAAT;AAGA,SAASC,KAAT;AAGA,SAASC,SAAT;AAGA,SAASC,MAAT;AAGA,SAASC,YAAT;AAGA,SAASC,oBAAT;AAGA,SAASC,kBAAT;AAGA,SAASC,UAAT;AAGA,SAASC,WAAT","sourcesContent":["export { Button } from \"../components/Button/Button\";\nexport type { ButtonProps } from \"../components/Button/Button\";\n\nexport { Card } from \"../components/Card/Card\";\nexport type { CardProps } from \"../components/Card/Card\";\n\nexport { CardScroll } from \"../components/CardScroll/CardScroll\";\nexport type { CardScrollProps } from \"../components/CardScroll/CardScroll\";\n\nexport { HorizontalScroll } from \"../components/HorizontalScroll/HorizontalScroll\";\nexport type { HorizontalScrollProps } from \"../components/HorizontalScroll/HorizontalScroll\";\n\nexport { ButtonGroup } from \"../components/ButtonGroup/ButtonGroup\";\nexport type { ButtonGroupProps } from \"../components/ButtonGroup/ButtonGroup\";\n\nexport { SegmentedControl } from \"../components/SegmentedControl/SegmentedControl\";\nexport type {\n  SegmentedControlProps,\n  SegmentedControlOptionInterface,\n  SegmentedControlValue,\n} from \"../components/SegmentedControl/SegmentedControl\";\n\nexport { Title } from \"../components/Typography/Title/Title\";\nexport type { TitleProps } from \"../components/Typography/Title/Title\";\n\nexport { Subhead } from \"../components/Typography/Subhead/Subhead\";\nexport type { SubheadProps } from \"../components/Typography/Subhead/Subhead\";\n\nexport { Pagination } from \"../components/Pagination/Pagination\";\nexport type { PaginationProps } from \"../components/Pagination/Pagination\";\n\nexport { Calendar } from \"../components/Calendar/Calendar\";\nexport type { CalendarProps } from \"../components/Calendar/Calendar\";\n\nexport { CalendarRange } from \"../components/CalendarRange/CalendarRange\";\nexport type { CalendarRangeProps } from \"../components/CalendarRange/CalendarRange\";\n\nexport { Caption } from \"../components/Typography/Caption/Caption\";\nexport type { CaptionProps } from \"../components/Typography/Caption/Caption\";\n\nexport { Paragraph } from \"../components/Typography/Paragraph/Paragraph\";\nexport type { ParagraphProps } from \"../components/Typography/Paragraph/Paragraph\";\n\nexport { Input } from \"../components/Input/Input\";\nexport type { InputProps } from \"../components/Input/Input\";\n\nexport { FormField } from \"../components/FormField/FormField\";\nexport type { FormFieldProps } from \"../components/FormField/FormField\";\n\nexport { Select } from \"../components/Select/Select\";\nexport type { SelectProps } from \"../components/Select/Select\";\n\nexport { CustomSelect } from \"../components/CustomSelect/CustomSelect\";\nexport type { CustomSelectProps } from \"../components/CustomSelect/CustomSelect\";\n\nexport { CustomSelectDropdown } from \"../components/CustomSelectDropdown/CustomSelectDropdown\";\nexport type { CustomSelectDropdownProps } from \"../components/CustomSelectDropdown/CustomSelectDropdown\";\n\nexport { CustomSelectOption } from \"../components/CustomSelectOption/CustomSelectOption\";\nexport type { CustomSelectOptionProps } from \"../components/CustomSelectOption/CustomSelectOption\";\n\nexport { ChipsInput } from \"../components/ChipsInput/ChipsInput\";\nexport type { ChipsInputProps } from \"../components/ChipsInput/ChipsInput\";\n\nexport { ChipsSelect } from \"../components/ChipsSelect/ChipsSelect\";\nexport type { ChipsSelectProps } from \"../components/ChipsSelect/ChipsSelect\";\n"],"file":"index.js"}

package/dist/cssm/unstable/index.d.ts

@@ -1,8 +1,8 @@
 /**
  * Forms
  */
-export { default as ChipsSelect } from "./../components/ChipsSelect/ChipsSelect";
-export type { ChipsSelectProps } from "./../components/ChipsSelect/ChipsSelect";
+export { ChipsSelect } from "../components/ChipsSelect/ChipsSelect";
+export type { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";
 export { Dropdown } from "../components/Dropdown/Dropdown";
 export type { DropdownProps } from "../components/Dropdown/Dropdown";
 export { TextTooltip } from "../components/TextTooltip/TextTooltip";
@@ -11,7 +11,7 @@ export { RichTooltip } from "../components/RichTooltip/RichTooltip";
 export type { RichTooltipProps } from "../components/RichTooltip/RichTooltip";
 export { Popper } from "../components/Popper/Popper";
 export type { PopperProps } from "../components/Popper/Popper";
-export { default as ViewInfinite } from "./../components/View/ViewInfinite";
-export type { ViewInfiniteProps } from "./../components/View/ViewInfinite";
-export { default as SimpleCheckbox } from "./../components/SimpleCheckbox/SimpleCheckbox";
-export type { SimpleCheckboxProps } from "./../components/SimpleCheckbox/SimpleCheckbox";
+export { ViewInfinite } from "../components/View/ViewInfinite";
+export type { ViewInfiniteProps } from "../components/View/ViewInfinite";
+export { SimpleCheckbox } from "../components/SimpleCheckbox/SimpleCheckbox";
+export type { SimpleCheckboxProps } from "../components/SimpleCheckbox/SimpleCheckbox";

package/dist/cssm/unstable/index.js

@@ -1,11 +1,11 @@
 /**
  * Forms
  */
-export { default as ChipsSelect } from "./../components/ChipsSelect/ChipsSelect";
+export { ChipsSelect } from "../components/ChipsSelect/ChipsSelect";
 export { Dropdown } from "../components/Dropdown/Dropdown";
 export { TextTooltip } from "../components/TextTooltip/TextTooltip";
 export { RichTooltip } from "../components/RichTooltip/RichTooltip";
 export { Popper } from "../components/Popper/Popper";
-export { default as ViewInfinite } from "./../components/View/ViewInfinite";
-export { default as SimpleCheckbox } from "./../components/SimpleCheckbox/SimpleCheckbox";
+export { ViewInfinite } from "../components/View/ViewInfinite";
+export { SimpleCheckbox } from "../components/SimpleCheckbox/SimpleCheckbox";
 //# sourceMappingURL=index.js.map

package/dist/cssm/unstable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/unstable/index.ts"],"names":["default","ChipsSelect","Dropdown","TextTooltip","RichTooltip","Popper","ViewInfinite","SimpleCheckbox"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,WAApB;AAGA,SAASC,QAAT;AAGA,SAASC,WAAT;AAGA,SAASC,WAAT;AAGA,SAASC,MAAT;AAGA,SAASL,OAAO,IAAIM,YAApB;AAGA,SAASN,OAAO,IAAIO,cAApB","sourcesContent":["/**\n * Forms\n */\nexport { default as ChipsSelect } from \"./../components/ChipsSelect/ChipsSelect\";\nexport type { ChipsSelectProps } from \"./../components/ChipsSelect/ChipsSelect\";\n\nexport { Dropdown } from \"../components/Dropdown/Dropdown\";\nexport type { DropdownProps } from \"../components/Dropdown/Dropdown\";\n\nexport { TextTooltip } from \"../components/TextTooltip/TextTooltip\";\nexport type { TextTooltipProps } from \"../components/TextTooltip/TextTooltip\";\n\nexport { RichTooltip } from \"../components/RichTooltip/RichTooltip\";\nexport type { RichTooltipProps } from \"../components/RichTooltip/RichTooltip\";\n\nexport { Popper } from \"../components/Popper/Popper\";\nexport type { PopperProps } from \"../components/Popper/Popper\";\n\nexport { default as ViewInfinite } from \"./../components/View/ViewInfinite\";\nexport type { ViewInfiniteProps } from \"./../components/View/ViewInfinite\";\n\nexport { default as SimpleCheckbox } from \"./../components/SimpleCheckbox/SimpleCheckbox\";\nexport type { SimpleCheckboxProps } from \"./../components/SimpleCheckbox/SimpleCheckbox\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/unstable/index.ts"],"names":["ChipsSelect","Dropdown","TextTooltip","RichTooltip","Popper","ViewInfinite","SimpleCheckbox"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT;AAGA,SAASC,QAAT;AAGA,SAASC,WAAT;AAGA,SAASC,WAAT;AAGA,SAASC,MAAT;AAGA,SAASC,YAAT;AAGA,SAASC,cAAT","sourcesContent":["/**\n * Forms\n */\nexport { ChipsSelect } from \"../components/ChipsSelect/ChipsSelect\";\nexport type { ChipsSelectProps } from \"../components/ChipsSelect/ChipsSelect\";\n\nexport { Dropdown } from \"../components/Dropdown/Dropdown\";\nexport type { DropdownProps } from \"../components/Dropdown/Dropdown\";\n\nexport { TextTooltip } from \"../components/TextTooltip/TextTooltip\";\nexport type { TextTooltipProps } from \"../components/TextTooltip/TextTooltip\";\n\nexport { RichTooltip } from \"../components/RichTooltip/RichTooltip\";\nexport type { RichTooltipProps } from \"../components/RichTooltip/RichTooltip\";\n\nexport { Popper } from \"../components/Popper/Popper\";\nexport type { PopperProps } from \"../components/Popper/Popper\";\n\nexport { ViewInfinite } from \"../components/View/ViewInfinite\";\nexport type { ViewInfiniteProps } from \"../components/View/ViewInfinite\";\n\nexport { SimpleCheckbox } from \"../components/SimpleCheckbox/SimpleCheckbox\";\nexport type { SimpleCheckboxProps } from \"../components/SimpleCheckbox/SimpleCheckbox\";\n"],"file":"index.js"}

package/dist/helpers/scheme.js

@@ -38,12 +38,12 @@ export function normalizeScheme(_ref) {
   }
 
   if (scheme === Scheme.VKCOM) {
-    process.env.NODE_ENV === "development" && warn("\u0421\u0445\u0435\u043C\u0430 \"".concat(Scheme.VKCOM, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u0430 \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u0430 5.0.0. \u0412\u043C\u0435\u0441\u0442\u043E \u043D\u0435\u0451 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \"").concat(Scheme.VKCOM_LIGHT, "\""));
+    process.env.NODE_ENV === "development" && warn("\u0421\u0445\u0435\u043C\u0430 \"".concat(Scheme.VKCOM, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u0430 \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u0430 \u0432 v5.0.0. \u0412\u043C\u0435\u0441\u0442\u043E \u043D\u0435\u0451 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \"").concat(Scheme.VKCOM_LIGHT, "\""));
     return Scheme.VKCOM_LIGHT;
   }
 
   if (platform === VKCOM && (scheme === Scheme.BRIGHT_LIGHT || scheme === Scheme.SPACE_GRAY)) {
-    process.env.NODE_ENV === "development" && warn("\u041F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430 \"vkcom\" \u0438 \u0441\u0445\u0435\u043C\u0430 \"".concat(scheme, "\" \u043D\u0435\u0441\u043E\u0432\u043C\u0435\u0441\u0442\u0438\u043C\u044B. \u0421 \u044D\u0442\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u043E\u0439 \u043C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0441\u0445\u0435\u043C\u044B \"").concat(Scheme.VKCOM_LIGHT, "\" \u0438\u043B\u0438 \"").concat(Scheme.VKCOM_DARK, "\""));
+    process.env.NODE_ENV === "development" && warn("\u041F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430 \"vkcom\" \u0438 \u0441\u0445\u0435\u043C\u0430 \"".concat(scheme, "\" \u043D\u0435\u0441\u043E\u0432\u043C\u0435\u0441\u0442\u0438\u043C\u044B. \u0421 \u044D\u0442\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u043E\u0439 \u043C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0441\u0445\u0435\u043C\u044B \"").concat(Scheme.VKCOM_LIGHT, "\" \u0438\u043B\u0438 \"").concat(Scheme.VKCOM_DARK, "\""), "error");
     return Scheme.VKCOM_LIGHT;
   }
 

package/dist/helpers/scheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/scheme.ts"],"names":["VKCOM","warnOnce","getScheme","Scheme","Appearance","warn","normalizeScheme","platform","scheme","appearance","process","env","NODE_ENV","VKCOM_LIGHT","BRIGHT_LIGHT","SPACE_GRAY","VKCOM_DARK","DEPRECATED_CLIENT_LIGHT","DEPRECATED_CLIENT_DARK"],"mappings":"AACA,SAAuBA,KAAvB;AACA,SAASC,QAAT;AACA,SAASC,SAAT;AAEA,WAAYC,MAAZ;;WAAYA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,KAAAA,M;;AA8BZ,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,KAAAA,U;;AAKZ,IAAMC,IAAI,GAAGJ,QAAQ,CAAC,QAAD,CAArB;AAQA,OAAO,SAASK,eAAT,OAIsC;AAAA,MAH3CC,QAG2C,QAH3CA,QAG2C;AAAA,MAF3CC,MAE2C,QAF3CA,MAE2C;AAAA,MAD3CC,UAC2C,QAD3CA,UAC2C;;AAC3C,MAAIA,UAAJ,EAAgB;AACd,WAAOP,SAAS,CAAC;AAAEK,MAAAA,QAAQ,EAARA,QAAF;AAAYE,MAAAA,UAAU,EAAVA;AAAZ,KAAD,CAAhB;AACD;;AAED,MAAID,MAAM,KAAK,SAAf,EAA0B;AACxB,WAAOA,MAAP;AACD;;AACD,MAAIA,MAAM,KAAKL,MAAM,CAACH,KAAtB,EAA6B;AAC3BU,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACEP,IAAI,4CACQF,MAAM,CAACH,KADf,sRACiFG,MAAM,CAACU,WADxF,QADN;AAIA,WAAOV,MAAM,CAACU,WAAd;AACD;;AACD,MACEN,QAAQ,KAAKP,KAAb,KACCQ,MAAM,KAAKL,MAAM,CAACW,YAAlB,IAAkCN,MAAM,KAAKL,MAAM,CAACY,UADrD,CADF,EAGE;AACAL,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACEP,IAAI,oHAC4BG,MAD5B,gUACiGL,MAAM,CAACU,WADxG,qCAC6HV,MAAM,CAACa,UADpI,QADN;AAIA,WAAOb,MAAM,CAACU,WAAd;AACD;;AACD,UAAQL,MAAR;AACE,SAAKL,MAAM,CAACc,uBAAZ;AACE,aAAOd,MAAM,CAACW,YAAd;;AACF,SAAKX,MAAM,CAACe,sBAAZ;AACE,aAAOf,MAAM,CAACY,UAAd;;AACF;AACE,aAAOP,MAAP;AANJ;AAQD","sourcesContent":["import { AppearanceSchemeType, AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { PlatformType, VKCOM } from \"../lib/platform\";\nimport { warnOnce } from \"../lib/warnOnce\";\nimport { getScheme } from \"./getScheme\";\n\nexport enum Scheme {\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости со старыми версиями клиентов\n   */\n  DEPRECATED_CLIENT_LIGHT = \"client_light\",\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости со старыми версиями клиентов\n   */\n  DEPRECATED_CLIENT_DARK = \"client_dark\",\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости с vkcom, когда там была только одна схема\n   */\n  VKCOM = \"vkcom\",\n\n  BRIGHT_LIGHT = \"bright_light\",\n  SPACE_GRAY = \"space_gray\",\n  VKCOM_LIGHT = \"vkcom_light\",\n  VKCOM_DARK = \"vkcom_dark\",\n}\n\nexport type AppearanceScheme =\n  | AppearanceSchemeType\n  | Scheme.VKCOM\n  | Scheme.VKCOM_DARK\n  | Scheme.VKCOM_LIGHT\n  | \"inherit\";\n\nexport enum Appearance {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nconst warn = warnOnce(\"scheme\");\n\nexport interface NormalizeSchemeProps {\n  platform: PlatformType;\n  scheme?: AppearanceScheme;\n  appearance?: AppearanceType;\n}\n\nexport function normalizeScheme({\n  platform,\n  scheme,\n  appearance,\n}: NormalizeSchemeProps): Scheme | \"inherit\" {\n  if (appearance) {\n    return getScheme({ platform, appearance });\n  }\n\n  if (scheme === \"inherit\") {\n    return scheme;\n  }\n  if (scheme === Scheme.VKCOM) {\n    process.env.NODE_ENV === \"development\" &&\n      warn(\n        `Схема \"${Scheme.VKCOM}\" устарела и будет удалена 5.0.0. Вместо неё используйте \"${Scheme.VKCOM_LIGHT}\"`\n      );\n    return Scheme.VKCOM_LIGHT;\n  }\n  if (\n    platform === VKCOM &&\n    (scheme === Scheme.BRIGHT_LIGHT || scheme === Scheme.SPACE_GRAY)\n  ) {\n    process.env.NODE_ENV === \"development\" &&\n      warn(\n        `Платформа \"vkcom\" и схема \"${scheme}\" несовместимы. С этой платформой можно использовать схемы \"${Scheme.VKCOM_LIGHT}\" или \"${Scheme.VKCOM_DARK}\"`\n      );\n    return Scheme.VKCOM_LIGHT;\n  }\n  switch (scheme) {\n    case Scheme.DEPRECATED_CLIENT_LIGHT:\n      return Scheme.BRIGHT_LIGHT;\n    case Scheme.DEPRECATED_CLIENT_DARK:\n      return Scheme.SPACE_GRAY;\n    default:\n      return scheme as Scheme;\n  }\n}\n"],"file":"scheme.js"}
+{"version":3,"sources":["../../src/helpers/scheme.ts"],"names":["VKCOM","warnOnce","getScheme","Scheme","Appearance","warn","normalizeScheme","platform","scheme","appearance","process","env","NODE_ENV","VKCOM_LIGHT","BRIGHT_LIGHT","SPACE_GRAY","VKCOM_DARK","DEPRECATED_CLIENT_LIGHT","DEPRECATED_CLIENT_DARK"],"mappings":"AACA,SAAuBA,KAAvB;AACA,SAASC,QAAT;AACA,SAASC,SAAT;AAEA,WAAYC,MAAZ;;WAAYA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,KAAAA,M;;AA8BZ,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,KAAAA,U;;AAKZ,IAAMC,IAAI,GAAGJ,QAAQ,CAAC,QAAD,CAArB;AAQA,OAAO,SAASK,eAAT,OAIsC;AAAA,MAH3CC,QAG2C,QAH3CA,QAG2C;AAAA,MAF3CC,MAE2C,QAF3CA,MAE2C;AAAA,MAD3CC,UAC2C,QAD3CA,UAC2C;;AAC3C,MAAIA,UAAJ,EAAgB;AACd,WAAOP,SAAS,CAAC;AAAEK,MAAAA,QAAQ,EAARA,QAAF;AAAYE,MAAAA,UAAU,EAAVA;AAAZ,KAAD,CAAhB;AACD;;AAED,MAAID,MAAM,KAAK,SAAf,EAA0B;AACxB,WAAOA,MAAP;AACD;;AACD,MAAIA,MAAM,KAAKL,MAAM,CAACH,KAAtB,EAA6B;AAC3BU,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACEP,IAAI,4CACQF,MAAM,CAACH,KADf,8RACoFG,MAAM,CAACU,WAD3F,QADN;AAIA,WAAOV,MAAM,CAACU,WAAd;AACD;;AACD,MACEN,QAAQ,KAAKP,KAAb,KACCQ,MAAM,KAAKL,MAAM,CAACW,YAAlB,IAAkCN,MAAM,KAAKL,MAAM,CAACY,UADrD,CADF,EAGE;AACAL,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACEP,IAAI,oHAC4BG,MAD5B,gUACiGL,MAAM,CAACU,WADxG,qCAC6HV,MAAM,CAACa,UADpI,SAEF,OAFE,CADN;AAKA,WAAOb,MAAM,CAACU,WAAd;AACD;;AACD,UAAQL,MAAR;AACE,SAAKL,MAAM,CAACc,uBAAZ;AACE,aAAOd,MAAM,CAACW,YAAd;;AACF,SAAKX,MAAM,CAACe,sBAAZ;AACE,aAAOf,MAAM,CAACY,UAAd;;AACF;AACE,aAAOP,MAAP;AANJ;AAQD","sourcesContent":["import { AppearanceSchemeType, AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { PlatformType, VKCOM } from \"../lib/platform\";\nimport { warnOnce } from \"../lib/warnOnce\";\nimport { getScheme } from \"./getScheme\";\n\nexport enum Scheme {\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости со старыми версиями клиентов\n   */\n  DEPRECATED_CLIENT_LIGHT = \"client_light\",\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости со старыми версиями клиентов\n   */\n  DEPRECATED_CLIENT_DARK = \"client_dark\",\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости с vkcom, когда там была только одна схема\n   */\n  VKCOM = \"vkcom\",\n\n  BRIGHT_LIGHT = \"bright_light\",\n  SPACE_GRAY = \"space_gray\",\n  VKCOM_LIGHT = \"vkcom_light\",\n  VKCOM_DARK = \"vkcom_dark\",\n}\n\nexport type AppearanceScheme =\n  | AppearanceSchemeType\n  | Scheme.VKCOM\n  | Scheme.VKCOM_DARK\n  | Scheme.VKCOM_LIGHT\n  | \"inherit\";\n\nexport enum Appearance {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nconst warn = warnOnce(\"scheme\");\n\nexport interface NormalizeSchemeProps {\n  platform: PlatformType;\n  scheme?: AppearanceScheme;\n  appearance?: AppearanceType;\n}\n\nexport function normalizeScheme({\n  platform,\n  scheme,\n  appearance,\n}: NormalizeSchemeProps): Scheme | \"inherit\" {\n  if (appearance) {\n    return getScheme({ platform, appearance });\n  }\n\n  if (scheme === \"inherit\") {\n    return scheme;\n  }\n  if (scheme === Scheme.VKCOM) {\n    process.env.NODE_ENV === \"development\" &&\n      warn(\n        `Схема \"${Scheme.VKCOM}\" устарела и будет удалена в v5.0.0. Вместо неё используйте \"${Scheme.VKCOM_LIGHT}\"`\n      );\n    return Scheme.VKCOM_LIGHT;\n  }\n  if (\n    platform === VKCOM &&\n    (scheme === Scheme.BRIGHT_LIGHT || scheme === Scheme.SPACE_GRAY)\n  ) {\n    process.env.NODE_ENV === \"development\" &&\n      warn(\n        `Платформа \"vkcom\" и схема \"${scheme}\" несовместимы. С этой платформой можно использовать схемы \"${Scheme.VKCOM_LIGHT}\" или \"${Scheme.VKCOM_DARK}\"`,\n        \"error\"\n      );\n    return Scheme.VKCOM_LIGHT;\n  }\n  switch (scheme) {\n    case Scheme.DEPRECATED_CLIENT_LIGHT:\n      return Scheme.BRIGHT_LIGHT;\n    case Scheme.DEPRECATED_CLIENT_DARK:\n      return Scheme.SPACE_GRAY;\n    default:\n      return scheme as Scheme;\n  }\n}\n"],"file":"scheme.js"}

package/dist/hooks/useBooleanState.d.ts

@@ -0,0 +1,6 @@
+export declare const useBooleanState: (defaultValue?: boolean) => {
+    value: boolean;
+    setTrue: () => void;
+    setFalse: () => void;
+    toggle: () => void;
+};

package/dist/hooks/useBooleanState.js

@@ -0,0 +1,27 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import * as React from "react";
+export var useBooleanState = function useBooleanState() {
+  var defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+  var _React$useState = React.useState(defaultValue),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      value = _React$useState2[0],
+      setValue = _React$useState2[1];
+
+  var setTrue = React.useCallback(function () {
+    setValue(true);
+  }, []);
+  var setFalse = React.useCallback(function () {
+    setValue(false);
+  }, []);
+  var toggle = React.useCallback(function () {
+    setValue(!value);
+  }, [value]);
+  return {
+    value: value,
+    setTrue: setTrue,
+    setFalse: setFalse,
+    toggle: toggle
+  };
+};
+//# sourceMappingURL=useBooleanState.js.map

package/dist/hooks/useBooleanState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useBooleanState.ts"],"names":["React","useBooleanState","defaultValue","useState","value","setValue","setTrue","useCallback","setFalse","toggle"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAA0B;AAAA,MAAzBC,YAAyB,uEAAV,KAAU;;AACvD,wBAA0BF,KAAK,CAACG,QAAN,CAAeD,YAAf,CAA1B;AAAA;AAAA,MAAOE,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,OAAO,GAAGN,KAAK,CAACO,WAAN,CAAkB,YAAM;AACtCF,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAFe,EAEb,EAFa,CAAhB;AAIA,MAAMG,QAAQ,GAAGR,KAAK,CAACO,WAAN,CAAkB,YAAM;AACvCF,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAFgB,EAEd,EAFc,CAAjB;AAIA,MAAMI,MAAM,GAAGT,KAAK,CAACO,WAAN,CAAkB,YAAM;AACrCF,IAAAA,QAAQ,CAAC,CAACD,KAAF,CAAR;AACD,GAFc,EAEZ,CAACA,KAAD,CAFY,CAAf;AAIA,SAAO;AAAEA,IAAAA,KAAK,EAALA,KAAF;AAASE,IAAAA,OAAO,EAAPA,OAAT;AAAkBE,IAAAA,QAAQ,EAARA,QAAlB;AAA4BC,IAAAA,MAAM,EAANA;AAA5B,GAAP;AACD,CAhBM","sourcesContent":["import * as React from \"react\";\n\nexport const useBooleanState = (defaultValue = false) => {\n  const [value, setValue] = React.useState(defaultValue);\n\n  const setTrue = React.useCallback(() => {\n    setValue(true);\n  }, []);\n\n  const setFalse = React.useCallback(() => {\n    setValue(false);\n  }, []);\n\n  const toggle = React.useCallback(() => {\n    setValue(!value);\n  }, [value]);\n\n  return { value, setTrue, setFalse, toggle };\n};\n"],"file":"useBooleanState.js"}

package/dist/hooks/useBridgeAdaptivity.d.ts

@@ -0,0 +1,6 @@
+export interface BridgeAdaptivity {
+    type: "" | "force_mobile" | "force_mobile_compact" | "adaptive";
+    viewportWidth: number;
+    viewportHeight: number;
+}
+export declare function useBridgeAdaptivity(): BridgeAdaptivity;

package/dist/hooks/useBridgeAdaptivity.js

@@ -0,0 +1,68 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import * as React from "react";
+import vkBridge from "@vkontakte/vk-bridge";
+import { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect";
+var initialState = {
+  type: "",
+  viewportWidth: 0,
+  viewportHeight: 0
+};
+
+function resolveAdaptivity(e) {
+  var _e$detail = e.detail,
+      type = _e$detail.type,
+      data = _e$detail.data;
+
+  if (type !== "VKWebAppUpdateConfig" || !data) {
+    return null;
+  }
+
+  var adaptivity = data.adaptivity,
+      viewportWidth = data.viewport_width,
+      viewportHeight = data.viewport_height;
+  var bridgeAdaptivity = {
+    type: "",
+    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,
+    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0
+  };
+
+  switch (adaptivity) {
+    case "force_mobile":
+    case "force_mobile_compact":
+    case "adaptive":
+      bridgeAdaptivity.type = adaptivity;
+  }
+
+  return bridgeAdaptivity;
+}
+
+vkBridge.subscribe(function (e) {
+  var bridgeAdaptivity = resolveAdaptivity(e);
+
+  if (bridgeAdaptivity) {
+    initialState = bridgeAdaptivity;
+  }
+});
+export function useBridgeAdaptivity() {
+  var _React$useState = React.useState(initialState),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      bridgeAdaptivity = _React$useState2[0],
+      setBridgeAdaptivity = _React$useState2[1];
+
+  useIsomorphicLayoutEffect(function () {
+    function bridgeListener(e) {
+      var newBridgeAdaptivity = resolveAdaptivity(e);
+
+      if (newBridgeAdaptivity) {
+        setBridgeAdaptivity(newBridgeAdaptivity);
+      }
+    }
+
+    vkBridge.subscribe(bridgeListener);
+    return function () {
+      vkBridge.unsubscribe(bridgeListener);
+    };
+  }, []);
+  return bridgeAdaptivity;
+}
+//# sourceMappingURL=useBridgeAdaptivity.js.map

package/dist/hooks/useBridgeAdaptivity.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useBridgeAdaptivity.ts"],"names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","subscribe","useBridgeAdaptivity","useState","setBridgeAdaptivity","bridgeListener","newBridgeAdaptivity","unsubscribe"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAqB,sBAArB;AACA,SAASC,yBAAT;AAiBA,IAAIC,YAA8B,GAAG;AACnCC,EAAAA,IAAI,EAAE,EAD6B;AAEnCC,EAAAA,aAAa,EAAE,CAFoB;AAGnCC,EAAAA,cAAc,EAAE;AAHmB,CAArC;;AAMA,SAASC,iBAAT,CAA2BC,CAA3B,EAAoE;AAClE,kBAAuBA,CAAC,CAACC,MAAzB;AAAA,MAAQL,IAAR,aAAQA,IAAR;AAAA,MAAcM,IAAd,aAAcA,IAAd;;AAEA,MAAIN,IAAI,KAAK,sBAAT,IAAmC,CAACM,IAAxC,EAA8C;AAC5C,WAAO,IAAP;AACD;;AAED,MACEC,UADF,GAIID,IAJJ,CACEC,UADF;AAAA,MAEkBN,aAFlB,GAIIK,IAJJ,CAEEE,cAFF;AAAA,MAGmBN,cAHnB,GAIII,IAJJ,CAGEG,eAHF;AAMA,MAAMC,gBAAkC,GAAG;AACzCV,IAAAA,IAAI,EAAE,EADmC;AAEzCC,IAAAA,aAAa,EAAEU,QAAQ,CAACV,aAAD,CAAR,GAA0B,CAACA,aAA3B,GAA2C,CAFjB;AAGzCC,IAAAA,cAAc,EAAES,QAAQ,CAACT,cAAD,CAAR,GAA2B,CAACA,cAA5B,GAA6C;AAHpB,GAA3C;;AAMA,UAAQK,UAAR;AACE,SAAK,cAAL;AACA,SAAK,sBAAL;AACA,SAAK,UAAL;AACEG,MAAAA,gBAAgB,CAACV,IAAjB,GAAwBO,UAAxB;AAJJ;;AAOA,SAAOG,gBAAP;AACD;;AAEDb,QAAQ,CAACe,SAAT,CAAmB,UAACR,CAAD,EAAoB;AACrC,MAAMM,gBAAgB,GAAGP,iBAAiB,CAACC,CAAD,CAA1C;;AAEA,MAAIM,gBAAJ,EAAsB;AACpBX,IAAAA,YAAY,GAAGW,gBAAf;AACD;AACF,CAND;AAQA,OAAO,SAASG,mBAAT,GAAiD;AACtD,wBACEjB,KAAK,CAACkB,QAAN,CAAiCf,YAAjC,CADF;AAAA;AAAA,MAAOW,gBAAP;AAAA,MAAyBK,mBAAzB;;AAGAjB,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,aAASkB,cAAT,CAAwBZ,CAAxB,EAAwC;AACtC,UAAMa,mBAAmB,GAAGd,iBAAiB,CAACC,CAAD,CAA7C;;AAEA,UAAIa,mBAAJ,EAAyB;AACvBF,QAAAA,mBAAmB,CAACE,mBAAD,CAAnB;AACD;AACF;;AAEDpB,IAAAA,QAAQ,CAACe,SAAT,CAAmBI,cAAnB;AACA,WAAO,YAAM;AACXnB,MAAAA,QAAQ,CAACqB,WAAT,CAAqBF,cAArB;AACD,KAFD;AAGD,GAbwB,EAatB,EAbsB,CAAzB;AAeA,SAAON,gBAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport vkBridge from \"@vkontakte/vk-bridge\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\nexport interface BridgeAdaptivity {\n  type: \"\" | \"force_mobile\" | \"force_mobile_compact\" | \"adaptive\";\n  viewportWidth: number;\n  viewportHeight: number;\n}\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nlet initialState: BridgeAdaptivity = {\n  type: \"\",\n  viewportWidth: 0,\n  viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(e: BridgeEvent): BridgeAdaptivity | null {\n  const { type, data } = e.detail;\n\n  if (type !== \"VKWebAppUpdateConfig\" || !data) {\n    return null;\n  }\n\n  const {\n    adaptivity,\n    viewport_width: viewportWidth,\n    viewport_height: viewportHeight,\n  } = data;\n\n  const bridgeAdaptivity: BridgeAdaptivity = {\n    type: \"\",\n    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,\n    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0,\n  };\n\n  switch (adaptivity) {\n    case \"force_mobile\":\n    case \"force_mobile_compact\":\n    case \"adaptive\":\n      bridgeAdaptivity.type = adaptivity;\n  }\n\n  return bridgeAdaptivity;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const bridgeAdaptivity = resolveAdaptivity(e);\n\n  if (bridgeAdaptivity) {\n    initialState = bridgeAdaptivity;\n  }\n});\n\nexport function useBridgeAdaptivity(): BridgeAdaptivity {\n  const [bridgeAdaptivity, setBridgeAdaptivity] =\n    React.useState<BridgeAdaptivity>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function bridgeListener(e: BridgeEvent) {\n      const newBridgeAdaptivity = resolveAdaptivity(e);\n\n      if (newBridgeAdaptivity) {\n        setBridgeAdaptivity(newBridgeAdaptivity);\n      }\n    }\n\n    vkBridge.subscribe(bridgeListener);\n    return () => {\n      vkBridge.unsubscribe(bridgeListener);\n    };\n  }, []);\n\n  return bridgeAdaptivity;\n}\n"],"file":"useBridgeAdaptivity.js"}

package/dist/hooks/useCalendar.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+export interface UseCalendarDependencies {
+    value?: Array<Date | null> | Date;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+    shouldDisableDate?(value: Date): boolean;
+}
+export declare function useCalendar({ value, disablePast, disableFuture, shouldDisableDate, }: UseCalendarDependencies): {
+    viewDate: Date;
+    setViewDate: React.Dispatch<React.SetStateAction<Date>>;
+    setPrevMonth: () => void;
+    setNextMonth: () => void;
+    focusedDay: Date | undefined;
+    setFocusedDay: React.Dispatch<React.SetStateAction<Date | undefined>>;
+    isDayFocused: (day: Date) => boolean;
+    isDayDisabled: (day: Date) => boolean;
+    resetSelectedDay: () => void;
+};

package/dist/hooks/useCalendar.js

@@ -0,0 +1,64 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import * as React from "react";
+import { subMonths, addMonths, isSameDay, isBefore, endOfDay, isAfter, startOfDay } from "../lib/date";
+export function useCalendar(_ref) {
+  var _ref2;
+
+  var value = _ref.value,
+      disablePast = _ref.disablePast,
+      disableFuture = _ref.disableFuture,
+      shouldDisableDate = _ref.shouldDisableDate;
+
+  var _React$useState = React.useState((_ref2 = Array.isArray(value) ? value[0] : value) !== null && _ref2 !== void 0 ? _ref2 : new Date()),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      viewDate = _React$useState2[0],
+      setViewDate = _React$useState2[1];
+
+  var _React$useState3 = React.useState(),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      focusedDay = _React$useState4[0],
+      setFocusedDay = _React$useState4[1];
+
+  var setPrevMonth = React.useCallback(function () {
+    return setViewDate(subMonths(viewDate, 1));
+  }, [viewDate]);
+  var setNextMonth = React.useCallback(function () {
+    return setViewDate(addMonths(viewDate, 1));
+  }, [viewDate]);
+  var isDayFocused = React.useCallback(function (day) {
+    return Boolean(focusedDay && isSameDay(day, focusedDay));
+  }, [focusedDay]);
+  var isDayDisabled = React.useCallback(function (day) {
+    var now = new Date();
+    var disabled = false;
+
+    if (disablePast) {
+      disabled = isBefore(endOfDay(day), now);
+    }
+
+    if (disableFuture) {
+      disabled = isAfter(startOfDay(day), now);
+    }
+
+    if (shouldDisableDate) {
+      disabled = shouldDisableDate(day);
+    }
+
+    return disabled;
+  }, [disableFuture, disablePast, shouldDisableDate]);
+  var resetSelectedDay = React.useCallback(function () {
+    setFocusedDay(undefined);
+  }, [setFocusedDay]);
+  return {
+    viewDate: viewDate,
+    setViewDate: setViewDate,
+    setPrevMonth: setPrevMonth,
+    setNextMonth: setNextMonth,
+    focusedDay: focusedDay,
+    setFocusedDay: setFocusedDay,
+    isDayFocused: isDayFocused,
+    isDayDisabled: isDayDisabled,
+    resetSelectedDay: resetSelectedDay
+  };
+}
+//# sourceMappingURL=useCalendar.js.map

package/dist/hooks/useCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useCalendar.ts"],"names":["React","subMonths","addMonths","isSameDay","isBefore","endOfDay","isAfter","startOfDay","useCalendar","value","disablePast","disableFuture","shouldDisableDate","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,SADF,EAEEC,SAFF,EAGEC,SAHF,EAIEC,QAJF,EAKEC,QALF,EAMEC,OANF,EAOEC,UAPF;AAiBA,OAAO,SAASC,WAAT,OAKqB;AAAA;;AAAA,MAJ1BC,KAI0B,QAJ1BA,KAI0B;AAAA,MAH1BC,WAG0B,QAH1BA,WAG0B;AAAA,MAF1BC,aAE0B,QAF1BA,aAE0B;AAAA,MAD1BC,iBAC0B,QAD1BA,iBAC0B;;AAC1B,wBAAgCZ,KAAK,CAACa,QAAN,UAC7BC,KAAK,CAACC,OAAN,CAAcN,KAAd,IAAuBA,KAAK,CAAC,CAAD,CAA5B,GAAkCA,KADL,yCACe,IAAIO,IAAJ,EADf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AAGA,yBAAoClB,KAAK,CAACa,QAAN,EAApC;AAAA;AAAA,MAAOM,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,MAAMC,YAAY,GAAGrB,KAAK,CAACsB,WAAN,CACnB;AAAA,WAAMJ,WAAW,CAACjB,SAAS,CAACgB,QAAD,EAAW,CAAX,CAAV,CAAjB;AAAA,GADmB,EAEnB,CAACA,QAAD,CAFmB,CAArB;AAIA,MAAMM,YAAY,GAAGvB,KAAK,CAACsB,WAAN,CACnB;AAAA,WAAMJ,WAAW,CAAChB,SAAS,CAACe,QAAD,EAAW,CAAX,CAAV,CAAjB;AAAA,GADmB,EAEnB,CAACA,QAAD,CAFmB,CAArB;AAKA,MAAMO,YAAY,GAAGxB,KAAK,CAACsB,WAAN,CACnB,UAACG,GAAD;AAAA,WAAeC,OAAO,CAACP,UAAU,IAAIhB,SAAS,CAACsB,GAAD,EAAMN,UAAN,CAAxB,CAAtB;AAAA,GADmB,EAEnB,CAACA,UAAD,CAFmB,CAArB;AAKA,MAAMQ,aAAa,GAAG3B,KAAK,CAACsB,WAAN,CACpB,UAACG,GAAD,EAAe;AACb,QAAMG,GAAG,GAAG,IAAIZ,IAAJ,EAAZ;AACA,QAAIa,QAAQ,GAAG,KAAf;;AACA,QAAInB,WAAJ,EAAiB;AACfmB,MAAAA,QAAQ,GAAGzB,QAAQ,CAACC,QAAQ,CAACoB,GAAD,CAAT,EAAgBG,GAAhB,CAAnB;AACD;;AACD,QAAIjB,aAAJ,EAAmB;AACjBkB,MAAAA,QAAQ,GAAGvB,OAAO,CAACC,UAAU,CAACkB,GAAD,CAAX,EAAkBG,GAAlB,CAAlB;AACD;;AACD,QAAIhB,iBAAJ,EAAuB;AACrBiB,MAAAA,QAAQ,GAAGjB,iBAAiB,CAACa,GAAD,CAA5B;AACD;;AAED,WAAOI,QAAP;AACD,GAfmB,EAgBpB,CAAClB,aAAD,EAAgBD,WAAhB,EAA6BE,iBAA7B,CAhBoB,CAAtB;AAmBA,MAAMkB,gBAAgB,GAAG9B,KAAK,CAACsB,WAAN,CAAkB,YAAM;AAC/CF,IAAAA,aAAa,CAACW,SAAD,CAAb;AACD,GAFwB,EAEtB,CAACX,aAAD,CAFsB,CAAzB;AAIA,SAAO;AACLH,IAAAA,QAAQ,EAARA,QADK;AAELC,IAAAA,WAAW,EAAXA,WAFK;AAGLG,IAAAA,YAAY,EAAZA,YAHK;AAILE,IAAAA,YAAY,EAAZA,YAJK;AAKLJ,IAAAA,UAAU,EAAVA,UALK;AAMLC,IAAAA,aAAa,EAAbA,aANK;AAOLI,IAAAA,YAAY,EAAZA,YAPK;AAQLG,IAAAA,aAAa,EAAbA,aARK;AASLG,IAAAA,gBAAgB,EAAhBA;AATK,GAAP;AAWD","sourcesContent":["import * as React from \"react\";\nimport {\n  subMonths,\n  addMonths,\n  isSameDay,\n  isBefore,\n  endOfDay,\n  isAfter,\n  startOfDay,\n} from \"../lib/date\";\n\nexport interface UseCalendarDependencies {\n  value?: Array<Date | null> | Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  shouldDisableDate?(value: Date): boolean;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date()\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(\n    () => setViewDate(subMonths(viewDate, 1)),\n    [viewDate]\n  );\n  const setNextMonth = React.useCallback(\n    () => setViewDate(addMonths(viewDate, 1)),\n    [viewDate]\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay]\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date) => {\n      const now = new Date();\n      let disabled = false;\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n      if (disableFuture) {\n        disabled = isAfter(startOfDay(day), now);\n      }\n      if (shouldDisableDate) {\n        disabled = shouldDisableDate(day);\n      }\n\n      return disabled;\n    },\n    [disableFuture, disablePast, shouldDisableDate]\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"file":"useCalendar.js"}

package/dist/hooks/useDateInput.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+export interface UseDateInputDependencies<T, D> {
+    maxElement: number;
+    refs: Array<React.RefObject<T>>;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    value?: D;
+    elementsConfig(index: number): {
+        length: number;
+        min: number;
+        max: number;
+    };
+    onInternalValueChange(value: string[]): void;
+    getInternalValue(value?: D | undefined): string[];
+    onChange?(value?: D | undefined): void;
+}
+export declare function useDateInput<T extends HTMLElement, D>({ maxElement, refs, autoFocus, disabled, elementsConfig, onChange, onInternalValueChange, getInternalValue, value, }: UseDateInputDependencies<T, D>): {
+    rootRef: React.RefObject<HTMLDivElement>;
+    calendarRef: React.RefObject<HTMLDivElement>;
+    open: boolean;
+    openCalendar: () => void;
+    closeCalendar: () => void;
+    internalValue: string[];
+    focusedElement: number | null;
+    setFocusedElement: React.Dispatch<React.SetStateAction<number | null>>;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLSpanElement>) => void;
+    clear: () => void;
+    handleFieldEnter: () => void;
+    removeFocusFromField: () => void;
+};

package/dist/hooks/useDateInput.js

@@ -0,0 +1,163 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import * as React from "react";
+import { useBooleanState } from "./useBooleanState";
+import { useGlobalEventListener } from "./useGlobalEventListener";
+import { useDOM } from "../lib/dom";
+export function useDateInput(_ref) {
+  var maxElement = _ref.maxElement,
+      refs = _ref.refs,
+      autoFocus = _ref.autoFocus,
+      disabled = _ref.disabled,
+      elementsConfig = _ref.elementsConfig,
+      onChange = _ref.onChange,
+      onInternalValueChange = _ref.onInternalValueChange,
+      getInternalValue = _ref.getInternalValue,
+      value = _ref.value;
+
+  var _useDOM = useDOM(),
+      document = _useDOM.document;
+
+  var _useBooleanState = useBooleanState(false),
+      open = _useBooleanState.value,
+      openCalendar = _useBooleanState.setTrue,
+      closeCalendar = _useBooleanState.setFalse;
+
+  var rootRef = React.useRef(null);
+  var calendarRef = React.useRef(null);
+
+  var _React$useState = React.useState([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      internalValue = _React$useState2[0],
+      setInternalValue = _React$useState2[1];
+
+  var _React$useState3 = React.useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      focusedElement = _React$useState4[0],
+      setFocusedElement = _React$useState4[1];
+
+  var _useDOM2 = useDOM(),
+      window = _useDOM2.window;
+
+  var removeFocusFromField = React.useCallback(function () {
+    if (open) {
+      var _getSelection;
+
+      setFocusedElement(null);
+      closeCalendar();
+      (_getSelection = window.getSelection()) === null || _getSelection === void 0 ? void 0 : _getSelection.removeAllRanges();
+      setInternalValue(getInternalValue(value));
+    }
+  }, [closeCalendar, getInternalValue, open, value, window]);
+  var handleClickOutside = React.useCallback(function (e) {
+    var _rootRef$current, _calendarRef$current;
+
+    if (!((_rootRef$current = rootRef.current) !== null && _rootRef$current !== void 0 && _rootRef$current.contains(e.target)) && !((_calendarRef$current = calendarRef.current) !== null && _calendarRef$current !== void 0 && _calendarRef$current.contains(e.target))) {
+      removeFocusFromField();
+    }
+  }, [removeFocusFromField]);
+  var selectFirst = React.useCallback(function () {
+    setFocusedElement(0);
+  }, []);
+  useGlobalEventListener(document, "click", handleClickOutside, {
+    capture: true
+  });
+  React.useEffect(function () {
+    setInternalValue(getInternalValue(value));
+  }, [getInternalValue, value]);
+  React.useEffect(function () {
+    if (autoFocus) {
+      selectFirst();
+    }
+  }, [autoFocus, selectFirst]);
+  React.useEffect(function () {
+    if (disabled || focusedElement === null) {
+      return;
+    }
+
+    var range = window.document.createRange();
+    var element = refs[focusedElement].current;
+
+    if (element) {
+      element.focus();
+      openCalendar();
+      range.selectNodeContents(element);
+      var selection = window.getSelection();
+      selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
+      selection === null || selection === void 0 ? void 0 : selection.addRange(range);
+    }
+  }, [disabled, focusedElement, openCalendar, refs, window]);
+  var clear = React.useCallback(function () {
+    onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+    selectFirst();
+  }, [onChange, selectFirst]);
+  var handleFieldEnter = React.useCallback(function () {
+    if (!open) {
+      selectFirst();
+    }
+  }, [open, selectFirst]);
+  var handleKeyDown = React.useCallback(function (e) {
+    if (focusedElement === null) {
+      return;
+    }
+
+    var _value = _toConsumableArray(internalValue);
+
+    var config = elementsConfig(focusedElement);
+
+    if (/^\d+$/.test(e.key)) {
+      if (_value[focusedElement].length >= config.length) {
+        _value[focusedElement] = e.key;
+      } else {
+        _value[focusedElement] += e.key;
+
+        if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {
+          setFocusedElement(focusedElement + 1);
+        }
+      }
+    } else if (e.key === "Backspace") {
+      if (!_value[focusedElement]) {
+        setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);
+      } else {
+        _value[focusedElement] = _value[focusedElement].slice(0, -1);
+      }
+    } else if (e.key === "ArrowDown" || e.key === "Down") {
+      var currentValue = Number(_value[focusedElement]);
+      _value[focusedElement] = String(currentValue <= config.min ? config.max : currentValue - 1).padStart(config.length, "0");
+    } else if (e.key === "ArrowUp" || e.key === "Up") {
+      var _currentValue = Number(_value[focusedElement]);
+
+      _value[focusedElement] = String(_currentValue >= config.max ? config.min : _currentValue + 1).padStart(config.length, "0");
+    } else if (e.key === "Enter" || e.key === "Tab" && focusedElement === maxElement || e.key === "Tab" && e.shiftKey && focusedElement === 0) {
+      removeFocusFromField();
+      return;
+    } else if (e.key === "ArrowLeft" || e.key === "Left" || e.key === "Tab" && e.shiftKey) {
+      setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);
+    } else if (e.key === "ArrowRight" || e.key === "Right" || e.key === "Tab") {
+      setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);
+    } else if (e.key === "Delete" || e.key === "Del") {
+      _value[focusedElement] = "";
+    } else {
+      return;
+    }
+
+    e.preventDefault();
+    setInternalValue(_value);
+    onInternalValueChange(_value);
+  }, [elementsConfig, focusedElement, internalValue, maxElement, onInternalValueChange, removeFocusFromField]);
+  return {
+    rootRef: rootRef,
+    calendarRef: calendarRef,
+    open: open,
+    openCalendar: openCalendar,
+    closeCalendar: closeCalendar,
+    internalValue: internalValue,
+    focusedElement: focusedElement,
+    setFocusedElement: setFocusedElement,
+    handleKeyDown: handleKeyDown,
+    clear: clear,
+    handleFieldEnter: handleFieldEnter,
+    removeFocusFromField: removeFocusFromField
+  };
+}
+//# sourceMappingURL=useDateInput.js.map