npm - @vkontakte/vkui - Versions diffs - 5.1.2 → 5.2.1 - Mend

@vkontakte/vkui 5.1.2 → 5.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1245) hide show

package/dist/cssm/styles/themes.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkui--vkBase--light,:root{--vkui--theme_name:"vkBase"}.vkui--vkBase--dark,.vkui--vkBase--light,:root{--vkui--theme_name_base:"vkBase";--vkui--size_switch_height--regular:14px;--vkui--size_switch_height--compact:12px;--vkui--size_switch_width--regular:34px;--vkui--size_switch_width--compact:32px;--vkui--size_switch_pin--regular:20px;--vkui--size_switch_pin--compact:18px;--vkui--size_panel_header_height--regular:56px}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--gradient_black:transparent 0%,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4) 100%;--vkui--gradient_white:hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff 100%;--vkui--elevation1:0px 0px 2px rgba(0,0,0,.03),0px 2px 2px rgba(0,0,0,.06);--vkui--elevation1_invert_y:0px 0px 2px rgba(0,0,0,.03),0px -2px 2px rgba(0,0,0,.06);--vkui--elevation2:0px 4px 8px rgba(0,0,0,.04),0px 0px 4px rgba(0,0,0,.06);--vkui--elevation3:0px 0px 2px rgba(0,0,0,.08),0px 4px 16px rgba(0,0,0,.08);--vkui--elevation4:0px 0px 8px rgba(0,0,0,.12),0px 16px 16px rgba(0,0,0,.16);--vkui--font_family_accent:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_family_base:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_weight_accent1:600;--vkui--font_weight_accent2:500;--vkui--font_weight_accent3:400;--vkui--font_weight_base1:600;--vkui--font_weight_base2:500;--vkui--font_weight_base3:400;--vkui--font_title1--font_size--regular:24px;--vkui--font_title1--line_height--regular:28px;--vkui--font_title1--letter_spacing--regular:-0.48px;--vkui--font_title1--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title1--font_weight--regular:600;--vkui--font_title2--font_size--regular:20px;--vkui--font_title2--line_height--regular:24px;--vkui--font_title2--letter_spacing--regular:-0.4px;--vkui--font_title2--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title2--font_weight--regular:600;--vkui--font_title3--font_size--regular:17px;--vkui--font_title3--line_height--regular:22px;--vkui--font_title3--letter_spacing--regular:-0.22px;--vkui--font_title3--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title3--font_weight--regular:600;--vkui--font_headline1--font_size--regular:16px;--vkui--font_headline1--line_height--regular:20px;--vkui--font_headline1--letter_spacing--regular:-0.16px;--vkui--font_headline1--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline1--font_weight--regular:500;--vkui--font_headline1--font_size--compact:15px;--vkui--font_headline1--line_height--compact:20px;--vkui--font_headline1--letter_spacing--compact:-0.1px;--vkui--font_headline2--font_size--regular:15px;--vkui--font_headline2--line_height--regular:20px;--vkui--font_headline2--letter_spacing--regular:-0.1px;--vkui--font_headline2--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline2--font_weight--regular:500;--vkui--font_headline2--font_size--compact:14px;--vkui--font_headline2--line_height--compact:20px;--vkui--font_headline2--letter_spacing--compact:-0.06px;--vkui--font_text--font_size--regular:16px;--vkui--font_text--line_height--regular:20px;--vkui--font_text--letter_spacing--regular:-0.16px;--vkui--font_text--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_text--font_weight--regular:400;--vkui--font_text--font_size--compact:15px;--vkui--font_text--line_height--compact:20px;--vkui--font_text--letter_spacing--compact:-0.1px;--vkui--font_paragraph--font_size--regular:15px;--vkui--font_paragraph--line_height--regular:20px;--vkui--font_paragraph--letter_spacing--regular:-0.1px;--vkui--font_paragraph--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_paragraph--font_weight--regular:400;--vkui--font_subhead--font_size--regular:14px;--vkui--font_subhead--line_height--regular:18px;--vkui--font_subhead--letter_spacing--regular:-0.06px;--vkui--font_subhead--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_subhead--font_weight--regular:400;--vkui--font_subhead--font_size--compact:13px;--vkui--font_subhead--line_height--compact:16px;--vkui--font_subhead--letter_spacing--compact:0px;--vkui--font_footnote--font_size--regular:13px;--vkui--font_footnote--line_height--regular:16px;--vkui--font_footnote--letter_spacing--regular:0px;--vkui--font_footnote--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_footnote--font_weight--regular:400;--vkui--font_footnote_caps--font_size--regular:13px;--vkui--font_footnote_caps--line_height--regular:16px;--vkui--font_footnote_caps--letter_spacing--regular:0.3px;--vkui--font_footnote_caps--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_footnote_caps--font_weight--regular:400;--vkui--font_footnote_caps--text_transform--regular:uppercase;--vkui--font_caption1--font_size--regular:12px;--vkui--font_caption1--line_height--regular:14px;--vkui--font_caption1--letter_spacing--regular:0.06px;--vkui--font_caption1--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption1--font_weight--regular:400;--vkui--font_caption1_caps--font_size--regular:12px;--vkui--font_caption1_caps--line_height--regular:14px;--vkui--font_caption1_caps--letter_spacing--regular:0.2px;--vkui--font_caption1_caps--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption1_caps--font_weight--regular:600;--vkui--font_caption1_caps--text_transform--regular:uppercase;--vkui--font_caption2--font_size--regular:11px;--vkui--font_caption2--line_height--regular:14px;--vkui--font_caption2--letter_spacing--regular:0.11px;--vkui--font_caption2--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption2--font_weight--regular:400;--vkui--font_caption2_caps--font_size--regular:11px;--vkui--font_caption2_caps--line_height--regular:14px;--vkui--font_caption2_caps--letter_spacing--regular:0.3px;--vkui--font_caption2_caps--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption2_caps--font_weight--regular:600;--vkui--font_caption2_caps--text_transform--regular:uppercase;--vkui--font_caption3--font_size--regular:9px;--vkui--font_caption3--line_height--regular:12px;--vkui--font_caption3--letter_spacing--regular:0.18px;--vkui--font_caption3--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption3--font_weight--regular:400;--vkui--font_caption3_caps--font_size--regular:9px;--vkui--font_caption3_caps--line_height--regular:12px;--vkui--font_caption3_caps--letter_spacing--regular:0.3px;--vkui--font_caption3_caps--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption3_caps--font_weight--regular:600;--vkui--font_caption3_caps--text_transform--regular:uppercase;--vkui--size_select_icon_padding--regular:6px;--vkui--size_select_icon_padding--compact:7px;--vkui--size_popup_base_padding--regular:32px;--vkui--size_popup_base_padding--compact:20px;--vkui--size_popup_header_padding--regular:24px;--vkui--size_popup_header_padding--compact:16px;--vkui--size_label_horizontal_margin--regular:16px;--vkui--size_check_border_radius--regular:4px;--vkui--size_border_radius_paper--regular:12px;--vkui--size_border_radius_promo--regular:20px;--vkui--size_field_height--regular:44px;--vkui--size_field_height--compact:36px;--vkui--size_search_height--regular:36px;--vkui--size_search_height--compact:32px;--vkui--size_button_large_height--regular:44px;--vkui--size_button_large_height--compact:36px;--vkui--size_button_medium_height--regular:36px;--vkui--size_button_medium_height--compact:32px;--vkui--size_button_small_height--regular:30px;--vkui--size_button_small_height--compact:28px;--vkui--size_checkbox--regular:16px;--vkui--size_arrow--regular:8px;--vkui--size_arrow_promo--regular:40px;--vkui--size_popup_small--regular:420px;--vkui--size_popup_medium--regular:680px;--vkui--size_popup_large--regular:880px;--vkui--size_field_horizontal_padding--regular:12px;--vkui--size_button_padding_horizontal--regular:12px;--vkui--size_arrow_padding--regular:12px;--vkui--size_tooltip_margin--regular:8px;--vkui--size_icon_u_i--regular:16px;--vkui--size_avatar_x_s--regular:24px;--vkui--size_avatar_s--regular:32px;--vkui--size_avatar_m--regular:48px;--vkui--size_avatar_l--regular:96px;--vkui--size_avatar_x_l--regular:128px;--vkui--size_badge_x_s--regular:12px;--vkui--size_badge_s--regular:16px;--vkui--size_badge_m--regular:24px;--vkui--size_badge_l--regular:44px;--vkui--size_badge_x_l--regular:56px;--vkui--size_cardgrid_padding--regular:8px;--vkui--size_cardgrid_padding_vertical--regular:8px;--vkui--size_base_padding_vertical--regular:12px;--vkui--size_button_group_gap_space--regular:1px;--vkui--size_button_group_gap_small--regular:8px;--vkui--size_button_group_gap_medium--regular:12px;--vkui--size_option_hierarchy--regular:32px;--vkui--size_button_base_small_padding_horizontal--regular:16px;--vkui--size_button_base_medium_padding_horizontal--regular:16px;--vkui--size_button_base_large_padding_horizontal--regular:20px;--vkui--size_button_base_small_padding_horizontal_icon--regular:12px;--vkui--size_button_base_medium_padding_horizontal_icon--regular:12px;--vkui--size_button_base_large_padding_horizontal_icon--regular:16px;--vkui--size_button_tertiary_small_padding_horizontal--regular:12px;--vkui--size_button_tertiary_medium_padding_horizontal--regular:12px;--vkui--size_button_tertiary_large_padding_horizontal--regular:16px;--vkui--size_button_tertiary_small_padding_horizontal_icon--regular:8px;--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular:8px;--vkui--size_button_tertiary_large_padding_horizontal_icon--regular:12px;--vkui--size_button_minimum_width--regular:80px;--vkui--size_form_item_padding_vertical--regular:12px;--vkui--size_split_col_padding_horizontal--regular:16px;--vkui--size_subnavigation_bar_gap--regular:8px;--vkui--size_subnavigation_bar_padding_vertical--regular:12px;--vkui--animation_duration_l:0.4s;--vkui--animation_duration_m:0.2s;--vkui--animation_duration_s:0.1s;--vkui--animation_easing_default:cubic-bezier(0.3,0.3,0.5,1);--vkui--opacity_disable:0.4;--vkui--opacity_disable_accessibility:0.64;--vkui--z_index_modal:99;--vkui--z_index_popout:100;--vkui--font_headline--font_size--regular:16px;--vkui--font_headline--line_height--regular:20px;--vkui--font_headline--letter_spacing--regular:-0.16px;--vkui--font_headline--font_family--regular:"VK Sans Text",-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline--font_weight--regular:500;--vkui--font_headline--font_size--compact:15px;--vkui--font_headline--line_height--compact:20px;--vkui--font_headline--letter_spacing--compact:-0.1px;--vkui--color_background_accent_tint:#5a9eff;--vkui--color_background_contrast:#fff;--vkui--color_background_contrast_secondary_alpha:hsla(0,0%,100%,.2);--vkui--color_background_contrast_secondary_alpha--hover:hsla(0,0%,100%,.24);--vkui--color_background_contrast_secondary_alpha--active:hsla(0,0%,100%,.28);--vkui--color_background_positive:#4bb34b;--vkui--color_background_positive_tint:#e8f9e8;--vkui--color_text_contrast:#fff;--vkui--color_text_positive:#4bb34b;--vkui--color_text_link_visited:#4986cc;--vkui--color_icon_contrast_secondary:#f2f3f5;--vkui--color_icon_positive:#4bb34b;--vkui--color_stroke_positive:#4bb34b;--vkui--color_stroke_contrast:#fff;--vkui--color_accent_red:#ff3347;--vkui--color_accent_orange:#ffa000;--vkui--color_accent_secondary:#3f8ae0;--vkui--color_overlay_primary:rgba(0,0,0,.4);--vkui--color_overlay_primary--hover:rgba(0,0,0,.44);--vkui--color_overlay_primary--active:rgba(0,0,0,.48);--vkui--color_avatar_overlay:rgba(0,0,0,.6);--vkui--color_avatar_overlay--hover:rgba(0,0,0,.64);--vkui--color_avatar_overlay--active:rgba(0,0,0,.68);--vkui--color_avatar_overlay_inverse_alpha:hsla(0,0%,100%,.85);--vkui--color_avatar_overlay_inverse_alpha--hover:hsla(0,0%,100%,.89);--vkui--color_avatar_overlay_inverse_alpha--active:hsla(0,0%,100%,.93);--vkui--color_transparent:transparent}.vkui--vkBase--light,.vkui--vkCom--light,.vkui--vkIOS--light,:root{--vkui--gradient_tint:hsla(0,0%,98%,0) 0%,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9 100%;--vkui--colors_scheme:light;--vkui--color_background_accent_tint--hover:#5698f7;--vkui--color_background_accent_tint--active:#5393ef;--vkui--color_background_content:#fff;--vkui--color_background_content--hover:#f5f5f7;--vkui--color_background_content--active:#ebecef;--vkui--color_background_secondary_alpha:rgba(0,0,0,.04);--vkui--color_background_secondary_alpha--hover:rgba(0,0,0,.08);--vkui--color_background_secondary_alpha--active:rgba(0,0,0,.12);--vkui--color_background_tertiary_alpha:rgba(0,0,0,.03);--vkui--color_background_tertiary_alpha--hover:rgba(0,0,0,.07);--vkui--color_background_tertiary_alpha--active:rgba(0,0,0,.11);--vkui--color_background_contrast--hover:#f5f5f7;--vkui--color_background_contrast--active:#ebecef;--vkui--color_background_modal:#fff;--vkui--color_background_modal--hover:#f5f5f7;--vkui--color_background_modal--active:#ebecef;--vkui--color_background_warning:#fff2d6;--vkui--color_background_warning--hover:#f5e9d0;--vkui--color_background_warning--active:#ebe0ca;--vkui--color_background_positive--hover:#48ac4a;--vkui--color_background_positive--active:#45a64a;--vkui--color_background_negative:#e64646;--vkui--color_background_negative--hover:#dd4446;--vkui--color_background_negative--active:#d44245;--vkui--color_background_negative_tint:#faebeb;--vkui--color_background_negative_tint--hover:#f0e2e4;--vkui--color_background_negative_tint--active:#e6d9dd;--vkui--color_background_positive_tint--hover:#dff0e1;--vkui--color_background_positive_tint--active:#d5e6da;--vkui--color_header_background:#fff;--vkui--color_header_background--hover:#f5f5f7;--vkui--color_header_background--active:#ebecef;--vkui--color_text_primary:#000;--vkui--color_text_primary--hover:#000102;--vkui--color_text_primary--active:#000105;--vkui--color_text_secondary:#818c99;--vkui--color_text_secondary--hover:#7c8795;--vkui--color_text_secondary--active:#778292;--vkui--color_text_tertiary:#99a2ad;--vkui--color_text_tertiary--hover:#939ca9;--vkui--color_text_tertiary--active:#8d96a4;--vkui--color_text_contrast--hover:#f5f5f7;--vkui--color_text_contrast--active:#ebecef;--vkui--color_text_contrast_themed:#fff;--vkui--color_text_contrast_themed--hover:#f5f5f7;--vkui--color_text_contrast_themed--active:#ebecef;--vkui--color_text_positive--hover:#48ac4a;--vkui--color_text_positive--active:#45a64a;--vkui--color_text_negative:#e64646;--vkui--color_text_negative--hover:#dd4446;--vkui--color_text_negative--active:#d44245;--vkui--color_text_link_visited--hover:#4681c6;--vkui--color_text_link_visited--active:#437dc1;--vkui--color_icon_primary:#2c2d2e;--vkui--color_icon_primary--hover:#2a2c2f;--vkui--color_icon_primary--active:#282b2f;--vkui--color_icon_medium_alpha:rgba(0,0,0,.48);--vkui--color_icon_medium_alpha--hover:rgba(0,0,0,.52);--vkui--color_icon_medium_alpha--active:rgba(0,0,0,.56);--vkui--color_icon_secondary:#99a2ad;--vkui--color_icon_secondary--hover:#939ca9;--vkui--color_icon_secondary--active:#8d96a4;--vkui--color_icon_secondary_alpha:rgba(0,0,0,.36);--vkui--color_icon_secondary_alpha--hover:rgba(0,0,0,.4);--vkui--color_icon_secondary_alpha--active:rgba(0,0,0,.44);--vkui--color_icon_tertiary_alpha:rgba(0,0,0,.24);--vkui--color_icon_tertiary_alpha--hover:rgba(0,0,0,.28);--vkui--color_icon_tertiary_alpha--active:rgba(0,0,0,.32);--vkui--color_icon_contrast--hover:#f5f5f7;--vkui--color_icon_contrast--active:#ebecef;--vkui--color_icon_contrast_themed:#fff;--vkui--color_icon_contrast_themed--hover:#f5f5f7;--vkui--color_icon_contrast_themed--active:#ebecef;--vkui--color_icon_contrast_secondary--hover:#e8eaee;--vkui--color_icon_contrast_secondary--active:#dfe1e6;--vkui--color_icon_positive--hover:#48ac4a;--vkui--color_icon_positive--active:#45a64a;--vkui--color_icon_negative:#e64646;--vkui--color_icon_negative--hover:#dd4446;--vkui--color_icon_negative--active:#d44245;--vkui--color_separator_primary:#d7d8d9;--vkui--color_separator_primary--hover:#ced0d3;--vkui--color_separator_primary--active:#c6c8cd;--vkui--color_separator_primary2x:#cbcccd;--vkui--color_separator_primary2x--hover:#c3c4c7;--vkui--color_separator_primary2x--active:#bbbdc1;--vkui--color_separator_primary3x:#bebfc1;--vkui--color_separator_primary3x--hover:#b6b8bc;--vkui--color_separator_primary3x--active:#afb1b6;--vkui--color_separator_primary_alpha:rgba(0,0,0,.12);--vkui--color_separator_primary_alpha--hover:rgba(0,0,0,.16);--vkui--color_separator_primary_alpha--active:rgba(0,0,0,.2);--vkui--color_stroke_positive--hover:#48ac4a;--vkui--color_stroke_positive--active:#45a64a;--vkui--color_stroke_negative:#e64646;--vkui--color_stroke_negative--hover:#dd4446;--vkui--color_stroke_negative--active:#d44245;--vkui--color_stroke_contrast--hover:#f5f5f7;--vkui--color_stroke_contrast--active:#ebecef;--vkui--color_image_border_alpha:rgba(0,0,0,.08);--vkui--color_image_border_alpha--hover:rgba(0,0,0,.12);--vkui--color_image_border_alpha--active:rgba(0,0,0,.16);--vkui--color_field_border_alpha:rgba(0,0,0,.12);--vkui--color_field_border_alpha--hover:rgba(0,0,0,.24);--vkui--color_field_border_alpha--active:rgba(0,0,0,.36);--vkui--color_accent_red--hover:#f53247;--vkui--color_accent_red--active:#eb3046;--vkui--color_accent_orange--hover:#f59a02;--vkui--color_accent_orange--active:#eb9405;--vkui--color_accent_purple--hover:#6e59df;--vkui--color_accent_purple--active:#6a56d8;--vkui--color_accent_violet--hover:#742dbb;--vkui--color_accent_violet--active:#6f2cb6;--vkui--color_accent_secondary--hover:#3c85d9;--vkui--color_accent_secondary--active:#3a80d3;--vkui--color_action_sheet_text:#3f8ae0;--vkui--color_action_sheet_text--hover:#3c85d9;--vkui--color_action_sheet_text--active:#3a80d3;--vkui--color_image_placeholder:#f2f3f5;--vkui--color_image_placeholder--hover:#e8eaee;--vkui--color_image_placeholder--active:#dfe1e6;--vkui--color_image_placeholder_alpha:rgba(0,28,61,.08);--vkui--color_image_placeholder_alpha--hover:rgba(0,28,61,.12);--vkui--color_image_placeholder_alpha--active:rgba(0,28,61,.16);--vkui--color_write_bar_input_border_alpha:rgba(0,0,0,.08);--vkui--color_write_bar_input_border_alpha--hover:rgba(0,0,0,.12);--vkui--color_write_bar_input_border_alpha--active:rgba(0,0,0,.16);--vkui--color_segmented_control:#fff;--vkui--color_segmented_control--hover:#f5f5f7;--vkui--color_segmented_control--active:#ebecef;--vkui--color_transparent--hover:rgba(0,16,61,.04);--vkui--color_transparent--active:rgba(0,16,61,.08)}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkCom--light,:root{--vkui--size_border_radius--regular:8px;--vkui--size_card_border_radius--regular:8px;--vkui--size_base_padding_horizontal--regular:16px;--vkui--animation_easing_platform:cubic-bezier(0.4,0,0.2,1)}.vkui--vkBase--light,.vkui--vkIOS--light,:root{--vkui--color_background_accent:#2688eb;--vkui--color_background_accent--hover:#2483e4;--vkui--color_background_accent--active:#237edd;--vkui--color_background_accent_themed:#2688eb;--vkui--color_background_accent_themed--hover:#2483e4;--vkui--color_background_accent_themed--active:#237edd;--vkui--color_background_accent_alternative:#2688eb;--vkui--color_background_accent_alternative--hover:#2483e4;--vkui--color_background_accent_alternative--active:#237edd;--vkui--color_background:#ebedf0;--vkui--color_background--hover:#e2e4e9;--vkui--color_background--active:#d8dbe2;--vkui--color_background_secondary:#f5f5f5;--vkui--color_background_secondary--hover:#ebecee;--vkui--color_background_secondary--active:#e1e3e6;--vkui--color_background_tertiary:#f9f9f9;--vkui--color_background_tertiary--hover:#eff0f1;--vkui--color_background_tertiary--active:#e5e6ea;--vkui--color_background_contrast_inverse--hover:#2b2c2f;--vkui--color_background_contrast_inverse--active:#292b2f;--vkui--color_background_modal_inverse:#2d2d2e;--vkui--color_background_modal_inverse--hover:#2b2c2f;--vkui--color_background_modal_inverse--active:#292b2f;--vkui--color_field_background:#f2f3f5;--vkui--color_field_background--hover:#e8eaee;--vkui--color_field_background--active:#dfe1e6;--vkui--color_text_accent:#2688eb;--vkui--color_text_accent--hover:#2483e4;--vkui--color_text_accent--active:#237edd;--vkui--color_text_accent_themed:#2688eb;--vkui--color_text_accent_themed--hover:#2483e4;--vkui--color_text_accent_themed--active:#237edd;--vkui--color_text_primary_invariably--hover:#000102;--vkui--color_text_primary_invariably--active:#000105;--vkui--color_text_subhead:#6d7885;--vkui--color_text_subhead--hover:#697482;--vkui--color_text_subhead--active:#64707f;--vkui--color_text_link:#2d81e0;--vkui--color_text_link--hover:#2b7cd9;--vkui--color_text_link--active:#2978d3;--vkui--color_text_link_themed:#2d81e0;--vkui--color_text_link_themed--hover:#2b7cd9;--vkui--color_text_link_themed--active:#2978d3;--vkui--color_text_muted:#2c2d2e;--vkui--color_text_muted--hover:#2a2c2f;--vkui--color_text_muted--active:#282b2f;--vkui--color_link_contrast--hover:#f5f5f7;--vkui--color_link_contrast--active:#ebecef;--vkui--color_icon_accent:#2688eb;--vkui--color_icon_accent--hover:#2483e4;--vkui--color_icon_accent--active:#237edd;--vkui--color_icon_accent_themed:#2688eb;--vkui--color_icon_accent_themed--hover:#2483e4;--vkui--color_icon_accent_themed--active:#237edd;--vkui--color_icon_primary_invariably--hover:#2a2c2f;--vkui--color_icon_primary_invariably--active:#282b2f;--vkui--color_icon_medium:#818c99;--vkui--color_icon_medium--hover:#7c8795;--vkui--color_icon_medium--active:#778292;--vkui--color_icon_tertiary:#b8c1cc;--vkui--color_icon_tertiary--hover:#b1bac6;--vkui--color_icon_tertiary--active:#a9b3c1;--vkui--color_stroke_accent:#2688eb;--vkui--color_stroke_accent--hover:#2483e4;--vkui--color_stroke_accent--active:#237edd;--vkui--color_stroke_accent_themed:#2688eb;--vkui--color_stroke_accent_themed--hover:#2483e4;--vkui--color_stroke_accent_themed--active:#237edd;--vkui--color_separator_secondary:#e1e3e6;--vkui--color_separator_secondary--hover:#d8dbdf;--vkui--color_separator_secondary--active:#cfd2d8;--vkui--color_accent_blue:#3f8ae0;--vkui--color_accent_blue--hover:#3c85d9;--vkui--color_accent_blue--active:#3a80d3;--vkui--color_accent_gray--hover:#9ca7b3;--vkui--color_accent_gray--active:#96a0ae;--vkui--color_accent_green--hover:#48ac4a;--vkui--color_accent_green--active:#45a64a;--vkui--color_skeleton_from--hover:#ebecee;--vkui--color_skeleton_from--active:#e1e3e6;--vkui--color_skeleton_to--hover:#d8dbdf;--vkui--color_skeleton_to--active:#cfd2d8;--vkui--color_write_bar_icon:#3f8ae0;--vkui--color_write_bar_icon--hover:#3c85d9;--vkui--color_write_bar_icon--active:#3a80d3;--vkui--color_write_bar_input_background:#f2f3f5;--vkui--color_write_bar_input_background--hover:#e8eaee;--vkui--color_write_bar_input_background--active:#dfe1e6;--vkui--color_track_background:#e1e3e6;--vkui--color_track_background--hover:#d8dbdf;--vkui--color_track_background--active:#cfd2d8;--vkui--color_track_buffer:#a0bfe4;--vkui--color_track_buffer--hover:#9ab8dd;--vkui--color_track_buffer--active:#93b1d7;--vkui--color_search_field_background:#ebedf0;--vkui--color_search_field_background--hover:#e2e4e9;--vkui--color_search_field_background--active:#d8dbe2;--vkui--color_panel_header_icon:#2688eb;--vkui--color_panel_header_icon--hover:#2483e4;--vkui--color_panel_header_icon--active:#237edd}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--color_background_contrast_inverse:#2d2d2e;--vkui--color_text_primary_invariably:#000;--vkui--color_link_contrast:#fff;--vkui--color_icon_primary_invariably:#2c2d2e;--vkui--color_accent_gray:#a3adb8;--vkui--color_skeleton_from:#f5f5f5;--vkui--color_skeleton_to:#e1e3e6}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--color_icon_contrast:#fff;--vkui--color_accent_purple:#735ce6;--vkui--color_accent_violet:#792ec0}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--color_accent_green:#4bb34b}.vkui--vkBase--dark{--vkui--theme_name:"vkBaseDark"}.vkui--vkBase--dark,.vkui--vkCom--dark,.vkui--vkIOS--dark{--vkui--gradient_tint:rgba(32,32,33,0) 0%,rgba(32,32,33,.036) 13%,rgba(32,32,33,.15) 27%,rgba(32,32,33,.79) 68%,rgba(32,32,33,.95) 84%,#202021 100%;--vkui--colors_scheme:dark;--vkui--color_background_accent_tint--hover:#61a2ff;--vkui--color_background_accent_tint--active:#67a6ff;--vkui--color_background_secondary_alpha:hsla(0,0%,100%,.1);--vkui--color_background_secondary_alpha--hover:hsla(0,0%,100%,.12);--vkui--color_background_secondary_alpha--active:hsla(0,0%,100%,.14);--vkui--color_background_tertiary_alpha:hsla(0,0%,100%,.03);--vkui--color_background_tertiary_alpha--hover:hsla(0,0%,100%,.07);--vkui--color_background_tertiary_alpha--active:hsla(0,0%,100%,.11);--vkui--color_background_contrast--hover:#ebedf0;--vkui--color_background_contrast--active:#d7d8db;--vkui--color_background_modal_inverse:#fff;--vkui--color_background_modal_inverse--hover:#ebedf0;--vkui--color_background_modal_inverse--active:#d7d8db;--vkui--color_background_warning:#857250;--vkui--color_background_warning--hover:#8a7857;--vkui--color_background_warning--active:#8f7d5e;--vkui--color_background_positive--hover:#52b652;--vkui--color_background_positive--active:#59b959;--vkui--color_background_negative:#ff5c5c;--vkui--color_background_negative--hover:#ff6363;--vkui--color_background_negative--active:#ff6969;--vkui--color_background_negative_tint:#522e2e;--vkui--color_background_negative_tint--hover:#593636;--vkui--color_background_negative_tint--active:#603f3f;--vkui--color_background_positive_tint--hover:#e9f9e9;--vkui--color_background_positive_tint--active:#eaf9ea;--vkui--color_field_background:#292929;--vkui--color_field_background--hover:#323232;--vkui--color_field_background--active:#3a3a3a;--vkui--color_text_primary:#e1e3e6;--vkui--color_text_primary--hover:#e2e4e7;--vkui--color_text_primary--active:#e3e5e8;--vkui--color_text_contrast--hover:#ebedf0;--vkui--color_text_contrast--active:#d7d8db;--vkui--color_text_positive--hover:#52b652;--vkui--color_text_positive--active:#59b959;--vkui--color_text_negative:#ff5c5c;--vkui--color_text_negative--hover:#ff6363;--vkui--color_text_negative--active:#ff6969;--vkui--color_text_link_visited--hover:#508bce;--vkui--color_text_link_visited--active:#5890d0;--vkui--color_icon_primary:#e1e3e6;--vkui--color_icon_primary--hover:#e2e4e7;--vkui--color_icon_primary--active:#e3e5e8;--vkui--color_icon_contrast_secondary--hover:#f3f3f5;--vkui--color_icon_contrast_secondary--active:#f3f4f6;--vkui--color_icon_positive--hover:#52b652;--vkui--color_icon_positive--active:#59b959;--vkui--color_icon_negative:#ff5c5c;--vkui--color_icon_negative--hover:#ff6363;--vkui--color_icon_negative--active:#ff6969;--vkui--color_separator_primary:#363738;--vkui--color_separator_primary--hover:#3e3f40;--vkui--color_separator_primary--active:#464748;--vkui--color_separator_primary2x:#444546;--vkui--color_separator_primary2x--hover:#4b4c4d;--vkui--color_separator_primary2x--active:#535455;--vkui--color_separator_primary3x:#505253;--vkui--color_separator_primary3x--hover:#57595a;--vkui--color_separator_primary3x--active:#5e6061;--vkui--color_separator_primary_alpha:hsla(0,0%,100%,.12);--vkui--color_separator_primary_alpha--hover:hsla(0,0%,100%,.16);--vkui--color_separator_primary_alpha--active:hsla(0,0%,100%,.2);--vkui--color_stroke_positive--hover:#52b652;--vkui--color_stroke_positive--active:#59b959;--vkui--color_stroke_negative:#ff5c5c;--vkui--color_stroke_negative--hover:#ff6363;--vkui--color_stroke_negative--active:#ff6969;--vkui--color_stroke_contrast--hover:#ebedf0;--vkui--color_stroke_contrast--active:#d7d8db;--vkui--color_image_border_alpha:hsla(0,0%,100%,.08);--vkui--color_image_border_alpha--hover:hsla(0,0%,100%,.12);--vkui--color_image_border_alpha--active:hsla(0,0%,100%,.16);--vkui--color_field_border_alpha:hsla(0,0%,100%,.12);--vkui--color_field_border_alpha--hover:hsla(0,0%,100%,.16);--vkui--color_field_border_alpha--active:hsla(0,0%,100%,.2);--vkui--color_accent_red--hover:#ff3b4e;--vkui--color_accent_red--active:#ff4356;--vkui--color_accent_green--hover:#52b652;--vkui--color_accent_green--active:#59b959;--vkui--color_accent_orange--hover:#ffa40a;--vkui--color_accent_orange--active:#ffa814;--vkui--color_accent_secondary--hover:#478fe1;--vkui--color_accent_secondary--active:#4e93e2;--vkui--color_image_placeholder:#2a2b2c;--vkui--color_image_placeholder--hover:#333334;--vkui--color_image_placeholder--active:#3b3c3d;--vkui--color_image_placeholder_alpha:rgba(241,247,255,.08);--vkui--color_image_placeholder_alpha--hover:rgba(241,247,255,.12);--vkui--color_image_placeholder_alpha--active:rgba(241,247,255,.16);--vkui--color_write_bar_input_border_alpha:hsla(0,0%,100%,.8);--vkui--color_write_bar_input_border_alpha--hover:hsla(0,0%,100%,.84);--vkui--color_write_bar_input_border_alpha--active:hsla(0,0%,100%,.88);--vkui--color_action_sheet_text:#529ef4;--vkui--color_action_sheet_text--hover:#59a2f4;--vkui--color_action_sheet_text--active:#60a6f5;--vkui--color_panel_header_icon:#71aaeb;--vkui--color_panel_header_icon--hover:#77adec;--vkui--color_panel_header_icon--active:#7cb1ed;--vkui--color_segmented_control:#626364;--vkui--color_segmented_control--hover:#68696a;--vkui--color_segmented_control--active:#6f6f70;--vkui--color_transparent--hover:hsla(0,0%,100%,.04);--vkui--color_transparent--active:hsla(0,0%,100%,.08)}.vkui--vkBase--dark,.vkui--vkCom--light,.vkui--vkIOS--light{--vkui--theme_inherits_from:"vkBase"}.vkui--vkBase--dark,.vkui--vkIOS--dark{--vkui--color_background_accent:#529ef4;--vkui--color_background_accent--hover:#59a2f4;--vkui--color_background_accent--active:#60a6f5;--vkui--color_background_accent_themed:#fff;--vkui--color_background_accent_themed--hover:#ebedf0;--vkui--color_background_accent_themed--active:#d7d8db;--vkui--color_background_accent_alternative:#529ef4;--vkui--color_background_accent_alternative--hover:#59a2f4;--vkui--color_background_accent_alternative--active:#60a6f5;--vkui--color_background:#0a0a0a;--vkui--color_background--hover:#141414;--vkui--color_background--active:#1e1e1e;--vkui--color_background_content:#19191a;--vkui--color_background_content--hover:#222223;--vkui--color_background_content--active:#2b2b2c;--vkui--color_background_secondary:#232324;--vkui--color_background_secondary--hover:#2c2c2d;--vkui--color_background_secondary--active:#353536;--vkui--color_background_tertiary:#202021;--vkui--color_background_tertiary--hover:#29292a;--vkui--color_background_tertiary--active:#323233;--vkui--color_background_contrast_inverse--hover:#353536;--vkui--color_background_contrast_inverse--active:#3e3e3f;--vkui--color_background_modal:#2d2d2e;--vkui--color_background_modal--hover:#353536;--vkui--color_background_modal--active:#3e3e3f;--vkui--color_header_background:#19191a;--vkui--color_header_background--hover:#222223;--vkui--color_header_background--active:#2b2b2c;--vkui--color_text_accent:#529ef4;--vkui--color_text_accent--hover:#59a2f4;--vkui--color_text_accent--active:#60a6f5;--vkui--color_text_accent_themed:#fff;--vkui--color_text_accent_themed--hover:#ebedf0;--vkui--color_text_accent_themed--active:#d7d8db;--vkui--color_text_primary_invariably--hover:#0a0a0a;--vkui--color_text_primary_invariably--active:#141414;--vkui--color_text_secondary:#76787a;--vkui--color_text_secondary--hover:#7b7d7f;--vkui--color_text_secondary--active:#818385;--vkui--color_text_subhead:#969a9f;--vkui--color_text_subhead--hover:#9a9ea3;--vkui--color_text_subhead--active:#9ea2a7;--vkui--color_text_tertiary:#636567;--vkui--color_text_tertiary--hover:#696b6d;--vkui--color_text_tertiary--active:#6f7173;--vkui--color_text_contrast_themed:#000;--vkui--color_text_contrast_themed--hover:#0a0a0a;--vkui--color_text_contrast_themed--active:#141414;--vkui--color_text_link:#529ef4;--vkui--color_text_link--hover:#59a2f4;--vkui--color_text_link--active:#60a6f5;--vkui--color_text_link_themed:#fff;--vkui--color_text_link_themed--hover:#ebedf0;--vkui--color_text_link_themed--active:#d7d8db;--vkui--color_text_muted:#e1e3e6;--vkui--color_text_muted--hover:#e2e4e7;--vkui--color_text_muted--active:#e3e5e8;--vkui--color_link_contrast--hover:#ebedf0;--vkui--color_link_contrast--active:#d7d8db;--vkui--color_icon_accent:#529ef4;--vkui--color_icon_accent--hover:#59a2f4;--vkui--color_icon_accent--active:#60a6f5;--vkui--color_icon_accent_themed:#fff;--vkui--color_icon_accent_themed--hover:#ebedf0;--vkui--color_icon_accent_themed--active:#d7d8db;--vkui--color_icon_primary_invariably--hover:#343536;--vkui--color_icon_primary_invariably--active:#3d3e3f;--vkui--color_icon_medium:#b0b1b6;--vkui--color_icon_medium--hover:#b3b4b9;--vkui--color_icon_medium--active:#b6b7bc;--vkui--color_icon_medium_alpha:rgba(241,247,255,.66);--vkui--color_icon_medium_alpha--hover:rgba(241,247,255,.7);--vkui--color_icon_medium_alpha--active:rgba(241,247,255,.74);--vkui--color_icon_secondary:#76787a;--vkui--color_icon_secondary--hover:#7b7d7f;--vkui--color_icon_secondary--active:#818385;--vkui--color_icon_secondary_alpha:rgba(0,0,0,.43);--vkui--color_icon_secondary_alpha--hover:rgba(0,0,0,.47);--vkui--color_icon_secondary_alpha--active:rgba(0,0,0,.51);--vkui--color_icon_tertiary:#5d5f61;--vkui--color_icon_tertiary--hover:#636567;--vkui--color_icon_tertiary--active:#6a6c6e;--vkui--color_icon_tertiary_alpha:hsla(0,0%,100%,.3);--vkui--color_icon_tertiary_alpha--hover:hsla(0,0%,100%,.34);--vkui--color_icon_tertiary_alpha--active:hsla(0,0%,100%,.38);--vkui--color_icon_contrast--hover:#ebedf0;--vkui--color_icon_contrast--active:#d7d8db;--vkui--color_icon_contrast_themed:#000;--vkui--color_icon_contrast_themed--hover:#0a0a0a;--vkui--color_icon_contrast_themed--active:#141414;--vkui--color_stroke_accent:#529ef4;--vkui--color_stroke_accent--hover:#59a2f4;--vkui--color_stroke_accent--active:#60a6f5;--vkui--color_stroke_accent_themed:#fff;--vkui--color_stroke_accent_themed--hover:#ebedf0;--vkui--color_stroke_accent_themed--active:#d7d8db;--vkui--color_separator_secondary:#141415;--vkui--color_separator_secondary--hover:#1d1d1e;--vkui--color_separator_secondary--active:#272728;--vkui--color_accent_blue:#529ef4;--vkui--color_accent_blue--hover:#59a2f4;--vkui--color_accent_blue--active:#60a6f5;--vkui--color_accent_gray--hover:#a7b0bb;--vkui--color_accent_gray--active:#aab4be;--vkui--color_accent_purple--hover:#7963e7;--vkui--color_accent_purple--active:#7e69e8;--vkui--color_accent_violet--hover:#7e36c3;--vkui--color_accent_violet--active:#843fc5;--vkui--color_skeleton_from--hover:#f5f5f5;--vkui--color_skeleton_from--active:#f6f6f6;--vkui--color_skeleton_to--hover:#e2e4e7;--vkui--color_skeleton_to--active:#e3e5e8;--vkui--color_write_bar_icon:#529ef4;--vkui--color_write_bar_icon--hover:#59a2f4;--vkui--color_write_bar_icon--active:#60a6f5;--vkui--color_write_bar_input_background:#232324;--vkui--color_write_bar_input_background--hover:#2c2c2d;--vkui--color_write_bar_input_background--active:#353536;--vkui--color_track_background:#454647;--vkui--color_track_background--hover:#4c4d4e;--vkui--color_track_background--active:#545556;--vkui--color_track_buffer:#405772;--vkui--color_track_buffer--hover:#485e78;--vkui--color_track_buffer--active:#4f647d;--vkui--color_search_field_background:#363738;--vkui--color_search_field_background--hover:#3e3f40;--vkui--color_search_field_background--active:#464748}.vkui--vkIOS--light{--vkui--theme_name:"vkIOS"}.vkui--vkIOS--dark,.vkui--vkIOS--light{--vkui--theme_name_base:"vkIOS";--vkui--size_border_radius--regular:10px;--vkui--size_card_border_radius--regular:10px;--vkui--size_base_padding_horizontal--regular:12px;--vkui--size_switch_height--regular:31px;--vkui--size_switch_height--compact:27px;--vkui--size_switch_width--regular:51px;--vkui--size_switch_width--compact:47px;--vkui--size_switch_pin--regular:27px;--vkui--size_switch_pin--compact:23px;--vkui--size_panel_header_height--regular:52px;--vkui--animation_easing_platform:cubic-bezier(0.36,0.66,0.04,1)}.vkui--vkIOS--dark{--vkui--theme_name:"vkIOSDark"}.vkui--vkCom--dark,.vkui--vkIOS--dark{--vkui--theme_inherits_from:"vkBaseDark"}.vkui--vkCom--light{--vkui--theme_name:"vkCom";--vkui--color_background_accent:#447bba;--vkui--color_background_accent--hover:#4177b5;--vkui--color_background_accent--active:#3f72b0;--vkui--color_background_accent_themed:#447bba;--vkui--color_background_accent_themed--hover:#4177b5;--vkui--color_background_accent_themed--active:#3f72b0;--vkui--color_background_accent_alternative:#447bba;--vkui--color_background_accent_alternative--hover:#4177b5;--vkui--color_background_accent_alternative--active:#3f72b0;--vkui--color_background:#edeef0;--vkui--color_background--hover:#e4e5e9;--vkui--color_background--active:#dadce2;--vkui--color_background_secondary:#f0f2f5;--vkui--color_background_secondary--hover:#e6e9ee;--vkui--color_background_secondary--active:#dde0e6;--vkui--color_background_tertiary:#fafbfc;--vkui--color_background_tertiary--hover:#f0f2f4;--vkui--color_background_tertiary--active:#e6e8ed;--vkui--color_background_contrast_inverse--hover:#313233;--vkui--color_background_contrast_inverse--active:#2f3034;--vkui--color_background_modal_inverse:#000;--vkui--color_background_modal_inverse--hover:#000102;--vkui--color_background_modal_inverse--active:#000105;--vkui--color_field_background:#f7f8fa;--vkui--color_field_background--hover:#edeff2;--vkui--color_field_background--active:#e3e5eb;--vkui--color_text_accent:#447bba;--vkui--color_text_accent--hover:#4177b5;--vkui--color_text_accent--active:#3f72b0;--vkui--color_text_accent_themed:#447bba;--vkui--color_text_accent_themed--hover:#4177b5;--vkui--color_text_accent_themed--active:#3f72b0;--vkui--color_text_primary_invariably--hover:#313233;--vkui--color_text_primary_invariably--active:#2f3034;--vkui--color_text_subhead:#626d7a;--vkui--color_text_subhead--hover:#5e6978;--vkui--color_text_subhead--active:#5a6675;--vkui--color_text_link:#2a5885;--vkui--color_text_link--hover:#285582;--vkui--color_text_link--active:#27527f;--vkui--color_text_link_themed:#2a5885;--vkui--color_text_link_themed--hover:#285582;--vkui--color_text_link_themed--active:#27527f;--vkui--color_text_muted:#333;--vkui--color_text_muted--hover:#313233;--vkui--color_text_muted--active:#2f3034;--vkui--color_link_contrast:#333;--vkui--color_link_contrast--hover:#313233;--vkui--color_link_contrast--active:#2f3034;--vkui--color_icon_accent:#447bba;--vkui--color_icon_accent--hover:#4177b5;--vkui--color_icon_accent--active:#3f72b0;--vkui--color_icon_accent_themed:#447bba;--vkui--color_icon_accent_themed--hover:#4177b5;--vkui--color_icon_accent_themed--active:#3f72b0;--vkui--color_icon_primary_invariably--hover:#313233;--vkui--color_icon_primary_invariably--active:#2f3034;--vkui--color_icon_medium:#6f7985;--vkui--color_icon_medium--hover:#6b7582;--vkui--color_icon_medium--active:#66717f;--vkui--color_icon_tertiary:#aeb7c2;--vkui--color_icon_tertiary--hover:#a7b0bd;--vkui--color_icon_tertiary--active:#a0aab7;--vkui--color_stroke_accent:#447bba;--vkui--color_stroke_accent--hover:#4177b5;--vkui--color_stroke_accent--active:#3f72b0;--vkui--color_stroke_accent_themed:#447bba;--vkui--color_stroke_accent_themed--hover:#4177b5;--vkui--color_stroke_accent_themed--active:#3f72b0;--vkui--color_separator_secondary:#e7e8ec;--vkui--color_separator_secondary--hover:#dedfe5;--vkui--color_separator_secondary--active:#d5d7de;--vkui--color_accent_blue:#5181b8;--vkui--color_accent_blue--hover:#4e7cb3;--vkui--color_accent_blue--active:#4b78ae;--vkui--color_accent_gray--hover:#a7b0bd;--vkui--color_accent_gray--active:#a0aab7;--vkui--color_accent_green:#1b7a1b;--vkui--color_accent_green--hover:#1a761c;--vkui--color_accent_green--active:#19721e;--vkui--color_skeleton_from:#f0f2f5;--vkui--color_skeleton_from--hover:#e6e9ee;--vkui--color_skeleton_from--active:#dde0e6;--vkui--color_skeleton_to:#e7e8ec;--vkui--color_skeleton_to--hover:#dedfe5;--vkui--color_skeleton_to--active:#d5d7de;--vkui--color_write_bar_icon:#818c99;--vkui--color_write_bar_icon--hover:#7c8795;--vkui--color_write_bar_icon--active:#778292;--vkui--color_write_bar_input_background:#fff;--vkui--color_write_bar_input_background--hover:#f5f5f7;--vkui--color_write_bar_input_background--active:#ebecef;--vkui--color_track_background:#d3d9de;--vkui--color_track_background--hover:#cbd1d8;--vkui--color_track_background--active:#c2c9d1;--vkui--color_track_buffer:#447bba;--vkui--color_track_buffer--hover:#4177b5;--vkui--color_track_buffer--active:#3f72b0;--vkui--color_search_field_background:#edeef0;--vkui--color_search_field_background--hover:#e4e5e9;--vkui--color_search_field_background--active:#dadce2;--vkui--color_panel_header_icon:#447bba;--vkui--color_panel_header_icon--hover:#4177b5;--vkui--color_panel_header_icon--active:#3f72b0}.vkui--vkCom--dark,.vkui--vkCom--light{--vkui--theme_name_base:"vkCom";--vkui--size_switch_height--regular:10px;--vkui--size_switch_height--compact:10px;--vkui--size_switch_width--regular:27px;--vkui--size_switch_width--compact:27px;--vkui--size_switch_pin--regular:16px;--vkui--size_switch_pin--compact:16px;--vkui--size_panel_header_height--regular:48px;--vkui--color_background_contrast_inverse:#333;--vkui--color_text_primary_invariably:#333;--vkui--color_icon_primary_invariably:#333;--vkui--color_accent_gray:#aeb7c2}.vkui--vkCom--dark{--vkui--theme_name:"vkComDark";--vkui--color_background_accent:#71aaeb;--vkui--color_background_accent--hover:#77adec;--vkui--color_background_accent--active:#7cb1ed;--vkui--color_background_accent_themed:#e1e3e6;--vkui--color_background_accent_themed--hover:#d8dbdf;--vkui--color_background_accent_themed--active:#cfd2d8;--vkui--color_background_accent_alternative:#71aaeb;--vkui--color_background_accent_alternative--hover:#77adec;--vkui--color_background_accent_alternative--active:#7cb1ed;--vkui--color_background:#141414;--vkui--color_background--hover:#1d1d1d;--vkui--color_background--active:#272727;--vkui--color_background_content:#222;--vkui--color_background_content--hover:#2b2b2b;--vkui--color_background_content--active:#343434;--vkui--color_background_secondary:#333;--vkui--color_background_secondary--hover:#3b3b3b;--vkui--color_background_secondary--active:#434343;--vkui--color_background_tertiary:#292929;--vkui--color_background_tertiary--hover:#323232;--vkui--color_background_tertiary--active:#3a3a3a;--vkui--color_background_contrast_inverse--hover:#3b3b3b;--vkui--color_background_contrast_inverse--active:#434343;--vkui--color_background_modal:#333;--vkui--color_background_modal--hover:#3b3b3b;--vkui--color_background_modal--active:#434343;--vkui--color_header_background:#222;--vkui--color_header_background--hover:#2b2b2b;--vkui--color_header_background--active:#343434;--vkui--color_text_accent:#71aaeb;--vkui--color_text_accent--hover:#77adec;--vkui--color_text_accent--active:#7cb1ed;--vkui--color_text_accent_themed:#e1e3e6;--vkui--color_text_accent_themed--hover:#e2e4e7;--vkui--color_text_accent_themed--active:#e3e5e8;--vkui--color_text_primary_invariably--hover:#3b3b3b;--vkui--color_text_primary_invariably--active:#434343;--vkui--color_text_secondary:#b2b2b2;--vkui--color_text_secondary--hover:#b5b5b5;--vkui--color_text_secondary--active:#b8b8b8;--vkui--color_text_subhead:#939393;--vkui--color_text_subhead--hover:#979797;--vkui--color_text_subhead--active:#9c9c9c;--vkui--color_text_tertiary:#656565;--vkui--color_text_tertiary--hover:#6b6b6b;--vkui--color_text_tertiary--active:#717171;--vkui--color_text_contrast_themed:#222;--vkui--color_text_contrast_themed--hover:#2b2b2b;--vkui--color_text_contrast_themed--active:#343434;--vkui--color_text_link:#71aaeb;--vkui--color_text_link--hover:#77adec;--vkui--color_text_link--active:#7cb1ed;--vkui--color_text_link_themed:#939393;--vkui--color_text_link_themed--hover:#979797;--vkui--color_text_link_themed--active:#9c9c9c;--vkui--color_text_muted:#ccc;--vkui--color_text_muted--hover:#cecece;--vkui--color_text_muted--active:#d0d0d0;--vkui--color_link_contrast:#ccc;--vkui--color_link_contrast--hover:#cecece;--vkui--color_link_contrast--active:#d0d0d0;--vkui--color_icon_accent:#71aaeb;--vkui--color_icon_accent--hover:#77adec;--vkui--color_icon_accent--active:#7cb1ed;--vkui--color_icon_accent_themed:#e1e3e6;--vkui--color_icon_accent_themed--hover:#e2e4e7;--vkui--color_icon_accent_themed--active:#e3e5e8;--vkui--color_icon_primary_invariably--hover:#3b3b3b;--vkui--color_icon_primary_invariably--active:#434343;--vkui--color_icon_medium:#939393;--vkui--color_icon_medium--hover:#979797;--vkui--color_icon_medium--active:#9c9c9c;--vkui--color_icon_medium_alpha:hsla(0,0%,100%,.48);--vkui--color_icon_medium_alpha--hover:hsla(0,0%,100%,.52);--vkui--color_icon_medium_alpha--active:hsla(0,0%,100%,.56);--vkui--color_icon_secondary:#828282;--vkui--color_icon_secondary--hover:#878787;--vkui--color_icon_secondary--active:#8c8c8c;--vkui--color_icon_secondary_alpha:hsla(0,0%,100%,.4);--vkui--color_icon_secondary_alpha--hover:hsla(0,0%,100%,.44);--vkui--color_icon_secondary_alpha--active:hsla(0,0%,100%,.48);--vkui--color_icon_tertiary:#656565;--vkui--color_icon_tertiary--hover:#6b6b6b;--vkui--color_icon_tertiary--active:#717171;--vkui--color_icon_tertiary_alpha:hsla(0,0%,100%,.24);--vkui--color_icon_tertiary_alpha--hover:hsla(0,0%,100%,.28);--vkui--color_icon_tertiary_alpha--active:hsla(0,0%,100%,.32);--vkui--color_icon_contrast:#e1e3e6;--vkui--color_icon_contrast--hover:#e2e4e7;--vkui--color_icon_contrast--active:#e3e5e8;--vkui--color_icon_contrast_themed:#222;--vkui--color_icon_contrast_themed--hover:#2b2b2b;--vkui--color_icon_contrast_themed--active:#343434;--vkui--color_stroke_accent:#71aaeb;--vkui--color_stroke_accent--hover:#77adec;--vkui--color_stroke_accent--active:#7cb1ed;--vkui--color_stroke_accent_themed:#e1e3e6;--vkui--color_stroke_accent_themed--hover:#e2e4e7;--vkui--color_stroke_accent_themed--active:#e3e5e8;--vkui--color_separator_secondary:#292929;--vkui--color_separator_secondary--hover:#323232;--vkui--color_separator_secondary--active:#3a3a3a;--vkui--color_accent_blue:#397dcc;--vkui--color_accent_blue--hover:#4182ce;--vkui--color_accent_blue--active:#4987d0;--vkui--color_accent_gray--hover:#b1bac4;--vkui--color_accent_gray--active:#b4bdc7;--vkui--color_accent_purple:#937ff5;--vkui--color_accent_purple--hover:#9784f5;--vkui--color_accent_purple--active:#9c89f6;--vkui--color_accent_violet:#a393f5;--vkui--color_accent_violet--hover:#a797f5;--vkui--color_accent_violet--active:#aa9cf6;--vkui--color_skeleton_from:#292929;--vkui--color_skeleton_from--hover:#323232;--vkui--color_skeleton_from--active:#3a3a3a;--vkui--color_skeleton_to:#333;--vkui--color_skeleton_to--hover:#3b3b3b;--vkui--color_skeleton_to--active:#434343;--vkui--color_write_bar_icon:#e1e3e6;--vkui--color_write_bar_icon--hover:#e2e4e7;--vkui--color_write_bar_icon--active:#e3e5e8;--vkui--color_write_bar_input_background:#424242;--vkui--color_write_bar_input_background--hover:#4a4a4a;--vkui--color_write_bar_input_background--active:#515151;--vkui--color_track_background:#828282;--vkui--color_track_background--hover:#878787;--vkui--color_track_background--active:#8c8c8c;--vkui--color_track_buffer:#fff;--vkui--color_track_buffer--hover:#ebedf0;--vkui--color_track_buffer--active:#d7d8db;--vkui--color_search_field_background:#424242;--vkui--color_search_field_background--hover:#4a4a4a;--vkui--color_search_field_background--active:#515151}
1	+ .vkui--vkBase--light,:root{--vkui--theme_name:"vkBase"}.vkui--vkBase--dark,.vkui--vkBase--light,:root{--vkui--theme_name_base:"vkBase";--vkui--size_base_padding_horizontal--regular:16px;--vkui--size_switch_height--regular:14px;--vkui--size_switch_height--compact:12px;--vkui--size_switch_width--regular:34px;--vkui--size_switch_width--compact:32px;--vkui--size_switch_pin--regular:20px;--vkui--size_switch_pin--compact:18px;--vkui--size_panel_header_height--regular:56px}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--gradient_black:transparent 0%,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4) 100%;--vkui--gradient_white:hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff 100%;--vkui--elevation1:0px 0px 2px rgba(0,0,0,.03),0px 2px 2px rgba(0,0,0,.06);--vkui--elevation1_invert_y:0px 0px 2px rgba(0,0,0,.03),0px -2px 2px rgba(0,0,0,.06);--vkui--elevation2:0px 4px 8px rgba(0,0,0,.04),0px 0px 4px rgba(0,0,0,.06);--vkui--elevation3:0px 0px 2px rgba(0,0,0,.08),0px 4px 16px rgba(0,0,0,.08);--vkui--elevation4:0px 0px 8px rgba(0,0,0,.12),0px 16px 16px rgba(0,0,0,.16);--vkui--font_family_accent:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_family_base:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_weight_accent1:600;--vkui--font_weight_accent2:500;--vkui--font_weight_accent3:400;--vkui--font_weight_base1:600;--vkui--font_weight_base2:500;--vkui--font_weight_base3:400;--vkui--font_title1--font_size--regular:24px;--vkui--font_title1--line_height--regular:28px;--vkui--font_title1--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title1--font_weight--regular:600;--vkui--font_title2--font_size--regular:20px;--vkui--font_title2--line_height--regular:24px;--vkui--font_title2--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title2--font_weight--regular:600;--vkui--font_title3--font_size--regular:17px;--vkui--font_title3--line_height--regular:22px;--vkui--font_title3--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title3--font_weight--regular:600;--vkui--font_headline1--font_size--regular:16px;--vkui--font_headline1--line_height--regular:20px;--vkui--font_headline1--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline1--font_weight--regular:500;--vkui--font_headline2--font_size--regular:15px;--vkui--font_headline2--line_height--regular:20px;--vkui--font_headline2--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline2--font_weight--regular:500;--vkui--font_headline2--font_size--compact:14px;--vkui--font_headline2--line_height--compact:20px;--vkui--font_text--font_size--regular:16px;--vkui--font_text--line_height--regular:20px;--vkui--font_text--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_text--font_weight--regular:400;--vkui--font_paragraph--font_size--regular:15px;--vkui--font_paragraph--line_height--regular:20px;--vkui--font_paragraph--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_paragraph--font_weight--regular:400;--vkui--font_subhead--font_size--regular:14px;--vkui--font_subhead--line_height--regular:18px;--vkui--font_subhead--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_subhead--font_weight--regular:400;--vkui--font_subhead--font_size--compact:13px;--vkui--font_subhead--line_height--compact:16px;--vkui--font_footnote--font_size--regular:13px;--vkui--font_footnote--line_height--regular:16px;--vkui--font_footnote--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_footnote--font_weight--regular:400;--vkui--font_footnote_caps--font_size--regular:13px;--vkui--font_footnote_caps--line_height--regular:16px;--vkui--font_footnote_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_footnote_caps--font_weight--regular:400;--vkui--font_footnote_caps--text_transform--regular:uppercase;--vkui--font_caption1--font_size--regular:12px;--vkui--font_caption1--line_height--regular:14px;--vkui--font_caption1--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption1--font_weight--regular:400;--vkui--font_caption1_caps--font_size--regular:12px;--vkui--font_caption1_caps--line_height--regular:14px;--vkui--font_caption1_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption1_caps--font_weight--regular:600;--vkui--font_caption1_caps--text_transform--regular:uppercase;--vkui--font_caption2--font_size--regular:11px;--vkui--font_caption2--line_height--regular:14px;--vkui--font_caption2--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption2--font_weight--regular:400;--vkui--font_caption2_caps--font_size--regular:11px;--vkui--font_caption2_caps--line_height--regular:14px;--vkui--font_caption2_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption2_caps--font_weight--regular:600;--vkui--font_caption2_caps--text_transform--regular:uppercase;--vkui--font_caption3--font_size--regular:9px;--vkui--font_caption3--line_height--regular:12px;--vkui--font_caption3--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption3--font_weight--regular:400;--vkui--font_caption3_caps--font_size--regular:9px;--vkui--font_caption3_caps--line_height--regular:12px;--vkui--font_caption3_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption3_caps--font_weight--regular:600;--vkui--font_caption3_caps--text_transform--regular:uppercase;--vkui--size_select_icon_padding--regular:6px;--vkui--size_select_icon_padding--compact:7px;--vkui--size_popup_base_padding--regular:32px;--vkui--size_popup_base_padding--compact:20px;--vkui--size_popup_header_padding--regular:24px;--vkui--size_popup_header_padding--compact:16px;--vkui--size_label_horizontal_margin--regular:16px;--vkui--size_check_border_radius--regular:4px;--vkui--size_border_radius_paper--regular:12px;--vkui--size_border_radius_promo--regular:20px;--vkui--size_field_height--regular:44px;--vkui--size_field_height--compact:36px;--vkui--size_search_height--regular:36px;--vkui--size_search_height--compact:32px;--vkui--size_button_large_height--regular:44px;--vkui--size_button_large_height--compact:36px;--vkui--size_button_medium_height--regular:36px;--vkui--size_button_medium_height--compact:32px;--vkui--size_button_small_height--regular:30px;--vkui--size_button_small_height--compact:28px;--vkui--size_checkbox--regular:16px;--vkui--size_arrow--regular:8px;--vkui--size_arrow_promo--regular:40px;--vkui--size_popup_medium--regular:680px;--vkui--size_popup_large--regular:880px;--vkui--size_field_horizontal_padding--regular:12px;--vkui--size_button_padding_horizontal--regular:12px;--vkui--size_arrow_padding--regular:12px;--vkui--size_tooltip_margin--regular:8px;--vkui--size_icon_u_i--regular:16px;--vkui--size_avatar_x_s--regular:24px;--vkui--size_avatar_s--regular:32px;--vkui--size_avatar_m--regular:48px;--vkui--size_avatar_l--regular:96px;--vkui--size_avatar_x_l--regular:128px;--vkui--size_badge_x_s--regular:12px;--vkui--size_badge_s--regular:16px;--vkui--size_badge_m--regular:24px;--vkui--size_badge_l--regular:44px;--vkui--size_badge_x_l--regular:56px;--vkui--size_cardgrid_padding--regular:8px;--vkui--size_cardgrid_padding_vertical--regular:8px;--vkui--size_base_padding_vertical--regular:12px;--vkui--size_button_group_gap_space--regular:1px;--vkui--size_button_group_gap_small--regular:8px;--vkui--size_button_group_gap_medium--regular:12px;--vkui--size_option_hierarchy--regular:32px;--vkui--size_button_base_small_padding_horizontal--regular:16px;--vkui--size_button_base_medium_padding_horizontal--regular:16px;--vkui--size_button_base_large_padding_horizontal--regular:20px;--vkui--size_button_base_small_padding_horizontal_icon--regular:12px;--vkui--size_button_base_medium_padding_horizontal_icon--regular:12px;--vkui--size_button_base_large_padding_horizontal_icon--regular:16px;--vkui--size_button_tertiary_small_padding_horizontal--regular:12px;--vkui--size_button_tertiary_medium_padding_horizontal--regular:12px;--vkui--size_button_tertiary_large_padding_horizontal--regular:16px;--vkui--size_button_tertiary_small_padding_horizontal_icon--regular:8px;--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular:8px;--vkui--size_button_tertiary_large_padding_horizontal_icon--regular:12px;--vkui--size_button_minimum_width--regular:80px;--vkui--size_form_item_padding_vertical--regular:12px;--vkui--size_split_col_padding_horizontal--regular:16px;--vkui--size_subnavigation_bar_gap--regular:8px;--vkui--size_subnavigation_bar_padding_vertical--regular:12px;--vkui--animation_duration_l:0.4s;--vkui--animation_duration_m:0.2s;--vkui--animation_duration_s:0.1s;--vkui--animation_easing_default:cubic-bezier(0.3,0.3,0.5,1);--vkui--opacity_disable:0.4;--vkui--opacity_disable_accessibility:0.64;--vkui--z_index_modal:99;--vkui--z_index_popout:100;--vkui--font_headline--font_size--regular:16px;--vkui--font_headline--line_height--regular:20px;--vkui--font_headline--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline--font_weight--regular:500;--vkui--color_background_accent_tint:#5a9eff;--vkui--color_background_contrast:#fff;--vkui--color_background_contrast_secondary_alpha:hsla(0,0%,100%,.2);--vkui--color_background_contrast_secondary_alpha--hover:hsla(0,0%,100%,.24);--vkui--color_background_contrast_secondary_alpha--active:hsla(0,0%,100%,.28);--vkui--color_background_positive:#4bb34b;--vkui--color_background_positive_tint:#e8f9e8;--vkui--color_text_contrast:#fff;--vkui--color_text_positive:#4bb34b;--vkui--color_text_link_visited:#4986cc;--vkui--color_icon_contrast_secondary:#f2f3f5;--vkui--color_icon_positive:#4bb34b;--vkui--color_stroke_positive:#4bb34b;--vkui--color_stroke_contrast:#fff;--vkui--color_accent_red:#ff3347;--vkui--color_accent_orange:#ffa000;--vkui--color_accent_secondary:#3f8ae0;--vkui--color_overlay_primary:rgba(0,0,0,.4);--vkui--color_overlay_primary--hover:rgba(0,0,0,.44);--vkui--color_overlay_primary--active:rgba(0,0,0,.48);--vkui--color_avatar_overlay:rgba(0,0,0,.6);--vkui--color_avatar_overlay--hover:rgba(0,0,0,.64);--vkui--color_avatar_overlay--active:rgba(0,0,0,.68);--vkui--color_avatar_overlay_inverse_alpha:hsla(0,0%,100%,.85);--vkui--color_avatar_overlay_inverse_alpha--hover:hsla(0,0%,100%,.89);--vkui--color_avatar_overlay_inverse_alpha--active:hsla(0,0%,100%,.93);--vkui--color_transparent:transparent}.vkui--vkBase--light,.vkui--vkCom--light,.vkui--vkIOS--light,:root{--vkui--gradient_tint:hsla(0,0%,98%,0) 0%,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9 100%;--vkui--colors_scheme:light;--vkui--color_background_accent_tint--hover:#5698f7;--vkui--color_background_accent_tint--active:#5393ef;--vkui--color_background_content:#fff;--vkui--color_background_content--hover:#f5f5f7;--vkui--color_background_content--active:#ebecef;--vkui--color_background_secondary_alpha:rgba(0,0,0,.04);--vkui--color_background_secondary_alpha--hover:rgba(0,0,0,.08);--vkui--color_background_secondary_alpha--active:rgba(0,0,0,.12);--vkui--color_background_tertiary_alpha:rgba(0,0,0,.03);--vkui--color_background_tertiary_alpha--hover:rgba(0,0,0,.07);--vkui--color_background_tertiary_alpha--active:rgba(0,0,0,.11);--vkui--color_background_contrast--hover:#f5f5f7;--vkui--color_background_contrast--active:#ebecef;--vkui--color_background_modal:#fff;--vkui--color_background_modal--hover:#f5f5f7;--vkui--color_background_modal--active:#ebecef;--vkui--color_background_warning:#fff2d6;--vkui--color_background_warning--hover:#f5e9d0;--vkui--color_background_warning--active:#ebe0ca;--vkui--color_background_positive--hover:#48ac4a;--vkui--color_background_positive--active:#45a64a;--vkui--color_background_negative:#e64646;--vkui--color_background_negative--hover:#dd4446;--vkui--color_background_negative--active:#d44245;--vkui--color_background_negative_tint:#faebeb;--vkui--color_background_negative_tint--hover:#f0e2e4;--vkui--color_background_negative_tint--active:#e6d9dd;--vkui--color_background_positive_tint--hover:#dff0e1;--vkui--color_background_positive_tint--active:#d5e6da;--vkui--color_header_background:#fff;--vkui--color_header_background--hover:#f5f5f7;--vkui--color_header_background--active:#ebecef;--vkui--color_text_primary:#000;--vkui--color_text_primary--hover:#000102;--vkui--color_text_primary--active:#000105;--vkui--color_text_secondary:#818c99;--vkui--color_text_secondary--hover:#7c8795;--vkui--color_text_secondary--active:#778292;--vkui--color_text_tertiary:#99a2ad;--vkui--color_text_tertiary--hover:#939ca9;--vkui--color_text_tertiary--active:#8d96a4;--vkui--color_text_contrast--hover:#f5f5f7;--vkui--color_text_contrast--active:#ebecef;--vkui--color_text_contrast_themed:#fff;--vkui--color_text_contrast_themed--hover:#f5f5f7;--vkui--color_text_contrast_themed--active:#ebecef;--vkui--color_text_positive--hover:#48ac4a;--vkui--color_text_positive--active:#45a64a;--vkui--color_text_negative:#e64646;--vkui--color_text_negative--hover:#dd4446;--vkui--color_text_negative--active:#d44245;--vkui--color_text_link_visited--hover:#4681c6;--vkui--color_text_link_visited--active:#437dc1;--vkui--color_icon_primary:#2c2d2e;--vkui--color_icon_primary--hover:#2a2c2f;--vkui--color_icon_primary--active:#282b2f;--vkui--color_icon_medium_alpha:rgba(0,0,0,.48);--vkui--color_icon_medium_alpha--hover:rgba(0,0,0,.52);--vkui--color_icon_medium_alpha--active:rgba(0,0,0,.56);--vkui--color_icon_secondary:#99a2ad;--vkui--color_icon_secondary--hover:#939ca9;--vkui--color_icon_secondary--active:#8d96a4;--vkui--color_icon_secondary_alpha:rgba(0,0,0,.36);--vkui--color_icon_secondary_alpha--hover:rgba(0,0,0,.4);--vkui--color_icon_secondary_alpha--active:rgba(0,0,0,.44);--vkui--color_icon_tertiary_alpha:rgba(0,0,0,.24);--vkui--color_icon_tertiary_alpha--hover:rgba(0,0,0,.28);--vkui--color_icon_tertiary_alpha--active:rgba(0,0,0,.32);--vkui--color_icon_contrast--hover:#f5f5f7;--vkui--color_icon_contrast--active:#ebecef;--vkui--color_icon_contrast_themed:#fff;--vkui--color_icon_contrast_themed--hover:#f5f5f7;--vkui--color_icon_contrast_themed--active:#ebecef;--vkui--color_icon_contrast_secondary--hover:#e8eaee;--vkui--color_icon_contrast_secondary--active:#dfe1e6;--vkui--color_icon_positive--hover:#48ac4a;--vkui--color_icon_positive--active:#45a64a;--vkui--color_icon_negative:#e64646;--vkui--color_icon_negative--hover:#dd4446;--vkui--color_icon_negative--active:#d44245;--vkui--color_separator_primary:#d7d8d9;--vkui--color_separator_primary--hover:#ced0d3;--vkui--color_separator_primary--active:#c6c8cd;--vkui--color_separator_primary2x:#cbcccd;--vkui--color_separator_primary2x--hover:#c3c4c7;--vkui--color_separator_primary2x--active:#bbbdc1;--vkui--color_separator_primary3x:#bebfc1;--vkui--color_separator_primary3x--hover:#b6b8bc;--vkui--color_separator_primary3x--active:#afb1b6;--vkui--color_separator_primary_alpha:rgba(0,0,0,.12);--vkui--color_separator_primary_alpha--hover:rgba(0,0,0,.16);--vkui--color_separator_primary_alpha--active:rgba(0,0,0,.2);--vkui--color_stroke_positive--hover:#48ac4a;--vkui--color_stroke_positive--active:#45a64a;--vkui--color_stroke_negative:#e64646;--vkui--color_stroke_negative--hover:#dd4446;--vkui--color_stroke_negative--active:#d44245;--vkui--color_stroke_contrast--hover:#f5f5f7;--vkui--color_stroke_contrast--active:#ebecef;--vkui--color_image_border_alpha:rgba(0,0,0,.08);--vkui--color_image_border_alpha--hover:rgba(0,0,0,.12);--vkui--color_image_border_alpha--active:rgba(0,0,0,.16);--vkui--color_field_border_alpha:rgba(0,0,0,.12);--vkui--color_field_border_alpha--hover:rgba(0,0,0,.24);--vkui--color_field_border_alpha--active:rgba(0,0,0,.36);--vkui--color_accent_red--hover:#f53247;--vkui--color_accent_red--active:#eb3046;--vkui--color_accent_orange--hover:#f59a02;--vkui--color_accent_orange--active:#eb9405;--vkui--color_accent_purple--hover:#6e59df;--vkui--color_accent_purple--active:#6a56d8;--vkui--color_accent_violet--hover:#742dbb;--vkui--color_accent_violet--active:#6f2cb6;--vkui--color_accent_secondary--hover:#3c85d9;--vkui--color_accent_secondary--active:#3a80d3;--vkui--color_action_sheet_text:#3f8ae0;--vkui--color_action_sheet_text--hover:#3c85d9;--vkui--color_action_sheet_text--active:#3a80d3;--vkui--color_image_placeholder:#f2f3f5;--vkui--color_image_placeholder--hover:#e8eaee;--vkui--color_image_placeholder--active:#dfe1e6;--vkui--color_image_placeholder_alpha:rgba(0,28,61,.08);--vkui--color_image_placeholder_alpha--hover:rgba(0,28,61,.12);--vkui--color_image_placeholder_alpha--active:rgba(0,28,61,.16);--vkui--color_write_bar_input_border_alpha:rgba(0,0,0,.08);--vkui--color_write_bar_input_border_alpha--hover:rgba(0,0,0,.12);--vkui--color_write_bar_input_border_alpha--active:rgba(0,0,0,.16);--vkui--color_segmented_control:#fff;--vkui--color_segmented_control--hover:#f5f5f7;--vkui--color_segmented_control--active:#ebecef;--vkui--color_transparent--hover:rgba(0,16,61,.04);--vkui--color_transparent--active:rgba(0,16,61,.08)}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--font_headline1--font_size--compact:15px;--vkui--font_headline1--line_height--compact:20px;--vkui--font_text--font_size--compact:15px;--vkui--font_text--line_height--compact:20px;--vkui--size_popup_small--regular:420px;--vkui--font_headline--font_size--compact:15px;--vkui--font_headline--line_height--compact:20px;--vkui--color_background_contrast_inverse:#2d2d2e;--vkui--color_text_primary_invariably:#000;--vkui--color_link_contrast:#fff;--vkui--color_icon_primary_invariably:#2c2d2e;--vkui--color_accent_gray:#a3adb8;--vkui--color_skeleton_from:#f5f5f5;--vkui--color_skeleton_to:#e1e3e6}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkCom--light,:root{--vkui--size_border_radius--regular:8px;--vkui--size_card_border_radius--regular:8px;--vkui--animation_easing_platform:cubic-bezier(0.4,0,0.2,1)}.vkui--vkBase--light,.vkui--vkIOS--light,:root{--vkui--color_background_accent:#2688eb;--vkui--color_background_accent--hover:#2483e4;--vkui--color_background_accent--active:#237edd;--vkui--color_background_accent_themed:#2688eb;--vkui--color_background_accent_themed--hover:#2483e4;--vkui--color_background_accent_themed--active:#237edd;--vkui--color_background_accent_alternative:#2688eb;--vkui--color_background_accent_alternative--hover:#2483e4;--vkui--color_background_accent_alternative--active:#237edd;--vkui--color_background:#ebedf0;--vkui--color_background--hover:#e2e4e9;--vkui--color_background--active:#d8dbe2;--vkui--color_background_secondary:#f5f5f5;--vkui--color_background_secondary--hover:#ebecee;--vkui--color_background_secondary--active:#e1e3e6;--vkui--color_background_tertiary:#f9f9f9;--vkui--color_background_tertiary--hover:#eff0f1;--vkui--color_background_tertiary--active:#e5e6ea;--vkui--color_background_contrast_inverse--hover:#2b2c2f;--vkui--color_background_contrast_inverse--active:#292b2f;--vkui--color_background_modal_inverse:#2d2d2e;--vkui--color_background_modal_inverse--hover:#2b2c2f;--vkui--color_background_modal_inverse--active:#292b2f;--vkui--color_field_background:#f2f3f5;--vkui--color_field_background--hover:#e8eaee;--vkui--color_field_background--active:#dfe1e6;--vkui--color_text_accent:#2688eb;--vkui--color_text_accent--hover:#2483e4;--vkui--color_text_accent--active:#237edd;--vkui--color_text_accent_themed:#2688eb;--vkui--color_text_accent_themed--hover:#2483e4;--vkui--color_text_accent_themed--active:#237edd;--vkui--color_text_primary_invariably--hover:#000102;--vkui--color_text_primary_invariably--active:#000105;--vkui--color_text_subhead:#6d7885;--vkui--color_text_subhead--hover:#697482;--vkui--color_text_subhead--active:#64707f;--vkui--color_text_link:#2d81e0;--vkui--color_text_link--hover:#2b7cd9;--vkui--color_text_link--active:#2978d3;--vkui--color_text_link_themed:#2d81e0;--vkui--color_text_link_themed--hover:#2b7cd9;--vkui--color_text_link_themed--active:#2978d3;--vkui--color_text_muted:#2c2d2e;--vkui--color_text_muted--hover:#2a2c2f;--vkui--color_text_muted--active:#282b2f;--vkui--color_link_contrast--hover:#f5f5f7;--vkui--color_link_contrast--active:#ebecef;--vkui--color_icon_accent:#2688eb;--vkui--color_icon_accent--hover:#2483e4;--vkui--color_icon_accent--active:#237edd;--vkui--color_icon_accent_themed:#2688eb;--vkui--color_icon_accent_themed--hover:#2483e4;--vkui--color_icon_accent_themed--active:#237edd;--vkui--color_icon_primary_invariably--hover:#2a2c2f;--vkui--color_icon_primary_invariably--active:#282b2f;--vkui--color_icon_medium:#818c99;--vkui--color_icon_medium--hover:#7c8795;--vkui--color_icon_medium--active:#778292;--vkui--color_icon_tertiary:#b8c1cc;--vkui--color_icon_tertiary--hover:#b1bac6;--vkui--color_icon_tertiary--active:#a9b3c1;--vkui--color_stroke_accent:#2688eb;--vkui--color_stroke_accent--hover:#2483e4;--vkui--color_stroke_accent--active:#237edd;--vkui--color_stroke_accent_themed:#2688eb;--vkui--color_stroke_accent_themed--hover:#2483e4;--vkui--color_stroke_accent_themed--active:#237edd;--vkui--color_separator_secondary:#e1e3e6;--vkui--color_separator_secondary--hover:#d8dbdf;--vkui--color_separator_secondary--active:#cfd2d8;--vkui--color_accent_blue:#3f8ae0;--vkui--color_accent_blue--hover:#3c85d9;--vkui--color_accent_blue--active:#3a80d3;--vkui--color_accent_gray--hover:#9ca7b3;--vkui--color_accent_gray--active:#96a0ae;--vkui--color_accent_green--hover:#48ac4a;--vkui--color_accent_green--active:#45a64a;--vkui--color_skeleton_from--hover:#ebecee;--vkui--color_skeleton_from--active:#e1e3e6;--vkui--color_skeleton_to--hover:#d8dbdf;--vkui--color_skeleton_to--active:#cfd2d8;--vkui--color_write_bar_icon:#3f8ae0;--vkui--color_write_bar_icon--hover:#3c85d9;--vkui--color_write_bar_icon--active:#3a80d3;--vkui--color_write_bar_input_background:#f2f3f5;--vkui--color_write_bar_input_background--hover:#e8eaee;--vkui--color_write_bar_input_background--active:#dfe1e6;--vkui--color_track_background:#e1e3e6;--vkui--color_track_background--hover:#d8dbdf;--vkui--color_track_background--active:#cfd2d8;--vkui--color_track_buffer:#a0bfe4;--vkui--color_track_buffer--hover:#9ab8dd;--vkui--color_track_buffer--active:#93b1d7;--vkui--color_search_field_background:#ebedf0;--vkui--color_search_field_background--hover:#e2e4e9;--vkui--color_search_field_background--active:#d8dbe2;--vkui--color_panel_header_icon:#2688eb;--vkui--color_panel_header_icon--hover:#2483e4;--vkui--color_panel_header_icon--active:#237edd}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--color_icon_contrast:#fff;--vkui--color_accent_purple:#735ce6;--vkui--color_accent_violet:#792ec0}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--color_accent_green:#4bb34b}.vkui--vkBase--dark{--vkui--theme_name:"vkBaseDark"}.vkui--vkBase--dark,.vkui--vkCom--dark,.vkui--vkIOS--dark{--vkui--gradient_tint:rgba(32,32,33,0) 0%,rgba(32,32,33,.036) 13%,rgba(32,32,33,.15) 27%,rgba(32,32,33,.79) 68%,rgba(32,32,33,.95) 84%,#202021 100%;--vkui--colors_scheme:dark;--vkui--color_background_accent_tint--hover:#61a2ff;--vkui--color_background_accent_tint--active:#67a6ff;--vkui--color_background_secondary_alpha:hsla(0,0%,100%,.1);--vkui--color_background_secondary_alpha--hover:hsla(0,0%,100%,.12);--vkui--color_background_secondary_alpha--active:hsla(0,0%,100%,.14);--vkui--color_background_tertiary_alpha:hsla(0,0%,100%,.03);--vkui--color_background_tertiary_alpha--hover:hsla(0,0%,100%,.07);--vkui--color_background_tertiary_alpha--active:hsla(0,0%,100%,.11);--vkui--color_background_contrast--hover:#ebedf0;--vkui--color_background_contrast--active:#d7d8db;--vkui--color_background_modal_inverse:#fff;--vkui--color_background_modal_inverse--hover:#ebedf0;--vkui--color_background_modal_inverse--active:#d7d8db;--vkui--color_background_warning:#857250;--vkui--color_background_warning--hover:#8a7857;--vkui--color_background_warning--active:#8f7d5e;--vkui--color_background_positive--hover:#52b652;--vkui--color_background_positive--active:#59b959;--vkui--color_background_negative:#ff5c5c;--vkui--color_background_negative--hover:#ff6363;--vkui--color_background_negative--active:#ff6969;--vkui--color_background_negative_tint:#522e2e;--vkui--color_background_negative_tint--hover:#593636;--vkui--color_background_negative_tint--active:#603f3f;--vkui--color_background_positive_tint--hover:#e9f9e9;--vkui--color_background_positive_tint--active:#eaf9ea;--vkui--color_field_background:#292929;--vkui--color_field_background--hover:#323232;--vkui--color_field_background--active:#3a3a3a;--vkui--color_text_primary:#e1e3e6;--vkui--color_text_primary--hover:#e2e4e7;--vkui--color_text_primary--active:#e3e5e8;--vkui--color_text_contrast--hover:#ebedf0;--vkui--color_text_contrast--active:#d7d8db;--vkui--color_text_positive--hover:#52b652;--vkui--color_text_positive--active:#59b959;--vkui--color_text_negative:#ff5c5c;--vkui--color_text_negative--hover:#ff6363;--vkui--color_text_negative--active:#ff6969;--vkui--color_text_link_visited--hover:#508bce;--vkui--color_text_link_visited--active:#5890d0;--vkui--color_icon_primary:#e1e3e6;--vkui--color_icon_primary--hover:#e2e4e7;--vkui--color_icon_primary--active:#e3e5e8;--vkui--color_icon_contrast_secondary--hover:#f3f3f5;--vkui--color_icon_contrast_secondary--active:#f3f4f6;--vkui--color_icon_positive--hover:#52b652;--vkui--color_icon_positive--active:#59b959;--vkui--color_icon_negative:#ff5c5c;--vkui--color_icon_negative--hover:#ff6363;--vkui--color_icon_negative--active:#ff6969;--vkui--color_separator_primary:#363738;--vkui--color_separator_primary--hover:#3e3f40;--vkui--color_separator_primary--active:#464748;--vkui--color_separator_primary2x:#444546;--vkui--color_separator_primary2x--hover:#4b4c4d;--vkui--color_separator_primary2x--active:#535455;--vkui--color_separator_primary3x:#505253;--vkui--color_separator_primary3x--hover:#57595a;--vkui--color_separator_primary3x--active:#5e6061;--vkui--color_separator_primary_alpha:hsla(0,0%,100%,.12);--vkui--color_separator_primary_alpha--hover:hsla(0,0%,100%,.16);--vkui--color_separator_primary_alpha--active:hsla(0,0%,100%,.2);--vkui--color_stroke_positive--hover:#52b652;--vkui--color_stroke_positive--active:#59b959;--vkui--color_stroke_negative:#ff5c5c;--vkui--color_stroke_negative--hover:#ff6363;--vkui--color_stroke_negative--active:#ff6969;--vkui--color_stroke_contrast--hover:#ebedf0;--vkui--color_stroke_contrast--active:#d7d8db;--vkui--color_image_border_alpha:hsla(0,0%,100%,.08);--vkui--color_image_border_alpha--hover:hsla(0,0%,100%,.12);--vkui--color_image_border_alpha--active:hsla(0,0%,100%,.16);--vkui--color_field_border_alpha:hsla(0,0%,100%,.12);--vkui--color_field_border_alpha--hover:hsla(0,0%,100%,.16);--vkui--color_field_border_alpha--active:hsla(0,0%,100%,.2);--vkui--color_accent_red--hover:#ff3b4e;--vkui--color_accent_red--active:#ff4356;--vkui--color_accent_green--hover:#52b652;--vkui--color_accent_green--active:#59b959;--vkui--color_accent_orange--hover:#ffa40a;--vkui--color_accent_orange--active:#ffa814;--vkui--color_accent_secondary--hover:#478fe1;--vkui--color_accent_secondary--active:#4e93e2;--vkui--color_image_placeholder:#2a2b2c;--vkui--color_image_placeholder--hover:#333334;--vkui--color_image_placeholder--active:#3b3c3d;--vkui--color_image_placeholder_alpha:rgba(241,247,255,.08);--vkui--color_image_placeholder_alpha--hover:rgba(241,247,255,.12);--vkui--color_image_placeholder_alpha--active:rgba(241,247,255,.16);--vkui--color_write_bar_input_border_alpha:hsla(0,0%,100%,.8);--vkui--color_write_bar_input_border_alpha--hover:hsla(0,0%,100%,.84);--vkui--color_write_bar_input_border_alpha--active:hsla(0,0%,100%,.88);--vkui--color_action_sheet_text:#529ef4;--vkui--color_action_sheet_text--hover:#59a2f4;--vkui--color_action_sheet_text--active:#60a6f5;--vkui--color_panel_header_icon:#71aaeb;--vkui--color_panel_header_icon--hover:#77adec;--vkui--color_panel_header_icon--active:#7cb1ed;--vkui--color_segmented_control:#626364;--vkui--color_segmented_control--hover:#68696a;--vkui--color_segmented_control--active:#6f6f70;--vkui--color_transparent--hover:hsla(0,0%,100%,.04);--vkui--color_transparent--active:hsla(0,0%,100%,.08)}.vkui--vkBase--dark,.vkui--vkCom--light,.vkui--vkIOS--light{--vkui--theme_inherits_from:"vkBase"}.vkui--vkBase--dark,.vkui--vkIOS--dark{--vkui--color_background_accent:#529ef4;--vkui--color_background_accent--hover:#59a2f4;--vkui--color_background_accent--active:#60a6f5;--vkui--color_background_accent_themed:#fff;--vkui--color_background_accent_themed--hover:#ebedf0;--vkui--color_background_accent_themed--active:#d7d8db;--vkui--color_background_accent_alternative:#529ef4;--vkui--color_background_accent_alternative--hover:#59a2f4;--vkui--color_background_accent_alternative--active:#60a6f5;--vkui--color_background:#0a0a0a;--vkui--color_background--hover:#141414;--vkui--color_background--active:#1e1e1e;--vkui--color_background_content:#19191a;--vkui--color_background_content--hover:#222223;--vkui--color_background_content--active:#2b2b2c;--vkui--color_background_secondary:#232324;--vkui--color_background_secondary--hover:#2c2c2d;--vkui--color_background_secondary--active:#353536;--vkui--color_background_tertiary:#202021;--vkui--color_background_tertiary--hover:#29292a;--vkui--color_background_tertiary--active:#323233;--vkui--color_background_contrast_inverse--hover:#353536;--vkui--color_background_contrast_inverse--active:#3e3e3f;--vkui--color_background_modal:#2d2d2e;--vkui--color_background_modal--hover:#353536;--vkui--color_background_modal--active:#3e3e3f;--vkui--color_header_background:#19191a;--vkui--color_header_background--hover:#222223;--vkui--color_header_background--active:#2b2b2c;--vkui--color_text_accent:#529ef4;--vkui--color_text_accent--hover:#59a2f4;--vkui--color_text_accent--active:#60a6f5;--vkui--color_text_accent_themed:#fff;--vkui--color_text_accent_themed--hover:#ebedf0;--vkui--color_text_accent_themed--active:#d7d8db;--vkui--color_text_primary_invariably--hover:#0a0a0a;--vkui--color_text_primary_invariably--active:#141414;--vkui--color_text_secondary:#76787a;--vkui--color_text_secondary--hover:#7b7d7f;--vkui--color_text_secondary--active:#818385;--vkui--color_text_subhead:#969a9f;--vkui--color_text_subhead--hover:#9a9ea3;--vkui--color_text_subhead--active:#9ea2a7;--vkui--color_text_tertiary:#636567;--vkui--color_text_tertiary--hover:#696b6d;--vkui--color_text_tertiary--active:#6f7173;--vkui--color_text_contrast_themed:#000;--vkui--color_text_contrast_themed--hover:#0a0a0a;--vkui--color_text_contrast_themed--active:#141414;--vkui--color_text_link:#529ef4;--vkui--color_text_link--hover:#59a2f4;--vkui--color_text_link--active:#60a6f5;--vkui--color_text_link_themed:#fff;--vkui--color_text_link_themed--hover:#ebedf0;--vkui--color_text_link_themed--active:#d7d8db;--vkui--color_text_muted:#e1e3e6;--vkui--color_text_muted--hover:#e2e4e7;--vkui--color_text_muted--active:#e3e5e8;--vkui--color_link_contrast--hover:#ebedf0;--vkui--color_link_contrast--active:#d7d8db;--vkui--color_icon_accent:#529ef4;--vkui--color_icon_accent--hover:#59a2f4;--vkui--color_icon_accent--active:#60a6f5;--vkui--color_icon_accent_themed:#fff;--vkui--color_icon_accent_themed--hover:#ebedf0;--vkui--color_icon_accent_themed--active:#d7d8db;--vkui--color_icon_primary_invariably--hover:#343536;--vkui--color_icon_primary_invariably--active:#3d3e3f;--vkui--color_icon_medium:#b0b1b6;--vkui--color_icon_medium--hover:#b3b4b9;--vkui--color_icon_medium--active:#b6b7bc;--vkui--color_icon_medium_alpha:rgba(241,247,255,.66);--vkui--color_icon_medium_alpha--hover:rgba(241,247,255,.7);--vkui--color_icon_medium_alpha--active:rgba(241,247,255,.74);--vkui--color_icon_secondary:#76787a;--vkui--color_icon_secondary--hover:#7b7d7f;--vkui--color_icon_secondary--active:#818385;--vkui--color_icon_secondary_alpha:rgba(0,0,0,.43);--vkui--color_icon_secondary_alpha--hover:rgba(0,0,0,.47);--vkui--color_icon_secondary_alpha--active:rgba(0,0,0,.51);--vkui--color_icon_tertiary:#5d5f61;--vkui--color_icon_tertiary--hover:#636567;--vkui--color_icon_tertiary--active:#6a6c6e;--vkui--color_icon_tertiary_alpha:hsla(0,0%,100%,.3);--vkui--color_icon_tertiary_alpha--hover:hsla(0,0%,100%,.34);--vkui--color_icon_tertiary_alpha--active:hsla(0,0%,100%,.38);--vkui--color_icon_contrast--hover:#ebedf0;--vkui--color_icon_contrast--active:#d7d8db;--vkui--color_icon_contrast_themed:#000;--vkui--color_icon_contrast_themed--hover:#0a0a0a;--vkui--color_icon_contrast_themed--active:#141414;--vkui--color_stroke_accent:#529ef4;--vkui--color_stroke_accent--hover:#59a2f4;--vkui--color_stroke_accent--active:#60a6f5;--vkui--color_stroke_accent_themed:#fff;--vkui--color_stroke_accent_themed--hover:#ebedf0;--vkui--color_stroke_accent_themed--active:#d7d8db;--vkui--color_separator_secondary:#141415;--vkui--color_separator_secondary--hover:#1d1d1e;--vkui--color_separator_secondary--active:#272728;--vkui--color_accent_blue:#529ef4;--vkui--color_accent_blue--hover:#59a2f4;--vkui--color_accent_blue--active:#60a6f5;--vkui--color_accent_gray--hover:#a7b0bb;--vkui--color_accent_gray--active:#aab4be;--vkui--color_accent_purple--hover:#7963e7;--vkui--color_accent_purple--active:#7e69e8;--vkui--color_accent_violet--hover:#7e36c3;--vkui--color_accent_violet--active:#843fc5;--vkui--color_skeleton_from--hover:#f5f5f5;--vkui--color_skeleton_from--active:#f6f6f6;--vkui--color_skeleton_to--hover:#e2e4e7;--vkui--color_skeleton_to--active:#e3e5e8;--vkui--color_write_bar_icon:#529ef4;--vkui--color_write_bar_icon--hover:#59a2f4;--vkui--color_write_bar_icon--active:#60a6f5;--vkui--color_write_bar_input_background:#232324;--vkui--color_write_bar_input_background--hover:#2c2c2d;--vkui--color_write_bar_input_background--active:#353536;--vkui--color_track_background:#454647;--vkui--color_track_background--hover:#4c4d4e;--vkui--color_track_background--active:#545556;--vkui--color_track_buffer:#405772;--vkui--color_track_buffer--hover:#485e78;--vkui--color_track_buffer--active:#4f647d;--vkui--color_search_field_background:#363738;--vkui--color_search_field_background--hover:#3e3f40;--vkui--color_search_field_background--active:#464748}.vkui--vkIOS--light{--vkui--theme_name:"vkIOS"}.vkui--vkIOS--dark,.vkui--vkIOS--light{--vkui--theme_name_base:"vkIOS";--vkui--size_border_radius--regular:10px;--vkui--size_card_border_radius--regular:10px;--vkui--size_switch_height--regular:31px;--vkui--size_switch_height--compact:27px;--vkui--size_switch_width--regular:51px;--vkui--size_switch_width--compact:47px;--vkui--size_switch_pin--regular:27px;--vkui--size_switch_pin--compact:23px;--vkui--size_panel_header_height--regular:52px;--vkui--animation_easing_platform:cubic-bezier(0.36,0.66,0.04,1)}.vkui--vkCom--dark,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light{--vkui--size_base_padding_horizontal--regular:12px}.vkui--vkIOS--dark{--vkui--theme_name:"vkIOSDark"}.vkui--vkCom--dark,.vkui--vkIOS--dark{--vkui--theme_inherits_from:"vkBaseDark"}.vkui--vkCom--light{--vkui--theme_name:"vkCom";--vkui--color_background_accent:#447bba;--vkui--color_background_accent--hover:#4177b5;--vkui--color_background_accent--active:#3f72b0;--vkui--color_background_accent_themed:#447bba;--vkui--color_background_accent_themed--hover:#4177b5;--vkui--color_background_accent_themed--active:#3f72b0;--vkui--color_background_accent_alternative:#447bba;--vkui--color_background_accent_alternative--hover:#4177b5;--vkui--color_background_accent_alternative--active:#3f72b0;--vkui--color_background:#edeef0;--vkui--color_background--hover:#e4e5e9;--vkui--color_background--active:#dadce2;--vkui--color_background_secondary:#f0f2f5;--vkui--color_background_secondary--hover:#e6e9ee;--vkui--color_background_secondary--active:#dde0e6;--vkui--color_background_tertiary:#fafbfc;--vkui--color_background_tertiary--hover:#f0f2f4;--vkui--color_background_tertiary--active:#e6e8ed;--vkui--color_background_contrast_inverse--hover:#313233;--vkui--color_background_contrast_inverse--active:#2f3034;--vkui--color_background_modal_inverse:#000;--vkui--color_background_modal_inverse--hover:#000102;--vkui--color_background_modal_inverse--active:#000105;--vkui--color_field_background:#f7f8fa;--vkui--color_field_background--hover:#edeff2;--vkui--color_field_background--active:#e3e5eb;--vkui--color_text_accent:#447bba;--vkui--color_text_accent--hover:#4177b5;--vkui--color_text_accent--active:#3f72b0;--vkui--color_text_accent_themed:#447bba;--vkui--color_text_accent_themed--hover:#4177b5;--vkui--color_text_accent_themed--active:#3f72b0;--vkui--color_text_primary_invariably--hover:#313233;--vkui--color_text_primary_invariably--active:#2f3034;--vkui--color_text_subhead:#626d7a;--vkui--color_text_subhead--hover:#5e6978;--vkui--color_text_subhead--active:#5a6675;--vkui--color_text_link:#2a5885;--vkui--color_text_link--hover:#285582;--vkui--color_text_link--active:#27527f;--vkui--color_text_link_themed:#2a5885;--vkui--color_text_link_themed--hover:#285582;--vkui--color_text_link_themed--active:#27527f;--vkui--color_text_muted:#333;--vkui--color_text_muted--hover:#313233;--vkui--color_text_muted--active:#2f3034;--vkui--color_link_contrast:#333;--vkui--color_link_contrast--hover:#313233;--vkui--color_link_contrast--active:#2f3034;--vkui--color_icon_accent:#447bba;--vkui--color_icon_accent--hover:#4177b5;--vkui--color_icon_accent--active:#3f72b0;--vkui--color_icon_accent_themed:#447bba;--vkui--color_icon_accent_themed--hover:#4177b5;--vkui--color_icon_accent_themed--active:#3f72b0;--vkui--color_icon_primary_invariably--hover:#313233;--vkui--color_icon_primary_invariably--active:#2f3034;--vkui--color_icon_medium:#6f7985;--vkui--color_icon_medium--hover:#6b7582;--vkui--color_icon_medium--active:#66717f;--vkui--color_icon_tertiary:#aeb7c2;--vkui--color_icon_tertiary--hover:#a7b0bd;--vkui--color_icon_tertiary--active:#a0aab7;--vkui--color_stroke_accent:#447bba;--vkui--color_stroke_accent--hover:#4177b5;--vkui--color_stroke_accent--active:#3f72b0;--vkui--color_stroke_accent_themed:#447bba;--vkui--color_stroke_accent_themed--hover:#4177b5;--vkui--color_stroke_accent_themed--active:#3f72b0;--vkui--color_separator_secondary:#e7e8ec;--vkui--color_separator_secondary--hover:#dedfe5;--vkui--color_separator_secondary--active:#d5d7de;--vkui--color_accent_blue:#5181b8;--vkui--color_accent_blue--hover:#4e7cb3;--vkui--color_accent_blue--active:#4b78ae;--vkui--color_accent_gray--hover:#a7b0bd;--vkui--color_accent_gray--active:#a0aab7;--vkui--color_accent_green:#1b7a1b;--vkui--color_accent_green--hover:#1a761c;--vkui--color_accent_green--active:#19721e;--vkui--color_skeleton_from:#f0f2f5;--vkui--color_skeleton_from--hover:#e6e9ee;--vkui--color_skeleton_from--active:#dde0e6;--vkui--color_skeleton_to:#e7e8ec;--vkui--color_skeleton_to--hover:#dedfe5;--vkui--color_skeleton_to--active:#d5d7de;--vkui--color_write_bar_icon:#818c99;--vkui--color_write_bar_icon--hover:#7c8795;--vkui--color_write_bar_icon--active:#778292;--vkui--color_write_bar_input_background:#fff;--vkui--color_write_bar_input_background--hover:#f5f5f7;--vkui--color_write_bar_input_background--active:#ebecef;--vkui--color_track_background:#d3d9de;--vkui--color_track_background--hover:#cbd1d8;--vkui--color_track_background--active:#c2c9d1;--vkui--color_track_buffer:#447bba;--vkui--color_track_buffer--hover:#4177b5;--vkui--color_track_buffer--active:#3f72b0;--vkui--color_search_field_background:#edeef0;--vkui--color_search_field_background--hover:#e4e5e9;--vkui--color_search_field_background--active:#dadce2;--vkui--color_panel_header_icon:#447bba;--vkui--color_panel_header_icon--hover:#4177b5;--vkui--color_panel_header_icon--active:#3f72b0}.vkui--vkCom--dark,.vkui--vkCom--light{--vkui--theme_name_base:"vkCom";--vkui--font_headline1--font_size--compact:14px;--vkui--font_headline1--line_height--compact:18px;--vkui--font_text--font_size--compact:13px;--vkui--font_text--line_height--compact:16px;--vkui--size_popup_small--regular:448px;--vkui--size_switch_height--regular:10px;--vkui--size_switch_height--compact:10px;--vkui--size_switch_width--regular:27px;--vkui--size_switch_width--compact:27px;--vkui--size_switch_pin--regular:16px;--vkui--size_switch_pin--compact:16px;--vkui--size_panel_header_height--regular:48px;--vkui--font_headline--font_size--compact:14px;--vkui--font_headline--line_height--compact:18px;--vkui--color_background_contrast_inverse:#333;--vkui--color_text_primary_invariably:#333;--vkui--color_icon_primary_invariably:#333;--vkui--color_accent_gray:#aeb7c2}.vkui--vkCom--dark{--vkui--theme_name:"vkComDark";--vkui--color_background_accent:#71aaeb;--vkui--color_background_accent--hover:#77adec;--vkui--color_background_accent--active:#7cb1ed;--vkui--color_background_accent_themed:#e1e3e6;--vkui--color_background_accent_themed--hover:#d8dbdf;--vkui--color_background_accent_themed--active:#cfd2d8;--vkui--color_background_accent_alternative:#71aaeb;--vkui--color_background_accent_alternative--hover:#77adec;--vkui--color_background_accent_alternative--active:#7cb1ed;--vkui--color_background:#141414;--vkui--color_background--hover:#1d1d1d;--vkui--color_background--active:#272727;--vkui--color_background_content:#222;--vkui--color_background_content--hover:#2b2b2b;--vkui--color_background_content--active:#343434;--vkui--color_background_secondary:#333;--vkui--color_background_secondary--hover:#3b3b3b;--vkui--color_background_secondary--active:#434343;--vkui--color_background_tertiary:#292929;--vkui--color_background_tertiary--hover:#323232;--vkui--color_background_tertiary--active:#3a3a3a;--vkui--color_background_contrast_inverse--hover:#3b3b3b;--vkui--color_background_contrast_inverse--active:#434343;--vkui--color_background_modal:#333;--vkui--color_background_modal--hover:#3b3b3b;--vkui--color_background_modal--active:#434343;--vkui--color_header_background:#222;--vkui--color_header_background--hover:#2b2b2b;--vkui--color_header_background--active:#343434;--vkui--color_text_accent:#71aaeb;--vkui--color_text_accent--hover:#77adec;--vkui--color_text_accent--active:#7cb1ed;--vkui--color_text_accent_themed:#e1e3e6;--vkui--color_text_accent_themed--hover:#e2e4e7;--vkui--color_text_accent_themed--active:#e3e5e8;--vkui--color_text_primary_invariably--hover:#3b3b3b;--vkui--color_text_primary_invariably--active:#434343;--vkui--color_text_secondary:#b2b2b2;--vkui--color_text_secondary--hover:#b5b5b5;--vkui--color_text_secondary--active:#b8b8b8;--vkui--color_text_subhead:#939393;--vkui--color_text_subhead--hover:#979797;--vkui--color_text_subhead--active:#9c9c9c;--vkui--color_text_tertiary:#656565;--vkui--color_text_tertiary--hover:#6b6b6b;--vkui--color_text_tertiary--active:#717171;--vkui--color_text_contrast_themed:#222;--vkui--color_text_contrast_themed--hover:#2b2b2b;--vkui--color_text_contrast_themed--active:#343434;--vkui--color_text_link:#71aaeb;--vkui--color_text_link--hover:#77adec;--vkui--color_text_link--active:#7cb1ed;--vkui--color_text_link_themed:#939393;--vkui--color_text_link_themed--hover:#979797;--vkui--color_text_link_themed--active:#9c9c9c;--vkui--color_text_muted:#ccc;--vkui--color_text_muted--hover:#cecece;--vkui--color_text_muted--active:#d0d0d0;--vkui--color_link_contrast:#ccc;--vkui--color_link_contrast--hover:#cecece;--vkui--color_link_contrast--active:#d0d0d0;--vkui--color_icon_accent:#71aaeb;--vkui--color_icon_accent--hover:#77adec;--vkui--color_icon_accent--active:#7cb1ed;--vkui--color_icon_accent_themed:#e1e3e6;--vkui--color_icon_accent_themed--hover:#e2e4e7;--vkui--color_icon_accent_themed--active:#e3e5e8;--vkui--color_icon_primary_invariably--hover:#3b3b3b;--vkui--color_icon_primary_invariably--active:#434343;--vkui--color_icon_medium:#939393;--vkui--color_icon_medium--hover:#979797;--vkui--color_icon_medium--active:#9c9c9c;--vkui--color_icon_medium_alpha:hsla(0,0%,100%,.48);--vkui--color_icon_medium_alpha--hover:hsla(0,0%,100%,.52);--vkui--color_icon_medium_alpha--active:hsla(0,0%,100%,.56);--vkui--color_icon_secondary:#828282;--vkui--color_icon_secondary--hover:#878787;--vkui--color_icon_secondary--active:#8c8c8c;--vkui--color_icon_secondary_alpha:hsla(0,0%,100%,.4);--vkui--color_icon_secondary_alpha--hover:hsla(0,0%,100%,.44);--vkui--color_icon_secondary_alpha--active:hsla(0,0%,100%,.48);--vkui--color_icon_tertiary:#656565;--vkui--color_icon_tertiary--hover:#6b6b6b;--vkui--color_icon_tertiary--active:#717171;--vkui--color_icon_tertiary_alpha:hsla(0,0%,100%,.24);--vkui--color_icon_tertiary_alpha--hover:hsla(0,0%,100%,.28);--vkui--color_icon_tertiary_alpha--active:hsla(0,0%,100%,.32);--vkui--color_icon_contrast:#e1e3e6;--vkui--color_icon_contrast--hover:#e2e4e7;--vkui--color_icon_contrast--active:#e3e5e8;--vkui--color_icon_contrast_themed:#222;--vkui--color_icon_contrast_themed--hover:#2b2b2b;--vkui--color_icon_contrast_themed--active:#343434;--vkui--color_stroke_accent:#71aaeb;--vkui--color_stroke_accent--hover:#77adec;--vkui--color_stroke_accent--active:#7cb1ed;--vkui--color_stroke_accent_themed:#e1e3e6;--vkui--color_stroke_accent_themed--hover:#e2e4e7;--vkui--color_stroke_accent_themed--active:#e3e5e8;--vkui--color_separator_secondary:#292929;--vkui--color_separator_secondary--hover:#323232;--vkui--color_separator_secondary--active:#3a3a3a;--vkui--color_accent_blue:#397dcc;--vkui--color_accent_blue--hover:#4182ce;--vkui--color_accent_blue--active:#4987d0;--vkui--color_accent_gray--hover:#b1bac4;--vkui--color_accent_gray--active:#b4bdc7;--vkui--color_accent_purple:#937ff5;--vkui--color_accent_purple--hover:#9784f5;--vkui--color_accent_purple--active:#9c89f6;--vkui--color_accent_violet:#a393f5;--vkui--color_accent_violet--hover:#a797f5;--vkui--color_accent_violet--active:#aa9cf6;--vkui--color_skeleton_from:#292929;--vkui--color_skeleton_from--hover:#323232;--vkui--color_skeleton_from--active:#3a3a3a;--vkui--color_skeleton_to:#333;--vkui--color_skeleton_to--hover:#3b3b3b;--vkui--color_skeleton_to--active:#434343;--vkui--color_write_bar_icon:#e1e3e6;--vkui--color_write_bar_icon--hover:#e2e4e7;--vkui--color_write_bar_icon--active:#e3e5e8;--vkui--color_write_bar_input_background:#424242;--vkui--color_write_bar_input_background--hover:#4a4a4a;--vkui--color_write_bar_input_background--active:#515151;--vkui--color_track_background:#828282;--vkui--color_track_background--hover:#878787;--vkui--color_track_background--active:#8c8c8c;--vkui--color_track_buffer:#fff;--vkui--color_track_buffer--hover:#ebedf0;--vkui--color_track_buffer--active:#d7d8db;--vkui--color_search_field_background:#424242;--vkui--color_search_field_background--hover:#4a4a4a;--vkui--color_search_field_background--active:#515151}

