@alfalab/core-components 48.7.0 → 48.8.0-beta.0

package/select/components/virtual-options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: ugsm0 */
+/* hash: c59q4 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb;
@@ -43,35 +43,35 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_1945c {
+} .select__virtualOptionsList_1k4zc {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
-} .select__virtualOptionsListHeader_1945c {
+} .select__virtualOptionsListHeader_1k4zc {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .select__virtualOptionsListFooter_1945c {
+} .select__virtualOptionsListFooter_1k4zc {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__virtualOptionsListFooter_1945c.select__withBorder_1945c {
+} .select__virtualOptionsListFooter_1k4zc.select__withBorder_1k4zc {
         border-top: 1px solid var(--color-light-neutral-300);
-    } .select__scrollable_1945c {
+    } .select__scrollable_1k4zc {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_1945c {
+} .select__inner_1k4zc {
     position: relative;
     width: 100%;
-} .select__virtualRow_1945c {
+} .select__virtualRow_1k4zc {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
     width: 100%
-} .select__virtualRow_1945c:before {
+} .select__virtualRow_1k4zc:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -81,16 +81,16 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_1945c:first-child:before {
+    } .select__virtualRow_1k4zc:first-child:before {
         display: none;
-    } .select__highlighted_1945c:before,
-    .select__highlighted_1945c + .select__virtualRow_1945c:before {
+    } .select__highlighted_1k4zc:before,
+    .select__highlighted_1k4zc + .select__virtualRow_1k4zc:before {
         display: none;
-    } .select__emptyPlaceholder_1945c {
+    } .select__emptyPlaceholder_1k4zc {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
-} .select__size-64_1945c .select__emptyPlaceholder_1945c,
-.select__size-72_1945c .select__emptyPlaceholder_1945c {
+} .select__size-64_1k4zc .select__emptyPlaceholder_1k4zc,
+.select__size-72_1k4zc .select__emptyPlaceholder_1k4zc {
     padding: var(--gap-24) var(--gap-16);
 }

package/select/cssm/components/base-select/Component.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 declare const BaseSelect: React.ForwardRefExoticComponent<import("../../typings").BaseSelectProps & import("../../typings").AdditionalMobileProps & import("../../typings").BottomSheetSelectMobileProps & import("../../typings").ModalSelectMobileProps & {
     isBottomSheet?: boolean | undefined;
     view: "desktop" | "mobile";
-    Popover?: React.ForwardRefExoticComponent<import("../../../../popover").PopoverProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    Popover?: React.ForwardRefExoticComponent<import("../../../../popover").PopoverProps<HTMLElement> & React.RefAttributes<HTMLDivElement>> | undefined;
     BottomSheet?: React.ForwardRefExoticComponent<import("../../../../bottom-sheet").BottomSheetProps & React.RefAttributes<HTMLDivElement>> | undefined;
     ModalMobile?: (React.ForwardRefExoticComponent<import("./types/component-types").ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
         Header: React.FC<import("../../../../modal/shared").ModalHeaderProps>;

package/select/cssm/components/base-select/Component.js

@@ -418,7 +418,7 @@ function (props, ref) {
                     : undefined,
             }, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'field') }, fieldProps)),
         name && !nativeSelect && renderValue(),
-        view === 'desktop' && !nativeSelect && (React__default.default.createElement(components_baseSelect_components_listDesktop_listPopoverDesktop.ListPopoverDesktop, tslib.__assign({}, components_baseSelect_components_listDesktop_helpers_getListPopoverDesktopProps.getListPopoverDesktopProps(props), { open: open, fieldRef: fieldRef, renderOptionsList: renderOptionsList }))),
+        view === 'desktop' && !nativeSelect && (React__default.default.createElement(components_baseSelect_components_listDesktop_listPopoverDesktop.ListPopoverDesktop, tslib.__assign({}, components_baseSelect_components_listDesktop_helpers_getListPopoverDesktopProps.getListPopoverDesktopProps(props), { open: open, anchorElement: fieldRef, renderOptionsList: renderOptionsList }))),
         view === 'mobile' && (React__default.default.createElement(components_baseSelect_components_listMobile_listMobile.ListMobile, { baseProps: isBottomSheet
                 ? components_baseSelect_components_listMobile_helpers_getListBottomSheetMobileProps.getListBottomSheetMobileProps(props)
                 : components_baseSelect_components_listMobile_helpers_getListModalMobileProps.getListModalMobileProps(props), open: open, menuRef: menuRef, scrollableContainerRef: scrollableContainerRef, flatOptions: flatOptions, renderOptionsList: renderOptionsList, renderSearch: renderSearch, closeMenu: closeMenu, handleEntered: handleEntered }))));

package/select/cssm/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ComponentProps } from "../../../types/component-types";
 declare const getListPopoverDesktopProps: (props: ComponentProps) => {
-    Popover: import("react").ForwardRefExoticComponent<import("../../../../../../../popover").PopoverProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-    popoverProps: Omit<import("../../../../../../../popover").PopoverProps, "className" | "dataTestId" | "anchorElement" | "position" | "preventFlip" | "open" | "update" | "zIndex"> | undefined;
-    popoverPosition: import("../../../../../../../popover").Position;
+    Popover: import("react").ForwardRefExoticComponent<import("../../../../../../../popover").PopoverProps<HTMLElement> & import("react").RefAttributes<HTMLDivElement>> | undefined;
+    popoverProps: Omit<import("../../../../../../../popover").PopoverProps<HTMLElement>, "className" | "dataTestId" | "anchorElement" | "position" | "preventFlip" | "open" | "zIndex" | "update"> | undefined;
+    popoverPosition: import("@floating-ui/react-dom").Placement;
     preventFlip: boolean;
     popperClassName: string | undefined;
     updatePopover: import("react").MutableRefObject<(() => void) | undefined> | undefined;

package/select/cssm/components/base-select/components/list-desktop/list-popover-desktop.d.ts

@@ -1,9 +1,8 @@
-import { FC, ReactNode, RefObject } from 'react';
+import { FC, ReactNode } from 'react';
+import { PopoverProps } from "../../../../../../popover";
 import { ListPopoverDesktopRestProps } from "./types/types";
-type ListPopoverDesktopProps = {
-    open: boolean;
-    fieldRef: RefObject<HTMLInputElement>;
+interface ListPopoverDesktopProps extends ListPopoverDesktopRestProps, Pick<PopoverProps, 'open' | 'anchorElement'> {
     renderOptionsList: () => ReactNode;
-} & ListPopoverDesktopRestProps;
+}
 declare const ListPopoverDesktop: FC<ListPopoverDesktopProps>;
 export { ListPopoverDesktop };

package/select/cssm/components/base-select/components/list-desktop/list-popover-desktop.js

@@ -12,9 +12,9 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var ListPopoverDesktop = function (props) {
-    var Popover = props.Popover, open = props.open, popoverProps = props.popoverProps, fieldRef = props.fieldRef, _a = props.popoverPosition, popoverPosition = _a === void 0 ? 'bottom-start' : _a, _b = props.preventFlip, preventFlip = _b === void 0 ? true : _b, popperClassName = props.popperClassName, updatePopover = props.updatePopover, zIndexPopover = props.zIndexPopover, renderOptionsList = props.renderOptionsList;
+    var Popover = props.Popover, open = props.open, popoverProps = props.popoverProps, anchorElement = props.anchorElement, _a = props.popoverPosition, popoverPosition = _a === void 0 ? 'bottom-start' : _a, _b = props.preventFlip, preventFlip = _b === void 0 ? true : _b, popperClassName = props.popperClassName, updatePopover = props.updatePopover, zIndexPopover = props.zIndexPopover, renderOptionsList = props.renderOptionsList;
     if (Popover) {
-        return (React__default.default.createElement(Popover, tslib.__assign({}, popoverProps, { open: open, withTransition: false, anchorElement: fieldRef.current, position: popoverPosition, preventFlip: preventFlip, popperClassName: cn__default.default(styles__default.default.popoverInner, popperClassName), update: updatePopover, zIndex: zIndexPopover }), renderOptionsList()));
+        return (React__default.default.createElement(Popover, tslib.__assign({}, popoverProps, { open: open, withTransition: false, anchorElement: anchorElement, position: popoverPosition, preventFlip: preventFlip, popperClassName: cn__default.default(styles__default.default.popoverInner, popperClassName), update: updatePopover, zIndex: zIndexPopover }), renderOptionsList()));
     }
     return null;
 };

package/select/esm/Component.responsive.js

@@ -19,12 +19,12 @@ import '@alfalab/hooks';
 import './utils.js';
 import './components/native-select/Component.js';
 import './components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import './list-popover-desktop-7752b0d6.js';
+import './list-popover-desktop-9e6592fe.js';
 import './components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import './components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import './components/base-select/components/list-mobile/list-mobile.js';
 import './components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import './mobile.module-cea6059d.js';
+import './mobile.module-a8e356c7.js';
 import './components/base-select/components/list-mobile/list-modal-mobile.js';
 import './components/field/Component.js';
 import './components/clear-button/Component.js';
@@ -52,7 +52,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-aaef0610.js';
+import './hook-30e0cad9.js';
 import 'react-fast-compare';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';

package/select/esm/components/arrow/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 
-var styles = {"arrow":"select__arrow_1lvj3","disabled":"select__disabled_1lvj3","open":"select__open_1lvj3"};
+var styles = {"arrow":"select__arrow_1ixfi","disabled":"select__disabled_1ixfi","open":"select__open_1ixfi"};
 require('./index.css');
 
 var Arrow = function (_a) {

package/select/esm/components/arrow/index.css

@@ -1,4 +1,4 @@
-/* hash: 1hvb1 */
+/* hash: 1g0ha */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -32,15 +32,15 @@
     /* checkmark */
 
     /* optgroup */
