@vkontakte/vkui 4.30.0 → 4.33.0

package/dist/cjs/tokenized/index.js

@@ -3,6 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function get() {
+    return _Avatar.Avatar;
+  }
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function get() {
+    return _Badge.Badge;
+  }
+});
+Object.defineProperty(exports, "Banner", {
+  enumerable: true,
+  get: function get() {
+    return _Banner.Banner;
+  }
+});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function get() {
@@ -45,6 +63,24 @@ Object.defineProperty(exports, "CardScroll", {
     return _CardScroll.CardScroll;
   }
 });
+Object.defineProperty(exports, "CellButton", {
+  enumerable: true,
+  get: function get() {
+    return _CellButton.CellButton;
+  }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function get() {
+    return _Checkbox.Checkbox;
+  }
+});
+Object.defineProperty(exports, "Chip", {
+  enumerable: true,
+  get: function get() {
+    return _Chip.Chip;
+  }
+});
 Object.defineProperty(exports, "ChipsInput", {
   enumerable: true,
   get: function get() {
@@ -57,6 +93,18 @@ Object.defineProperty(exports, "ChipsSelect", {
     return _ChipsSelect.ChipsSelect;
   }
 });
+Object.defineProperty(exports, "ContentCard", {
+  enumerable: true,
+  get: function get() {
+    return _ContentCard.ContentCard;
+  }
+});
+Object.defineProperty(exports, "Counter", {
+  enumerable: true,
+  get: function get() {
+    return _Counter.Counter;
+  }
+});
 Object.defineProperty(exports, "CustomSelect", {
   enumerable: true,
   get: function get() {
@@ -75,18 +123,114 @@ Object.defineProperty(exports, "CustomSelectOption", {
     return _CustomSelectOption.CustomSelectOption;
   }
 });
+Object.defineProperty(exports, "DateInput", {
+  enumerable: true,
+  get: function get() {
+    return _DateInput.DateInput;
+  }
+});
+Object.defineProperty(exports, "DateRangeInput", {
+  enumerable: true,
+  get: function get() {
+    return _DateRangeInput.DateRangeInput;
+  }
+});
+Object.defineProperty(exports, "Div", {
+  enumerable: true,
+  get: function get() {
+    return _Div.Div;
+  }
+});
+Object.defineProperty(exports, "File", {
+  enumerable: true,
+  get: function get() {
+    return _File.File;
+  }
+});
+Object.defineProperty(exports, "FixedLayout", {
+  enumerable: true,
+  get: function get() {
+    return _FixedLayout.FixedLayout;
+  }
+});
+Object.defineProperty(exports, "FocusVisible", {
+  enumerable: true,
+  get: function get() {
+    return _FocusVisible.FocusVisible;
+  }
+});
+Object.defineProperty(exports, "Footer", {
+  enumerable: true,
+  get: function get() {
+    return _Footer.Footer;
+  }
+});
+Object.defineProperty(exports, "Footnote", {
+  enumerable: true,
+  get: function get() {
+    return _Footnote.Footnote;
+  }
+});
 Object.defineProperty(exports, "FormField", {
   enumerable: true,
   get: function get() {
     return _FormField.FormField;
   }
 });
+Object.defineProperty(exports, "FormItem", {
+  enumerable: true,
+  get: function get() {
+    return _FormItem.FormItem;
+  }
+});
+Object.defineProperty(exports, "FormLayoutGroup", {
+  enumerable: true,
+  get: function get() {
+    return _FormLayoutGroup.FormLayoutGroup;
+  }
+});
+Object.defineProperty(exports, "Gallery", {
+  enumerable: true,
+  get: function get() {
+    return _Gallery.Gallery;
+  }
+});
+Object.defineProperty(exports, "GridAvatar", {
+  enumerable: true,
+  get: function get() {
+    return _GridAvatar.GridAvatar;
+  }
+});
+Object.defineProperty(exports, "Headline", {
+  enumerable: true,
+  get: function get() {
+    return _Headline.Headline;
+  }
+});
 Object.defineProperty(exports, "HorizontalScroll", {
   enumerable: true,
   get: function get() {
     return _HorizontalScroll.HorizontalScroll;
   }
 });
+Object.defineProperty(exports, "IconButton", {
+  enumerable: true,
+  get: function get() {
+    return _IconButton.IconButton;
+  }
+});
+Object.defineProperty(exports, "InfoRow", {
+  enumerable: true,
+  get: function get() {
+    return _InfoRow.InfoRow;
+  }
+});
+Object.defineProperty(exports, "InitialsAvatar", {
+  enumerable: true,
+  get: function get() {
+    return _InitialsAvatar.InitialsAvatar;
+  }
+});
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function get() {
@@ -99,12 +243,60 @@ Object.defineProperty(exports, "Pagination", {
     return _Pagination.Pagination;
   }
 });
+Object.defineProperty(exports, "PanelSpinner", {
+  enumerable: true,
+  get: function get() {
+    return _PanelSpinner.PanelSpinner;
+  }
+});
 Object.defineProperty(exports, "Paragraph", {
   enumerable: true,
   get: function get() {
     return _Paragraph.Paragraph;
   }
 });
+Object.defineProperty(exports, "PopoutWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _PopoutWrapper.PopoutWrapper;
+  }
+});
+Object.defineProperty(exports, "Progress", {
+  enumerable: true,
+  get: function get() {
+    return _Progress.Progress;
+  }
+});
+Object.defineProperty(exports, "PullToRefresh", {
+  enumerable: true,
+  get: function get() {
+    return _PullToRefresh.PullToRefresh;
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _Radio.Radio;
+  }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function get() {
+    return _RadioGroup.RadioGroup;
+  }
+});
+Object.defineProperty(exports, "RangeSlider", {
+  enumerable: true,
+  get: function get() {
+    return _RangeSlider.RangeSlider;
+  }
+});
+Object.defineProperty(exports, "Root", {
+  enumerable: true,
+  get: function get() {
+    return _Root.Root;
+  }
+});
 Object.defineProperty(exports, "SegmentedControl", {
   enumerable: true,
   get: function get() {
@@ -117,18 +309,84 @@ Object.defineProperty(exports, "Select", {
     return _Select.Select;
   }
 });
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function get() {
+    return _Slider.Slider;
+  }
+});
+Object.defineProperty(exports, "Spacing", {
+  enumerable: true,
+  get: function get() {
+    return _Spacing.Spacing;
+  }
+});
+Object.defineProperty(exports, "Spinner", {
+  enumerable: true,
+  get: function get() {
+    return _Spinner.Spinner;
+  }
+});
+Object.defineProperty(exports, "SplitCol", {
+  enumerable: true,
+  get: function get() {
+    return _SplitCol.SplitCol;
+  }
+});
 Object.defineProperty(exports, "Subhead", {
   enumerable: true,
   get: function get() {
     return _Subhead.Subhead;
   }
 });
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function get() {
+    return _Switch.Switch;
+  }
+});
+Object.defineProperty(exports, "Tappable", {
+  enumerable: true,
+  get: function get() {
+    return _Tappable.Tappable;
+  }
+});
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function get() {
+    return _Text.Text;
+  }
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function get() {
+    return _Textarea.Textarea;
+  }
+});
 Object.defineProperty(exports, "Title", {
   enumerable: true,
   get: function get() {
     return _Title.Title;
   }
 });
