ab-ui-library 1.0.1

package/components/SVGIcons/index.js

@@ -0,0 +1,342 @@
+export { IconAdd } from './IconAdd.js';
+export { IconAddCircle } from './IconAddCircle.js';
+export { IconAddCircleFilled } from './IconAddCircleFilled.js';
+export { IconAddFilled } from './IconAddFilled.js';
+export { IconAlert } from './IconAlert.js';
+export { IconAlertBadge } from './IconAlertBadge.js';
+export { IconAlertBadgeFilled } from './IconAlertBadgeFilled.js';
+export { IconAlertFilled } from './IconAlertFilled.js';
+export { IconAm } from './IconAm.js';
+export { IconAmd } from './IconAmd.js';
+export { IconAmdFilled } from './IconAmdFilled.js';
+export { IconApple } from './IconApple.js';
+export { IconAppsList } from './IconAppsList.js';
+export { IconAppsListFilled } from './IconAppsListFilled.js';
+export { IconArrowDown } from './IconArrowDown.js';
+export { IconArrowDownFilled } from './IconArrowDownFilled.js';
+export { IconArrowDownLeft } from './IconArrowDownLeft.js';
+export { IconArrowDownLeftFilled } from './IconArrowDownLeftFilled.js';
+export { IconArrowDownload } from './IconArrowDownload.js';
+export { IconArrowDownloadFilled } from './IconArrowDownloadFilled.js';
+export { IconArrowEnter } from './IconArrowEnter.js';
+export { IconArrowEnterFilled } from './IconArrowEnterFilled.js';
+export { IconArrowExit } from './IconArrowExit.js';
+export { IconArrowExitFilled } from './IconArrowExitFilled.js';
+export { IconArrowExportLeftToRight } from './IconArrowExportLeftToRight.js';
+export { IconArrowExportLeftToRightFilled } from './IconArrowExportLeftToRightFilled.js';
+export { IconArrowExportRightToLeft } from './IconArrowExportRightToLeft.js';
+export { IconArrowExportRightToLeftFilled } from './IconArrowExportRightToLeftFilled.js';
+export { IconArrowExportUp } from './IconArrowExportUp.js';
+export { IconArrowExportUpFilled } from './IconArrowExportUpFilled.js';
+export { IconArrowImport } from './IconArrowImport.js';
+export { IconArrowImportFilled } from './IconArrowImportFilled.js';
+export { IconArrowLeft } from './IconArrowLeft.js';
+export { IconArrowLeftFilled } from './IconArrowLeftFilled.js';
+export { IconArrowRepeatAll } from './IconArrowRepeatAll.js';
+export { IconArrowRepeatAllFilled } from './IconArrowRepeatAllFilled.js';
+export { IconArrowReset } from './IconArrowReset.js';
+export { IconArrowResetFilled } from './IconArrowResetFilled.js';
+export { IconArrowRight } from './IconArrowRight.js';
+export { IconArrowRightFilled } from './IconArrowRightFilled.js';
+export { IconArrowSort } from './IconArrowSort.js';
+export { IconArrowSortFilled } from './IconArrowSortFilled.js';
+export { IconArrowSync } from './IconArrowSync.js';
+export { IconArrowSyncFilled } from './IconArrowSyncFilled.js';
+export { IconArrowUp } from './IconArrowUp.js';
+export { IconArrowUpFilled } from './IconArrowUpFilled.js';
+export { IconArrowUpLeft } from './IconArrowUpLeft.js';
+export { IconArrowUpLeftFilled } from './IconArrowUpLeftFilled.js';
+export { IconArrowUpRight } from './IconArrowUpRight.js';
+export { IconArrowUpRightFilled } from './IconArrowUpRightFilled.js';
+export { IconAttach } from './IconAttach.js';
+export { IconAttachFilled } from './IconAttachFilled.js';
+export { IconBeach } from './IconBeach.js';
+export { IconBeachFilled } from './IconBeachFilled.js';
+export { IconBed } from './IconBed.js';
+export { IconBedFilled } from './IconBedFilled.js';
+export { IconBook } from './IconBook.js';
+export { IconBookFilled } from './IconBookFilled.js';
+export { IconBookmark } from './IconBookmark.js';
+export { IconBookmarkFilled } from './IconBookmarkFilled.js';
+export { IconBriefcase } from './IconBriefcase.js';
+export { IconBriefcaseFilled } from './IconBriefcaseFilled.js';
+export { IconBroom } from './IconBroom.js';
+export { IconBroomFilled } from './IconBroomFilled.js';
+export { IconBuilding } from './IconBuilding.js';
+export { IconBuildingBank } from './IconBuildingBank.js';
+export { IconBuildingBankFilled } from './IconBuildingBankFilled.js';
+export { IconBuildingFilled } from './IconBuildingFilled.js';
+export { IconBulletListAdd } from './IconBulletListAdd.js';
+export { IconBulletListAddFilled } from './IconBulletListAddFilled.js';
+export { IconCalculator } from './IconCalculator.js';
+export { IconCalculatorFilled } from './IconCalculatorFilled.js';
+export { IconCalendarClock } from './IconCalendarClock.js';
+export { IconCalendarClockFilled } from './IconCalendarClockFilled.js';
+export { IconCalendarDay } from './IconCalendarDay.js';
+export { IconCalendarDayFilled } from './IconCalendarDayFilled.js';
+export { IconCalendarLeft } from './IconCalendarLeft.js';
+export { IconCalendarLeftFilled } from './IconCalendarLeftFilled.js';
+export { IconCalendarRight } from './IconCalendarRight.js';
+export { IconCalendarRightFilled } from './IconCalendarRightFilled.js';
+export { IconCall } from './IconCall.js';
+export { IconCallFilled } from './IconCallFilled.js';
+export { IconCameraDome } from './IconCameraDome.js';
+export { IconCameraDomeFilled } from './IconCameraDomeFilled.js';
+export { IconCard } from './IconCard.js';
+export { IconCardFilled } from './IconCardFilled.js';
+export { IconCaretDown } from './IconCaretDown.js';
+export { IconCaretDownFilled } from './IconCaretDownFilled.js';
+export { IconCaretDownRight } from './IconCaretDownRight.js';
+export { IconCaretDownRightFilled } from './IconCaretDownRightFilled.js';
+export { IconCaretLeft } from './IconCaretLeft.js';
+export { IconCaretLeftFilled } from './IconCaretLeftFilled.js';
+export { IconCaretRight } from './IconCaretRight.js';
+export { IconCaretRightFilled } from './IconCaretRightFilled.js';
+export { IconCaretUp } from './IconCaretUp.js';
+export { IconCaretUpFilled } from './IconCaretUpFilled.js';
+export { IconChat } from './IconChat.js';
+export { IconChatFilled } from './IconChatFilled.js';
+export { IconChatMultiple } from './IconChatMultiple.js';
+export { IconChatMultipleFilled } from './IconChatMultipleFilled.js';
+export { IconCheckboxArrowRight } from './IconCheckboxArrowRight.js';
+export { IconCheckboxArrowRightFilled } from './IconCheckboxArrowRightFilled.js';
+export { IconCheckmark } from './IconCheckmark.js';
+export { IconCheckmarkCircle } from './IconCheckmarkCircle.js';
+export { IconCheckmarkCircleFilled } from './IconCheckmarkCircleFilled.js';
+export { IconCheckmarkFilled } from './IconCheckmarkFilled.js';
+export { IconChevronDoubleLeft } from './IconChevronDoubleLeft.js';
+export { IconChevronDoubleLeftFilled } from './IconChevronDoubleLeftFilled.js';
+export { IconChevronDoubleRight } from './IconChevronDoubleRight.js';
+export { IconChevronDoubleRightFilled } from './IconChevronDoubleRightFilled.js';
+export { IconChevronDown } from './IconChevronDown.js';
+export { IconChevronDownFilled } from './IconChevronDownFilled.js';
+export { IconChevronLeft } from './IconChevronLeft.js';
+export { IconChevronLeftFilled } from './IconChevronLeftFilled.js';
+export { IconChevronRight } from './IconChevronRight.js';
+export { IconChevronRightFilled } from './IconChevronRightFilled.js';
+export { IconChevronUp } from './IconChevronUp.js';
+export { IconChevronUpDown } from './IconChevronUpDown.js';
+export { IconChevronUpDownFilled } from './IconChevronUpDownFilled.js';
+export { IconChevronUpFilled } from './IconChevronUpFilled.js';
+export { IconClock } from './IconClock.js';
+export { IconClockDismiss } from './IconClockDismiss.js';
+export { IconClockDismissFilled } from './IconClockDismissFilled.js';
+export { IconClockFilled } from './IconClockFilled.js';
+export { IconComment } from './IconComment.js';
+export { IconCommentFilled } from './IconCommentFilled.js';
+export { IconContractCard } from './IconContractCard.js';
+export { IconContractCardFilled } from './IconContractCardFilled.js';
+export { IconCopy } from './IconCopy.js';
+export { IconCopyFilled } from './IconCopyFilled.js';
+export { IconCubeTree } from './IconCubeTree.js';
+export { IconCubeTreeFilled } from './IconCubeTreeFilled.js';
+export { IconDatabase } from './IconDatabase.js';
+export { IconDatabaseFilled } from './IconDatabaseFilled.js';
+export { IconDelete } from './IconDelete.js';
+export { IconDeleteFilled } from './IconDeleteFilled.js';
+export { IconDesignIdeas } from './IconDesignIdeas.js';
+export { IconDesignIdeasFilled } from './IconDesignIdeasFilled.js';
+export { IconDeviceMeetingRoom } from './IconDeviceMeetingRoom.js';
+export { IconDeviceMeetingRoomFilled } from './IconDeviceMeetingRoomFilled.js';
+export { IconDismiss } from './IconDismiss.js';
+export { IconDismissCircle } from './IconDismissCircle.js';
+export { IconDismissCircleFilled } from './IconDismissCircleFilled.js';
+export { IconDismissFilled } from './IconDismissFilled.js';
+export { IconDocument } from './IconDocument.js';
+export { IconDocumentBulletList } from './IconDocumentBulletList.js';
+export { IconDocumentBulletListFilled } from './IconDocumentBulletListFilled.js';
+export { IconDocumentEdit } from './IconDocumentEdit.js';
+export { IconDocumentEditFilled } from './IconDocumentEditFilled.js';
+export { IconDocumentFilled } from './IconDocumentFilled.js';
+export { IconEdit } from './IconEdit.js';
+export { IconEditFilled } from './IconEditFilled.js';
+export { IconErrorCircle } from './IconErrorCircle.js';
+export { IconErrorCircleFilled } from './IconErrorCircleFilled.js';
+export { IconEur } from './IconEur.js';
+export { IconEurFilled } from './IconEurFilled.js';
+export { IconExpandUpLeft } from './IconExpandUpLeft.js';
+export { IconExpandUpLeftFilled } from './IconExpandUpLeftFilled.js';
+export { IconExpandUpRight } from './IconExpandUpRight.js';
+export { IconExpandUpRightFilled } from './IconExpandUpRightFilled.js';
+export { IconEyeOff } from './IconEyeOff.js';
+export { IconEyeOffFilled } from './IconEyeOffFilled.js';
+export { IconEyeOn } from './IconEyeOn.js';
+export { IconEyeOnFilled } from './IconEyeOnFilled.js';
+export { IconFacebook } from './IconFacebook.js';
+export { IconFilter } from './IconFilter.js';
+export { IconFilterFilled } from './IconFilterFilled.js';
+export { IconFlag } from './IconFlag.js';
+export { IconFlagFilled } from './IconFlagFilled.js';
+export { IconFlash } from './IconFlash.js';
+export { IconFlashFilled } from './IconFlashFilled.js';
+export { IconFolderLink } from './IconFolderLink.js';
+export { IconFolderLinkFilled } from './IconFolderLinkFilled.js';
+export { IconGas } from './IconGas.js';
+export { IconGb } from './IconGb.js';
+export { IconGlobe } from './IconGlobe.js';
+export { IconGlobeFilled } from './IconGlobeFilled.js';
+export { IconGoogle } from './IconGoogle.js';
+export { IconHandOpenHeart } from './IconHandOpenHeart.js';
+export { IconHandOpenHeartFilled } from './IconHandOpenHeartFilled.js';
+export { IconHandWave } from './IconHandWave.js';
+export { IconHandWaveFilled } from './IconHandWaveFilled.js';
+export { IconHeart } from './IconHeart.js';
+export { IconHeartFilled } from './IconHeartFilled.js';
+export { IconHistory } from './IconHistory.js';
+export { IconHistoryFilled } from './IconHistoryFilled.js';
+export { IconHome } from './IconHome.js';
+export { IconHomeAdd } from './IconHomeAdd.js';
+export { IconHomeAddFilled } from './IconHomeAddFilled.js';
+export { IconHomeFilled } from './IconHomeFilled.js';
+export { IconImage } from './IconImage.js';
+export { IconImageFilled } from './IconImageFilled.js';
+export { IconInfo } from './IconInfo.js';
+export { IconInfoFilled } from './IconInfoFilled.js';
+export { IconInstagram } from './IconInstagram.js';
+export { IconKey } from './IconKey.js';
+export { IconKeyFilled } from './IconKeyFilled.js';
+export { IconKeyReset } from './IconKeyReset.js';
+export { IconKeyResetFilled } from './IconKeyResetFilled.js';
+export { IconLaptop } from './IconLaptop.js';
+export { IconLaptopFilled } from './IconLaptopFilled.js';
+export { IconLeaf } from './IconLeaf.js';
+export { IconLeafFilled } from './IconLeafFilled.js';
+export { IconLightbulb } from './IconLightbulb.js';
+export { IconLightbulbFilled } from './IconLightbulbFilled.js';
+export { IconLink } from './IconLink.js';
+export { IconLinkedin } from './IconLinkedin.js';
+export { IconLinkFilled } from './IconLinkFilled.js';
+export { IconList } from './IconList.js';
+export { IconListFilled } from './IconListFilled.js';
+export { IconLoan } from './IconLoan.js';
+export { IconLoanFilled } from './IconLoanFilled.js';
+export { IconLocation } from './IconLocation.js';
+export { IconLocationFilled } from './IconLocationFilled.js';
+export { IconLockClosed } from './IconLockClosed.js';
+export { IconLockClosedFilled } from './IconLockClosedFilled.js';
+export { IconLockOpen } from './IconLockOpen.js';
+export { IconLockOpenFilled } from './IconLockOpenFilled.js';
+export { IconMail } from './IconMail.js';
+export { IconMailAdd } from './IconMailAdd.js';
+export { IconMailAddFilled } from './IconMailAddFilled.js';
+export { IconMailArrowForward } from './IconMailArrowForward.js';
+export { IconMailArrowForwardFilled } from './IconMailArrowForwardFilled.js';
+export { IconMailFilled } from './IconMailFilled.js';
+export { IconMailLink } from './IconMailLink.js';
+export { IconMailLinkFilled } from './IconMailLinkFilled.js';
+export { IconMedium } from './IconMedium.js';
+export { IconMore } from './IconMore.js';
+export { IconMoreFilled } from './IconMoreFilled.js';
+export { IconMoreVertical } from './IconMoreVertical.js';
+export { IconMoreVerticalFilled } from './IconMoreVerticalFilled.js';
+export { IconNavigation } from './IconNavigation.js';
+export { IconNavigationFilled } from './IconNavigationFilled.js';
+export { IconNotebook } from './IconNotebook.js';
+export { IconNotebookAdd } from './IconNotebookAdd.js';
+export { IconNotebookAddFilled } from './IconNotebookAddFilled.js';
+export { IconNotebookFilled } from './IconNotebookFilled.js';
+export { IconOnlyEmployee } from './IconOnlyEmployee.js';
+export { IconOpen } from './IconOpen.js';
+export { IconOpenFilled } from './IconOpenFilled.js';
+export { IconPaintBrush } from './IconPaintBrush.js';
+export { IconPaintBrushFilled } from './IconPaintBrushFilled.js';
+export { IconPatient } from './IconPatient.js';
+export { IconPatientFilled } from './IconPatientFilled.js';
+export { IconPeople } from './IconPeople.js';
+export { IconPeopleAdd } from './IconPeopleAdd.js';
+export { IconPeopleAddFilled } from './IconPeopleAddFilled.js';
+export { IconPeopleFilled } from './IconPeopleFilled.js';
+export { IconPercent } from './IconPercent.js';
+export { IconPerson } from './IconPerson.js';
+export { IconPersonAccount } from './IconPersonAccount.js';
+export { IconPersonAccountFilled } from './IconPersonAccountFilled.js';
+export { IconPersonAdd } from './IconPersonAdd.js';
+export { IconPersonAddFilled } from './IconPersonAddFilled.js';
+export { IconPersonFilled } from './IconPersonFilled.js';
+export { IconPersonStar } from './IconPersonStar.js';
+export { IconPersonStarFilled } from './IconPersonStarFilled.js';
+export { IconPersonSubtract } from './IconPersonSubtract.js';
+export { IconPersonSubtractFilled } from './IconPersonSubtractFilled.js';
+export { IconPhone } from './IconPhone.js';
+export { IconPhoneFilled } from './IconPhoneFilled.js';
+export { IconPos } from './IconPos.js';
+export { IconPosFilled } from './IconPosFilled.js';
+export { IconProhibited } from './IconProhibited.js';
+export { IconProhibitedFilled } from './IconProhibitedFilled.js';
+export { IconProjectProduct } from './IconProjectProduct.js';
+export { IconQuestion } from './IconQuestion.js';
+export { IconQuestionFilled } from './IconQuestionFilled.js';
+export { IconRedo } from './IconRedo.js';
+export { IconRedoFilled } from './IconRedoFilled.js';
+export { IconRu } from './IconRu.js';
+export { IconRub } from './IconRub.js';
+export { IconRubFilled } from './IconRubFilled.js';
+export { IconSave } from './IconSave.js';
+export { IconSaveFilled } from './IconSaveFilled.js';
+export { IconSavings } from './IconSavings.js';
+export { IconSavingsFilled } from './IconSavingsFilled.js';
+export { IconSearch } from './IconSearch.js';
+export { IconSearchFilled } from './IconSearchFilled.js';
+export { IconSelectAllOff } from './IconSelectAllOff.js';
+export { IconSelectAllOffFilled } from './IconSelectAllOffFilled.js';
+export { IconSelectAllOn } from './IconSelectAllOn.js';
+export { IconSelectAllOnFilled } from './IconSelectAllOnFilled.js';
+export { IconSend } from './IconSend.js';
+export { IconSendFilled } from './IconSendFilled.js';
+export { IconSettings } from './IconSettings.js';
+export { IconSettingsFilled } from './IconSettingsFilled.js';
+export { IconShare } from './IconShare.js';
+export { IconShareAndroid } from './IconShareAndroid.js';
+export { IconShareAndroidFilled } from './IconShareAndroidFilled.js';
+export { IconShareFilled } from './IconShareFilled.js';
+export { IconShower } from './IconShower.js';
+export { IconSignOut } from './IconSignOut.js';
+export { IconSignOutFilled } from './IconSignOutFilled.js';
+export { IconSpinner } from './IconSpinner.js';
+export { IconSpinnerFilled } from './IconSpinnerFilled.js';
+export { IconStar } from './IconStar.js';
+export { IconStarFilled } from './IconStarFilled.js';
+export { IconStatus } from './IconStatus.js';
+export { IconStatusFilled } from './IconStatusFilled.js';
+export { IconSubtract } from './IconSubtract.js';
+export { IconSubtractCircle } from './IconSubtractCircle.js';
+export { IconSubtractCircleFilled } from './IconSubtractCircleFilled.js';
+export { IconSubtractFilled } from './IconSubtractFilled.js';
+export { IconTableCellEdit } from './IconTableCellEdit.js';
+export { IconTableCellEditFilled } from './IconTableCellEditFilled.js';
+export { IconTelegram } from './IconTelegram.js';
+export { IconTextboxSettings } from './IconTextboxSettings.js';
+export { IconTextboxSettingsFilled } from './IconTextboxSettingsFilled.js';
+export { IconTextBulletListSquarePerson } from './IconTextBulletListSquarePerson.js';
+export { IconTextBulletListSquarePersonFilled } from './IconTextBulletListSquarePersonFilled.js';
+export { IconTimer } from './IconTimer.js';
+export { IconTimerFilled } from './IconTimerFilled.js';
+export { IconTin } from './IconTin.js';
+export { IconTinFilled } from './IconTinFilled.js';
+export { IconTv } from './IconTv.js';
+export { IconTvFilled } from './IconTvFilled.js';
+export { IconTwitter } from './IconTwitter.js';
+export { IconUndo } from './IconUndo.js';
+export { IconUndoFilled } from './IconUndoFilled.js';
+export { IconUnitsEmployee } from './IconUnitsEmployee.js';
+export { IconUsd } from './IconUsd.js';
+export { IconUsdFilled } from './IconUsdFilled.js';
+export { IconVehicleTruckProfile } from './IconVehicleTruckProfile.js';
+export { IconVehicleTruckProfileFilled } from './IconVehicleTruckProfileFilled.js';
+export { IconVideo } from './IconVideo.js';
+export { IconVideoFilled } from './IconVideoFilled.js';
+export { IconWallet } from './IconWallet.js';
+export { IconWalletFilled } from './IconWalletFilled.js';
+export { IconWarning } from './IconWarning.js';
+export { IconWarningFilled } from './IconWarningFilled.js';
+export { IconWrenchScrewdriver } from './IconWrenchScrewdriver.js';
+export { IconWrenchScrewdriverFilled } from './IconWrenchScrewdriverFilled.js';
+export { IconYoutube } from './IconYoutube.js';
+export { IconZoomIn } from './IconZoomIn.js';
+export { IconZoomInFilled } from './IconZoomInFilled.js';
+export { IconZoomOut } from './IconZoomOut.js';
+export { IconZoomOutFilled } from './IconZoomOutFilled.js';
+import '../../defineProperty-7db32082.js';
+import '../../typeof-ecd92d7f.js';
+import 'react';
+import 'classnames';