-} .select__arrow_1lvj3 {
+} .select__arrow_1ixfi {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease
-} .select__arrow_1lvj3.select__disabled_1lvj3 {
+} .select__arrow_1ixfi.select__disabled_1ixfi {
         color: var(--select-arrow-disabled-color);
-    } .select__open_1lvj3 {
+    } .select__open_1ixfi {
     transform: var(--arrow-transform);
 }

package/select/esm/components/base-checkmark/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Checkbox } from '../../../../checkbox/esm';
 import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-var styles = {"checkmark":"select__checkmark_1iyz7","start":"select__start_1iyz7","center":"select__center_1iyz7","single":"select__single_1iyz7","selected":"select__selected_1iyz7"};
+var styles = {"checkmark":"select__checkmark_1g0vm","start":"select__start_1g0vm","center":"select__center_1g0vm","single":"select__single_1g0vm","selected":"select__selected_1g0vm"};
 require('./index.css');
 
 var BaseCheckmark = function (_a) {

package/select/esm/components/base-checkmark/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lxmo */
+/* hash: ip3mb */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,18 +27,18 @@
     /* checkmark */
 
     /* optgroup */
-} .select__checkmark_1iyz7 {
+} .select__checkmark_1g0vm {
     flex-shrink: 0;
     box-sizing: border-box
-} .select__checkmark_1iyz7.select__start_1iyz7 {
+} .select__checkmark_1g0vm.select__start_1g0vm {
         align-self: start;
-    } .select__checkmark_1iyz7.select__center_1iyz7 {
+    } .select__checkmark_1g0vm.select__center_1g0vm {
         align-self: center;
-    } .select__single_1iyz7 {
+    } .select__single_1g0vm {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0
-} .select__single_1iyz7.select__selected_1iyz7 {
+} .select__single_1g0vm.select__selected_1g0vm {
         opacity: 1;
     }