+Object.defineProperty(exports, "UsersStack", {
+  enumerable: true,
+  get: function get() {
+    return _UsersStack.UsersStack;
+  }
+});
+Object.defineProperty(exports, "View", {
+  enumerable: true,
+  get: function get() {
+    return _View.View;
+  }
+});
+
+var _Avatar = require("../components/Avatar/Avatar");
+
+var _FormItem = require("../components/FormItem/FormItem");
+
+var _FormLayoutGroup = require("../components/FormLayoutGroup/FormLayoutGroup");
 
 var _Button = require("../components/Button/Button");
 
@@ -136,16 +394,38 @@ var _Card = require("../components/Card/Card");
 
 var _CardScroll = require("../components/CardScroll/CardScroll");
 
+var _GridAvatar = require("../components/GridAvatar/GridAvatar");
+
 var _HorizontalScroll = require("../components/HorizontalScroll/HorizontalScroll");
 
+var _IconButton = require("../components/IconButton/IconButton");
+
+var _InitialsAvatar = require("../components/InitialsAvatar/InitialsAvatar");
+
+var _InfoRow = require("../components/InfoRow/InfoRow");
+
 var _ButtonGroup = require("../components/ButtonGroup/ButtonGroup");
 
+var _Switch = require("../components/Switch/Switch");
+
+var _Footnote = require("../components/Typography/Footnote/Footnote");
+
+var _Radio = require("../components/Radio/Radio");
+
+var _RadioGroup = require("../components/RadioGroup/RadioGroup");
+
 var _SegmentedControl = require("../components/SegmentedControl/SegmentedControl");
 
+var _Tappable = require("../components/Tappable/Tappable");
+
+var _Textarea = require("../components/Textarea/Textarea");
+
 var _Title = require("../components/Typography/Title/Title");
 
 var _Subhead = require("../components/Typography/Subhead/Subhead");
 
+var _CellButton = require("../components/CellButton/CellButton");
+
 var _Pagination = require("../components/Pagination/Pagination");
 
 var _Calendar = require("../components/Calendar/Calendar");
@@ -154,21 +434,77 @@ var _CalendarRange = require("../components/CalendarRange/CalendarRange");
 
 var _Caption = require("../components/Typography/Caption/Caption");
 
+var _PanelSpinner = require("../components/PanelSpinner/PanelSpinner");
+
 var _Paragraph = require("../components/Typography/Paragraph/Paragraph");
 
+var _UsersStack = require("../components/UsersStack/UsersStack");
+
+var _Text = require("../components/Typography/Text/Text");
+
+var _PullToRefresh = require("../components/PullToRefresh/PullToRefresh");
+
+var _Slider = require("../components/Slider/Slider");
+
+var _RangeSlider = require("../components/RangeSlider/RangeSlider");
+
 var _Input = require("../components/Input/Input");
 
+var _File = require("../components/File/File");
+
+var _FocusVisible = require("../components/FocusVisible/FocusVisible");
+
 var _FormField = require("../components/FormField/FormField");
 
 var _Select = require("../components/Select/Select");
 
+var _View = require("../components/View/View");
+
+var _Spinner = require("../components/Spinner/Spinner");
+
+var _ContentCard = require("../components/ContentCard/ContentCard");
+
 var _CustomSelect = require("../components/CustomSelect/CustomSelect");
 
 var _CustomSelectDropdown = require("../components/CustomSelectDropdown/CustomSelectDropdown");
 
 var _CustomSelectOption = require("../components/CustomSelectOption/CustomSelectOption");
 
+var _Chip = require("../components/Chip/Chip");
+
+var _Checkbox = require("../components/Checkbox/Checkbox");
+
 var _ChipsInput = require("../components/ChipsInput/ChipsInput");
 
 var _ChipsSelect = require("../components/ChipsSelect/ChipsSelect");