package/dist/cssm/types.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { PlatformType } from './lib/platform';
 import { Insets } from '@vkontakte/vk-bridge';
+import { PlatformType } from './lib/platform';
 export declare type AnyFunction = (...args: any[]) => any;
 export declare type AlignType = 'left' | 'center' | 'right';
 export interface HasChildren {
@@ -41,3 +41,11 @@ export interface Version {
  * @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A &lt;a&gt; - HTML | MDN}
  */
 export declare type AnchorHTMLAttributesOnly = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof React.HTMLAttributes<HTMLAnchorElement>>;
+/**
+ * Проверяет, является ли тип подтипом другого.
+ *
+ * В TS не реализовано.
+ *
+ * @see {@link https://github.com/microsoft/TypeScript/issues/12936}
+ */
+export declare type Exact<A, B> = A extends B ? B : never;

package/dist/cssm/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["../../src/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { ~~PlatformType~~ } from '~~./lib~~/~~platform~~';\nimport { ~~Insets~~ } from '~~@vkontakte~~/~~vk-bridge~~';\n\nexport type AnyFunction = (...args: any[]) => any;\n\nexport type AlignType = 'left' \| 'center' \| 'right';\n\nexport interface HasChildren {\n children?: React.ReactNode;\n}\n\nexport interface HasRootRef<T> {\n getRootRef?: React.Ref<T>;\n}\n\nexport interface HasRef<T> {\n getRef?: React.Ref<T>;\n}\n\nexport interface HasComponent {\n Component?: React.ElementType;\n}\n\nexport interface HasAlign {\n align?: AlignType;\n}\n\nexport interface HasPlatform {\n /*\n @ignore\n /\n platform?: PlatformType;\n}\n\nexport interface HasInsets {\n /\n @ignore\n /\n insets?: Partial<Insets>;\n}\n\nexport interface Version {\n major: number;\n minor?: number;\n patch?: number;\n}\n\n/\n Тип содержит атрибуты, которые применяются только для `<a>`\n \n @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A <a> - HTML \| MDN}\n */\nexport type AnchorHTMLAttributesOnly = Omit<\n React.AnchorHTMLAttributes<HTMLAnchorElement>,\n keyof React.HTMLAttributes<HTMLAnchorElement>\n>;\n"],"mappings":""}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../src/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { Insets } from '@vkontakte/vk-bridge';\nimport { PlatformType } from './lib/platform';\n\nexport type AnyFunction = (...args: any[]) => any;\n\nexport type AlignType = 'left' \| 'center' \| 'right';\n\nexport interface HasChildren {\n children?: React.ReactNode;\n}\n\nexport interface HasRootRef<T> {\n getRootRef?: React.Ref<T>;\n}\n\nexport interface HasRef<T> {\n getRef?: React.Ref<T>;\n}\n\nexport interface HasComponent {\n Component?: React.ElementType;\n}\n\nexport interface HasAlign {\n align?: AlignType;\n}\n\nexport interface HasPlatform {\n /*\n @ignore\n /\n platform?: PlatformType;\n}\n\nexport interface HasInsets {\n /\n @ignore\n /\n insets?: Partial<Insets>;\n}\n\nexport interface Version {\n major: number;\n minor?: number;\n patch?: number;\n}\n\n/\n Тип содержит атрибуты, которые применяются только для `<a>`\n \n @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A <a> - HTML \| MDN}\n /\nexport type AnchorHTMLAttributesOnly = Omit<\n React.AnchorHTMLAttributes<HTMLAnchorElement>,\n keyof React.HTMLAttributes<HTMLAnchorElement>\n>;\n\n/\n Проверяет, является ли тип подтипом другого.\n \n В TS не реализовано.\n \n @see {@link https://github.com/microsoft/TypeScript/issues/12936}\n */\nexport type Exact<A, B> = A extends B ? B : never;\n"],"mappings":""}

package/dist/helpers/getPlatformClassName.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getPlatformClassName.js","names":["platform","getPlatformClassName","base","osname","styles","platformClassName","String"],"sources":["../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["import { ~~PlatformType~~, ~~platform~~ } from '../lib/platform';\n\nexport function getPlatformClassName(base: string, osname?: PlatformType): string;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname?: PlatformType,\n styles?: Styles,\n): string \| undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname: PlatformType = platform(),\n /*\n Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n * не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n */\n styles?: Styles,\n): string \| undefined {\n const platformClassName = `${String(base)}--${osname}`;\n return styles ? styles[platformClassName] : platformClassName;\n}\n"],"mappings":"AAAA,~~SAAuBA~~,QAAQ,~~QAAQ~~,iBAAiB;AAQxD,OAAO,SAASC,oBAAoB,CAClCC,IAAkB,EAOE;EAAA,IANpBC,MAAoB,uEAAGH,QAAQ,EAAE;EAAA;EACjC;AACF;AACA;AACA;EACEI,MAAe;EAEf,IAAMC,iBAAiB,aAAMC,MAAM,CAACJ,IAAI,CAAC,eAAKC,MAAM,CAAE;EACtD,OAAOC,MAAM,GAAGA,MAAM,CAACC,iBAAiB,CAAC,GAAGA,iBAAiB;AAC/D"}
1	+ {"version":3,"file":"getPlatformClassName.js","names":["platform","getPlatformClassName","base","osname","styles","platformClassName","String"],"sources":["../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["import { platform, PlatformType } from '../lib/platform';\n\nexport function getPlatformClassName(base: string, osname?: PlatformType): string;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname?: PlatformType,\n styles?: Styles,\n): string \| undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname: PlatformType = platform(),\n /*\n Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n * не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n */\n styles?: Styles,\n): string \| undefined {\n const platformClassName = `${String(base)}--${osname}`;\n return styles ? styles[platformClassName] : platformClassName;\n}\n"],"mappings":"AAAA,SAASA,QAAQ,QAAsB,iBAAiB;AAQxD,OAAO,SAASC,oBAAoB,CAClCC,IAAkB,EAOE;EAAA,IANpBC,MAAoB,uEAAGH,QAAQ,EAAE;EAAA;EACjC;AACF;AACA;AACA;EACEI,MAAe;EAEf,IAAMC,iBAAiB,aAAMC,MAAM,CAACJ,IAAI,CAAC,eAAKC,MAAM,CAAE;EACtD,OAAOC,MAAM,GAAGA,MAAM,CAACC,iBAAiB,CAAC,GAAGA,iBAAiB;AAC/D"}