package/select/esm/components/base-option/Component.js

@@ -5,7 +5,7 @@ import { BaseCheckmark } from '../base-checkmark/Component.js';
 import '../../../../checkbox/esm';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 
-var styles = {"option":"select__option_ml100","disabled":"select__disabled_ml100","checkmarkBefore":"select__checkmarkBefore_ml100","mobile":"select__mobile_ml100","checkmarkAfter":"select__checkmarkAfter_ml100","textContent":"select__textContent_ml100","selected":"select__selected_ml100","highlighted":"select__highlighted_ml100","checkmarkBeforeContent":"select__checkmarkBeforeContent_ml100","checkmarkAfterContent":"select__checkmarkAfterContent_ml100","content":"select__content_ml100"};
+var styles = {"option":"select__option_xluzs","disabled":"select__disabled_xluzs","checkmarkBefore":"select__checkmarkBefore_xluzs","mobile":"select__mobile_xluzs","checkmarkAfter":"select__checkmarkAfter_xluzs","textContent":"select__textContent_xluzs","selected":"select__selected_xluzs","highlighted":"select__highlighted_xluzs","checkmarkBeforeContent":"select__checkmarkBeforeContent_xluzs","checkmarkAfterContent":"select__checkmarkAfterContent_xluzs","content":"select__content_xluzs"};
 require('./index.css');
 
 var BaseOption = function (_a) {

package/select/esm/components/base-option/index.css

@@ -1,4 +1,4 @@
-/* hash: dzwdp */
+/* hash: 1uphj */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -51,7 +51,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_ml100 {
+} .select__option_xluzs {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -65,36 +65,36 @@
     position: relative;
     cursor: pointer;
     min-height: var(--size-s-height)
-} .select__option_ml100:not(.select__disabled_ml100):active {
+} .select__option_xluzs:not(.select__disabled_xluzs):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_ml100.select__checkmarkBefore_ml100 {
+    } .select__option_xluzs.select__checkmarkBefore_xluzs {
         padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12)
-    } .select__option_ml100.select__checkmarkBefore_ml100.select__mobile_ml100 {
+    } .select__option_xluzs.select__checkmarkBefore_xluzs.select__mobile_xluzs {
             padding-left: var(--gap-16);
-        } .select__option_ml100.select__checkmarkAfter_ml100.select__checkmarkAfter_ml100 {
+        } .select__option_xluzs.select__checkmarkAfter_xluzs.select__checkmarkAfter_xluzs {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0)
-    } .select__option_ml100.select__checkmarkAfter_ml100.select__checkmarkAfter_ml100.select__mobile_ml100 {
+    } .select__option_xluzs.select__checkmarkAfter_xluzs.select__checkmarkAfter_xluzs.select__mobile_xluzs {
             padding-right: var(--gap-20);
-        } .select__option_ml100.select__textContent_ml100 {
+        } .select__option_xluzs.select__textContent_xluzs {
         padding: var(--gap-12)
-    } .select__option_ml100.select__textContent_ml100.select__mobile_ml100 {
+    } .select__option_xluzs.select__textContent_xluzs.select__mobile_xluzs {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
-        } .select__selected_ml100 {
+        } .select__selected_xluzs {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_ml100 {
+} .select__highlighted_xluzs {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_ml100 {
+} .select__disabled_xluzs {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__checkmarkBeforeContent_ml100 {
+} .select__checkmarkBeforeContent_xluzs {
     margin-right: var(--gap-12);
-} .select__checkmarkAfterContent_ml100 {
+} .select__checkmarkAfterContent_xluzs {
     margin-left: var(--gap-12);
-} .select__content_ml100 {
+} .select__content_xluzs {
     flex: 1;
 }

package/select/esm/components/base-select/Component.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 declare const BaseSelect: React.ForwardRefExoticComponent<import("../../typings").BaseSelectProps & import("../../typings").AdditionalMobileProps & import("../../typings").BottomSheetSelectMobileProps & import("../../typings").ModalSelectMobileProps & {
     isBottomSheet?: boolean | undefined;
     view: "desktop" | "mobile";
-    Popover?: React.ForwardRefExoticComponent<import("../../../../popover").PopoverProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    Popover?: React.ForwardRefExoticComponent<import("../../../../popover").PopoverProps<HTMLElement> & React.RefAttributes<HTMLDivElement>> | undefined;
     BottomSheet?: React.ForwardRefExoticComponent<import("../../../../bottom-sheet").BottomSheetProps & React.RefAttributes<HTMLDivElement>> | undefined;
     ModalMobile?: (React.ForwardRefExoticComponent<import("./types/component-types").ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
         Header: React.FC<import("../../../../modal/shared").ModalHeaderProps>;

package/select/esm/components/base-select/Component.js

@@ -10,11 +10,11 @@ import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { defaultAccessor, defaultFilterFn, defaultGroupAccessor, processOptions, isGroup } from '../../utils.js';
 import { NativeSelect } from '../native-select/Component.js';
 import { getListPopoverDesktopProps } from './components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-7752b0d6.js';
+import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-9e6592fe.js';
 import { getListModalMobileProps } from './components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import { getListBottomSheetMobileProps } from './components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import { ListMobile } from './components/list-mobile/list-mobile.js';
-import { m as mobileStyles } from '../../mobile.module-cea6059d.js';
+import { m as mobileStyles } from '../../mobile.module-a8e356c7.js';
 import './components/list-mobile/list-bottom-sheet-mobile.js';
 import './components/list-mobile/list-modal-mobile.js';
 
@@ -409,7 +409,7 @@ function (props, ref) {
                     : undefined,
             }, dataTestId: getDataTestId(dataTestId, 'field') }, fieldProps)),
         name && !nativeSelect && renderValue(),
-        view === 'desktop' && !nativeSelect && (React.createElement(ListPopoverDesktop, __assign({}, getListPopoverDesktopProps(props), { open: open, fieldRef: fieldRef, renderOptionsList: renderOptionsList }))),
+        view === 'desktop' && !nativeSelect && (React.createElement(ListPopoverDesktop, __assign({}, getListPopoverDesktopProps(props), { open: open, anchorElement: fieldRef, renderOptionsList: renderOptionsList }))),
         view === 'mobile' && (React.createElement(ListMobile, { baseProps: isBottomSheet
                 ? getListBottomSheetMobileProps(props)
                 : getListModalMobileProps(props), open: open, menuRef: menuRef, scrollableContainerRef: scrollableContainerRef, flatOptions: flatOptions, renderOptionsList: renderOptionsList, renderSearch: renderSearch, closeMenu: closeMenu, handleEntered: handleEntered }))));