+
+var _Spacing = require("../components/Spacing/Spacing");
+
+var _SplitCol = require("../components/SplitCol/SplitCol");
+
+var _Root = require("../components/Root/Root");
+
+var _Headline = require("../components/Typography/Headline/Headline");
+
+var _Div = require("../components/Div/Div");
+
+var _Banner = require("../components/Banner/Banner");
+
+var _FixedLayout = require("../components/FixedLayout/FixedLayout");
+
+var _Counter = require("../components/Counter/Counter");
+
+var _Progress = require("../components/Progress/Progress");
+
+var _Gallery = require("../components/Gallery/Gallery");
+
+var _DateInput = require("../components/DateInput/DateInput");
+
+var _PopoutWrapper = require("../components/PopoutWrapper/PopoutWrapper");
+
+var _Badge = require("../components/Badge/Badge");
+
+var _DateRangeInput = require("../components/DateRangeInput/DateRangeInput");
+
+var _Footer = require("../components/Footer/Footer");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/tokenized/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAOA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA","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"}
+{"version":3,"sources":["../../../src/tokenized/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAOA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA","sourcesContent":["export { Avatar } from \"../components/Avatar/Avatar\";\nexport type { AvatarProps } from \"../components/Avatar/Avatar\";\n\nexport { FormItem } from \"../components/FormItem/FormItem\";\nexport type { FormItemProps } from \"../components/FormItem/FormItem\";\n\nexport { FormLayoutGroup } from \"../components/FormLayoutGroup/FormLayoutGroup\";\nexport type { FormLayoutGroupProps } from \"../components/FormLayoutGroup/FormLayoutGroup\";\n\nexport { 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 { GridAvatar } from \"../components/GridAvatar/GridAvatar\";\nexport type { GridAvatarProps } from \"../components/GridAvatar/GridAvatar\";\n\nexport { HorizontalScroll } from \"../components/HorizontalScroll/HorizontalScroll\";\nexport type { HorizontalScrollProps } from \"../components/HorizontalScroll/HorizontalScroll\";\n\nexport { IconButton } from \"../components/IconButton/IconButton\";\nexport type { IconButtonProps } from \"../components/IconButton/IconButton\";\n\nexport { InitialsAvatar } from \"../components/InitialsAvatar/InitialsAvatar\";\nexport type { InitialsAvatarProps } from \"../components/InitialsAvatar/InitialsAvatar\";\n\nexport { InfoRow } from \"../components/InfoRow/InfoRow\";\nexport type { InfoRowProps } from \"../components/InfoRow/InfoRow\";\n\nexport { ButtonGroup } from \"../components/ButtonGroup/ButtonGroup\";\nexport type { ButtonGroupProps } from \"../components/ButtonGroup/ButtonGroup\";\n\nexport { Switch } from \"../components/Switch/Switch\";\nexport type { SwitchProps } from \"../components/Switch/Switch\";\n\nexport { Footnote } from \"../components/Typography/Footnote/Footnote\";\nexport type { FootnoteProps } from \"../components/Typography/Footnote/Footnote\";\n\nexport { Radio } from \"../components/Radio/Radio\";\nexport type { RadioProps } from \"../components/Radio/Radio\";\n\nexport { RadioGroup } from \"../components/RadioGroup/RadioGroup\";\nexport type { RadioGroupProps } from \"../components/RadioGroup/RadioGroup\";\n\nexport { SegmentedControl } from \"../components/SegmentedControl/SegmentedControl\";\nexport type {\n  SegmentedControlProps,\n  SegmentedControlOptionInterface,\n  SegmentedControlValue,\n} from \"../components/SegmentedControl/SegmentedControl\";\n\nexport { Tappable } from \"../components/Tappable/Tappable\";\nexport type { TappableProps } from \"../components/Tappable/Tappable\";\n\nexport { Textarea } from \"../components/Textarea/Textarea\";\nexport type { TextareaProps } from \"../components/Textarea/Textarea\";\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 { CellButton } from \"../components/CellButton/CellButton\";\nexport type { CellButtonProps } from \"../components/CellButton/CellButton\";\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 { PanelSpinner } from \"../components/PanelSpinner/PanelSpinner\";\nexport type { PanelSpinnerProps } from \"../components/PanelSpinner/PanelSpinner\";\n\nexport { Paragraph } from \"../components/Typography/Paragraph/Paragraph\";\nexport type { ParagraphProps } from \"../components/Typography/Paragraph/Paragraph\";\n\nexport { UsersStack } from \"../components/UsersStack/UsersStack\";\nexport type { UsersStackProps } from \"../components/UsersStack/UsersStack\";\n\nexport { Text } from \"../components/Typography/Text/Text\";\nexport type { TextProps } from \"../components/Typography/Text/Text\";\n\nexport { PullToRefresh } from \"../components/PullToRefresh/PullToRefresh\";\nexport type { PullToRefreshProps } from \"../components/PullToRefresh/PullToRefresh\";\n\nexport { Slider } from \"../components/Slider/Slider\";\nexport type { SliderProps } from \"../components/Slider/Slider\";\n\nexport { RangeSlider } from \"../components/RangeSlider/RangeSlider\";\nexport type { RangeSliderProps } from \"../components/RangeSlider/RangeSlider\";\n\nexport { Input } from \"../components/Input/Input\";\nexport type { InputProps } from \"../components/Input/Input\";\n\nexport { File } from \"../components/File/File\";\nexport type { FileProps } from \"../components/File/File\";\n\nexport { FocusVisible } from \"../components/FocusVisible/FocusVisible\";\nexport type { FocusVisibleProps } from \"../components/FocusVisible/FocusVisible\";\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 { View } from \"../components/View/View\";\nexport type { ViewProps } from \"../components/View/View\";\n\nexport { Spinner } from \"../components/Spinner/Spinner\";\nexport type { SpinnerProps } from \"../components/Spinner/Spinner\";\n\nexport { ContentCard } from \"../components/ContentCard/ContentCard\";\nexport type { ContentCardProps } from \"../components/ContentCard/ContentCard\";\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 { Chip } from \"../components/Chip/Chip\";\nexport type { ChipProps } from \"../components/Chip/Chip\";\n\nexport { Checkbox } from \"../components/Checkbox/Checkbox\";\nexport type { CheckboxProps } from \"../components/Checkbox/Checkbox\";\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\nexport { Spacing } from \"../components/Spacing/Spacing\";\nexport type { SpacingProps } from \"../components/Spacing/Spacing\";\n\nexport { SplitCol } from \"../components/SplitCol/SplitCol\";\nexport type { SplitColProps } from \"../components/SplitCol/SplitCol\";\n\nexport { Root } from \"../components/Root/Root\";\nexport type { RootProps } from \"../components/Root/Root\";\n\nexport { Headline } from \"../components/Typography/Headline/Headline\";\nexport type { HeadlineProps } from \"../components/Typography/Headline/Headline\";\n\nexport { Div } from \"../components/Div/Div\";\nexport type { DivProps } from \"../components/Div/Div\";\n\nexport { Banner } from \"../components/Banner/Banner\";\nexport type { BannerProps } from \"../components/Banner/Banner\";\n\nexport { FixedLayout } from \"../components/FixedLayout/FixedLayout\";\nexport type { FixedLayoutProps } from \"../components/FixedLayout/FixedLayout\";\n\nexport { Counter } from \"../components/Counter/Counter\";\nexport type { CounterProps } from \"../components/Counter/Counter\";\n\nexport { Progress } from \"../components/Progress/Progress\";\nexport type { ProgressProps } from \"../components/Progress/Progress\";\n\nexport { Gallery } from \"../components/Gallery/Gallery\";\nexport type { GalleryProps } from \"../components/Gallery/Gallery\";\n\nexport { DateInput } from \"../components/DateInput/DateInput\";\nexport type { DateInputProps } from \"../components/DateInput/DateInput\";\n\nexport { PopoutWrapper } from \"../components/PopoutWrapper/PopoutWrapper\";\nexport type { PopoutWrapperProps } from \"../components/PopoutWrapper/PopoutWrapper\";\n\nexport { Badge } from \"../components/Badge/Badge\";\nexport type { BadgeProps } from \"../components/Badge/Badge\";\n\nexport { DateRangeInput } from \"../components/DateRangeInput/DateRangeInput\";\nexport type { DateRangeInputProps } from \"../components/DateRangeInput/DateRangeInput\";\n\nexport { Footer } from \"../components/Footer/Footer\";\nexport type { FooterProps } from \"../components/Footer/Footer\";\n"],"file":"index.js"}

package/dist/components/ActionSheet/ActionSheet.d.ts

@@ -23,4 +23,7 @@ export interface ActionSheetProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     iosCloseItem?: React.ReactNode;
 }