package/components/SVGIcons/types.d.ts

@@ -0,0 +1,18 @@
+import type { LegacyRef, MouseEvent } from 'react';
+import type { TTooltipProps } from '../Tooltip/types';
+export type TSVGIconSize = 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
+export type TSVGIconType = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'selected' | 'brand' | 'danger' | 'warning' | 'success' | 'information' | 'discovery';
+export interface ISVGIconProps {
+    size?: TSVGIconSize;
+    type?: TSVGIconType;
+    onClick?: (event: MouseEvent<any>) => void;
+    onMouseDown?: (event: MouseEvent<any>) => void;
+    className?: string;
+    refHandler?: LegacyRef<SVGSVGElement> | undefined;
+    id?: string;
+    dataId?: string;
+    Component?: TSVGIconComponent;
+    tooltipAddons?: TTooltipProps;
+}
+export type TTextSize = 'xxsmall' | 'xsmall' | 'small' | 'standard' | 'medium' | 'large';
+export type TTextTypes = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'selected' | 'brand' | 'danger' | 'warning' | 'success' | 'information' | 'discovery';

package/components/SVGIcons/types.js

@@ -0,0 +1 @@
+

package/components/Select/ButtonSelect/ButtonSelect.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { TButtonSelectPropTypes } from '../types';
+export declare const ButtonSelect: (props: TButtonSelectPropTypes) => ReactElement;