package/select/esm/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ComponentProps } from "../../../types/component-types";
 declare const getListPopoverDesktopProps: (props: ComponentProps) => {
-    Popover: import("react").ForwardRefExoticComponent<import("../../../../../../../popover").PopoverProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-    popoverProps: Omit<import("../../../../../../../popover").PopoverProps, "className" | "dataTestId" | "anchorElement" | "position" | "preventFlip" | "open" | "update" | "zIndex"> | undefined;
-    popoverPosition: import("../../../../../../../popover").Position;
+    Popover: import("react").ForwardRefExoticComponent<import("../../../../../../../popover").PopoverProps<HTMLElement> & import("react").RefAttributes<HTMLDivElement>> | undefined;
+    popoverProps: Omit<import("../../../../../../../popover").PopoverProps<HTMLElement>, "className" | "dataTestId" | "anchorElement" | "position" | "preventFlip" | "open" | "zIndex" | "update"> | undefined;
+    popoverPosition: import("@floating-ui/react-dom").Placement;
     preventFlip: boolean;
     popperClassName: string | undefined;
     updatePopover: import("react").MutableRefObject<(() => void) | undefined> | undefined;

package/select/esm/components/base-select/components/list-desktop/list-popover-desktop.js

@@ -1,4 +1,4 @@
 import 'tslib';
 import 'react';
 import 'classnames';
-export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-7752b0d6.js';
+export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-9e6592fe.js';

package/select/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js

@@ -1,7 +1,7 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { getDataTestId } from '../../../../../../shared/esm';
-import { m as mobileStyles } from '../../../../mobile.module-cea6059d.js';
+import { m as mobileStyles } from '../../../../mobile.module-a8e356c7.js';
 
 var ListBottomSheetMobile = function (props) {
     var BottomSheet = props.BottomSheet, dataTestId = props.dataTestId, open = props.open, label = props.label, placeholder = props.placeholder, footer = props.footer, swipeable = props.swipeable, showSearch = props.showSearch, bottomSheetProps = props.bottomSheetProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;

package/select/esm/components/base-select/components/list-mobile/list-mobile.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { ListBottomSheetMobile } from './list-bottom-sheet-mobile.js';
 import { ListModalMobile } from './list-modal-mobile.js';
 import '../../../../../../shared/esm';
-import '../../../../mobile.module-cea6059d.js';
+import '../../../../mobile.module-a8e356c7.js';
 import 'react-merge-refs';
 import 'classnames';
 

package/select/esm/components/base-select/components/list-mobile/list-modal-mobile.js

@@ -3,7 +3,7 @@ import React from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../../../shared/esm';
-import { m as mobileStyles } from '../../../../mobile.module-cea6059d.js';
+import { m as mobileStyles } from '../../../../mobile.module-a8e356c7.js';
 
 var ListModalMobile = function (props) {
     var ModalMobile = props.ModalMobile, dataTestId = props.dataTestId, open = props.open, modalProps = props.modalProps, modalHeaderProps = props.modalHeaderProps, modalFooterProps = props.modalFooterProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, label = props.label, placeholder = props.placeholder, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;

package/select/esm/components/base-select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1asr9 */
+/* hash: f0xnv */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -45,21 +45,21 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_1x953 {
+} .select__component_k2eyy {
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
-} .select__popoverInner_1x953 {
+} .select__popoverInner_k2eyy {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     background: transparent;
     border-radius: 0;
     position: relative;
-} .select__popoverInner_1x953.select__popoverInner_1x953 {
+} .select__popoverInner_k2eyy.select__popoverInner_k2eyy {
     box-shadow: none;
     border: none;
-} .select__optionsListWrapper_1x953 {
+} .select__optionsListWrapper_k2eyy {
     position: relative;
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
@@ -68,7 +68,7 @@
     background: var(--select-option-background);
     overflow: hidden;
     will-change: transform;
-} .select__optionsListBorder_1x953 {
+} .select__optionsListBorder_k2eyy {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -77,7 +77,7 @@
     box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);
     border-radius: inherit;
     pointer-events: none;
-} .select__nativeSelect_1x953 {
+} .select__nativeSelect_k2eyy {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -90,12 +90,12 @@
     height: 100%;
     cursor: pointer;
     z-index: 1;
-} .select__block_1x953 {
+} .select__block_k2eyy {
     width: 100%;
-} .select__emptySearchPlaceholder_1x953 {
+} .select__emptySearchPlaceholder_k2eyy {
     text-align: center;
-} .select__search_1x953 {
+} .select__search_k2eyy {
     margin: var(--gap-12) var(--gap-12) var(--gap-0)
-} .select__search_1x953:last-child {
+} .select__search_k2eyy:last-child {
         margin-bottom: var(--gap-12);
     }

package/select/esm/components/base-select/index.js

@@ -11,10 +11,10 @@ import '@alfalab/hooks';
 import '../../utils.js';
 import '../native-select/Component.js';
 import './components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../../list-popover-desktop-7752b0d6.js';
+import '../../list-popover-desktop-9e6592fe.js';
 import './components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import './components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import './components/list-mobile/list-mobile.js';
 import './components/list-mobile/list-bottom-sheet-mobile.js';
-import '../../mobile.module-cea6059d.js';
+import '../../mobile.module-a8e356c7.js';
 import './components/list-mobile/list-modal-mobile.js';