+/**
+ * @see https://vkcom.github.io/VKUI/#/ActionSheet
+ */
 export declare const ActionSheet: React.FC<ActionSheetProps>;

package/dist/components/ActionSheet/ActionSheet.js

@@ -5,7 +5,6 @@ var _excluded = ["children", "className", "header", "text", "style", "iosCloseIt
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { PopoutWrapper } from "../PopoutWrapper/PopoutWrapper";
-import { ViewWidth, ViewHeight } from "../../hoc/withAdaptivity";
 import { IOS } from "../../lib/platform";
 import { ActionSheetDropdownDesktop } from "./ActionSheetDropdownDesktop";
 import { ActionSheetDropdown } from "./ActionSheetDropdown";
@@ -14,11 +13,15 @@ import { ActionSheetContext } from "./ActionSheetContext";
 import { Caption } from "../Typography/Caption/Caption";
 import { usePlatform } from "../../hooks/usePlatform";
 import { useTimeout } from "../../hooks/useTimeout";
-import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { useAdaptivityIsDesktop } from "../../hooks/useAdaptivity";
 import { useObjectMemo } from "../../hooks/useObjectMemo";
 import { warnOnce } from "../../lib/warnOnce";
 import { useScrollLock } from "../AppRoot/ScrollContext";
 var warn = warnOnce("ActionSheet");
+/**
+ * @see https://vkcom.github.io/VKUI/#/ActionSheet
+ */
+
 export var ActionSheet = function ActionSheet(_ref) {
   var children = _ref.children,
       className = _ref.className,
@@ -55,12 +58,7 @@ export var ActionSheet = function ActionSheet(_ref) {
     warn("\u0411\u0435\u0437 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430 \"onClose\" \u043D\u0435\u043B\u044C\u0437\u044F \u0437\u0430\u043A\u0440\u044B\u0442\u044C ActionSheet \u043F\u043E \u043A\u043B\u0438\u043A\u0443 \u0432\u043D\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430", "error");
   }
 
-  var _useAdaptivity = useAdaptivity(),
-      viewWidth = _useAdaptivity.viewWidth,
-      viewHeight = _useAdaptivity.viewHeight,
-      hasMouse = _useAdaptivity.hasMouse;
-
-  var isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);
+  var isDesktop = useAdaptivityIsDesktop();
   useScrollLock(!isDesktop);
   var timeout = platform === IOS ? 300 : 200;
 

package/dist/components/ActionSheet/ActionSheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"names":["React","PopoutWrapper","ViewWidth","ViewHeight","IOS","ActionSheetDropdownDesktop","ActionSheetDropdown","hasReactNode","noop","ActionSheetContext","Caption","usePlatform","useTimeout","useAdaptivity","useObjectMemo","warnOnce","useScrollLock","warn","ActionSheet","children","className","header","text","style","iosCloseItem","restProps","platform","useState","closing","setClosing","onClose","_action","useRef","afterClose","current","process","env","NODE_ENV","viewWidth","viewHeight","hasMouse","isDesktop","SMALL_TABLET","MEDIUM","timeout","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoclose","event","persist","contextValue","DropdownComponent","actionSheet","undefined","defaultProps","popupDirection"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AACA,SAASC,SAAT,EAAoBC,UAApB;AACA,SAASC,GAAT;AACA,SAASC,0BAAT;AACA,SAASC,mBAAT;AACA,SAASC,YAAT,EAAuBC,IAAvB;AACA,SAASC,kBAAT;AACA,SAASC,OAAT;AACA,SAASC,WAAT;AACA,SAASC,UAAT;AACA,SAASC,aAAT;AACA,SAASC,aAAT;AACA,SAASC,QAAT;AAEA,SAASC,aAAT;AA0BA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,aAAD,CAArB;AAEA,OAAO,IAAMG,WAAuC,GAAG,SAA1CA,WAA0C,OAQjD;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADDC,SACC;;AACJ,MAAMC,QAAQ,GAAGf,WAAW,EAA5B;;AACA,wBAA8BX,KAAK,CAAC2B,QAAN,CAAe,KAAf,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA,WAAMD,UAAU,CAAC,IAAD,CAAhB;AAAA,GAAhB;;AACA,MAAME,OAAO,GAAG/B,KAAK,CAACgC,MAAN,CAAaxB,IAAb,CAAhB;;AAEA,MAAMyB,UAAU,GAAG,SAAbA,UAAa,GAAM;AAAA;;AACvB,0BAAAR,SAAS,CAACK,OAAV,+EAAAL,SAAS;;AACTM,IAAAA,OAAO,CAACG,OAAR;;AACAH,IAAAA,OAAO,CAACG,OAAR,GAAkB1B,IAAlB;AACD,GAJD;;AAMA,MAAI2B,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0C,CAACZ,SAAS,CAACK,OAAzD,EAAkE;AAChEb,IAAAA,IAAI,4SAEF,OAFE,CAAJ;AAID;;AAED,uBAA4CJ,aAAa,EAAzD;AAAA,MAAQyB,SAAR,kBAAQA,SAAR;AAAA,MAAmBC,UAAnB,kBAAmBA,UAAnB;AAAA,MAA+BC,QAA/B,kBAA+BA,QAA/B;;AACA,MAAMC,SAAS,GACbH,SAAS,IAAIpC,SAAS,CAACwC,YAAvB,KACCF,QAAQ,IAAID,UAAU,IAAIpC,UAAU,CAACwC,MADtC,CADF;AAIA3B,EAAAA,aAAa,CAAC,CAACyB,SAAF,CAAb;AAEA,MAAIG,OAAO,GAAGlB,QAAQ,KAAKtB,GAAb,GAAmB,GAAnB,GAAyB,GAAvC;;AAEA,MAAIqC,SAAJ,EAAe;AACbG,IAAAA,OAAO,GAAG,CAAV;AACD;;AAED,MAAMC,wBAAwB,GAAGjC,UAAU,CAACqB,UAAD,EAAaW,OAAb,CAA3C;AACA5C,EAAAA,KAAK,CAAC8C,SAAN,CAAgB,YAAM;AACpB,QAAIlB,OAAJ,EAAa;AACXiB,MAAAA,wBAAwB,CAACE,GAAzB;AACD,KAFD,MAEO;AACLF,MAAAA,wBAAwB,CAACG,KAAzB;AACD;AACF,GAND,EAMG,CAACpB,OAAD,EAAUiB,wBAAV,CANH;AAQA,MAAMI,WAAW,GAAGjD,KAAK,CAACkD,WAAN,CAClB,UAACC,MAAD,EAASC,eAAT,EAA0BC,SAA1B;AAAA,WAAwC,UAACC,KAAD,EAAW;AACjDA,MAAAA,KAAK,CAACC,OAAN;AACAH,MAAAA,eAAe,IAAIA,eAAe,CAACE,KAAD,CAAlC;;AACA,UAAID,SAAJ,EAAe;AACbtB,QAAAA,OAAO,CAACG,OAAR,GAAkB;AAAA,iBAAMiB,MAAM,IAAIA,MAAM,CAACG,KAAD,CAAtB;AAAA,SAAlB;;AACAzB,QAAAA,UAAU,CAAC,IAAD,CAAV;AACD,OAHD,MAGO;AACLsB,QAAAA,MAAM,IAAIA,MAAM,CAACG,KAAD,CAAhB;AACD;AACF,KATD;AAAA,GADkB,EAWlB,EAXkB,CAApB;AAaA,MAAME,YAAY,GAAG1C,aAAa,CAAC;AAAEmC,IAAAA,WAAW,EAAXA,WAAF;AAAeR,IAAAA,SAAS,EAATA;AAAf,GAAD,CAAlC;AAEA,MAAMgB,iBAAiB,GAAGhB,SAAS,GAC/BpC,0BAD+B,GAE/BC,mBAFJ;AAIA,MAAMoD,WAAW,GACf,oBAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAEF;AAApC,KACE,oBAAC,iBAAD;AACE,IAAA,OAAO,EAAE5B,OADX;AAEE,IAAA,OAAO,EAAEgB;AAFX,KAGOnB,SAHP;AAIE,IAAA,OAAO,EAAEK,OAJX;AAKE,IAAA,SAAS,EAAEW,SAAS,GAAGrB,SAAH,GAAeuC,SALrC;AAME,IAAA,KAAK,EAAElB,SAAS,GAAGlB,KAAH,GAAWoC;AAN7B,MAQG,CAACpD,YAAY,CAACc,MAAD,CAAZ,IAAwBd,YAAY,CAACe,IAAD,CAArC,KACC;AAAQ,IAAA,SAAS,EAAC;AAAlB,KACGf,YAAY,CAACc,MAAD,CAAZ,IACC,oBAAC,OAAD;AACE,IAAA,MAAM,EAAEK,QAAQ,KAAKtB,GAAb,GAAmB,GAAnB,GAAyB,GADnC;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIGiB,MAJH,CAFJ,EASGd,YAAY,CAACe,IAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAwCA,IAAxC,CAVJ,CATJ,EAuBGH,QAvBH,EAwBGO,QAAQ,KAAKtB,GAAb,IAAoB,CAACqC,SAArB,IAAkCjB,YAxBrC,CADF,CADF;;AA+BA,MAAIiB,SAAJ,EAAe;AACb,WAAOiB,WAAP;AACD;;AAED,SACE,oBAAC,aAAD;AACE,IAAA,OAAO,EAAE9B,OADX;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAER,SAHb;AAIE,IAAA,KAAK,EAAEG,KAJT;AAKE,IAAA,OAAO,EAAEO,OALX;AAME,IAAA,OAAO,MANT;AAOE,IAAA,KAAK;AAPP,KASG4B,WATH,CADF;AAaD,CApHM;AAsHPxC,WAAW,CAAC0C,YAAZ,GAA2B;AACzBC,EAAAA,cAAc,EAAE;AADS,CAA3B","sourcesContent":["import * as React from \"react\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { ViewWidth, ViewHeight } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { ActionSheetDropdownDesktop } from \"./ActionSheetDropdownDesktop\";\nimport { ActionSheetDropdown } from \"./ActionSheetDropdown\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { ActionSheetContext, ItemClickHandler } from \"./ActionSheetContext\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { SharedDropdownProps, PopupDirection, ToggleRef } from \"./types\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport \"./ActionSheet.css\";\n\nexport interface ActionSheetProps extends React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи. В v5 будет обязательным.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Элемент, рядом с которым вылезает попап на десктопе.\n   * Лучше передавать RefObject c current.\n   * В v5 будет обязательным.\n   */\n  toggleRef?: ToggleRef;\n  /**\n   * Направление на десктопе\n   */\n  popupDirection?: PopupDirection;\n  /**\n   * Только iOS. В v5 будет обязательным.\n   */\n  iosCloseItem?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"ActionSheet\");\n\nexport const ActionSheet: React.FC<ActionSheetProps> = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  ...restProps\n}) => {\n  const platform = usePlatform();\n  const [closing, setClosing] = React.useState(false);\n  const onClose = () => setClosing(true);\n  const _action = React.useRef(noop);\n\n  const afterClose = () => {\n    restProps.onClose?.();\n    _action.current();\n    _action.current = noop;\n  };\n\n  if (process.env.NODE_ENV === \"development\" && !restProps.onClose) {\n    warn(\n      `Без свойства \"onClose\" нельзя закрыть ActionSheet по клику вне компонента`,\n      \"error\"\n    );\n  }\n\n  const { viewWidth, viewHeight, hasMouse } = useAdaptivity();\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  useScrollLock(!isDesktop);\n\n  let timeout = platform === IOS ? 300 : 200;\n\n  if (isDesktop) {\n    timeout = 0;\n  }\n\n  const fallbackTransitionFinish = useTimeout(afterClose, timeout);\n  React.useEffect(() => {\n    if (closing) {\n      fallbackTransitionFinish.set();\n    } else {\n      fallbackTransitionFinish.clear();\n    }\n  }, [closing, fallbackTransitionFinish]);\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    (action, immediateAction, autoclose) => (event) => {\n      event.persist();\n      immediateAction && immediateAction(event);\n      if (autoclose) {\n        _action.current = () => action && action(event);\n        setClosing(true);\n      } else {\n        action && action(event);\n      }\n    },\n    []\n  );\n  const contextValue = useObjectMemo({ onItemClick, isDesktop });\n\n  const DropdownComponent = isDesktop\n    ? ActionSheetDropdownDesktop\n    : ActionSheetDropdown;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={closing}\n        timeout={timeout}\n        {...(restProps as Omit<SharedDropdownProps, \"closing\">)}\n        onClose={onClose}\n        className={isDesktop ? className : undefined}\n        style={isDesktop ? style : undefined}\n      >\n        {(hasReactNode(header) || hasReactNode(text)) && (\n          <header vkuiClass=\"ActionSheet__header\">\n            {hasReactNode(header) && (\n              <Caption\n                weight={platform === IOS ? \"1\" : \"2\"}\n                vkuiClass=\"ActionSheet__title\"\n              >\n                {header}\n              </Caption>\n            )}\n            {hasReactNode(text) && (\n              <Caption vkuiClass=\"ActionSheet__text\">{text}</Caption>\n            )}\n          </header>\n        )}\n        {children}\n        {platform === IOS && !isDesktop && iosCloseItem}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (isDesktop) {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={closing}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onClose}\n      hasMask\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n\nActionSheet.defaultProps = {\n  popupDirection: \"bottom\",\n};\n"],"file":"ActionSheet.js"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"names":["React","PopoutWrapper","IOS","ActionSheetDropdownDesktop","ActionSheetDropdown","hasReactNode","noop","ActionSheetContext","Caption","usePlatform","useTimeout","useAdaptivityIsDesktop","useObjectMemo","warnOnce","useScrollLock","warn","ActionSheet","children","className","header","text","style","iosCloseItem","restProps","platform","useState","closing","setClosing","onClose","_action","useRef","afterClose","current","process","env","NODE_ENV","isDesktop","timeout","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoclose","event","persist","contextValue","DropdownComponent","actionSheet","undefined","defaultProps","popupDirection"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AACA,SAASC,GAAT;AACA,SAASC,0BAAT;AACA,SAASC,mBAAT;AACA,SAASC,YAAT,EAAuBC,IAAvB;AACA,SAASC,kBAAT;AACA,SAASC,OAAT;AACA,SAASC,WAAT;AACA,SAASC,UAAT;AACA,SAASC,sBAAT;AACA,SAASC,aAAT;AACA,SAASC,QAAT;AAEA,SAASC,aAAT;AA0BA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,aAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMG,WAAuC,GAAG,SAA1CA,WAA0C,OAQjD;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADDC,SACC;;AACJ,MAAMC,QAAQ,GAAGf,WAAW,EAA5B;;AACA,wBAA8BT,KAAK,CAACyB,QAAN,CAAe,KAAf,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA,WAAMD,UAAU,CAAC,IAAD,CAAhB;AAAA,GAAhB;;AACA,MAAME,OAAO,GAAG7B,KAAK,CAAC8B,MAAN,CAAaxB,IAAb,CAAhB;;AAEA,MAAMyB,UAAU,GAAG,SAAbA,UAAa,GAAM;AAAA;;AACvB,0BAAAR,SAAS,CAACK,OAAV,+EAAAL,SAAS;;AACTM,IAAAA,OAAO,CAACG,OAAR;;AACAH,IAAAA,OAAO,CAACG,OAAR,GAAkB1B,IAAlB;AACD,GAJD;;AAMA,MAAI2B,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0C,CAACZ,SAAS,CAACK,OAAzD,EAAkE;AAChEb,IAAAA,IAAI,4SAEF,OAFE,CAAJ;AAID;;AAED,MAAMqB,SAAS,GAAGzB,sBAAsB,EAAxC;AAEAG,EAAAA,aAAa,CAAC,CAACsB,SAAF,CAAb;AAEA,MAAIC,OAAO,GAAGb,QAAQ,KAAKtB,GAAb,GAAmB,GAAnB,GAAyB,GAAvC;;AAEA,MAAIkC,SAAJ,EAAe;AACbC,IAAAA,OAAO,GAAG,CAAV;AACD;;AAED,MAAMC,wBAAwB,GAAG5B,UAAU,CAACqB,UAAD,EAAaM,OAAb,CAA3C;AACArC,EAAAA,KAAK,CAACuC,SAAN,CAAgB,YAAM;AACpB,QAAIb,OAAJ,EAAa;AACXY,MAAAA,wBAAwB,CAACE,GAAzB;AACD,KAFD,MAEO;AACLF,MAAAA,wBAAwB,CAACG,KAAzB;AACD;AACF,GAND,EAMG,CAACf,OAAD,EAAUY,wBAAV,CANH;AAQA,MAAMI,WAAW,GAAG1C,KAAK,CAAC2C,WAAN,CAClB,UAACC,MAAD,EAASC,eAAT,EAA0BC,SAA1B;AAAA,WAAwC,UAACC,KAAD,EAAW;AACjDA,MAAAA,KAAK,CAACC,OAAN;AACAH,MAAAA,eAAe,IAAIA,eAAe,CAACE,KAAD,CAAlC;;AACA,UAAID,SAAJ,EAAe;AACbjB,QAAAA,OAAO,CAACG,OAAR,GAAkB;AAAA,iBAAMY,MAAM,IAAIA,MAAM,CAACG,KAAD,CAAtB;AAAA,SAAlB;;AACApB,QAAAA,UAAU,CAAC,IAAD,CAAV;AACD,OAHD,MAGO;AACLiB,QAAAA,MAAM,IAAIA,MAAM,CAACG,KAAD,CAAhB;AACD;AACF,KATD;AAAA,GADkB,EAWlB,EAXkB,CAApB;AAaA,MAAME,YAAY,GAAGrC,aAAa,CAAC;AAAE8B,IAAAA,WAAW,EAAXA,WAAF;AAAeN,IAAAA,SAAS,EAATA;AAAf,GAAD,CAAlC;AAEA,MAAMc,iBAAiB,GAAGd,SAAS,GAC/BjC,0BAD+B,GAE/BC,mBAFJ;AAIA,MAAM+C,WAAW,GACf,oBAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAEF;AAApC,KACE,oBAAC,iBAAD;AACE,IAAA,OAAO,EAAEvB,OADX;AAEE,IAAA,OAAO,EAAEW;AAFX,KAGOd,SAHP;AAIE,IAAA,OAAO,EAAEK,OAJX;AAKE,IAAA,SAAS,EAAEQ,SAAS,GAAGlB,SAAH,GAAekC,SALrC;AAME,IAAA,KAAK,EAAEhB,SAAS,GAAGf,KAAH,GAAW+B;AAN7B,MAQG,CAAC/C,YAAY,CAACc,MAAD,CAAZ,IAAwBd,YAAY,CAACe,IAAD,CAArC,KACC;AAAQ,IAAA,SAAS,EAAC;AAAlB,KACGf,YAAY,CAACc,MAAD,CAAZ,IACC,oBAAC,OAAD;AACE,IAAA,MAAM,EAAEK,QAAQ,KAAKtB,GAAb,GAAmB,GAAnB,GAAyB,GADnC;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIGiB,MAJH,CAFJ,EASGd,YAAY,CAACe,IAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAwCA,IAAxC,CAVJ,CATJ,EAuBGH,QAvBH,EAwBGO,QAAQ,KAAKtB,GAAb,IAAoB,CAACkC,SAArB,IAAkCd,YAxBrC,CADF,CADF;;AA+BA,MAAIc,SAAJ,EAAe;AACb,WAAOe,WAAP;AACD;;AAED,SACE,oBAAC,aAAD;AACE,IAAA,OAAO,EAAEzB,OADX;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAER,SAHb;AAIE,IAAA,KAAK,EAAEG,KAJT;AAKE,IAAA,OAAO,EAAEO,OALX;AAME,IAAA,OAAO,MANT;AAOE,IAAA,KAAK;AAPP,KASGuB,WATH,CADF;AAaD,CAjHM;AAmHPnC,WAAW,CAACqC,YAAZ,GAA2B;AACzBC,EAAAA,cAAc,EAAE;AADS,CAA3B","sourcesContent":["import * as React from \"react\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { IOS } from \"../../lib/platform\";\nimport { ActionSheetDropdownDesktop } from \"./ActionSheetDropdownDesktop\";\nimport { ActionSheetDropdown } from \"./ActionSheetDropdown\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { ActionSheetContext, ItemClickHandler } from \"./ActionSheetContext\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { SharedDropdownProps, PopupDirection, ToggleRef } from \"./types\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport \"./ActionSheet.css\";\n\nexport interface ActionSheetProps extends React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи. В v5 будет обязательным.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Элемент, рядом с которым вылезает попап на десктопе.\n   * Лучше передавать RefObject c current.\n   * В v5 будет обязательным.\n   */\n  toggleRef?: ToggleRef;\n  /**\n   * Направление на десктопе\n   */\n  popupDirection?: PopupDirection;\n  /**\n   * Только iOS. В v5 будет обязательным.\n   */\n  iosCloseItem?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"ActionSheet\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet: React.FC<ActionSheetProps> = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  ...restProps\n}) => {\n  const platform = usePlatform();\n  const [closing, setClosing] = React.useState(false);\n  const onClose = () => setClosing(true);\n  const _action = React.useRef(noop);\n\n  const afterClose = () => {\n    restProps.onClose?.();\n    _action.current();\n    _action.current = noop;\n  };\n\n  if (process.env.NODE_ENV === \"development\" && !restProps.onClose) {\n    warn(\n      `Без свойства \"onClose\" нельзя закрыть ActionSheet по клику вне компонента`,\n      \"error\"\n    );\n  }\n\n  const isDesktop = useAdaptivityIsDesktop();\n\n  useScrollLock(!isDesktop);\n\n  let timeout = platform === IOS ? 300 : 200;\n\n  if (isDesktop) {\n    timeout = 0;\n  }\n\n  const fallbackTransitionFinish = useTimeout(afterClose, timeout);\n  React.useEffect(() => {\n    if (closing) {\n      fallbackTransitionFinish.set();\n    } else {\n      fallbackTransitionFinish.clear();\n    }\n  }, [closing, fallbackTransitionFinish]);\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    (action, immediateAction, autoclose) => (event) => {\n      event.persist();\n      immediateAction && immediateAction(event);\n      if (autoclose) {\n        _action.current = () => action && action(event);\n        setClosing(true);\n      } else {\n        action && action(event);\n      }\n    },\n    []\n  );\n  const contextValue = useObjectMemo({ onItemClick, isDesktop });\n\n  const DropdownComponent = isDesktop\n    ? ActionSheetDropdownDesktop\n    : ActionSheetDropdown;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={closing}\n        timeout={timeout}\n        {...(restProps as Omit<SharedDropdownProps, \"closing\">)}\n        onClose={onClose}\n        className={isDesktop ? className : undefined}\n        style={isDesktop ? style : undefined}\n      >\n        {(hasReactNode(header) || hasReactNode(text)) && (\n          <header vkuiClass=\"ActionSheet__header\">\n            {hasReactNode(header) && (\n              <Caption\n                weight={platform === IOS ? \"1\" : \"2\"}\n                vkuiClass=\"ActionSheet__title\"\n              >\n                {header}\n              </Caption>\n            )}\n            {hasReactNode(text) && (\n              <Caption vkuiClass=\"ActionSheet__text\">{text}</Caption>\n            )}\n          </header>\n        )}\n        {children}\n        {platform === IOS && !isDesktop && iosCloseItem}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (isDesktop) {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={closing}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onClose}\n      hasMask\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n\nActionSheet.defaultProps = {\n  popupDirection: \"bottom\",\n};\n"],"file":"ActionSheet.js"}

