@alfalab/core-components-select 17.10.1 → 17.12.0

package/modern/components/virtual-options-list/Component.js

@@ -9,7 +9,7 @@ import { SIZE_TO_CLASSNAME_MAP, DEFAULT_VISIBLE_OPTIONS } from '../../consts.js'
 import { usePrevious, lastIndexOf, useVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 
-const styles = {"virtualOptionsList":"select__virtualOptionsList_1gsun","virtualOptionsListHeader":"select__virtualOptionsListHeader_1gsun","virtualOptionsListFooter":"select__virtualOptionsListFooter_1gsun","withBorder":"select__withBorder_1gsun","scrollable":"select__scrollable_1gsun","inner":"select__inner_1gsun","virtualRow":"select__virtualRow_1gsun","highlighted":"select__highlighted_1gsun","emptyPlaceholder":"select__emptyPlaceholder_1gsun","size-64":"select__size-64_1gsun","size-72":"select__size-72_1gsun"};
+const styles = {"virtualOptionsList":"select__virtualOptionsList_nejys","virtualOptionsListHeader":"select__virtualOptionsListHeader_nejys","virtualOptionsListFooter":"select__virtualOptionsListFooter_nejys","withBorder":"select__withBorder_nejys","scrollable":"select__scrollable_nejys","inner":"select__inner_nejys","virtualRow":"select__virtualRow_nejys","highlighted":"select__highlighted_nejys","emptyPlaceholder":"select__emptyPlaceholder_nejys","size-64":"select__size-64_nejys","size-72":"select__size-72_nejys"};
 require('./index.css')
 
 const VirtualOptionsList = forwardRef(({ size = 48, flatOptions = [], highlightedIndex = -1, optionGroupClassName, className, getOptionProps, groupOptionProps = {}, Option, open, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = DEFAULT_VISIBLE_OPTIONS, header, footer, showFooter = true, optionsListWidth, onScroll, nativeScrollbar: nativeScrollbarProp, setHighlightedIndex, selectedItems, setSelectedItems, search, multiple, }, ref) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1xbpa */
+/* hash: 1s63h */
 :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;
@@ -22,6 +22,7 @@
     --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-0: 0;
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
     --gap-24: var(--gap-xl);
@@ -42,54 +43,54 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_1gsun {
+} .select__virtualOptionsList_nejys {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
-} .select__virtualOptionsListHeader_1gsun {
+} .select__virtualOptionsListHeader_nejys {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .select__virtualOptionsListFooter_1gsun {
+} .select__virtualOptionsListFooter_nejys {
     position: sticky;
-    bottom: 0;
+    bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__virtualOptionsListFooter_1gsun.select__withBorder_1gsun {
+} .select__virtualOptionsListFooter_nejys.select__withBorder_nejys {
         border-top: 1px solid var(--color-light-neutral-300);
-    } .select__scrollable_1gsun {
+    } .select__scrollable_nejys {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_1gsun {
+} .select__inner_nejys {
     position: relative;
     width: 100%;
-} .select__virtualRow_1gsun {
+} .select__virtualRow_nejys {
     position: absolute;
-    top: 0;
-    left: 0;
+    top: var(--gap-0);
+    left: var(--gap-0);
     width: 100%
-} .select__virtualRow_1gsun:before {
+} .select__virtualRow_nejys:before {
         content: '';
         position: absolute;
         z-index: 1;
         left: var(--select-option-left-padding);
         right: var(--select-option-right-padding);
-        top: 0;
+        top: var(--gap-0);
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_1gsun:first-child:before {
+    } .select__virtualRow_nejys:first-child:before {
         display: none;
-    } .select__highlighted_1gsun:before,
-    .select__highlighted_1gsun + .select__virtualRow_1gsun:before {
+    } .select__highlighted_nejys:before,
+    .select__highlighted_nejys + .select__virtualRow_nejys:before {
         display: none;
-    } .select__emptyPlaceholder_1gsun {
+    } .select__emptyPlaceholder_nejys {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
-} .select__size-64_1gsun .select__emptyPlaceholder_1gsun,
-.select__size-72_1gsun .select__emptyPlaceholder_1gsun {
+} .select__size-64_nejys .select__emptyPlaceholder_nejys,
+.select__size-72_nejys .select__emptyPlaceholder_nejys {
     padding: var(--gap-24) var(--gap-16);
 }

package/modern/{list-popover-desktop-46e08681.js → list-popover-desktop-85370c2c.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"select__component_d0r31","popoverInner":"select__popoverInner_d0r31","optionsListWrapper":"select__optionsListWrapper_d0r31","optionsListBorder":"select__optionsListBorder_d0r31","nativeSelect":"select__nativeSelect_d0r31","block":"select__block_d0r31","emptySearchPlaceholder":"select__emptySearchPlaceholder_d0r31","search":"select__search_d0r31"};
+const styles = {"component":"select__component_11ha3","popoverInner":"select__popoverInner_11ha3","optionsListWrapper":"select__optionsListWrapper_11ha3","optionsListBorder":"select__optionsListBorder_11ha3","nativeSelect":"select__nativeSelect_11ha3","block":"select__block_11ha3","emptySearchPlaceholder":"select__emptySearchPlaceholder_11ha3","search":"select__search_11ha3"};
 require('./components/base-select/index.css')
 
 const ListPopoverDesktop = (props) => {

package/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-0b565ee2.js';
+import { u as useSelectWithApply } from '../hook-a054f3bb.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 
 const VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;

package/modern/mobile.module-eb08a4de.js

@@ -0,0 +1,4 @@
+const mobileStyles = {"sheet":"select__sheet_1j8de","sheetContent":"select__sheetContent_1j8de","modalContent":"select__modalContent_1j8de","sheetContainer":"select__sheetContainer_1j8de","optionsListWrapper":"select__optionsListWrapper_1j8de","optionsList":"select__optionsList_1j8de","scrollbar":"select__scrollbar_1j8de","search":"select__search_1j8de","option":"select__option_1j8de","optionGroup":"select__optionGroup_1j8de"};
+require('./components/base-select/mobile.css')
+
+export { mobileStyles as m };

package/modern/presets/index.js

@@ -1,3 +1,3 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-0b565ee2.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-a054f3bb.js';

package/modern/presets/useSelectWithApply/hook.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'deep-equal';
 import '../../utils.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-0b565ee2.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-a054f3bb.js';

package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../components/options-list/Component.js';
 import '../../../consts.js';
-export { O as OptionsListWithApply } from '../../../hook-0b565ee2.js';
+export { O as OptionsListWithApply } from '../../../hook-a054f3bb.js';
 import './footer/Component.js';
 import './header/Component.js';

package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { ButtonDesktop } from '@alfalab/core-components-button/modern/desktop';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
 
-const styles = {"footer":"select__footer_gu687","button":"select__button_gu687"};
+const styles = {"footer":"select__footer_1mgzl","button":"select__button_1mgzl"};
 require('./index.css')
 
 const Footer = ({ handleApply, handleClear, showClear, selectedDraft = [], dataTestId, }) => (React.createElement("div", { 

package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: xd0w3 */
+/* hash: s7f2p */
 :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-base-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -23,10 +23,12 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} .select__footer_gu687 {
+} :root {
+    --select-option-list-footer-button-gap: var(--gap-8);
+} .select__footer_1mgzl {
     background-color: var(--color-light-base-bg-primary);
     padding: var(--gap-12);
     outline: none
-} .select__footer_gu687 > .select__button_gu687 + .select__button_gu687 {
-        margin-left: var(--gap-8);
+} .select__footer_1mgzl > .select__button_1mgzl + .select__button_1mgzl {
+        margin-left: var(--select-option-list-footer-button-gap);
     }

package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Checkbox } from '@alfalab/core-components-checkbox/modern';
 
-const styles = {"desktop":"select__desktop_8v1tg","mobile":"select__mobile_8v1tg"};
+const styles = {"desktop":"select__desktop_1g7v5","mobile":"select__mobile_1g7v5"};
 require('./index.css')
 
 const Header = ({ onChange, checked, indeterminate, mobile }) => (React.createElement("div", { className: cn({ [styles.desktop]: !mobile, [styles.mobile]: mobile }) },

package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css

@@ -1,4 +1,4 @@
-/* hash: r3wfs */
+/* hash: lyame */
 :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 */
@@ -22,8 +22,8 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} .select__desktop_8v1tg {
+} .select__desktop_1g7v5 {
     padding: var(--gap-12);
-} .select__mobile_8v1tg {
+} .select__mobile_1g7v5 {
     padding: var(--gap-12) var(--gap-8);
 }

package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-0b565ee2";
+export * from "../../../hook-a054f3bb";

package/modern/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1 +1 @@
-export { O as OptionsListWithApply } from '../../../hook-0b565ee2.js';
+export { O as OptionsListWithApply } from '../../../hook-a054f3bb.js';

package/modern/presets/useSelectWithLoading/hook.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Skeleton } from '@alfalab/core-components-skeleton/modern';
 import { Option } from '../../components/option/Component.js';
 
-const styles = {"skeleton":"select__skeleton_1t4cp"};
+const styles = {"skeleton":"select__skeleton_15yyc"};
 require('./index.css')
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, Option: Option$1 = Option, }) {

package/modern/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1stoj */
-.select__skeleton_1t4cp {
+/* hash: 26o9h */
+.select__skeleton_15yyc {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/modern/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-0b565ee2.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-a054f3bb.js';
 export { defaultAccessor, defaultFilterFn, defaultGroupAccessor, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';

package/modern/utils.d.ts

@@ -45,7 +45,7 @@ type useVisibleOptionsArgs = {
      */
     actualOptionsCount?: boolean;
 };
-declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs): void;
+declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs): boolean;
 declare function defaultFilterFn(optionText: string, search: string): boolean;
 declare function defaultGroupAccessor(option: GroupShape): string | undefined;
 declare function defaultAccessor(option: OptionShape): string;

package/modern/utils.js

@@ -1,5 +1,5 @@
-import { isValidElement, cloneElement, useEffect, useRef } from 'react';
-import { getDataTestId } from '@alfalab/core-components-shared/modern';
+import { isValidElement, cloneElement, useState, useEffect, useRef } from 'react';
+import { useIsMounted, fnUtils, getDataTestId } from '@alfalab/core-components-shared/modern';
 
 const isGroup = (item) => Object.prototype.hasOwnProperty.call(item, 'options');
 const isOptionShape = (item) => !!item && Object.prototype.hasOwnProperty.call(item, 'key');
@@ -69,6 +69,8 @@ function processOptions(options, selected = [], filterFn = () => true, filterGro
     return { filteredOptions, flatOptions, selectedOptions };
 }
 function useVisibleOptions({ visibleOptions, listRef, styleTargetRef = listRef, open, invalidate, options, size, actualOptionsCount, }) {
+    const [, runIfMounted] = useIsMounted();
+    const [measured, setMeasured] = useState(false);
     useEffect(() => {
         const measureOptionHeight = (element) => typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;
         const list = listRef.current;
@@ -96,8 +98,15 @@ function useVisibleOptions({ visibleOptions, listRef, styleTargetRef = listRef,
                     height += size / 2;
                 }
             }
+            const prevHeight = styleTarget.style.height;
             styleTarget.style.height = `${height}px`;
+            setMeasured(true);
+            return () => {
+                styleTarget.style.height = prevHeight;
+                runIfMounted(() => setMeasured(false));
+            };
         }
+        return fnUtils.noop;
     }, [
         actualOptionsCount,
         listRef,
@@ -107,7 +116,9 @@ function useVisibleOptions({ visibleOptions, listRef, styleTargetRef = listRef,
         styleTargetRef,
         visibleOptions,
         invalidate,
+        runIfMounted,
     ]);
+    return measured;
 }
 function defaultFilterFn(optionText, search) {
     if (!search)

package/moderncssm/Component.responsive.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import React from 'react';
+import { SelectProps } from "./typings";
+declare const SelectResponsive: React.ForwardRefExoticComponent<(SelectProps & {
+    originalProps?: SelectProps | undefined;
+}) & React.RefAttributes<HTMLDivElement>>;
+export { SelectResponsive };

package/moderncssm/Component.responsive.js

@@ -0,0 +1,21 @@
+import React, { forwardRef } from 'react';
+import { useMatchMedia } from '@alfalab/core-components-mq/moderncssm';
+import { SelectDesktop } from './desktop/Component.desktop.js';
+import { SelectMobile } from './mobile/Component.mobile.js';
+import './mobile/Component.modal.mobile.js';
+
+const SelectResponsive = forwardRef(({ onScroll, fieldProps, breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
+    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
+    if (isDesktop) {
+        return (React.createElement(SelectDesktop, { onScroll: onScroll, ...restProps, ref: ref, fieldProps: fieldProps }));
+    }
+    const mobileProps = {
+        ...restProps,
+        /* В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */
+        ...restProps.originalProps,
+    };
+    return React.createElement(SelectMobile, { fieldProps: fieldProps, ...mobileProps, ref: ref });
+});
+SelectResponsive.displayName = 'SelectResponsive';
+
+export { SelectResponsive };

package/moderncssm/components/arrow/Component.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { ArrowProps } from "../../typings";
+declare const Arrow: ({ open, className }: ArrowProps) => React.JSX.Element;
+export { Arrow };

package/moderncssm/components/arrow/Component.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import cn from 'classnames';
+import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
+import styles from './index.module.css';
+
+const Arrow = ({ open, className }) => (React.createElement(ChevronDownMIcon, { className: cn(styles.arrow, className, { [styles.open]: open }) }));
+
+export { Arrow };

package/moderncssm/components/arrow/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/moderncssm/components/arrow/index.js

@@ -0,0 +1 @@
+export { Arrow } from './Component.js';

package/moderncssm/components/arrow/index.module.css

@@ -0,0 +1,23 @@
+/* */
+:root {
+    --select-arrow-color: var(--color-light-neutral-translucent-700);
+
+    /* options list */
+
+    /* option */
+
+    /* checkmark */
+
+    /* optgroup */
+}
+.arrow {
+    display: block;
+    width: 24px;
+    height: 24px;
+    color: var(--select-arrow-color);
+
+    transition: transform 0.15s ease-in-out, opacity 0.2s ease;
+}
+.open {
+    transform: var(--arrow-transform);
+}

package/moderncssm/components/base-checkmark/Component.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CheckmarkProps } from "../../typings";
+declare const BaseCheckmark: ({ selected, disabled, className, multiple, align, }: CheckmarkProps) => React.JSX.Element;
+export { BaseCheckmark };

package/moderncssm/components/base-checkmark/Component.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import cn from 'classnames';
+import { Checkbox } from '@alfalab/core-components-checkbox/moderncssm';
+import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
+import styles from './index.module.css';
+
+const BaseCheckmark = ({ selected, disabled = false, className, multiple, align = 'center', }) => {
+    const checkmarkClassNames = cn(styles.checkmark, styles[align], className, {
+        [styles.single]: !multiple,
+        [styles.selected]: selected,
+    });
+    return multiple ? (React.createElement(Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 'm', hiddenInput: true })) : (React.createElement(CheckmarkMIcon, { className: checkmarkClassNames }));
+};
+
+export { BaseCheckmark };

package/moderncssm/components/base-checkmark/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/moderncssm/components/base-checkmark/index.js

@@ -0,0 +1 @@
+export { BaseCheckmark } from './Component.js';

package/moderncssm/components/base-checkmark/index.module.css

@@ -0,0 +1,30 @@
+/* */
+:root {
+
+    /* options list */
+
+    /* option */
+
+    /* checkmark */
+
+    /* optgroup */
+}
+.checkmark {
+    flex-shrink: 0;
+    box-sizing: border-box
+}
+.checkmark.start {
+        align-self: start;
+    }
+.checkmark.center {
+        align-self: center;
+    }
+.single {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    opacity: 0
+}
+.single.selected {
+        opacity: 1;
+    }

package/moderncssm/components/base-option/Component.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { OptionProps } from "../../typings";
+declare const BaseOption: FC<OptionProps>;
+export { BaseOption };

package/moderncssm/components/base-option/Component.js

@@ -0,0 +1,33 @@
+import React, { isValidElement } from 'react';
+import cn from 'classnames';
+import { BaseCheckmark } from '../base-checkmark/Component.js';
+import styles from './index.module.css';
+
+const BaseOption = ({ className, option, children, selected, highlighted, disabled, multiple, Checkmark = BaseCheckmark, checkmarkPosition = multiple ? 'before' : 'after', align = 'center', innerProps, dataTestId, mobile = false, }) => {
+    const content = children || option.content || option.key;
+    const { showCheckMark = true } = option;
+    const isTextContent = !isValidElement(content);
+    const renderCheckmark = () => {
+        if (Checkmark && showCheckMark) {
+            return (React.createElement(Checkmark, { className: cn({
+                    [styles.checkmarkBeforeContent]: checkmarkPosition === 'before',
+                    [styles.checkmarkAfterContent]: checkmarkPosition === 'after',
+                }), disabled: disabled, selected: selected, multiple: multiple, align: align }));
+        }
+        return null;
+    };
+    return (React.createElement("div", { ...innerProps, className: cn(styles.option, className, {
+            [styles.highlighted]: !mobile && highlighted,
+            [styles.selected]: selected,
+            [styles.disabled]: disabled,
+            [styles.textContent]: isTextContent,
+            [styles.mobile]: mobile,
+            [styles.checkmarkAfter]: !isTextContent && checkmarkPosition === 'after',
+            [styles.checkmarkBefore]: !isTextContent && checkmarkPosition === 'before',
+        }), "data-test-id": dataTestId },
+        checkmarkPosition === 'before' && renderCheckmark(),
+        React.createElement("div", { className: cn(styles.content) }, content),
+        checkmarkPosition === 'after' && renderCheckmark()));
+};
+
+export { BaseOption };

package/moderncssm/components/base-option/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/moderncssm/components/base-option/index.js

@@ -0,0 +1 @@
+export { BaseOption } from './Component.js';