package/components/Select/ButtonSelect/ButtonSelect.js

@@ -0,0 +1,180 @@
+import { _ as _slicedToArray } from '../../../slicedToArray-0c706912.js';
+import React, { useState, useRef, useId } from 'react';
+import classNames from 'classnames';
+import 'dayjs';
+import { OptionItem } from '../../../helperComponents/OptionItem/OptionItem.js';
+import 'react-syntax-highlighter';
+import { useGetElemSizes } from '../../../hooks/useGetElemSizes.js';
+import { useOnOutsideClick } from '../../../hooks/useOnOutsideClick.js';
+import '../../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import '../../Checkbox/Checkbox.js';
+import 'react-dom';
+import 'framer-motion';
+import '../../Collapse/CollapseGroup/CollapseGroup.js';
+import '../SharedComponents/ContentTop.js';
+import { Loading } from '../SharedComponents/Loading.js';
+import '../../Input/Input.js';
+import '../../Input/InputPassword.js';
+import { ButtonSelectWrapper } from '../SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js';
+import '../../../extends-e8ef956f.js';
+import '../../Avatar/Avatar.js';
+import '../../FileUpload/FileUpload.js';
+import '../../../toConsumableArray-e0031ed3.js';
+import '../../FileUpload/types.js';
+import '../../Button/Button.js';
+import '../../../defineProperty-7db32082.js';
+import '../../../typeof-ecd92d7f.js';
+import '../../../objectWithoutProperties-fcd64cc7.js';
+import '../../../helperComponents/Loader/Loader.js';
+import '../../Button/consts.js';
+import '../../Popover/Popover.js';
+import '../../../hooks/useGetTooltipStyles.js';
+import '../../../hooks/useGetElemPositions.js';
+import '../../../hooks/useGetTooltipPosition.js';
+import '../../Tooltip/types.js';
+import '../../../hooks/useHideOnScroll.js';
+import '../../../consts/index.js';
+import '../../Text/Text.js';
+import '../../../utils/helpers.js';
+import '../../Link/Link.js';
+import '../../SVGIcons/IconInfo.js';
+import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import '../../../helperComponents/IconDynamicComponent/constants.js';
+import '../../../helperComponents/Label/Label.js';
+import '../../FileUpload/UploadItems.js';
+import '../../../hooks/useFormProps.js';
+import '../../../context/types.js';
+import '../../../helperComponents/ErrorMessage/ErrorMessage.js';
+import '../../SVGIcons/IconDelete.js';
+import '../../SVGIcons/IconEditFilled.js';
+import '../../SVGIcons/IconEdit.js';
+import '../../SVGIcons/IconAttach.js';
+import '../../Tooltip/Tooltip.js';
+import '../../SVGIcons/IconCheckmark.js';
+import '../../Collapse/CollapseItem/CollapseItem.js';
+import '../../SVGIcons/IconChevronRight.js';
+import '../../Divider/Divider.js';
+import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
+import '../../SVGIcons/IconChevronDown.js';
+import '../SharedComponents/Actions.js';
+import '../../Menu/Menu.js';
+import '../../SVGIcons/IconMore.js';
+import '../../SVGIcons/IconDismissFilled.js';
+import '../../SVGIcons/IconSearchFilled.js';
+import '../../SVGIcons/IconSelectAllOff.js';
+import 'react-input-mask';
+import 'react-number-format';
+import '../../SVGIcons/IconCheckmarkCircleFilled.js';
+import '../../SVGIcons/IconDismissCircle.js';
+import '../../SVGIcons/IconDismissCircleFilled.js';
+import '../../SVGIcons/IconEyeOff.js';
+import '../../SVGIcons/IconEyeOn.js';
+import '../SharedComponents/ButtonSelectWrapper/Button/Button.js';
+import '../../SVGIcons/IconCaretDownFilled.js';
+import '../../SVGIcons/IconCaretUpFilled.js';
+import '../../../hooks/useGetHasBottomSpace.js';
+import '../../../hooks/useChangePositionsOnScroll.js';
+
+var ButtonSelect = function ButtonSelect(props) {
+  var size = props.size,
+    className = props.className,
+    isLoading = props.isLoading,
+    options = props.options,
+    name = props.name,
+    setSelectedItem = props.setSelectedItem,
+    setFieldValue = props.setFieldValue,
+    isRequiredField = props.isRequiredField,
+    selectedItem = props.selectedItem,
+    labelLeftIconProps = props.labelLeftIconProps,
+    tooltipAddons = props.tooltipAddons,
+    dropdownWidth = props.dropdownWidth,
+    avatar = props.avatar,
+    labelRightIconComponent = props.labelRightIconComponent,
+    optionRightIconComponent = props.optionRightIconComponent,
+    _props$align = props.align,
+    align = _props$align === void 0 ? 'left' : _props$align,
+    value = props.value,
+    placeHolder = props.placeHolder,
+    offsets = props.offsets,
+    dataId = props.dataId,
+    type = props.type;
+  var currentSelection = value || selectedItem;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var containerRef = useRef(null);
+  var scrollRef = useRef(null);
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dropdownRef = _useState4[0],
+    setDropdownRef = _useState4[1];
+  var _useGetElemSizes = useGetElemSizes(scrollRef.current),
+    scrollHeight = _useGetElemSizes.scrollHeight;
+  var closeDropdown = function closeDropdown() {
+    return setIsOpen(false);
+  };
+  useOnOutsideClick(containerRef.current, closeDropdown, isOpen, useId());
+  var onItemDeselect = function onItemDeselect() {
+    return onItemSelect(null);
+  };
+  var onItemSelect = function onItemSelect(value) {
+    if (setSelectedItem) {
+      setSelectedItem(value);
+    }
+    if (name && setFieldValue) {
+      setFieldValue(name, value);
+    }
+    closeDropdown();
+  };
+  var clickHandler = function clickHandler(isSelected) {
+    return function (_ref) {
+      var value = _ref.value;
+      if (!isSelected) {
+        onItemSelect(value);
+        return;
+      }
+      if (!isRequiredField) {
+        onItemDeselect();
+      }
+    };
+  };
+  return /*#__PURE__*/React.createElement(ButtonSelectWrapper, {
+    size: size,
+    className: className,
+    dropdownWidth: dropdownWidth,
+    align: align,
+    offsets: offsets,
+    isOpen: isOpen,
+    setIsOpen: setIsOpen,
+    containerRef: containerRef.current,
+    setContainerRef: containerRef,
+    dropdownRef: dropdownRef,
+    setDropdownRef: setDropdownRef,
+    placeHolder: placeHolder,
+    dataId: dataId,
+    type: type
+  }, isLoading ? /*#__PURE__*/React.createElement(Loading, null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    ref: scrollRef,
+    className: classNames('select__options__scroll', 'scrollbar', 'scrollbar--vertical', {
+      'mr-6': scrollHeight > 300
+    })
+  }, options.map(function (item) {
+    var isSelected = item.value === currentSelection;
+    return /*#__PURE__*/React.createElement(OptionItem, {
+      tooltipAddons: tooltipAddons,
+      data: item,
+      key: item.value,
+      onClick: clickHandler(isSelected),
+      labelLeftIconProps: labelLeftIconProps,
+      OptionRightIconComponent: optionRightIconComponent,
+      LabelRightIconComponent: labelRightIconComponent,
+      avatar: avatar,
+      disabled: item.disabled,
+      isSelected: isSelected
+    });
+  }))));
+};
+
+export { ButtonSelect };