package/dist/components/ActionSheetItem/ActionSheetItem.d.ts

@@ -17,4 +17,7 @@ export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>,
     onClick?: React.MouseEventHandler<HTMLElement>;
     onImmediateClick?: React.MouseEventHandler<HTMLElement>;
 }
+/**
+ * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
+ */
 export declare const ActionSheetItem: React.FC<Pick<ActionSheetItemProps, "disabled" | "media" | "hidden" | "dir" | "meta" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "target" | "type" | "role" | "tabIndex" | "href" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "referrerPolicy" | "rel" | "value" | "download" | "ping" | "checked" | "before" | "autoclose" | "subtitle" | "selectable" | "onImmediateClick"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/components/ActionSheetItem/ActionSheetItem.js

@@ -5,17 +5,17 @@ import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { getClassName } from "../../helpers/getClassName";
-import Tappable from "../Tappable/Tappable";
+import { Tappable } from "../Tappable/Tappable";
 import { usePlatform } from "../../hooks/usePlatform";
 import { hasReactNode, noop } from "../../lib/utils";
 import { Subhead } from "../Typography/Subhead/Subhead";
 import { Title } from "../Typography/Title/Title";
-import Text from "../Typography/Text/Text";
+import { Text } from "../Typography/Text/Text";
 import { ANDROID, VKCOM } from "../../lib/platform";
 import { Icon16Done, Icon24Done } from "@vkontakte/icons";
 import { ActionSheetContext } from "../ActionSheet/ActionSheetContext";
 import { Caption } from "../Typography/Caption/Caption";