package/dist/hoc/withPlatform.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"withPlatform.js","names":["React","useConfigProvider","withPlatform","Component","WithPlatform","props","platform"],"sources":["../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ~~HasPlatform~~ } from '../~~types~~';\nimport { ~~useConfigProvider~~ } from '../~~components/ConfigProvider/ConfigProviderContext~~';\n\nexport function withPlatform<T extends HasPlatform>(\n Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n const { platform } = useConfigProvider();\n\n return <Component {...(props as T)} platform={platform} />;\n }\n return WithPlatform;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;~~AAE9B~~,SAASC,iBAAiB,QAAQ,oDAAoD;~~AAEtF~~,OAAO,SAASC,YAAY,CAC1BC,SAAiC,EACK;EACtC,SAASC,YAAY,CAACC,KAAiC,EAAE;IACvD,yBAAqBJ,iBAAiB,EAAE;MAAhCK,QAAQ,sBAARA,QAAQ;IAEhB,oBAAO,oBAAC,SAAS,eAAMD,KAAK;MAAQ,QAAQ,EAAEC;IAAS,GAAG;EAC5D;EACA,OAAOF,YAAY;AACrB"}
1	+ {"version":3,"file":"withPlatform.js","names":["React","useConfigProvider","withPlatform","Component","WithPlatform","props","platform"],"sources":["../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { HasPlatform } from '../types';\n\nexport function withPlatform<T extends HasPlatform>(\n Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n const { platform } = useConfigProvider();\n\n return <Component {...(props as T)} platform={platform} />;\n }\n return WithPlatform;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,oDAAoD;AAGtF,OAAO,SAASC,YAAY,CAC1BC,SAAiC,EACK;EACtC,SAASC,YAAY,CAACC,KAAiC,EAAE;IACvD,yBAAqBJ,iBAAiB,EAAE;MAAhCK,QAAQ,sBAARA,QAAQ;IAEhB,oBAAO,oBAAC,SAAS,eAAMD,KAAK;MAAQ,QAAQ,EAAEC;IAAS,GAAG;EAC5D;EACA,OAAOF,YAAY;AACrB"}

package/dist/hooks/useAdaptivityConditionalRender/helpers.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { SizeType, ViewWidth, ViewHeight } from '../../lib/adaptivity';
+import { SizeType, ViewHeight, ViewWidth } from '../../lib/adaptivity';
 import type { PlatformType } from '../../lib/platform';
-import type { ElementProps, AdaptiveSizeType, ViewWidthCSSBreakpoints, AdaptiveViewWidth, DeviceTypeCSSBreakpoints, AdaptiveDeviceType } from './types';
+import type { AdaptiveDeviceType, AdaptiveSizeType, AdaptiveViewWidth, DeviceTypeCSSBreakpoints, ElementProps, ViewWidthCSSBreakpoints } from './types';
 export declare const getAdaptiveSizeType: (type: undefined | SizeType, compactClassNames: Record<'mq' | SizeType.COMPACT, ElementProps>, regularClassNames: Record<'mq' | SizeType.REGULAR, ElementProps>) => AdaptiveSizeType;
 export declare const getAdaptiveViewWidth: (viewWidth: undefined | ViewWidth, viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>) => AdaptiveViewWidth;
 export declare const getAdaptiveDeviceType: (viewWidth: undefined | ViewWidth, viewHeight: undefined | ViewHeight, hasPointer: undefined | boolean, platform: PlatformType, deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>) => AdaptiveDeviceType;

package/dist/hooks/useAdaptivityConditionalRender/helpers.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { SizeType, ViewWidth, tryToCheckIsDesktop } from '../../lib/adaptivity';
+import { SizeType, tryToCheckIsDesktop, ViewWidth } from '../../lib/adaptivity';
 export var getAdaptiveSizeType = function getAdaptiveSizeType(type, compactClassNames, regularClassNames) {
   return {
     compact: type === undefined ? compactClassNames.mq : type === SizeType.COMPACT ? compactClassNames[type] : false,

package/dist/hooks/useAdaptivityConditionalRender/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helpers.js","names":["SizeType","~~ViewWidth~~","~~tryToCheckIsDesktop~~","getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","mobile","desktop"],"sources":["../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import { SizeType, ~~ViewWidth~~, ViewHeight, ~~tryToCheckIsDesktop~~ } from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport type {\n ~~ElementProps~~,\n AdaptiveSizeType,\n ~~ViewWidthCSSBreakpoints~~,\n ~~AdaptiveViewWidth~~,\n ~~DeviceTypeCSSBreakpoints~~,\n ~~AdaptiveDeviceType~~,\n} from './types';\n\nexport const getAdaptiveSizeType = (\n type: undefined \| SizeType,\n compactClassNames: Record<'mq' \| SizeType.COMPACT, ElementProps>,\n regularClassNames: Record<'mq' \| SizeType.REGULAR, ElementProps>,\n): AdaptiveSizeType => {\n return {\n compact:\n type === undefined\n ? compactClassNames.mq\n : type === SizeType.COMPACT\n ? compactClassNames[type]\n : false,\n regular:\n type === undefined\n ? regularClassNames.mq\n : type === SizeType.REGULAR\n ? regularClassNames[type]\n : false,\n };\n};\n\nexport const getAdaptiveViewWidth = (\n viewWidth: undefined \| ViewWidth,\n viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveViewWidth => {\n return {\n tabletMinus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletMinus.mq\n : viewWidth < ViewWidth.TABLET\n ? viewWidthClassNames.tabletMinus.forced\n : false,\n tabletPlus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletPlus.mq\n : viewWidth >= ViewWidth.TABLET\n ? viewWidthClassNames.tabletPlus.forced\n : false,\n };\n};\n\nexport const getAdaptiveDeviceType = (\n viewWidth: undefined \| ViewWidth,\n viewHeight: undefined \| ViewHeight,\n hasPointer: undefined \| boolean,\n platform: PlatformType,\n deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveDeviceType => {\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n if (isDesktop === null) {\n return {\n mobile: deviceTypeClassNames.mobile.mq,\n desktop: deviceTypeClassNames.desktop.mq,\n };\n }\n\n if (isDesktop) {\n return {\n mobile: false,\n desktop: deviceTypeClassNames.desktop.forced,\n };\n }\n\n return {\n mobile: deviceTypeClassNames.mobile.forced,\n desktop: false,\n };\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,~~SAAS~~,EAAcC,~~mBAAmB~~,QAAQ,sBAAsB;AAW3F,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,IAA0B,EAC1BC,iBAAgE,EAChEC,iBAAgE,EAC3C;EACrB,OAAO;IACLC,OAAO,EACLH,IAAI,KAAKI,SAAS,GACdH,iBAAiB,CAACI,EAAE,GACpBL,IAAI,KAAKJ,QAAQ,CAACU,OAAO,GACzBL,iBAAiB,CAACD,IAAI,CAAC,GACvB,KAAK;IACXO,OAAO,EACLP,IAAI,KAAKI,SAAS,GACdF,iBAAiB,CAACG,EAAE,GACpBL,IAAI,KAAKJ,QAAQ,CAACY,OAAO,GACzBN,iBAAiB,CAACF,IAAI,CAAC,GACvB;EACR,CAAC;AACH,CAAC;AAED,OAAO,IAAMS,oBAAoB,GAAG,SAAvBA,oBAAoB,CAC/BC,SAAgC,EAChCC,mBAA2F,EACrE;EACtB,OAAO;IACLC,WAAW,EACTF,SAAS,KAAKN,SAAS,GACnBO,mBAAmB,CAACC,WAAW,CAACP,EAAE,GAClCK,SAAS,~~GAAGb~~,SAAS,~~CAACgB~~,MAAM,GAC5BF,mBAAmB,CAACC,WAAW,CAACE,MAAM,GACtC,KAAK;IACXC,UAAU,EACRL,SAAS,KAAKN,SAAS,GACnBO,mBAAmB,CAACI,UAAU,CAACV,EAAE,GACjCK,SAAS,~~IAAIb~~,SAAS,~~CAACgB~~,MAAM,GAC7BF,mBAAmB,CAACI,UAAU,CAACD,MAAM,GACrC;EACR,CAAC;AACH,CAAC;AAED,OAAO,IAAME,qBAAqB,GAAG,SAAxBA,qBAAqB,CAChCN,SAAgC,EAChCO,UAAkC,EAClCC,UAA+B,EAC/BC,QAAsB,EACtBC,oBAA6F,EACtE;EACvB,IAAMC,SAAS,~~GAAGvB~~,mBAAmB,~~CAACY~~,SAAS,EAAEO,UAAU,EAAEC,UAAU,EAAEC,QAAQ,CAAC;EAElF,IAAIE,SAAS,KAAK,IAAI,EAAE;IACtB,OAAO;MACLC,MAAM,EAAEF,oBAAoB,CAACE,MAAM,CAACjB,EAAE;MACtCkB,OAAO,EAAEH,oBAAoB,CAACG,OAAO,CAAClB;IACxC,CAAC;EACH;EAEA,IAAIgB,SAAS,EAAE;IACb,OAAO;MACLC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAEH,oBAAoB,CAACG,OAAO,CAACT;IACxC,CAAC;EACH;EAEA,OAAO;IACLQ,MAAM,EAAEF,oBAAoB,CAACE,MAAM,CAACR,MAAM;IAC1CS,OAAO,EAAE;EACX,CAAC;AACH,CAAC"}
1	+ {"version":3,"file":"helpers.js","names":["SizeType","tryToCheckIsDesktop","ViewWidth","getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","mobile","desktop"],"sources":["../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import { SizeType, tryToCheckIsDesktop, ViewHeight, ViewWidth } from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport type {\n AdaptiveDeviceType,\n AdaptiveSizeType,\n AdaptiveViewWidth,\n DeviceTypeCSSBreakpoints,\n ElementProps,\n ViewWidthCSSBreakpoints,\n} from './types';\n\nexport const getAdaptiveSizeType = (\n type: undefined \| SizeType,\n compactClassNames: Record<'mq' \| SizeType.COMPACT, ElementProps>,\n regularClassNames: Record<'mq' \| SizeType.REGULAR, ElementProps>,\n): AdaptiveSizeType => {\n return {\n compact:\n type === undefined\n ? compactClassNames.mq\n : type === SizeType.COMPACT\n ? compactClassNames[type]\n : false,\n regular:\n type === undefined\n ? regularClassNames.mq\n : type === SizeType.REGULAR\n ? regularClassNames[type]\n : false,\n };\n};\n\nexport const getAdaptiveViewWidth = (\n viewWidth: undefined \| ViewWidth,\n viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveViewWidth => {\n return {\n tabletMinus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletMinus.mq\n : viewWidth < ViewWidth.TABLET\n ? viewWidthClassNames.tabletMinus.forced\n : false,\n tabletPlus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletPlus.mq\n : viewWidth >= ViewWidth.TABLET\n ? viewWidthClassNames.tabletPlus.forced\n : false,\n };\n};\n\nexport const getAdaptiveDeviceType = (\n viewWidth: undefined \| ViewWidth,\n viewHeight: undefined \| ViewHeight,\n hasPointer: undefined \| boolean,\n platform: PlatformType,\n deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveDeviceType => {\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n if (isDesktop === null) {\n return {\n mobile: deviceTypeClassNames.mobile.mq,\n desktop: deviceTypeClassNames.desktop.mq,\n };\n }\n\n if (isDesktop) {\n return {\n mobile: false,\n desktop: deviceTypeClassNames.desktop.forced,\n };\n }\n\n return {\n mobile: deviceTypeClassNames.mobile.forced,\n desktop: false,\n };\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,mBAAmB,EAAcC,SAAS,QAAQ,sBAAsB;AAW3F,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,IAA0B,EAC1BC,iBAAgE,EAChEC,iBAAgE,EAC3C;EACrB,OAAO;IACLC,OAAO,EACLH,IAAI,KAAKI,SAAS,GACdH,iBAAiB,CAACI,EAAE,GACpBL,IAAI,KAAKJ,QAAQ,CAACU,OAAO,GACzBL,iBAAiB,CAACD,IAAI,CAAC,GACvB,KAAK;IACXO,OAAO,EACLP,IAAI,KAAKI,SAAS,GACdF,iBAAiB,CAACG,EAAE,GACpBL,IAAI,KAAKJ,QAAQ,CAACY,OAAO,GACzBN,iBAAiB,CAACF,IAAI,CAAC,GACvB;EACR,CAAC;AACH,CAAC;AAED,OAAO,IAAMS,oBAAoB,GAAG,SAAvBA,oBAAoB,CAC/BC,SAAgC,EAChCC,mBAA2F,EACrE;EACtB,OAAO;IACLC,WAAW,EACTF,SAAS,KAAKN,SAAS,GACnBO,mBAAmB,CAACC,WAAW,CAACP,EAAE,GAClCK,SAAS,GAAGZ,SAAS,CAACe,MAAM,GAC5BF,mBAAmB,CAACC,WAAW,CAACE,MAAM,GACtC,KAAK;IACXC,UAAU,EACRL,SAAS,KAAKN,SAAS,GACnBO,mBAAmB,CAACI,UAAU,CAACV,EAAE,GACjCK,SAAS,IAAIZ,SAAS,CAACe,MAAM,GAC7BF,mBAAmB,CAACI,UAAU,CAACD,MAAM,GACrC;EACR,CAAC;AACH,CAAC;AAED,OAAO,IAAME,qBAAqB,GAAG,SAAxBA,qBAAqB,CAChCN,SAAgC,EAChCO,UAAkC,EAClCC,UAA+B,EAC/BC,QAAsB,EACtBC,oBAA6F,EACtE;EACvB,IAAMC,SAAS,GAAGxB,mBAAmB,CAACa,SAAS,EAAEO,UAAU,EAAEC,UAAU,EAAEC,QAAQ,CAAC;EAElF,IAAIE,SAAS,KAAK,IAAI,EAAE;IACtB,OAAO;MACLC,MAAM,EAAEF,oBAAoB,CAACE,MAAM,CAACjB,EAAE;MACtCkB,OAAO,EAAEH,oBAAoB,CAACG,OAAO,CAAClB;IACxC,CAAC;EACH;EAEA,IAAIgB,SAAS,EAAE;IACb,OAAO;MACLC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAEH,oBAAoB,CAACG,OAAO,CAACT;IACxC,CAAC;EACH;EAEA,OAAO;IACLQ,MAAM,EAAEF,oBAAoB,CAACE,MAAM,CAACR,MAAM;IAC1CS,OAAO,EAAE;EACX,CAAC;AACH,CAAC"}

package/dist/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';
 import { usePlatform } from '../usePlatform';
-import { sizeXCompactClassNames, sizeXRegularClassNames, sizeYCompactClassNames, sizeYRegularClassNames, viewWidthClassNames, deviceTypeClassNames } from './constants';
-import { getAdaptiveSizeType, getAdaptiveViewWidth, getAdaptiveDeviceType } from './helpers';
+import { deviceTypeClassNames, sizeXCompactClassNames, sizeXRegularClassNames, sizeYCompactClassNames, sizeYRegularClassNames, viewWidthClassNames } from './constants';
+import { getAdaptiveDeviceType, getAdaptiveSizeType, getAdaptiveViewWidth } from './helpers';
 export var useAdaptivityConditionalRender = function useAdaptivityConditionalRender() {
   var _React$useContext = React.useContext(AdaptivityContext),
     sizeXContext = _React$useContext.sizeX,

package/dist/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAdaptivityConditionalRender.js","names":["React","AdaptivityContext","usePlatform","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","~~deviceTypeClassNames~~","getAdaptiveSizeType","getAdaptiveViewWidth","~~getAdaptiveDeviceType","~~useAdaptivityConditionalRender","useContext","sizeXContext","sizeX","sizeYContext","sizeY","viewWidthContext","viewWidth","viewHeightContext","viewHeight","hasPointerContext","hasPointer","platform","useMemo","deviceType"],"sources":["../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport ~~type~~ { ~~UseAdaptivityConditionalRender } from './types';\nimport {~~\n sizeXCompactClassNames,\n sizeXRegularClassNames,\n sizeYCompactClassNames,\n sizeYRegularClassNames,\n viewWidthClassNames,\n ~~deviceTypeClassNames,\n~~} from './constants';\nimport { getAdaptiveSizeType, getAdaptiveViewWidth, ~~getAdaptiveDeviceType~~ } from './helpers';\n\nexport const useAdaptivityConditionalRender = (): UseAdaptivityConditionalRender => {\n const {\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n hasPointer: hasPointerContext,\n } = React.useContext(AdaptivityContext);\n const platform = usePlatform();\n\n return React.useMemo(() => {\n const sizeX = getAdaptiveSizeType(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);\n const sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);\n const viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);\n const deviceType = getAdaptiveDeviceType(\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n deviceTypeClassNames,\n );\n return {\n sizeX,\n sizeY,\n viewWidth,\n deviceType,\n };\n }, [\n sizeXContext,\n sizeYContext,\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n ]);\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,uDAAuD;AACzF,SAASC,WAAW,QAAQ,gBAAgB;~~AAE5C~~,SACEC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,~~EACnBC~~,~~oBAAoB,QACf,~~aAAa;AACpB,SAASC,~~mBAAmB~~,EAAEC,~~oBAAoB~~,EAAEC,~~qBAAqB~~,QAAQ,WAAW;~~AAE5F~~,OAAO,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8B,GAAyC;EAClF,wBAMIZ,KAAK,CAACa,UAAU,CAACZ,iBAAiB,CAAC;IAL9Ba,YAAY,qBAAnBC,KAAK;IACEC,YAAY,qBAAnBC,KAAK;IACMC,gBAAgB,qBAA3BC,SAAS;IACGC,iBAAiB,qBAA7BC,UAAU;IACEC,iBAAiB,qBAA7BC,UAAU;EAEZ,IAAMC,QAAQ,GAAGtB,WAAW,EAAE;EAE9B,OAAOF,KAAK,CAACyB,OAAO,CAAC,YAAM;IACzB,IAAMV,KAAK,~~GAAGN~~,mBAAmB,~~CAACK~~,YAAY,~~EAAEX~~,sBAAsB,EAAEC,sBAAsB,CAAC;IAC/F,~~IAAMa~~,KAAK,~~GAAGR~~,mBAAmB,~~CAACO~~,YAAY,~~EAAEX~~,sBAAsB,EAAEC,sBAAsB,CAAC;IAC/F,~~IAAMa~~,SAAS,~~GAAGT~~,oBAAoB,~~CAACQ~~,gBAAgB,~~EAAEX~~,mBAAmB,CAAC;IAC7E,~~IAAMmB~~,UAAU,~~GAAGf~~,qBAAqB,~~CACtCO~~,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,~~EACRhB~~,oBAAoB,CACrB;IACD,OAAO;~~MACLO~~,KAAK,EAALA,KAAK;MACLE,KAAK,EAALA,KAAK;MACLE,SAAS,EAATA,SAAS;MACTO,UAAU,EAAVA;IACF,CAAC;EACH,CAAC,EAAE,CACDZ,YAAY,EACZE,YAAY,EACZE,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,CACT,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"useAdaptivityConditionalRender.js","names":["React","AdaptivityContext","usePlatform","deviceTypeClassNames","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","getAdaptiveDeviceType","getAdaptiveSizeType","getAdaptiveViewWidth","useAdaptivityConditionalRender","useContext","sizeXContext","sizeX","sizeYContext","sizeY","viewWidthContext","viewWidth","viewHeightContext","viewHeight","hasPointerContext","hasPointer","platform","useMemo","deviceType"],"sources":["../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport {\n deviceTypeClassNames,\n sizeXCompactClassNames,\n sizeXRegularClassNames,\n sizeYCompactClassNames,\n sizeYRegularClassNames,\n viewWidthClassNames,\n} from './constants';\nimport { getAdaptiveDeviceType, getAdaptiveSizeType, getAdaptiveViewWidth } from './helpers';\nimport type { UseAdaptivityConditionalRender } from './types';\n\nexport const useAdaptivityConditionalRender = (): UseAdaptivityConditionalRender => {\n const {\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n hasPointer: hasPointerContext,\n } = React.useContext(AdaptivityContext);\n const platform = usePlatform();\n\n return React.useMemo(() => {\n const sizeX = getAdaptiveSizeType(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);\n const sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);\n const viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);\n const deviceType = getAdaptiveDeviceType(\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n deviceTypeClassNames,\n );\n return {\n sizeX,\n sizeY,\n viewWidth,\n deviceType,\n };\n }, [\n sizeXContext,\n sizeYContext,\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n ]);\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,uDAAuD;AACzF,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SACEC,oBAAoB,EACpBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,QACd,aAAa;AACpB,SAASC,qBAAqB,EAAEC,mBAAmB,EAAEC,oBAAoB,QAAQ,WAAW;AAG5F,OAAO,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8B,GAAyC;EAClF,wBAMIZ,KAAK,CAACa,UAAU,CAACZ,iBAAiB,CAAC;IAL9Ba,YAAY,qBAAnBC,KAAK;IACEC,YAAY,qBAAnBC,KAAK;IACMC,gBAAgB,qBAA3BC,SAAS;IACGC,iBAAiB,qBAA7BC,UAAU;IACEC,iBAAiB,qBAA7BC,UAAU;EAEZ,IAAMC,QAAQ,GAAGtB,WAAW,EAAE;EAE9B,OAAOF,KAAK,CAACyB,OAAO,CAAC,YAAM;IACzB,IAAMV,KAAK,GAAGL,mBAAmB,CAACI,YAAY,EAAEV,sBAAsB,EAAEC,sBAAsB,CAAC;IAC/F,IAAMY,KAAK,GAAGP,mBAAmB,CAACM,YAAY,EAAEV,sBAAsB,EAAEC,sBAAsB,CAAC;IAC/F,IAAMY,SAAS,GAAGR,oBAAoB,CAACO,gBAAgB,EAAEV,mBAAmB,CAAC;IAC7E,IAAMkB,UAAU,GAAGjB,qBAAqB,CACtCS,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,EACRrB,oBAAoB,CACrB;IACD,OAAO;MACLY,KAAK,EAALA,KAAK;MACLE,KAAK,EAALA,KAAK;MACLE,SAAS,EAATA,SAAS;MACTO,UAAU,EAAVA;IACF,CAAC;EACH,CAAC,EAAE,CACDZ,YAAY,EACZE,YAAY,EACZE,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,CACT,CAAC;AACJ,CAAC"}

package/dist/hooks/useAdaptivityWithJSMediaQueries.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
-import { canUseDOM, hasMouse as hasPointerLib, hasHover as hasHoverLib } from '@vkontakte/vkjs';
+import { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';
 import { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';
 import { getOrDefault } from '../helpers/getOrDefault';
-import { getViewWidthByMediaQueries, getViewHeightByMediaQueries, getSizeX, getSizeY, tryToCheckIsDesktop } from '../lib/adaptivity';
+import { getSizeX, getSizeY, getViewHeightByMediaQueries, getViewWidthByMediaQueries, tryToCheckIsDesktop } from '../lib/adaptivity';
+import { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';
 import { useMediaQueries } from './useMediaQueries';
 import { usePlatform } from './usePlatform';
-import { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';
 /**
  * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
  *

package/dist/hooks/useAdaptivityWithJSMediaQueries.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAdaptivityWithJSMediaQueries.js","names":["React","canUseDOM","~~hasMouse~~","~~hasPointerLib~~","~~hasHover~~","~~hasHoverLib~~","AdaptivityContext","getOrDefault","~~getViewWidthByMediaQueries~~","~~getViewHeightByMediaQueries~~","~~getSizeX~~","~~getSizeY~~","tryToCheckIsDesktop","~~useMediaQueries~~","~~usePlatform~~","~~matchMediaListAddListener~~","~~matchMediaListRemoveListener~~","useAdaptivityWithJSMediaQueries","console","error","useContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasPointerContext","hasPointer","hasHoverContext","platform","mediaQueries","useState","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","isDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","mediumHeight","mobileLandscapeHeight"],"sources":["../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, ~~hasMouse~~ as ~~hasPointerLib~~, ~~hasHover~~ as ~~hasHoverLib~~ } from '@vkontakte/vkjs';\nimport {\n AdaptivityContext,\n type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n ~~getViewWidthByMediaQueries~~,\n ~~getViewHeightByMediaQueries~~,\n ~~getSizeX~~,\n ~~getSizeY~~,\n tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { ~~useMediaQueries~~ } from '~~./useMediaQueries~~';\nimport { ~~usePlatform~~ } from './~~usePlatform~~';\nimport { ~~matchMediaListAddListener,~~ ~~matchMediaListRemoveListener~~ } from '~~../lib/matchMedia~~';\n\nexport interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {\n isDesktop: boolean;\n}\n\n/*\n Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n \n Берёт в приоритет значения из `AdaptivityContext`.\n \n > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n if (!canUseDOM) {\n console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n }\n\n const {\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n hasPointer: hasPointerContext,\n hasHover: hasHoverContext,\n } = React.useContext(AdaptivityContext);\n\n const platform = usePlatform();\n const mediaQueries = useMediaQueries();\n\n const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n ]);\n\n const adaptivityProps = React.useMemo(() => {\n const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n return {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n hasPointer,\n hasHover,\n isDesktop,\n };\n }, [\n viewWidthLocal,\n viewHeightLocal,\n viewWidthContext,\n viewHeightContext,\n sizeXContext,\n sizeYContext,\n hasPointerContext,\n hasHoverContext,\n platform,\n ]);\n\n React.useEffect(() => {\n const handleMediaQuery = () => {\n setViewSizeLocal((prevSizeLocal) => {\n const newViewWidthLocal = getOrDefault(\n viewWidthContext,\n getViewWidthByMediaQueries(mediaQueries),\n );\n const newViewHeightLocal = getOrDefault(\n viewHeightContext,\n getViewHeightByMediaQueries(mediaQueries),\n );\n\n const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n if (\n prevViewWidthLocal !== newViewWidthLocal \|\|\n prevViewHeightLocal !== newViewHeightLocal\n ) {\n return [newViewWidthLocal, newViewHeightLocal];\n }\n\n return prevSizeLocal;\n });\n };\n\n if (!viewWidthContext) {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n ].forEach((matchMediaListener) =>\n matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n if (!viewHeightContext) {\n [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n return () => {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n mediaQueries.mediumHeight,\n mediaQueries.mobileLandscapeHeight,\n ].forEach((matchMediaListener) =>\n matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n );\n };\n }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n return adaptivityProps;\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,QAAQ,IAAIC,~~aAAa~~,EAAEC,QAAQ,IAAIC,~~WAAW~~,QAAQ,iBAAiB;AAC/F,SACEC,iBAAiB,QAEZ,oDAAoD;AAC3D,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SACEC,~~0BAA0B~~,~~EAC1BC~~,2BAA2B,EAC3BC,~~QAAQ~~,~~EACRC~~,~~QAAQ,EACRC,~~mBAAmB,QACd,mBAAmB;AAC1B,SAASC,~~eAAe~~,QAAQ,mBAAmB;~~AACnD~~,SAASC,~~WAAW~~,QAAQ,~~eAAe~~;~~AAC3C~~,SAASC,~~yBAAyB~~,~~EAAEC,4BAA4B,~~QAAQ,~~mBAAmB~~;~~AAM3F~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,+BAA+B,GAAG,SAAlCA,+BAA+B,GAA0C;EACpF,IAAI,CAAChB,SAAS,EAAE;IACdiB,OAAO,CAACC,KAAK,2jCAIqE;EACpF;EAEA,wBAOInB,KAAK,CAACoB,UAAU,CAACd,iBAAiB,CAAC;IAN1Be,gBAAgB,qBAA3BC,SAAS;IACGC,iBAAiB,qBAA7BC,UAAU;IACHC,YAAY,qBAAnBC,KAAK;IACEC,YAAY,qBAAnBC,KAAK;IACOC,iBAAiB,qBAA7BC,UAAU;IACAC,eAAe,~~qBAAzB3B~~,QAAQ;EAGV,~~IAAM4B~~,QAAQ,~~GAAGlB~~,WAAW,EAAE;EAC9B,~~IAAMmB~~,YAAY,~~GAAGpB~~,eAAe,EAAE;EAEtC,~~sBAA8Db~~,KAAK,CAACkC,QAAQ,CAAC;MAAA,OAAM,CACjF3B,YAAY,CAACc,gBAAgB,~~EAAEb~~,0BAA0B,~~CAACyB~~,YAAY,CAAC,CAAC,EACxE1B,YAAY,CAACgB,iBAAiB,~~EAAEd~~,2BAA2B,~~CAACwB~~,YAAY,CAAC,CAAC,CAC3E;IAAA,EAAC;IAAA;IAAA;IAHME,cAAc;IAAEC,eAAe;IAAGC,gBAAgB;EAK1D,IAAMC,eAAe,GAAGtC,KAAK,CAACuC,OAAO,CAAC,YAAM;IAC1C,IAAMT,UAAU,GAAGvB,YAAY,CAACsB,iBAAiB,~~EAAE1B~~,aAAa,CAAC;IACjE,~~IAAMC~~,QAAQ,~~GAAGG~~,YAAY,CAACwB,eAAe,~~EAAE1B~~,WAAW,CAAC;IAC3D,~~IAAMiB~~,SAAS,GAAGf,YAAY,CAACc,gBAAgB,EAAEc,cAAc,CAAC;IAChE,IAAMX,UAAU,GAAGjB,YAAY,CAACgB,iBAAiB,EAAEa,eAAe,CAAC;IACnE,IAAMV,KAAK,GAAGnB,YAAY,CAACkB,YAAY,~~EAAEf~~,QAAQ,~~CAACY~~,SAAS,CAAC,CAAC;IAC7D,IAAMM,KAAK,GAAGrB,YAAY,CAACoB,YAAY,~~EAAEhB~~,QAAQ,~~CAACW~~,SAAS,EAAEE,UAAU,EAAEM,UAAU,CAAC,CAAC;IACrF,IAAMU,SAAS,GAAG5B,mBAAmB,CAACU,SAAS,EAAEE,UAAU,EAAEM,UAAU,EAAEE,QAAQ,CAAC;IAElF,OAAO;MACLV,SAAS,EAATA,SAAS;MACTE,UAAU,EAAVA,UAAU;MACVE,KAAK,EAALA,KAAK;MACLE,KAAK,EAALA,KAAK;MACLE,UAAU,EAAVA,UAAU;~~MACV1B~~,QAAQ,EAARA,QAAQ;~~MACRoC~~,SAAS,EAATA;IACF,CAAC;EACH,CAAC,EAAE,CACDL,cAAc,EACdC,eAAe,EACff,gBAAgB,EAChBE,iBAAiB,EACjBE,YAAY,EACZE,YAAY,EACZE,iBAAiB,EACjBE,eAAe,EACfC,QAAQ,CACT,CAAC;EAEFhC,KAAK,CAACyC,SAAS,CAAC,YAAM;IACpB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAS;MAC7BL,gBAAgB,CAAC,UAACM,aAAa,EAAK;QAClC,IAAMC,iBAAiB,GAAGrC,YAAY,CACpCc,gBAAgB,~~EAChBb~~,0BAA0B,~~CAACyB~~,YAAY,CAAC,CACzC;QACD,IAAMY,kBAAkB,GAAGtC,YAAY,CACrCgB,iBAAiB,~~EACjBd~~,2BAA2B,~~CAACwB~~,YAAY,CAAC,CAC1C;QAED,oCAAkDU,aAAa;UAAxDG,kBAAkB;UAAEC,mBAAmB;QAE9C,IACED,kBAAkB,KAAKF,iBAAiB,IACxCG,mBAAmB,KAAKF,kBAAkB,EAC1C;UACA,OAAO,CAACD,iBAAiB,EAAEC,kBAAkB,CAAC;QAChD;QAEA,OAAOF,aAAa;MACtB,CAAC,CAAC;IACJ,CAAC;IAED,IAAI,CAACtB,gBAAgB,EAAE;MACrB,CACEY,YAAY,CAACe,WAAW,EACxBf,YAAY,CAACgB,MAAM,EACnBhB,YAAY,CAACiB,WAAW,EACxBjB,YAAY,CAACkB,MAAM,CACpB,CAACC,OAAO,CAAC,UAACC,kBAAkB;QAAA,~~OAC3BtC~~,yBAAyB,~~CAACsC~~,kBAAkB,EAAEX,gBAAgB,CAAC;MAAA,EAChE;IACH;IAEA,IAAI,CAACnB,iBAAiB,EAAE;MACtB,CAACU,YAAY,CAACqB,YAAY,EAAErB,YAAY,CAACsB,qBAAqB,CAAC,CAACH,OAAO,CACrE,UAACC,kBAAkB;QAAA,~~OAAKtC~~,yBAAyB,~~CAACsC~~,kBAAkB,EAAEX,gBAAgB,CAAC;MAAA,EACxF;IACH;IAEA,OAAO,YAAM;MACX,CACET,YAAY,CAACe,WAAW,EACxBf,YAAY,CAACgB,MAAM,EACnBhB,YAAY,CAACiB,WAAW,EACxBjB,YAAY,CAACkB,MAAM,EACnBlB,YAAY,CAACqB,YAAY,EACzBrB,YAAY,CAACsB,qBAAqB,CACnC,CAACH,OAAO,CAAC,UAACC,kBAAkB;QAAA,~~OAC3BrC~~,4BAA4B,~~CAACqC~~,kBAAkB,EAAEX,gBAAgB,CAAC;MAAA,EACnE;IACH,CAAC;EACH,CAAC,EAAE,CAACT,YAAY,EAAEZ,gBAAgB,EAAEE,iBAAiB,CAAC,CAAC;EAEvD,OAAOe,eAAe;AACxB,CAAC"}
1	+ {"version":3,"file":"useAdaptivityWithJSMediaQueries.js","names":["React","canUseDOM","hasHover","hasHoverLib","hasMouse","hasPointerLib","AdaptivityContext","getOrDefault","getSizeX","getSizeY","getViewHeightByMediaQueries","getViewWidthByMediaQueries","tryToCheckIsDesktop","matchMediaListAddListener","matchMediaListRemoveListener","useMediaQueries","usePlatform","useAdaptivityWithJSMediaQueries","console","error","useContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasPointerContext","hasPointer","hasHoverContext","platform","mediaQueries","useState","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","isDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","mediumHeight","mobileLandscapeHeight"],"sources":["../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport {\n AdaptivityContext,\n type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n getSizeX,\n getSizeY,\n getViewHeightByMediaQueries,\n getViewWidthByMediaQueries,\n tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\n\nexport interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {\n isDesktop: boolean;\n}\n\n/*\n Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n \n Берёт в приоритет значения из `AdaptivityContext`.\n \n > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n if (!canUseDOM) {\n console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n }\n\n const {\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n hasPointer: hasPointerContext,\n hasHover: hasHoverContext,\n } = React.useContext(AdaptivityContext);\n\n const platform = usePlatform();\n const mediaQueries = useMediaQueries();\n\n const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n ]);\n\n const adaptivityProps = React.useMemo(() => {\n const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n return {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n hasPointer,\n hasHover,\n isDesktop,\n };\n }, [\n viewWidthLocal,\n viewHeightLocal,\n viewWidthContext,\n viewHeightContext,\n sizeXContext,\n sizeYContext,\n hasPointerContext,\n hasHoverContext,\n platform,\n ]);\n\n React.useEffect(() => {\n const handleMediaQuery = () => {\n setViewSizeLocal((prevSizeLocal) => {\n const newViewWidthLocal = getOrDefault(\n viewWidthContext,\n getViewWidthByMediaQueries(mediaQueries),\n );\n const newViewHeightLocal = getOrDefault(\n viewHeightContext,\n getViewHeightByMediaQueries(mediaQueries),\n );\n\n const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n if (\n prevViewWidthLocal !== newViewWidthLocal \|\|\n prevViewHeightLocal !== newViewHeightLocal\n ) {\n return [newViewWidthLocal, newViewHeightLocal];\n }\n\n return prevSizeLocal;\n });\n };\n\n if (!viewWidthContext) {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n ].forEach((matchMediaListener) =>\n matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n if (!viewHeightContext) {\n [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n return () => {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n mediaQueries.mediumHeight,\n mediaQueries.mobileLandscapeHeight,\n ].forEach((matchMediaListener) =>\n matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n );\n };\n }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n return adaptivityProps;\n};\n"],"mappings":"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"}

package/dist/hooks/useAutoDetectAppearance.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
 import vkBridge from '@vkontakte/vk-bridge';
-import { useDOM } from '../lib/dom';
 import { noop } from '@vkontakte/vkjs';
 import { resolveAppearance } from '../helpers/appearance';
+import { useDOM } from '../lib/dom';
 import { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';
 var initialAppearance = null;
 vkBridge.send('VKWebAppGetConfig').then(function (data) {

package/dist/hooks/useAutoDetectAppearance.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAutoDetectAppearance.js","names":["React","vkBridge","~~useDOM~~","~~noop~~","~~resolveAppearance~~","matchMediaListAddListener","matchMediaListRemoveListener","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","detail","type","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","useState","appearance","useEffect","isEmbedded"],"sources":["../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, {\n AnyReceiveMethodName,\n AppearanceType,\n VKBridgeEvent,\n} from '@vkontakte/vk-bridge';\nimport { ~~useDOM~~ } from '~~../lib~~/~~dom~~';\nimport { ~~noop~~ } from '~~@vkontakte~~/~~vkjs~~';\nimport { ~~resolveAppearance,~~ ~~VKBridgeConfigData~~ } from '../~~helpers~~/~~appearance~~';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\n\nlet initialAppearance: AppearanceType \| null = null;\n\nvkBridge\n .send('VKWebAppGetConfig')\n .then((data) => {\n initialAppearance = resolveAppearance(data);\n })\n .catch(console.error);\n\nfunction autoDetectAppearanceByBridge(\n setAppearance: (value: AppearanceType) => void,\n onDetectAppearanceByBridge: () => void,\n) {\n function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n const { type, data } = e.detail;\n\n if (type !== 'VKWebAppUpdateConfig') {\n return;\n }\n\n initialAppearance = resolveAppearance(data as VKBridgeConfigData);\n\n if (initialAppearance) {\n onDetectAppearanceByBridge();\n setAppearance(initialAppearance);\n }\n }\n\n vkBridge.subscribe(bridgeListener);\n\n return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n window: Window \| undefined,\n setAppearance: (value: AppearanceType) => void,\n): () => void {\n const mediaQuery =\n window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n if (mediaQuery === undefined) {\n return noop;\n }\n\n const check = (event: MediaQueryList \| MediaQueryListEvent) => {\n // eslint-disable-next-line no-restricted-properties\n setAppearance(event.matches ? 'dark' : 'light');\n };\n\n check(mediaQuery);\n matchMediaListAddListener(mediaQuery, check);\n\n return () => matchMediaListRemoveListener(mediaQuery, check);\n}\n\nexport const useAutoDetectAppearance = (\n appearanceProp?: AppearanceType,\n onDetectAppearanceByBridge?: () => void,\n): AppearanceType => {\n const { window } = useDOM();\n const onceDetectAppearanceByBridge = React.useRef(() => {\n onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n onceDetectAppearanceByBridge.current = noop;\n });\n\n const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n if (appearanceProp) {\n return appearanceProp;\n }\n\n if (initialAppearance) {\n onceDetectAppearanceByBridge.current();\n return initialAppearance;\n }\n\n const mediaQuery =\n window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n // eslint-disable-next-line no-restricted-properties\n return mediaQuery?.matches ? 'dark' : 'light';\n });\n\n React.useEffect(() => {\n if (appearanceProp) {\n setAppearance(appearanceProp);\n return noop;\n }\n\n if (vkBridge.isEmbedded()) {\n return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);\n }\n\n return autoDetectAppearance(window, setAppearance);\n }, [window, appearanceProp]);\n\n return appearance;\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAIR,sBAAsB;AAC7B,SAASC,~~MAAM,QAAQ,YAAY;AACnC,SAASC,~~IAAI,QAAQ,iBAAiB;AACtC,SAASC,iBAAiB,QAA4B,uBAAuB;AAC7E,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,mBAAmB;AAE3F,IAAIC,iBAAwC,GAAG,IAAI;AAEnDN,QAAQ,CACLO,IAAI,CAAC,mBAAmB,CAAC,CACzBC,IAAI,CAAC,UAACC,IAAI,EAAK;EACdH,iBAAiB,~~GAAGH~~,iBAAiB,~~CAACM~~,IAAI,CAAC;AAC7C,CAAC,CAAC,CACDC,KAAK,CAACC,OAAO,CAACC,KAAK,CAAC;AAEvB,SAASC,4BAA4B,CACnCC,aAA8C,EAC9CC,0BAAsC,EACtC;EACA,SAASC,cAAc,CAACC,CAAsC,EAAE;IAC9D,gBAAuBA,CAAC,CAACC,MAAM;MAAvBC,IAAI,aAAJA,IAAI;MAAEV,IAAI,aAAJA,IAAI;IAElB,IAAIU,IAAI,KAAK,sBAAsB,EAAE;MACnC;IACF;IAEAb,iBAAiB,~~GAAGH~~,iBAAiB,~~CAACM~~,IAAI,CAAuB;IAEjE,IAAIH,iBAAiB,EAAE;MACrBS,0BAA0B,EAAE;MAC5BD,aAAa,CAACR,iBAAiB,CAAC;IAClC;EACF;EAEAN,QAAQ,CAACoB,SAAS,CAACJ,cAAc,CAAC;EAElC,OAAO;IAAA,OAAMhB,QAAQ,CAACqB,WAAW,CAACL,cAAc,CAAC;EAAA;AACnD;AAEA,SAASM,oBAAoB,CAC3BC,MAA0B,EAC1BT,aAA8C,EAClC;EACZ,IAAMU,UAAU,GACdD,MAAM,IAAIA,MAAM,CAACE,UAAU,IAAIF,MAAM,CAACE,UAAU,CAAC,8BAA8B,CAAC;EAElF,IAAID,UAAU,KAAKE,SAAS,EAAE;IAC5B,~~OAAOxB~~,IAAI;EACb;EAEA,~~IAAMyB~~,KAAK,GAAG,SAARA,KAAK,CAAIC,KAA2C,EAAK;IAC7D;IACAd,aAAa,CAACc,KAAK,CAACC,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;EACjD,CAAC;EAEDF,KAAK,CAACH,UAAU,CAAC;EACjBpB,yBAAyB,CAACoB,UAAU,EAAEG,KAAK,CAAC;EAE5C,OAAO;IAAA,OAAMtB,4BAA4B,CAACmB,UAAU,EAAEG,KAAK,CAAC;EAAA;AAC9D;AAEA,OAAO,IAAMG,uBAAuB,GAAG,SAA1BA,uBAAuB,CAClCC,cAA+B,EAC/BhB,0BAAuC,EACpB;EACnB,~~cAAmBd~~,MAAM,EAAE;~~IAAnBsB~~,MAAM,WAANA,MAAM;EACd,IAAMS,4BAA4B,GAAGjC,KAAK,CAACkC,MAAM,CAAC,YAAM;IACtDlB,0BAA0B,IAAIA,0BAA0B,EAAE;IAC1DiB,4BAA4B,CAACE,OAAO,~~GAAGhC~~,IAAI;EAC7C,CAAC,CAAC;EAEF,~~sBAAoCH~~,KAAK,CAACoC,QAAQ,CAAiB,YAAM;MACvE,IAAIJ,cAAc,EAAE;QAClB,OAAOA,cAAc;MACvB;MAEA,IAAIzB,iBAAiB,EAAE;QACrB0B,4BAA4B,CAACE,OAAO,EAAE;QACtC,OAAO5B,iBAAiB;MAC1B;MAEA,IAAMkB,UAAU,GACdD,MAAM,IAAIA,MAAM,CAACE,UAAU,IAAIF,MAAM,CAACE,UAAU,CAAC,8BAA8B,CAAC;;MAElF;MACA,OAAOD,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEK,OAAO,GAAG,MAAM,GAAG,OAAO;IAC/C,CAAC,CAAC;IAAA;IAfKO,UAAU;IAAEtB,aAAa;EAiBhCf,KAAK,CAACsC,SAAS,CAAC,YAAM;IACpB,IAAIN,cAAc,EAAE;MAClBjB,aAAa,CAACiB,cAAc,CAAC;MAC7B,~~OAAO7B~~,IAAI;IACb;IAEA,~~IAAIF~~,QAAQ,CAACsC,UAAU,EAAE,EAAE;MACzB,OAAOzB,4BAA4B,CAACC,aAAa,EAAEkB,4BAA4B,CAACE,OAAO,CAAC;IAC1F;IAEA,OAAOZ,oBAAoB,CAACC,MAAM,EAAET,aAAa,CAAC;EACpD,CAAC,EAAE,CAACS,MAAM,EAAEQ,cAAc,CAAC,CAAC;EAE5B,OAAOK,UAAU;AACnB,CAAC"}
1	+ {"version":3,"file":"useAutoDetectAppearance.js","names":["React","vkBridge","noop","resolveAppearance","useDOM","matchMediaListAddListener","matchMediaListRemoveListener","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","detail","type","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","useState","appearance","useEffect","isEmbedded"],"sources":["../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, {\n AnyReceiveMethodName,\n AppearanceType,\n VKBridgeEvent,\n} from '@vkontakte/vk-bridge';\nimport { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\nimport { useDOM } from '../lib/dom';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\n\nlet initialAppearance: AppearanceType \| null = null;\n\nvkBridge\n .send('VKWebAppGetConfig')\n .then((data) => {\n initialAppearance = resolveAppearance(data);\n })\n .catch(console.error);\n\nfunction autoDetectAppearanceByBridge(\n setAppearance: (value: AppearanceType) => void,\n onDetectAppearanceByBridge: () => void,\n) {\n function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n const { type, data } = e.detail;\n\n if (type !== 'VKWebAppUpdateConfig') {\n return;\n }\n\n initialAppearance = resolveAppearance(data as VKBridgeConfigData);\n\n if (initialAppearance) {\n onDetectAppearanceByBridge();\n setAppearance(initialAppearance);\n }\n }\n\n vkBridge.subscribe(bridgeListener);\n\n return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n window: Window \| undefined,\n setAppearance: (value: AppearanceType) => void,\n): () => void {\n const mediaQuery =\n window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n if (mediaQuery === undefined) {\n return noop;\n }\n\n const check = (event: MediaQueryList \| MediaQueryListEvent) => {\n // eslint-disable-next-line no-restricted-properties\n setAppearance(event.matches ? 'dark' : 'light');\n };\n\n check(mediaQuery);\n matchMediaListAddListener(mediaQuery, check);\n\n return () => matchMediaListRemoveListener(mediaQuery, check);\n}\n\nexport const useAutoDetectAppearance = (\n appearanceProp?: AppearanceType,\n onDetectAppearanceByBridge?: () => void,\n): AppearanceType => {\n const { window } = useDOM();\n const onceDetectAppearanceByBridge = React.useRef(() => {\n onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n onceDetectAppearanceByBridge.current = noop;\n });\n\n const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n if (appearanceProp) {\n return appearanceProp;\n }\n\n if (initialAppearance) {\n onceDetectAppearanceByBridge.current();\n return initialAppearance;\n }\n\n const mediaQuery =\n window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n // eslint-disable-next-line no-restricted-properties\n return mediaQuery?.matches ? 'dark' : 'light';\n });\n\n React.useEffect(() => {\n if (appearanceProp) {\n setAppearance(appearanceProp);\n return noop;\n }\n\n if (vkBridge.isEmbedded()) {\n return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);\n }\n\n return autoDetectAppearance(window, setAppearance);\n }, [window, appearanceProp]);\n\n return appearance;\n};\n"],"mappings":"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"}

package/dist/hooks/useCalendar.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
-import { subMonths, addMonths, isSameDay, isBefore, endOfDay, isAfter, startOfDay } from '../lib/date';
+import { addMonths, endOfDay, isAfter, isBefore, isSameDay, startOfDay, subMonths } from '../lib/date';
 export function useCalendar(_ref) {
   var _ref2;
   var value = _ref.value,

package/dist/hooks/useCalendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCalendar.js","names":["React","~~subMonths~~","~~addMonths~~","~~isSameDay~~","isBefore","~~endOfDay~~","~~isAfter~~","~~startOfDay~~","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"sources":["../../src/hooks/useCalendar.ts"],"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';\~~nimport { CalendarProps } from '../components/Calendar/Calendar';\~~n\nexport interface UseCalendarDependencies\n extends Pick<CalendarProps, 'onHeaderChange' \| 'onNextMonth' \| 'onPrevMonth'> {\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 onHeaderChange,\n onNextMonth,\n onPrevMonth,\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 onPrevMonth?.();\n setViewDate(subMonths(viewDate, 1));\n }, [viewDate, onPrevMonth]);\n const setNextMonth = React.useCallback(() => {\n onNextMonth?.();\n setViewDate(addMonths(viewDate, 1));\n }, [viewDate, onNextMonth]);\n\n const handleSetViewDate = React.useCallback(\n (value: Date) => {\n onHeaderChange?.(value);\n setViewDate(value);\n },\n [onHeaderChange],\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: handleSetViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n };\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;~~AAC9B~~,SACEC,SAAS,EACTC,~~SAAS~~,~~EACTC~~,~~SAAS~~,~~EACTC~~,QAAQ,EACRC,~~QAAQ~~,~~EACRC~~,~~OAAO~~,~~EACPC~~,~~UAAU~~,~~QACL~~,aAAa;~~AAWpB~~,OAAO,SAASC,WAAW,OAQC;EAAA;EAAA,IAP1BC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,iBAAiB,QAAjBA,iBAAiB;IACjBC,cAAc,QAAdA,cAAc;IACdC,WAAW,QAAXA,WAAW;IACXC,WAAW,QAAXA,WAAW;EAEX,sBAAgCf,KAAK,CAACgB,QAAQ,UAC3CC,KAAK,CAACC,OAAO,CAACT,KAAK,CAAC,GAAGA,KAAK,CAAC,CAAC,CAAC,GAAGA,KAAK,yCAAK,IAAIU,IAAI,EAAE,CACxD;IAAA;IAFMC,QAAQ;IAAEC,WAAW;EAG5B,uBAAoCrB,KAAK,CAACgB,QAAQ,EAAQ;IAAA;IAAnDM,UAAU;IAAEC,aAAa;EAEhC,IAAMC,YAAY,GAAGxB,KAAK,CAACyB,WAAW,CAAC,YAAM;IAC3CV,WAAW,aAAXA,WAAW,uBAAXA,WAAW,EAAI;IACfM,WAAW,~~CAACpB~~,SAAS,~~CAACmB~~,QAAQ,EAAE,CAAC,CAAC,CAAC;EACrC,CAAC,EAAE,CAACA,QAAQ,EAAEL,WAAW,CAAC,CAAC;EAC3B,IAAMW,YAAY,GAAG1B,KAAK,CAACyB,WAAW,CAAC,YAAM;IAC3CX,WAAW,aAAXA,WAAW,uBAAXA,WAAW,EAAI;IACfO,WAAW,~~CAACnB~~,SAAS,~~CAACkB~~,QAAQ,EAAE,CAAC,CAAC,CAAC;EACrC,CAAC,EAAE,CAACA,QAAQ,EAAEN,WAAW,CAAC,CAAC;EAE3B,IAAMa,iBAAiB,GAAG3B,KAAK,CAACyB,WAAW,CACzC,UAAChB,KAAW,EAAK;IACfI,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAGJ,KAAK,CAAC;IACvBY,WAAW,CAACZ,KAAK,CAAC;EACpB,CAAC,EACD,CAACI,cAAc,CAAC,CACjB;EAED,IAAMe,YAAY,GAAG5B,KAAK,CAACyB,WAAW,CACpC,UAACI,GAAS;IAAA,OAAKC,OAAO,CAACR,UAAU,~~IAAInB~~,SAAS,~~CAAC0B~~,GAAG,EAAEP,UAAU,CAAC,CAAC;EAAA,GAChE,CAACA,UAAU,CAAC,CACb;EAED,IAAMS,aAAa,GAAG/B,KAAK,CAACyB,WAAW,CACrC,UAACI,GAAS,EAAK;IACb,IAAMG,GAAG,GAAG,IAAIb,IAAI,EAAE;IACtB,IAAIc,QAAQ,GAAG,KAAK;IACpB,IAAIvB,WAAW,EAAE;MACfuB,QAAQ,GAAG7B,QAAQ,~~CAACC~~,QAAQ,~~CAACwB~~,GAAG,CAAC,EAAEG,GAAG,CAAC;IACzC;IACA,IAAIrB,aAAa,EAAE;MACjBsB,QAAQ,~~GAAG3B~~,OAAO,~~CAACC~~,UAAU,~~CAACsB~~,GAAG,CAAC,EAAEG,GAAG,CAAC;IAC1C;IACA,IAAIpB,iBAAiB,EAAE;MACrBqB,QAAQ,GAAGrB,iBAAiB,CAACiB,GAAG,CAAC;IACnC;IAEA,OAAOI,QAAQ;EACjB,CAAC,EACD,CAACtB,aAAa,EAAED,WAAW,EAAEE,iBAAiB,CAAC,CAChD;EAED,IAAMsB,gBAAgB,GAAGlC,KAAK,CAACyB,WAAW,CAAC,YAAM;IAC/CF,aAAa,CAACY,SAAS,CAAC;EAC1B,CAAC,EAAE,CAACZ,aAAa,CAAC,CAAC;EAEnB,OAAO;IACLH,QAAQ,EAARA,QAAQ;IACRC,WAAW,EAAEM,iBAAiB;IAC9BH,YAAY,EAAZA,YAAY;IACZE,YAAY,EAAZA,YAAY;IACZJ,UAAU,EAAVA,UAAU;IACVC,aAAa,EAAbA,aAAa;IACbK,YAAY,EAAZA,YAAY;IACZG,aAAa,EAAbA,aAAa;IACbG,gBAAgB,EAAhBA;EACF,CAAC;AACH"}
1	+ {"version":3,"file":"useCalendar.js","names":["React","addMonths","endOfDay","isAfter","isBefore","isSameDay","startOfDay","subMonths","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"sources":["../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport {\n addMonths,\n endOfDay,\n isAfter,\n isBefore,\n isSameDay,\n startOfDay,\n subMonths,\n} from '../lib/date';\n\nexport interface UseCalendarDependencies\n extends Pick<CalendarProps, 'onHeaderChange' \| 'onNextMonth' \| 'onPrevMonth'> {\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 onHeaderChange,\n onNextMonth,\n onPrevMonth,\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 onPrevMonth?.();\n setViewDate(subMonths(viewDate, 1));\n }, [viewDate, onPrevMonth]);\n const setNextMonth = React.useCallback(() => {\n onNextMonth?.();\n setViewDate(addMonths(viewDate, 1));\n }, [viewDate, onNextMonth]);\n\n const handleSetViewDate = React.useCallback(\n (value: Date) => {\n onHeaderChange?.(value);\n setViewDate(value);\n },\n [onHeaderChange],\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: handleSetViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n };\n}\n"],"mappings":"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"}

package/dist/hooks/useChipsSelect.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';
 import { ChipOption } from '../components/Chip/Chip';
+import { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';
 export declare const useChipsSelect: <Option extends ChipOption>(props: Partial<ChipsSelectProps<Option>>) => {
     fieldValue: string | undefined;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement> | undefined) => void;

package/dist/hooks/useChipsSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useChipsSelect.js","names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { ~~useChipsInput~~ } from '~~./useChipsInput~~';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { ~~ChipOption~~ } from '~~../components/Chip/Chip~~';\n\nexport const useChipsSelect = <Option extends ChipOption>(\n props: Partial<ChipsSelectProps<Option>>,\n) => {\n const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n const [opened, setOpened] = React.useState(false);\n const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number \| null>(0);\n const [focusedOption, setFocusedOption] = React.useState<Option \| null>(null);\n\n const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement> \| undefined) => {\n if (!e) {\n return;\n }\n chipsInputState.handleInputChange(e);\n\n if (!opened) {\n setOpened(true);\n setFocusedOptionIndex(0);\n }\n };\n\n let filteredOptions = React.useMemo(() => {\n return filterFn\n ? options!.filter((option) => filterFn(fieldValue, option, getOptionLabel))\n : (options as Option[]);\n }, [options, filterFn, fieldValue, getOptionLabel]);\n\n filteredOptions = React.useMemo(() => {\n if (!filteredOptions.length) {\n return filteredOptions;\n }\n\n const filteredSet = new Set(filteredOptions);\n const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n for (const item of filteredSet) {\n if (selected.includes(getOptionValue!(item))) {\n filteredSet.delete(item);\n }\n }\n\n return [...filteredSet];\n }, [filteredOptions, selectedOptions, getOptionValue]);\n\n return {\n ...chipsInputState,\n fieldValue,\n handleInputChange,\n opened,\n setOpened,\n filteredOptions,\n focusedOptionIndex,\n setFocusedOptionIndex,\n focusedOption,\n setFocusedOption,\n selectedOptions,\n };\n};\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;~~AAC9B~~,SAASC,aAAa,QAAQ,iBAAiB;~~AAI~~/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BP,KAAK,CAACQ,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDV,KAAK,CAACQ,QAAQ,CAAgB,CAAC,CAAC;IAAA;IAA7EG,kBAAkB;IAAEC,qBAAqB;EAChD,uBAA0CZ,KAAK,CAACQ,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBAA4Db,aAAa,CAACE,KAAK,CAAC;IAAxEY,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,CAAkD,EAAK;IAChF,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACV,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIQ,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACxC,OAAOhB,QAAQ,GACXD,OAAO,CAAEkB,MAAM,CAAC,UAACC,MAAM;MAAA,OAAKlB,QAAQ,CAACU,UAAU,EAAEQ,MAAM,EAAEjB,cAAc,CAAC;IAAA,EAAC,GACxEF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEU,UAAU,EAAET,cAAc,CAAC,CAAC;EAEnDc,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKtB,cAAc,CAAEsB,IAAI,CAAC;IAAA,EAAC;IAAC,2CAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACvB,cAAc,CAAEsB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,0BAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAET,cAAc,CAAC,CAAC;EAEtD,uCACKU,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBT,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTU,eAAe,EAAfA,eAAe;IACfT,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBE,eAAe,EAAfA;EAAe;AAEnB,CAAC"}
1	+ {"version":3,"file":"useChipsSelect.js","names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { useChipsInput } from './useChipsInput';\n\nexport const useChipsSelect = <Option extends ChipOption>(\n props: Partial<ChipsSelectProps<Option>>,\n) => {\n const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n const [opened, setOpened] = React.useState(false);\n const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number \| null>(0);\n const [focusedOption, setFocusedOption] = React.useState<Option \| null>(null);\n\n const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement> \| undefined) => {\n if (!e) {\n return;\n }\n chipsInputState.handleInputChange(e);\n\n if (!opened) {\n setOpened(true);\n setFocusedOptionIndex(0);\n }\n };\n\n let filteredOptions = React.useMemo(() => {\n return filterFn\n ? options!.filter((option) => filterFn(fieldValue, option, getOptionLabel))\n : (options as Option[]);\n }, [options, filterFn, fieldValue, getOptionLabel]);\n\n filteredOptions = React.useMemo(() => {\n if (!filteredOptions.length) {\n return filteredOptions;\n }\n\n const filteredSet = new Set(filteredOptions);\n const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n for (const item of filteredSet) {\n if (selected.includes(getOptionValue!(item))) {\n filteredSet.delete(item);\n }\n }\n\n return [...filteredSet];\n }, [filteredOptions, selectedOptions, getOptionValue]);\n\n return {\n ...chipsInputState,\n fieldValue,\n handleInputChange,\n opened,\n setOpened,\n filteredOptions,\n focusedOptionIndex,\n setFocusedOptionIndex,\n focusedOption,\n setFocusedOption,\n selectedOptions,\n };\n};\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BP,KAAK,CAACQ,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDV,KAAK,CAACQ,QAAQ,CAAgB,CAAC,CAAC;IAAA;IAA7EG,kBAAkB;IAAEC,qBAAqB;EAChD,uBAA0CZ,KAAK,CAACQ,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBAA4Db,aAAa,CAACE,KAAK,CAAC;IAAxEY,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,CAAkD,EAAK;IAChF,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACV,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIQ,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACxC,OAAOhB,QAAQ,GACXD,OAAO,CAAEkB,MAAM,CAAC,UAACC,MAAM;MAAA,OAAKlB,QAAQ,CAACU,UAAU,EAAEQ,MAAM,EAAEjB,cAAc,CAAC;IAAA,EAAC,GACxEF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEU,UAAU,EAAET,cAAc,CAAC,CAAC;EAEnDc,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKtB,cAAc,CAAEsB,IAAI,CAAC;IAAA,EAAC;IAAC,2CAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACvB,cAAc,CAAEsB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,0BAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAET,cAAc,CAAC,CAAC;EAEtD,uCACKU,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBT,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTU,eAAe,EAAfA,eAAe;IACfT,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBE,eAAe,EAAfA;EAAe;AAEnB,CAAC"}

package/dist/hooks/useDateInput.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
+import { useDOM } from '../lib/dom';
 import { useBooleanState } from './useBooleanState';
 import { useGlobalEventListener } from './useGlobalEventListener';
-import { useDOM } from '../lib/dom';
 export function useDateInput(_ref) {
   var maxElement = _ref.maxElement,
     refs = _ref.refs,