@vkontakte/vkui 4.35.4 → 4.37.0

package/src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { useExternRef } from "../../hooks/useExternRef";
 import { HasRef } from "../../types";
 import "./VisuallyHiddenInput.css";
 
@@ -17,9 +16,5 @@ export const VisuallyHiddenInput = ({
   getRef,
   ...restProps
 }: VisuallyHiddenInputProps) => {
-  const inputRef = useExternRef(getRef);
-
-  return (
-    <input {...restProps} vkuiClass="VisuallyHiddenInput" ref={inputRef} />
-  );
+  return <input {...restProps} vkuiClass="VisuallyHiddenInput" ref={getRef} />;
 };

package/src/{components/ChipsInput → hooks}/useChipsInput.ts

@@ -1,12 +1,9 @@
 import * as React from "react";
-import {
-  ChipsInputOption,
-  ChipsInputProps,
-  ChipsInputValue,
-} from "./ChipsInput";
+import { ChipOption } from "../components/Chip/Chip";
+import { ChipsInputBaseProps } from "../components/ChipsInputBase/ChipsInputBase";
 
-export const useChipsInput = <Option extends ChipsInputOption>(
-  props: Partial<ChipsInputProps<Option>>
+export const useChipsInput = <Option extends ChipOption>(
+  props: Partial<ChipsInputBaseProps<Option>>
 ) => {
   const { value, getOptionValue, onChange, onInputChange, getNewOptionData } =
     props;
@@ -57,7 +54,7 @@ export const useChipsInput = <Option extends ChipsInputOption>(
     }
   }, [addOption, clearInput, getNewOptionData, fieldValue]);
   const removeOption = React.useCallback(
-    (value: ChipsInputValue) => {
+    (value) => {
       toggleOption(getNewOptionData!(undefined, value as string), false);
     },
     [toggleOption, getNewOptionData]

package/src/{components/ChipsSelect → hooks}/useChipsSelect.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
-import { ChipsInputOption } from "../ChipsInput/ChipsInput";
-import { useChipsInput } from "../ChipsInput/useChipsInput";
-import { ChipsSelectProps } from "./ChipsSelect";
+import { useChipsInput } from "./useChipsInput";
+import { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";
+import { ChipOption } from "../components/Chip/Chip";
 
-export const useChipsSelect = <Option extends ChipsInputOption>(
+export const useChipsSelect = <Option extends ChipOption>(
   props: Partial<ChipsSelectProps<Option>>
 ) => {
   const { options, filterFn, getOptionLabel, getOptionValue } = props;

package/src/index.ts

@@ -50,6 +50,7 @@ export { ActionSheet } from "./components/ActionSheet/ActionSheet";
 export type { ActionSheetProps } from "./components/ActionSheet/ActionSheet";
 export { ActionSheetItem } from "./components/ActionSheetItem/ActionSheetItem";
 export type { ActionSheetItemProps } from "./components/ActionSheetItem/ActionSheetItem";
+export { ActionSheetDefaultIosCloseItem } from "./components/ActionSheet/ActionSheetDefaultIosCloseItem";
 export { ScreenSpinner } from "./components/ScreenSpinner/ScreenSpinner";
 export type { ScreenSpinnerProps } from "./components/ScreenSpinner/ScreenSpinner";
 export { Snackbar } from "./components/Snackbar/Snackbar";
@@ -99,6 +100,7 @@ export type { GroupProps } from "./components/Group/Group";
 export { Gradient } from "./components/Gradient/Gradient";
 export type { GradientProps } from "./components/Gradient/Gradient";
 export { List } from "./components/List/List";
+export type { ListProps } from "./components/List/List";
 export { Cell } from "./components/Cell/Cell";
 export type { CellProps } from "./components/Cell/Cell";
 export { RichCell } from "./components/RichCell/RichCell";
@@ -253,6 +255,8 @@ export { PanelHeaderEdit } from "./components/PanelHeaderEdit/PanelHeaderEdit";
 export type { PanelHeaderEditProps } from "./components/PanelHeaderEdit/PanelHeaderEdit";
 export { ModalCardBase } from "./components/ModalCardBase/ModalCardBase";
 export type { ModalCardBaseProps } from "./components/ModalCardBase/ModalCardBase";
+export { VisuallyHiddenInput } from "./components/VisuallyHiddenInput/VisuallyHiddenInput";
+export type { VisuallyHiddenInputProps } from "./components/VisuallyHiddenInput/VisuallyHiddenInput";
 
 /**
  * Wrappers
@@ -260,6 +264,7 @@ export type { ModalCardBaseProps } from "./components/ModalCardBase/ModalCardBas
 export { AppRoot } from "./components/AppRoot/AppRoot";
 export type { AppRootProps } from "./components/AppRoot/AppRoot";
 export { AdaptivityProvider } from "./components/AdaptivityProvider/AdaptivityProvider";
+export type { AdaptivityProviderProps } from "./components/AdaptivityProvider/AdaptivityProvider";
 export { ConfigProvider } from "./components/ConfigProvider/ConfigProvider";
 export type { ConfigProviderProps } from "./components/ConfigProvider/ConfigProvider";
 export {

package/src/lib/animate.ts

@@ -1,4 +1,4 @@
-import { canUseDOM } from "@vkontakte/vkjs";
+import { canUseDOM } from "./dom";
 
 /**
  * Функция для js анимации

package/src/lib/testing.ts

@@ -1,4 +1,4 @@
-import { canUseDOM } from "@vkontakte/vkjs";
+import { canUseDOM } from "./dom";
 
 // eslint-disable-next-line no-restricted-globals
 export const isTesting = Boolean(canUseDOM && (window as any).__isVkuiTesting);

package/src/lib/touch.ts

@@ -1,4 +1,4 @@
-import { canUseDOM } from "@vkontakte/vkjs";
+import { canUseDOM } from "./dom";
 
 export interface VKUITouchEvent extends MouseEvent, TouchEvent {}
 export type VKUITouchEventHander = (e: VKUITouchEvent) => void;

package/src/styles/components.css

@@ -120,6 +120,7 @@
 @import "../components/Checkbox/Checkbox.css";
 @import "../components/Input/Input.css";
 @import "../components/ChipsInput/ChipsInput.css";
+@import "../components/ChipsInputBase/ChipsInputBase.css";
 @import "../components/Chip/Chip.css";
 @import "../components/Select/Select.css";
 @import "../components/Textarea/Textarea.css";

package/src/styles/vkcom_dark.css

@@ -21,7 +21,7 @@ body[scheme="vkcom_dark"],
   --background_hover: rgba(255, 255, 255, 0.08);
   --background_keyboard: #333333;
   --background_light: #292929;
-  --background_page: #0a0a0a;
+  --background_page: #141414;
   --background_suggestions: #333333;
   --background_text_highlighted: rgba(81, 129, 184, 0.2);
   --button_bot_shadow: #222222;
@@ -53,7 +53,7 @@ body[scheme="vkcom_dark"],
   --content_placeholder_icon: #b2b2b2;
   --content_placeholder_text: #b2b2b2;
   --content_positive_background: rgba(75, 179, 75, 0.16);
-  --content_tint_background: #292929;
+  --content_tint_background: #333333;
   --content_tint_foreground: #939393;
   --content_warning_background: rgba(255, 202, 99, 0.16);
   --control_background: #555555;
@@ -68,7 +68,7 @@ body[scheme="vkcom_dark"],
   --counter_secondary_background: #828282;
   --counter_secondary_text: #222222;
   --destructive: #ff5c5c;
-  --dynamic_blue: #2b81d6;
+  --dynamic_blue: #5181b8;
   --dynamic_gray: #aeb7c2;
   --dynamic_green: #4bb34b;
   --dynamic_neon_pink: #f45fff;
@@ -98,7 +98,7 @@ body[scheme="vkcom_dark"],
   --header_search_field_background: #424242;
   --header_search_field_tint: #b2b2b2;
   --header_tab_active_background: #656565;
-  --header_tab_active_indicator: #2b81d6;
+  --header_tab_active_indicator: #5181b8;
   --header_tab_active_text: #e1e3e6;
   --header_tab_inactive_text: #828282;
   --header_text: #e1e3e6;
@@ -179,7 +179,7 @@ body[scheme="vkcom_dark"],
   --loader_track_value_fill: #ffffff;
   --media_overlay_button_background: #ffffff;
   --media_overlay_button_foreground: #333333;
-  --modal_card_background: #333333;
+  --modal_card_background: #292929;
   --modal_card_border: rgba(255, 255, 255, 0.12);
   --modal_card_header_close: #ffffff;
   --music_playback_icon: #ffffff;
@@ -205,7 +205,7 @@ body[scheme="vkcom_dark"],
   --segmented_control_tint: #828282;
   --selection_off_icon: #656565;
   --separator_alpha: rgba(255, 255, 255, 0.16);
-  --separator_alternate: #292929;
+  --separator_alternate: #333333;
   --separator_common: #424242;
   --skeleton_foreground_from: #292929;
   --skeleton_foreground_to: #333333;
@@ -225,14 +225,14 @@ body[scheme="vkcom_dark"],
   --tabbar_active_icon: #ffffff;
   --tabbar_background: #333333;
   --tabbar_inactive_icon: #828282;
-  --tabbar_tablet_active_icon: #2b81d6;
+  --tabbar_tablet_active_icon: #5181b8;
   --tabbar_tablet_background: #292929;
   --tabbar_tablet_inactive_icon: #828282;
   --tabbar_tablet_text_primary: #e1e3e6;
   --tabbar_tablet_text_secondary: #828282;
   --text_action_counter: #b2b2b2;
   --text_link: #71aaeb;
-  --text_link_highlighted_background: #2b81d6;
+  --text_link_highlighted_background: #5181b8;
   --text_muted: #cccccc;
   --text_name: #e1e3e6;
   --text_placeholder: #b2b2b2;

package/src/styles/vkcom_light.css

@@ -5,14 +5,14 @@
 body[scheme="vkcom_light"],
 [scheme="vkcom_light"],
 .vkuivkcom_light {
-  --accent: #2b81d6;
+  --accent: #5181b8;
   --accent_alternate: #0077ff;
-  --action_sheet_action_foreground: #2b81d6;
+  --action_sheet_action_foreground: #5181b8;
   --action_sheet_separator: rgba(0, 0, 0, 0.12);
   --activity_indicator_tint: #aeb7c2;
-  --attach_picker_tab_active_background: #2b81d6;
+  --attach_picker_tab_active_background: #5181b8;
   --attach_picker_tab_active_icon: #ffffff;
-  --attach_picker_tab_active_text: #2b81d6;
+  --attach_picker_tab_active_text: #5181b8;
   --attach_picker_tab_inactive_background: #f5f5f5;
   --attach_picker_tab_inactive_icon: #818c99;
   --attach_picker_tab_inactive_text: #818c99;
@@ -21,17 +21,17 @@ body[scheme="vkcom_light"],
   --background_hover: rgba(174, 183, 194, 0.12);
   --background_keyboard: #dce1e6;
   --background_light: #fafbfc;
-  --background_page: #f0f2f5;
+  --background_page: #edeef0;
   --background_suggestions: #ffffff;
   --background_text_highlighted: rgba(81, 129, 184, 0.2);
   --button_bot_shadow: #cccccc;
   --button_commerce_background: #4bb34b;
   --button_commerce_foreground: #ffffff;
   --button_muted_background: #e5ebf1;
-  --button_muted_foreground: #2a6fbd;
-  --button_outline_border: #2b81d6;
-  --button_outline_foreground: #2b81d6;
-  --button_primary_background: #2b81d6;
+  --button_muted_foreground: #55677d;
+  --button_outline_border: #2a5885;
+  --button_outline_foreground: #2a5885;
+  --button_primary_background: #5181b8;
   --button_primary_foreground: #ffffff;
   --button_secondary_background: #e5ebf1;
   --button_secondary_background_highlighted: #dae2ea;
@@ -49,11 +49,11 @@ body[scheme="vkcom_light"],
     70,
     0.12
   );
-  --button_secondary_foreground: #2a6fbd;
-  --button_secondary_foreground_highlighted: #2a6fbd;
+  --button_secondary_foreground: #55677d;
+  --button_secondary_foreground_highlighted: #55677d;
   --button_tertiary_background: rgba(0, 0, 0, 0);
-  --button_tertiary_foreground: #2a6fbd;
-  --cell_button_foreground: #2a6fbd;
+  --button_tertiary_foreground: #2a5885;
+  --cell_button_foreground: #2a5885;
   --content_negative_background: #faebeb;
   --content_placeholder_icon: #99a2ad;
   --content_placeholder_text: #818c99;
@@ -63,10 +63,10 @@ body[scheme="vkcom_light"],
   --content_warning_background: #faefd2;
   --control_background: #edeef0;
   --control_background_secondary: #ffffff;
-  --control_foreground: #2a6fbd;
+  --control_foreground: #5181b8;
   --control_tint: #ffffff;
   --control_tint_muted: #828282;
-  --counter_primary_background: #2b81d6;
+  --counter_primary_background: #5181b8;
   --counter_primary_text: #ffffff;
   --counter_prominent_background: #ff3347;
   --counter_prominent_text: #ffffff;
@@ -82,7 +82,7 @@ body[scheme="vkcom_light"],
   --dynamic_raspberry_pink: #e03fab;
   --dynamic_red: #ff3347;
   --dynamic_violet: #792ec0;
-  --feed_recommended_friend_promo_background: #2a6fbd;
+  --feed_recommended_friend_promo_background: #5181b8;
   --field_background: #f7f8fa;
   --field_border: #dce1e6;
   --field_error_background: #faebeb;
@@ -94,7 +94,7 @@ body[scheme="vkcom_light"],
   --float_button_border: rgba(0, 0, 0, 0.08);
   --float_button_foreground: #99a2ad;
   --header_alternate_background: #ffffff;
-  --header_alternate_tab_active_indicator: #2b81d6;
+  --header_alternate_tab_active_indicator: #5181b8;
   --header_alternate_tab_active_text: #000000;
   --header_alternate_tab_inactive_text: #99a2ad;
   --header_background: #ffffff;
@@ -103,7 +103,7 @@ body[scheme="vkcom_light"],
   --header_search_field_background: #edeef0;
   --header_search_field_tint: #818c99;
   --header_tab_active_background: rgba(0, 0, 0, 0);
-  --header_tab_active_indicator: #2b81d6;
+  --header_tab_active_indicator: #5181b8;
   --header_tab_active_text: #000000;
   --header_tab_inactive_text: #99a2ad;
   --header_text: #000000;
@@ -121,7 +121,7 @@ body[scheme="vkcom_light"],
   --icon_secondary_alpha: rgba(0, 0, 0, 0.36);
   --icon_tertiary: #aeb7c2;
   --icon_tertiary_alpha: rgba(0, 0, 0, 0.24);
-  --im_attach_tint: #2b81d6;
+  --im_attach_tint: #5181b8;
   --im_bubble_border_alternate: #dce1e6;
   --im_bubble_border_alternate_highlighted: #cccccc;
   --im_bubble_button_background: #f7f8fa;
@@ -152,9 +152,9 @@ body[scheme="vkcom_light"],
   --im_bubble_wallpaper_outgoing: #cce4ff;
   --im_bubble_wallpaper_outgoing_highlighted: #add3ff;
   --im_forward_line_tint: rgba(0, 20, 51, 0.12);
-  --im_reply_separator: #2a6fbd;
+  --im_reply_separator: #2a5885;
   --im_service_message_text: #818c99;
-  --im_text_name: #2a6fbd;
+  --im_text_name: #2a5885;
   --im_toolbar_separator: #001c3d;
   --im_toolbar_voice_msg_background: #99a2ad;
   --image_border: rgba(0, 0, 0, 0.08);
@@ -164,24 +164,24 @@ body[scheme="vkcom_light"],
   --landing_field_background: #f7f8fa;
   --landing_field_border: rgba(0, 0, 0, 0);
   --landing_field_placeholder: #818c99;
-  --landing_login_button_background: #2b81d6;
+  --landing_login_button_background: #5181b8;
   --landing_login_button_foreground: #ffffff;
-  --landing_primary_button_background: #2b81d6;
+  --landing_primary_button_background: #5181b8;
   --landing_primary_button_foreground: #ffffff;
   --landing_secondary_button_background: rgba(0, 57, 115, 0.1);
-  --landing_secondary_button_foreground: #2b81d6;
+  --landing_secondary_button_foreground: #5181b8;
   --landing_snippet_border: rgba(0, 0, 0, 0.12);
   --landing_tertiary_button_background: rgba(0, 0, 0, 0);
-  --landing_tertiary_button_foreground: #2b81d6;
+  --landing_tertiary_button_foreground: #5181b8;
   --landing_text_primary: #000000;
   --landing_text_secondary: #818c99;
-  --landing_text_title: #2b81d6;
+  --landing_text_title: #5181b8;
   --like_text_tint: #ff3347;
-  --link_alternate: #2a6fbd;
+  --link_alternate: #2a5885;
   --loader_background: #edeef0;
   --loader_tint: #c5d0db;
   --loader_track_fill: #d3d9de;
-  --loader_track_value_fill: #2b81d6;
+  --loader_track_value_fill: #5181b8;
   --media_overlay_button_background: #ffffff;
   --media_overlay_button_foreground: #333333;
   --modal_card_background: #ffffff;
@@ -199,7 +199,7 @@ body[scheme="vkcom_light"],
   --placeholder_icon_foreground_primary: #99a2ad;
   --placeholder_icon_foreground_secondary: #aeb7c2;
   --placeholder_icon_tint: #1d3a5c;
-  --poll_option_background: #2b81d6;
+  --poll_option_background: #5181b8;
   --primary_overlay_badge: rgba(0, 0, 0, 0.56);
   --search_bar_background: rgba(0, 0, 0, 0);
   --search_bar_field_background: #edeef0;
@@ -213,7 +213,7 @@ body[scheme="vkcom_light"],
   --separator_alternate: #e7e8ec;
   --separator_common: #dce1e6;
   --skeleton_foreground_from: #f0f2f5;
-  --skeleton_foreground_to: #e7e8ec;
+  --skeleton_foreground_to: #edeef0;
   --skeleton_shimmer_from: #ffffff;
   --skeleton_shimmer_to: rgba(255, 255, 255, 0);
   --snippet_background: #ffffff;
@@ -227,19 +227,19 @@ body[scheme="vkcom_light"],
   --stories_create_button_icon_background: #ffffff;
   --stories_skeleton_loader_background: #cccccc;
   --switch_ios_off_border: #dce1e6;
-  --tabbar_active_icon: #2b81d6;
+  --tabbar_active_icon: #5181b8;
   --tabbar_background: #f7f8fa;
   --tabbar_inactive_icon: #99a2ad;
-  --tabbar_tablet_active_icon: #2b81d6;
+  --tabbar_tablet_active_icon: #5181b8;
   --tabbar_tablet_background: #f7f8fa;
   --tabbar_tablet_inactive_icon: #99a2ad;
   --tabbar_tablet_text_primary: #000000;
   --tabbar_tablet_text_secondary: #818c99;
   --text_action_counter: #818c99;
-  --text_link: #2a6fbd;
+  --text_link: #2a5885;
   --text_link_highlighted_background: #000000;
   --text_muted: #333333;
-  --text_name: #2a6fbd;
+  --text_name: #2a5885;
   --text_placeholder: #818c99;
   --text_primary: #000000;
   --text_secondary: #818c99;

package/src/testing/utils.tsx

@@ -8,7 +8,7 @@ import { act } from "react-dom/test-utils";
 import { HasChildren } from "../types";
 
 export function fakeTimers() {
-  beforeEach(() => jest.useFakeTimers());
+  beforeEach(() => jest.useFakeTimers("modern"));
   afterEach(() => jest.useRealTimers());
 }
 

package/src/tokenized/index.ts

@@ -1,3 +1,6 @@
+export { Alert } from "../components/Alert/Alert";
+export type { AlertProps } from "../components/Alert/Alert";
+
 export { Avatar } from "../components/Avatar/Avatar";
 export type { AvatarProps } from "../components/Avatar/Avatar";
 
@@ -7,6 +10,9 @@ export type { FormItemProps } from "../components/FormItem/FormItem";
 export { FormLayoutGroup } from "../components/FormLayoutGroup/FormLayoutGroup";
 export type { FormLayoutGroupProps } from "../components/FormLayoutGroup/FormLayoutGroup";
 
+export { FormStatus } from "../components/FormStatus/FormStatus";
+export type { FormStatusProps } from "../components/FormStatus/FormStatus";
+
 export { Button } from "../components/Button/Button";
 export type { ButtonProps } from "../components/Button/Button";
 
@@ -55,6 +61,15 @@ export type { ModalCardBaseProps } from "../components/ModalCardBase/ModalCardBa
 export { ModalCard } from "../components/ModalCard/ModalCard";
 export type { ModalCardProps } from "../components/ModalCard/ModalCard";
 
+export { ModalDismissButton } from "../components/ModalDismissButton/ModalDismissButton";
+export type { ModalDismissButtonProps } from "../components/ModalDismissButton/ModalDismissButton";
+
+export { ModalPageHeader } from "../components/ModalPageHeader/ModalPageHeader";
+export type { ModalPageHeaderProps } from "../components/ModalPageHeader/ModalPageHeader";
+
+export { ModalPage } from "../components/ModalPage/ModalPage";
+export type { ModalPageProps } from "../components/ModalPage/ModalPage";
+
 export { Link } from "../components/Link/Link";
 export type { LinkProps } from "../components/Link/Link";
 
@@ -125,6 +140,9 @@ export type { DropdownProps } from "../components/Dropdown/Dropdown";
 export { Pagination } from "../components/Pagination/Pagination";
 export type { PaginationProps } from "../components/Pagination/Pagination";
 
+export { PromoBanner } from "../components/PromoBanner/PromoBanner";
+export type { PromoBannerProps } from "../components/PromoBanner/PromoBanner";
+
 export { Calendar } from "../components/Calendar/Calendar";
 export type { CalendarProps } from "../components/Calendar/Calendar";
 
@@ -167,6 +185,12 @@ export type { FileProps } from "../components/File/File";
 export { CardGrid } from "../components/CardGrid/CardGrid";
 export type { CardGridProps } from "../components/CardGrid/CardGrid";
 
+export { ActionSheet } from "../components/ActionSheet/ActionSheet";
+export type { ActionSheetProps } from "../components/ActionSheet/ActionSheet";
+
+export { ActionSheetItem } from "../components/ActionSheetItem/ActionSheetItem";
+export type { ActionSheetItemProps } from "../components/ActionSheetItem/ActionSheetItem";
+
 export { FocusVisible } from "../components/FocusVisible/FocusVisible";
 export type { FocusVisibleProps } from "../components/FocusVisible/FocusVisible";
 
@@ -212,6 +236,9 @@ export type { SeparatorProps } from "../components/Separator/Separator";
 export { ChipsSelect } from "../components/ChipsSelect/ChipsSelect";
 export type { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";
 
+export { SubnavigationBar } from "../components/SubnavigationBar/SubnavigationBar";
+export type { SubnavigationBarProps } from "../components/SubnavigationBar/SubnavigationBar";
+
 export { Spacing } from "../components/Spacing/Spacing";
 export type { SpacingProps } from "../components/Spacing/Spacing";
 
@@ -271,3 +298,64 @@ export type { TabbarProps } from "../components/Tabbar/Tabbar";
 
 export { TabbarItem } from "../components/TabbarItem/TabbarItem";
 export type { TabbarItemProps } from "../components/TabbarItem/TabbarItem";
+
+export { Search } from "../components/Search/Search";
+export type { SearchProps } from "../components/Search/Search";
+
+export { Header } from "../components/Header/Header";
+export type { HeaderProps } from "../components/Header/Header";
+
+export { SubnavigationButton } from "../components/SubnavigationButton/SubnavigationButton";
+export type { SubnavigationButtonProps } from "../components/SubnavigationButton/SubnavigationButton";
+
+export { Panel } from "../components/Panel/Panel";
+export type { PanelProps } from "../components/Panel/Panel";
+
+export { PanelHeaderButton } from "../components/PanelHeaderButton/PanelHeaderButton";
+export type { PanelHeaderButtonProps } from "../components/PanelHeaderButton/PanelHeaderButton";
+
+export { PanelHeader } from "../components/PanelHeader/PanelHeader";
+export type { PanelHeaderProps } from "../components/PanelHeader/PanelHeader";
+
+export { PanelHeaderContent } from "../components/PanelHeaderContent/PanelHeaderContent";
+export type { PanelHeaderContentProps } from "../components/PanelHeaderContent/PanelHeaderContent";
+
+export { PanelHeaderContext } from "../components/PanelHeaderContext/PanelHeaderContext";
+export type { PanelHeaderContextProps } from "../components/PanelHeaderContext/PanelHeaderContext";
+
+export { PanelHeaderClose } from "../components/PanelHeaderClose/PanelHeaderClose";
+
+export { PanelHeaderBack } from "../components/PanelHeaderBack/PanelHeaderBack";
+export type { PanelHeaderBackProps } from "../components/PanelHeaderBack/PanelHeaderBack";
+
+export { PanelHeaderSubmit } from "../components/PanelHeaderSubmit/PanelHeaderSubmit";
+
+export { PanelHeaderEdit } from "../components/PanelHeaderEdit/PanelHeaderEdit";
+export type { PanelHeaderEditProps } from "../components/PanelHeaderEdit/PanelHeaderEdit";
+
+export { List } from "../components/List/List";
+export type { ListProps } from "../components/List/List";
+
+export { AppRoot } from "../components/AppRoot/AppRoot";
+export type { AppRootProps } from "../components/AppRoot/AppRoot";
+
+export { ConfigProvider } from "../components/ConfigProvider/ConfigProvider";
+export type { ConfigProviderProps } from "../components/ConfigProvider/ConfigProvider";
+
+export { AdaptivityProvider } from "../components/AdaptivityProvider/AdaptivityProvider";
+export type { AdaptivityProviderProps } from "../components/AdaptivityProvider/AdaptivityProvider";
+
+export { Touch } from "../components/Touch/Touch";
+export type { TouchProps } from "../components/Touch/Touch";
+
+export { DatePicker } from "../components/DatePicker/DatePicker";
+export type { DatePickerProps } from "../components/DatePicker/DatePicker";
+
+export { SelectMimicry } from "../components/SelectMimicry/SelectMimicry";
+export type { SelectMimicryProps } from "../components/SelectMimicry/SelectMimicry";
+
+export { NativeSelect } from "../components/NativeSelect/NativeSelect";
+export type { NativeSelectProps } from "../components/NativeSelect/NativeSelect";
+
+export { FormLayout } from "../components/FormLayout/FormLayout";
+export type { FormLayoutProps } from "../components/FormLayout/FormLayout";

package/.cache/ts/src/components/UsersStack/masks.d.ts

@@ -1 +0,0 @@
-export declare function createMasks(document?: Document): void;

package/dist/cjs/components/ChipsInput/useChipsInput.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ChipsInput/useChipsInput.ts"],"names":["useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","React","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  ChipsInputOption,\n  ChipsInputProps,\n  ChipsInputValue,\n} from \"./ChipsInput\";\n\nexport const useChipsInput = <Option extends ChipsInputOption>(\n  props: Partial<ChipsInputProps<Option>>\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } =\n    props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue(\"\");\n    onInputChange!({ target: { value: \"\" } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange]\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) =>\n          getOptionValue!(newOption) !== getOptionValue!(option)\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange]\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption]\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value: ChipsInputValue) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData]\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue(\"\");\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"file":"useChipsInput.js"}

package/dist/cjs/components/ChipsSelect/useChipsSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ChipsSelect/useChipsSelect.ts"],"names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;;;AAGO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAC5BC,KAD4B,EAEzB;AACH,MAAQC,OAAR,GAA8DD,KAA9D,CAAQC,OAAR;AAAA,MAAiBC,QAAjB,GAA8DF,KAA9D,CAAiBE,QAAjB;AAAA,MAA2BC,cAA3B,GAA8DH,KAA9D,CAA2BG,cAA3B;AAAA,MAA2CC,cAA3C,GAA8DJ,KAA9D,CAA2CI,cAA3C;;AAEA,wBAA4BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,yBAAoDH,KAAK,CAACC,QAAN,CAElD,CAFkD,CAApD;AAAA;AAAA,MAAOG,kBAAP;AAAA,MAA2BC,qBAA3B;;AAGA,yBAA0CL,KAAK,CAACC,QAAN,CAA8B,IAA9B,CAA1C;AAAA;AAAA,MAAOK,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,uBACE,mCAAcZ,KAAd,CADF;AAAA,MAAQa,UAAR,kBAAQA,UAAR;AAAA,MAAoBC,eAApB,kBAAoBA,eAApB;AAAA,MAAwCC,eAAxC;;AAGA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CACxBC,CADwB,EAErB;AACH,QAAI,CAACA,CAAL,EAAQ;AACN;AACD;;AACDF,IAAAA,eAAe,CAACC,iBAAhB,CAAkCC,CAAlC;;AAEA,QAAI,CAACV,MAAL,EAAa;AACXC,MAAAA,SAAS,CAAC,IAAD,CAAT;AACAE,MAAAA,qBAAqB,CAAC,CAAD,CAArB;AACD;AACF,GAZD;;AAcA,MAAIQ,eAAe,GAAGb,KAAK,CAACc,OAAN,CAAc,YAAM;AACxC,WAAOjB,QAAQ,GACXD,OAAO,CAAEmB,MAAT,CAAgB,UAACC,MAAD;AAAA,aACdnB,QAAQ,CAACW,UAAD,EAAaQ,MAAb,EAAqBlB,cAArB,CADM;AAAA,KAAhB,CADW,GAIVF,OAJL;AAKD,GANqB,EAMnB,CAACA,OAAD,EAAUC,QAAV,EAAoBW,UAApB,EAAgCV,cAAhC,CANmB,CAAtB;AAQAe,EAAAA,eAAe,GAAGb,KAAK,CAACc,OAAN,CAAc,YAAM;AACpC,QAAI,CAACD,eAAe,CAACI,MAArB,EAA6B;AAC3B,aAAOJ,eAAP;AACD;;AAED,QAAMK,WAAW,GAAG,IAAIC,GAAJ,CAAQN,eAAR,CAApB;AACA,QAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAhB,CAAoB,UAACC,IAAD;AAAA,aAAUvB,cAAc,CAAEuB,IAAF,CAAxB;AAAA,KAApB,CAAjB;;AANoC,6DAQjBJ,WARiB;AAAA;;AAAA;AAQpC,0DAAgC;AAAA,YAArBI,IAAqB;;AAC9B,YAAIF,QAAQ,CAACG,QAAT,CAAkBxB,cAAc,CAAEuB,IAAF,CAAhC,CAAJ,EAA8C;AAC5CJ,UAAAA,WAAW,CAACM,MAAZ,CAAmBF,IAAnB;AACD;AACF;AAZmC;AAAA;AAAA;AAAA;AAAA;;AAcpC,4CAAWJ,WAAX;AACD,GAfiB,EAef,CAACL,eAAD,EAAkBJ,eAAlB,EAAmCV,cAAnC,CAfe,CAAlB;AAiBA,qEACKW,eADL;AAEEF,IAAAA,UAAU,EAAVA,UAFF;AAGEG,IAAAA,iBAAiB,EAAjBA,iBAHF;AAIET,IAAAA,MAAM,EAANA,MAJF;AAKEC,IAAAA,SAAS,EAATA,SALF;AAMEU,IAAAA,eAAe,EAAfA,eANF;AAOET,IAAAA,kBAAkB,EAAlBA,kBAPF;AAQEC,IAAAA,qBAAqB,EAArBA,qBARF;AASEC,IAAAA,aAAa,EAAbA,aATF;AAUEC,IAAAA,gBAAgB,EAAhBA,gBAVF;AAWEE,IAAAA,eAAe,EAAfA;AAXF;AAaD,CAlEM","sourcesContent":["import * as React from \"react\";\nimport { ChipsInputOption } from \"../ChipsInput/ChipsInput\";\nimport { useChipsInput } from \"../ChipsInput/useChipsInput\";\nimport { ChipsSelectProps } from \"./ChipsSelect\";\n\nexport const useChipsSelect = <Option extends ChipsInputOption>(\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<\n    number | null\n  >(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } =\n    useChipsInput(props);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLInputElement> | undefined\n  ) => {\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) =>\n          filterFn(fieldValue, option, getOptionLabel)\n        )\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"],"file":"useChipsSelect.js"}

package/dist/cjs/components/UsersStack/masks.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createMasks = createMasks;
-
-var _dom = require("../../lib/dom");
-
-var masksCreated = [];
-
-function createMasks(document) {
-  if (!_dom.canUseDOM || !document || masksCreated.includes(document)) {
-    return;
-  } // eslint-disable-next-line no-restricted-globals
-
-
-  var svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  svgElement.setAttributeNS(null, "id", "__SVG_MASKS_NODE__");
-  svgElement.setAttributeNS(null, "width", "0");
-  svgElement.setAttributeNS(null, "height", "0");
-  svgElement.style.position = "absolute";
-  svgElement.style.width = "0px";
-  svgElement.style.height = "0px";
-  svgElement.innerHTML = "<defs>\n  <path id=\"users_stack_16_left\" d=\"M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285\" />\n  <circle id=\"users_stack_16_circle\" cx=\"8\" cy=\"8\" r=\"8\" />\n  \n  <path id=\"users_stack_24_left\" d=\"M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625\" />\n  <circle id=\"users_stack_24_circle\" cx=\"12\" cy=\"12\" r=\"12\" />\n  <path id=\"users_stack_24_right\" d=\"M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625\" />\n\n  <path id=\"users_stack_32_left\" d=\"M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75\" />\n  <circle id=\"users_stack_32_circle\" cx=\"16\" cy=\"16\" r=\"16\" />\n  <path id=\"users_stack_32_right\" d=\"M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75\" />\n\n  <clipPath id=\"users_stack_mask_16_left\">\n    <use href=\"#users_stack_16_left\"/>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_16_circle\">\n    <use href=\"#users_stack_16_circle\"/>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_left\">\n    <use href=\"#users_stack_24_left\"/>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_circle\">\n    <use href=\"#users_stack_24_circle\"/>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_right\">\n    <use href=\"#users_stack_24_right\"/>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_left\">\n    <use href=\"#users_stack_32_left\"/>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_circle\">\n    <use href=\"#users_stack_32_circle\"/>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_right\">\n    <use href=\"#users_stack_32_right\"/>\n  </clipPath>\n</defs>";
-  document.body.appendChild(svgElement);
-  masksCreated.push(document);
-}
-//# sourceMappingURL=masks.js.map

package/dist/cjs/components/UsersStack/masks.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/UsersStack/masks.tsx"],"names":["masksCreated","createMasks","document","canUseDOM","includes","svgElement","createElementNS","setAttributeNS","style","position","width","height","innerHTML","body","appendChild","push"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,YAAwB,GAAG,EAAjC;;AAEO,SAASC,WAAT,CAAqBC,QAArB,EAAgD;AACrD,MAAI,CAACC,cAAD,IAAc,CAACD,QAAf,IAA2BF,YAAY,CAACI,QAAb,CAAsBF,QAAtB,CAA/B,EAAgE;AAC9D;AACD,GAHoD,CAKrD;;;AACA,MAAMG,UAAU,GAAGH,QAAQ,CAACI,eAAT,CACjB,4BADiB,EAEjB,KAFiB,CAAnB;AAIAD,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,IAAhC,EAAsC,oBAAtC;AACAF,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,OAAhC,EAAyC,GAAzC;AACAF,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,QAAhC,EAA0C,GAA1C;AACAF,EAAAA,UAAU,CAACG,KAAX,CAAiBC,QAAjB,GAA4B,UAA5B;AACAJ,EAAAA,UAAU,CAACG,KAAX,CAAiBE,KAAjB,GAAyB,KAAzB;AACAL,EAAAA,UAAU,CAACG,KAAX,CAAiBG,MAAjB,GAA0B,KAA1B;AAEAN,EAAAA,UAAU,CAACO,SAAX;AA6CAV,EAAAA,QAAQ,CAACW,IAAT,CAAcC,WAAd,CAA0BT,UAA1B;AACAL,EAAAA,YAAY,CAACe,IAAb,CAAkBb,QAAlB;AACD","sourcesContent":["import { canUseDOM } from \"../../lib/dom\";\n\nconst masksCreated: Document[] = [];\n\nexport function createMasks(document?: Document): void {\n  if (!canUseDOM || !document || masksCreated.includes(document)) {\n    return;\n  }\n\n  // eslint-disable-next-line no-restricted-globals\n  const svgElement = document.createElementNS(\n    \"http://www.w3.org/2000/svg\",\n    \"svg\"\n  );\n  svgElement.setAttributeNS(null, \"id\", \"__SVG_MASKS_NODE__\");\n  svgElement.setAttributeNS(null, \"width\", \"0\");\n  svgElement.setAttributeNS(null, \"height\", \"0\");\n  svgElement.style.position = \"absolute\";\n  svgElement.style.width = \"0px\";\n  svgElement.style.height = \"0px\";\n\n  svgElement.innerHTML = `<defs>\n  <path id=\"users_stack_16_left\" d=\"M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285\" />\n  <circle id=\"users_stack_16_circle\" cx=\"8\" cy=\"8\" r=\"8\" />\n  \n  <path id=\"users_stack_24_left\" d=\"M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625\" />\n  <circle id=\"users_stack_24_circle\" cx=\"12\" cy=\"12\" r=\"12\" />\n  <path id=\"users_stack_24_right\" d=\"M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625\" />\n\n  <path id=\"users_stack_32_left\" d=\"M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75\" />\n  <circle id=\"users_stack_32_circle\" cx=\"16\" cy=\"16\" r=\"16\" />\n  <path id=\"users_stack_32_right\" d=\"M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75\" />\n\n  <clipPath id=\"users_stack_mask_16_left\">\n    <use href=\"#users_stack_16_left\"/>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_16_circle\">\n    <use href=\"#users_stack_16_circle\"/>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_left\">\n    <use href=\"#users_stack_24_left\"/>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_circle\">\n    <use href=\"#users_stack_24_circle\"/>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_right\">\n    <use href=\"#users_stack_24_right\"/>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_left\">\n    <use href=\"#users_stack_32_left\"/>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_circle\">\n    <use href=\"#users_stack_32_circle\"/>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_right\">\n    <use href=\"#users_stack_32_right\"/>\n  </clipPath>\n</defs>`;\n\n  document.body.appendChild(svgElement);\n  masksCreated.push(document);\n}\n"],"file":"masks.js"}

package/dist/components/ChipsInput/useChipsInput.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ChipsInput/useChipsInput.ts"],"names":["React","useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  ChipsInputOption,\n  ChipsInputProps,\n  ChipsInputValue,\n} from \"./ChipsInput\";\n\nexport const useChipsInput = <Option extends ChipsInputOption>(\n  props: Partial<ChipsInputProps<Option>>\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } =\n    props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue(\"\");\n    onInputChange!({ target: { value: \"\" } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange]\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) =>\n          getOptionValue!(newOption) !== getOptionValue!(option)\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange]\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption]\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value: ChipsInputValue) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData]\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue(\"\");\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"file":"useChipsInput.js"}

package/dist/components/ChipsSelect/useChipsSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ChipsSelect/useChipsSelect.ts"],"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"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ChipsInputOption } from \"../ChipsInput/ChipsInput\";\nimport { useChipsInput } from \"../ChipsInput/useChipsInput\";\nimport { ChipsSelectProps } from \"./ChipsSelect\";\n\nexport const useChipsSelect = <Option extends ChipsInputOption>(\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<\n    number | null\n  >(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } =\n    useChipsInput(props);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLInputElement> | undefined\n  ) => {\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) =>\n          filterFn(fieldValue, option, getOptionLabel)\n        )\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"],"file":"useChipsSelect.js"}

package/dist/components/UsersStack/masks.d.ts

@@ -1 +0,0 @@
-export declare function createMasks(document?: Document): void;