-import Headline from "../Typography/Headline/Headline";
+import { Headline } from "../Typography/Headline/Headline";
 import { withAdaptivity, SizeType } from "../../hoc/withAdaptivity";
 
 var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
@@ -70,19 +70,18 @@ var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
   }, createScopedElement("div", {
     vkuiClass: "ActionSheetItem__content"
   }, sizeY === SizeType.COMPACT ? createScopedElement(React.Fragment, null, createScopedElement(Text, {
-    weight: mode === "cancel" ? "medium" : "regular",
+    weight: mode === "cancel" ? "2" : undefined,
     vkuiClass: "ActionSheetItem__children"
   }, children), hasReactNode(meta) && createScopedElement(Text, {
-    weight: "regular",
     vkuiClass: "ActionSheetItem__meta"
   }, meta)) : createScopedElement(React.Fragment, null, platform === ANDROID ? createScopedElement(Headline, {
-    weight: mode === "cancel" ? "medium" : "regular"
+    weight: mode === "cancel" ? "2" : "3"
   }, children) : createScopedElement(Title, {
     weight: mode === "cancel" ? "2" : "3",
     level: isCompact || hasReactNode(before) ? "3" : "2",
     vkuiClass: "ActionSheetItem__children"
   }, children), hasReactNode(meta) && (platform === ANDROID ? createScopedElement(Headline, {
-    weight: mode === "cancel" ? "medium" : "regular"
+    weight: mode === "cancel" ? "2" : "3"
   }, children) : createScopedElement(Title, {
     weight: "3",
     level: isCompact || hasReactNode(before) ? "3" : "2",
@@ -107,6 +106,10 @@ var ActionSheetItemComponent = function ActionSheetItemComponent(_ref) {
     vkuiClass: "ActionSheetItem__marker"
   }, platform === VKCOM ? createScopedElement(Icon24Done, null) : createScopedElement(Icon16Done, null))));
 };
+/**
+ * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
+ */
+
 
 export var ActionSheetItem = withAdaptivity(ActionSheetItemComponent, {
   sizeY: true