package/components/Select/FilterSelect/FilterDropdown.d.ts

@@ -0,0 +1,3 @@
+import type { JSX } from 'react';
+import type { TFilterDropdownContentProps } from '../types';
+export declare const FilterDropdownContent: (props: TFilterDropdownContentProps) => JSX.Element;

package/components/Select/FilterSelect/FilterDropdown.js

@@ -0,0 +1,80 @@
+import React, { useMemo } from 'react';
+import 'classnames';
+import 'dayjs';
+import { OptionItem } from '../../../helperComponents/OptionItem/OptionItem.js';
+import 'react-syntax-highlighter';
+import '../../../extends-e8ef956f.js';
+import '../../Checkbox/Checkbox.js';
+import '../../../defineProperty-7db32082.js';
+import '../../../typeof-ecd92d7f.js';
+import '../../Popover/Popover.js';
+import '../../../slicedToArray-0c706912.js';
+import '../../../hooks/useGetTooltipStyles.js';
+import '../../../hooks/useGetElemSizes.js';
+import '../../../hooks/useGetElemPositions.js';
+import '../../../hooks/useGetTooltipPosition.js';
+import '../../Tooltip/types.js';
+import '../../../hooks/useHideOnScroll.js';
+import '../../../consts/index.js';
+import '../../../hooks/useOnOutsideClick.js';
+import '../../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import '../../Text/Text.js';
+import '../../../utils/helpers.js';
+import '../../Link/Link.js';
+import '../../SVGIcons/IconInfo.js';
+import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import '../../../helperComponents/IconDynamicComponent/constants.js';
+import '../../Avatar/Avatar.js';
+import '../../FileUpload/FileUpload.js';
+import '../../../toConsumableArray-e0031ed3.js';
+import '../../FileUpload/types.js';
+import '../../Button/Button.js';
+import '../../../objectWithoutProperties-fcd64cc7.js';
+import '../../../helperComponents/Loader/Loader.js';
+import '../../Button/consts.js';
+import '../../../helperComponents/Label/Label.js';
+import '../../FileUpload/UploadItems.js';
+import '../../../hooks/useFormProps.js';
+import '../../../context/types.js';
+import '../../../helperComponents/ErrorMessage/ErrorMessage.js';
+import '../../SVGIcons/IconDelete.js';
+import '../../SVGIcons/IconEditFilled.js';
+import '../../SVGIcons/IconEdit.js';
+import '../../SVGIcons/IconAttach.js';
+import '../../Tooltip/Tooltip.js';
+import '../../SVGIcons/IconCheckmark.js';
+
+var FilterDropdownContent = function FilterDropdownContent(props) {
+  var checkIsSelected = props.checkIsSelected,
+    filterValue = props.filterValue,
+    options = props.options,
+    onItemSelect = props.onItemSelect,
+    onItemDeselect = props.onItemDeselect,
+    labelLeftIconProps = props.labelLeftIconProps,
+    optionRightIconComponent = props.optionRightIconComponent,
+    labelRightIconComponent = props.labelRightIconComponent,
+    avatar = props.avatar;
+  var filteredOptions = useMemo(function () {
+    return options.filter(function (option) {
+      return option.label.toString().includes(filterValue);
+    });
+  }, [filterValue, options]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, filteredOptions.map(function (item) {
+    var isSelected = checkIsSelected(item.value);
+    return /*#__PURE__*/React.createElement(OptionItem, {
+      data: item,
+      key: item.value,
+      onClick: isSelected ? onItemDeselect : onItemSelect,
+      labelLeftIconProps: labelLeftIconProps,
+      OptionRightIconComponent: optionRightIconComponent,
+      LabelRightIconComponent: labelRightIconComponent,
+      avatar: avatar,
+      isCheckbox: true,
+      disabled: item.disabled,
+      isSelected: isSelected
+    });
+  }));
+};
+
+export { FilterDropdownContent };

package/components/Select/FilterSelect/FilterGroupDropdown.d.ts

@@ -0,0 +1,3 @@
+import type { JSX } from 'react';
+import type { TFilterGroupDropdownContentProps } from '../types';
+export declare const FilterGroupDropdownContent: (props: TFilterGroupDropdownContentProps) => JSX.Element;