@wb-tech/ui-react/src/index.ts

WildBerries react ui-kit

/**
 * Native
 **/
export { useDesignTokensNative } from './native/design-tokens';

/**
 * Hooks
 **/
export { useClassnames, type TStyle } from './hooks/use-classnames';
export { useDesignTokens, type IOptions as IOptionsDesignTokens } from './hooks/use-design-tokens';
export { useBodyScrollLock, type IBodyScrollOptions } from './hooks/use-body-scroll-lock';

/**
 * Tools
 **/
export { debounce } from './tools/debounce';

/**
 * Components
 **/
export { Button, type IProps as IPropsButton } from './components/button/v1';
export { ButtonGroup, type IProps as IPropsButtonGroup } from './components/button-group';
export { Checkbox, type IProps as IPropsCheckbox } from './components/checkbox/v1';
export { CheckboxGroup, type IProps as IPropsCheckboxGroup } from './components/checkbox-group';
export { Counter, type IProps as IPropsCounter } from './components/counter';
export { DatePicker, type IProps as IPropsDatePicker } from './components/date-picker';
export { DesignTokens, type IProps as IPropsDesignTokens } from './components/design-tokens';
export { Dropdown, type IProps as IPropsDropdown } from './components/dropdown';
export { DropdownOption, type IProps as IPropsDropdownOption } from './components/dropdown/components/option';
export { InputCode, type IProps as IPropsInputCode } from './components/input-code';
export { InputPatternFormat, type IProps as IPropsInputPatternFormat } from './components/input-pattern-format';
export { InputText, type IProps as IPropsInputText } from './components/input-text';
export { InputTextarea, type IProps as IPropsInputTextarea } from './components/textarea';
export { Loader, type IProps as IPropsLoader } from './components/loader';
export { Modal, type IProps as IPropsModal } from './components/modal/v1';
export { NavItem, type IProps as IPropsNavItem } from './components/nav-item';
export { Pagination, type IProps as IPropsPagination } from './components/pagination';
export { Popover, type IProps as IPropsPopover } from './components/popover';
export { Radio, type IProps as IPropsRadio } from './components/radio';
export { RadioGroup, type IProps as IPropsRadioGroup } from './components/radio-group';
export { Select, type IProps as IPropsSelect, type TArrayOptions } from './components/select';
export { Switch, type IProps as IPropsSwitch } from './components/switch/v1';
export { Tab, type IProps as IPropsTab } from './components/tabs/components/tab';
export { TabList, type IProps as IPropsTabList } from './components/tabs/components/tab-list';
export { TabPanel, type IProps as IPropsTabPanel } from './components/tabs/components/tab-panel';
export { Tabs, type IProps as IPropsTabs } from './components/tabs/components/tabs';
export { TabsComposition, type IProps as IPropsTabsComposition } from './components/tabs';
export { Tag, type IProps as IPropsTag } from './components/tag';
export { Tags, type IProps as IPropsTags } from './components/tags';
export { Text, type TProps as IPropsTypographyText } from './components/typography/v1/text';
export { Title, type IProps as IPropsTypographyTitle } from './components/typography/v1/title';
export { Tooltip, type IProps as IPropsTooltip } from './components/tooltip';

/**
 * Icons
 **/
export type { IProps as IPropsIcon } from './components/icons';

export { IconAlarm } from './components/icons/alarm';
export { IconAlarmChecked } from './components/icons/alarm-checked';
export { IconAlarmMinus } from './components/icons/alarm-minus';
export { IconAlarmNo } from './components/icons/alarm-no';
export { IconAlarmPlus } from './components/icons/alarm-plus';
export { IconAlarmSnooze } from './components/icons/alarm-snooze';
export { IconAlertCircle } from './components/icons/alert-circle';
export { IconAlertOctagon } from './components/icons/alert-octagon';
export { IconAlertTriangle } from './components/icons/alert-triangle';
export { IconAlertTriangleSharp } from './components/icons/alert-triangle-sharp';
export { IconAppNotification } from './components/icons/app-notification';
export { IconArrowsArrowBoldBottom } from './components/icons/arrows/arrow-bold-bottom';
export { IconArrowsArrowBoldForward } from './components/icons/arrows/arrow-bold-forward';
export { IconArrowsArrowBoldForwardAll } from './components/icons/arrows/arrow-bold-forward-all';
export { IconArrowsArrowBoldLeft } from './components/icons/arrows/arrow-bold-left';
export { IconArrowsArrowBoldRedo } from './components/icons/arrows/arrow-bold-redo';
export { IconArrowsArrowBoldReply } from './components/icons/arrows/arrow-bold-reply';
export { IconArrowsArrowBoldReplyAll } from './components/icons/arrows/arrow-bold-reply-all';
export { IconArrowsArrowBoldRight } from './components/icons/arrows/arrow-bold-right';
export { IconArrowsArrowBoldTop } from './components/icons/arrows/arrow-bold-top';
export { IconArrowsArrowBoldUndo } from './components/icons/arrows/arrow-bold-undo';
export { IconArrowsArrowBottom } from './components/icons/arrows/arrow-bottom';
export { IconArrowsArrowBottomLeft } from './components/icons/arrows/arrow-bottom-left';
export { IconArrowsArrowBottomRight } from './components/icons/arrows/arrow-bottom-right';
export { IconArrowsArrowForward } from './components/icons/arrows/arrow-forward';
export { IconArrowsArrowForwardAll } from './components/icons/arrows/arrow-forward-all';
export { IconArrowsArrowLeft } from './components/icons/arrows/arrow-left';
export { IconArrowsArrowLeftCurved } from './components/icons/arrows/arrow-left-curved';
export { IconArrowsArrowRedo } from './components/icons/arrows/arrow-redo';
export { IconArrowsArrowReply } from './components/icons/arrows/arrow-reply';
export { IconArrowsArrowReplyAll } from './components/icons/arrows/arrow-reply-all';
export { IconArrowsArrowRight } from './components/icons/arrows/arrow-right';
export { IconArrowsArrowRightCurved } from './components/icons/arrows/arrow-right-curved';
export { IconArrowsArrowsDiagonals } from './components/icons/arrows/arrows-diagonals';
export { IconArrowsArrowsDiagonalsBltr } from './components/icons/arrows/arrows-diagonals-bltr';
export { IconArrowsArrowsDiagonalsTlbr } from './components/icons/arrows/arrows-diagonals-tlbr';
export { IconArrowsArrowsHv } from './components/icons/arrows/arrows-hv';
export { IconArrowsArrowTop } from './components/icons/arrows/arrow-top';
export { IconArrowsArrowTopLeft } from './components/icons/arrows/arrow-top-left';
export { IconArrowsArrowTopRight } from './components/icons/arrows/arrow-top-right';
export { IconArrowsArrowTrendingDown } from './components/icons/arrows/arrow-trending-down';
export { IconArrowsArrowTrendingUp } from './components/icons/arrows/arrow-trending-up';
export { IconArrowsArrowUndo } from './components/icons/arrows/arrow-undo';
export { IconArrowsChevronBottom } from './components/icons/arrows/chevron-bottom';
export { IconArrowsChevronLeft } from './components/icons/arrows/chevron-left';
export { IconArrowsChevronRight } from './components/icons/arrows/chevron-right';
export { IconArrowsChevronsBottom } from './components/icons/arrows/chevrons-bottom';
export { IconArrowsChevronsLeft } from './components/icons/arrows/chevrons-left';
export { IconArrowsChevronsRight } from './components/icons/arrows/chevrons-right';
export { IconArrowsChevronsTop } from './components/icons/arrows/chevrons-top';
export { IconArrowsChevronTop } from './components/icons/arrows/chevron-top';
export { IconArrowsCircleArrowBottom } from './components/icons/arrows/circle-arrow-bottom';
export { IconArrowsCircleArrowBottomLeft } from './components/icons/arrows/circle-arrow-bottom-left';
export { IconArrowsCircleArrowBottomRight } from './components/icons/arrows/circle-arrow-bottom-right';
export { IconArrowsCircleArrowLeft } from './components/icons/arrows/circle-arrow-left';
export { IconArrowsCircleArrowLeftCurved } from './components/icons/arrows/circle-arrow-left-curved';
export { IconArrowsCircleArrowRight } from './components/icons/arrows/circle-arrow-right';
export { IconArrowsCircleArrowRightCurved } from './components/icons/arrows/circle-arrow-right-curved';
export { IconArrowsCircleArrowTop } from './components/icons/arrows/circle-arrow-top';
export { IconArrowsCircleArrowTopLeft } from './components/icons/arrows/circle-arrow-top-left';
export { IconArrowsCircleArrowTopRight } from './components/icons/arrows/circle-arrow-top-right';
export { IconArrowsCircleChevronBottom } from './components/icons/arrows/circle-chevron-bottom';
export { IconArrowsCircleChevronLeft } from './components/icons/arrows/circle-chevron-left';
export { IconArrowsCircleChevronRight } from './components/icons/arrows/circle-chevron-right';
export { IconArrowsCircleChevronsBottom } from './components/icons/arrows/circle-chevrons-bottom';
export { IconArrowsCircleChevronsLeft } from './components/icons/arrows/circle-chevrons-left';
export { IconArrowsCircleChevronsRight } from './components/icons/arrows/circle-chevrons-right';
export { IconArrowsCircleChevronsTop } from './components/icons/arrows/circle-chevrons-top';
export { IconArrowsCircleChevronTop } from './components/icons/arrows/circle-chevron-top';
export { IconArrowsCursor } from './components/icons/arrows/cursor';
export { IconArrowsRefreshCcw } from './components/icons/arrows/refresh-ccw';
export { IconArrowsRefreshCcwAlert } from './components/icons/arrows/refresh-ccw-alert';
export { IconArrowsRefreshCw } from './components/icons/arrows/refresh-cw';
export { IconArrowsRefreshCwAlert } from './components/icons/arrows/refresh-cw-alert';
export { IconArrowsRotateCcw } from './components/icons/arrows/rotate-ccw';
export { IconArrowsRotateCw } from './components/icons/arrows/rotate-cw';
export { IconBag } from './components/icons/shopping/bag';
export { IconBarChart } from './components/icons/bar-chart';
export { IconBasket } from './components/icons/shopping/basket';
export { IconBell } from './components/icons/bell';
export { IconBellAdd } from './components/icons/bell-add';
export { IconBellAlert } from './components/icons/bell-alert';
export { IconBellChecked } from './components/icons/bell-checked';
export { IconBellMinus } from './components/icons/bell-minus';
export { IconBellNo } from './components/icons/bell-no';
export { IconBook } from './components/icons/book';
export { IconBookmark } from './components/icons/bookmark';
export { IconBookmarkAdd } from './components/icons/bookmark-add';
export { IconBookmarkNo } from './components/icons/bookmark-no';
export { IconBookmarks } from './components/icons/bookmarks';
export { IconBox } from './components/icons/box';
export { IconBriefcase } from './components/icons/briefcase';
export { IconBrowser } from './components/icons/browser';
export { IconBrowserNo } from './components/icons/browser-no';
export { IconCalculator } from './components/icons/calculator';
export { IconCalendar } from './components/icons/calendar';
export { IconCalendarChecked } from './components/icons/calendar-checked';
export { IconCalendarCreate } from './components/icons/calendar-create';
export { IconCalendarDates } from './components/icons/calendar-dates';
export { IconCalendarDelete } from './components/icons/calendar-delete';
export { IconCalendarMinus } from './components/icons/calendar-minus';
export { IconCalendarPlus } from './components/icons/calendar-plus';
export { IconCallAdd } from './components/icons/call/add';
export { IconCallCalling } from './components/icons/call/calling';
export { IconCallDecline } from './components/icons/call/decline';
export { IconCallEnd } from './components/icons/call/end';
export { IconCallForwarded } from './components/icons/call/forwarded';
export { IconCallHash } from './components/icons/call/hash';
export { IconCallHold } from './components/icons/call/hold';
export { IconCallIncoming } from './components/icons/call/incoming';
export { IconCallMissed } from './components/icons/call/missed';
export { IconCallMuted } from './components/icons/call/muted';
export { IconCallNo } from './components/icons/call/no';
export { IconCallNumbers } from './components/icons/call/numbers';
export { IconCallOutcoming } from './components/icons/call/outcoming';
export { IconCallPhone } from './components/icons/call/phone';
export { IconCallRecieved } from './components/icons/call/recieved';
export { IconCallVoicemail } from './components/icons/call/voicemail';
export { IconCamera } from './components/icons/camera';
export { IconCameraCreate } from './components/icons/camera-create';
export { IconCameraNo } from './components/icons/camera-no';
export { IconCart } from './components/icons/shopping/cart';
export { IconChattingComment } from './components/icons/chatting/comment';
export { IconChattingCommentChecked } from './components/icons/chatting/comment-checked';
export { IconChattingCommentDelete } from './components/icons/chatting/comment-delete';
export { IconChattingCommentMinus } from './components/icons/chatting/comment-minus';
export { IconChattingCommentPlus } from './components/icons/chatting/comment-plus';
export { IconChattingCommentText } from './components/icons/chatting/comment-text';
export { IconChattingQuestion } from './components/icons/chatting/question';
export { IconCheckInCircle } from './components/icons/custom/check-in-circle';
export { IconCheckMark } from './components/icons/check-mark';
export { IconCheckMarks } from './components/icons/check-marks';
export { IconCircle } from './components/icons/circle';
export { IconCircleBlock } from './components/icons/circle-block';
export { IconCircleBlockLeft } from './components/icons/circle-block-left';
export { IconCircleChecked } from './components/icons/circle-checked';
export { IconCircleMenu } from './components/icons/circle-menu';
export { IconCircleMinus } from './components/icons/circle-minus';
export { IconCircleMoreHorizontal } from './components/icons/circle-more-horizontal';
export { IconCircleMoreVertical } from './components/icons/circle-more-vertical';
export { IconCirclePlus } from './components/icons/circle-plus';
export { IconCircleStar } from './components/icons/circle-star';
export { IconCircleUser } from './components/icons/circle-user';
export { IconCircleX } from './components/icons/circle-x';
export { IconClear } from './components/icons/clear';
export { IconConnectionAirplay } from './components/icons/connection/airplay';
export { IconConnectionBluetooth } from './components/icons/connection/bluetooth';
export { IconConnectionBluetoothNo } from './components/icons/connection/bluetooth-no';
export { IconConnectionBroadcast } from './components/icons/connection/broadcast';
export { IconConnectionBroadcasting } from './components/icons/connection/broadcasting';
export { IconConnectionCast } from './components/icons/connection/cast';
export { IconConnectionWiFi } from './components/icons/connection/wi-fi';
export { IconConnectionWiFiNo } from './components/icons/connection/wi-fi-no';
export { IconCopy } from './components/icons/copy';
export { IconCoupon } from './components/icons/shopping/coupon';
export { IconCutCoupon } from './components/icons/shopping/cut-coupon';
export { IconDashboard } from './components/icons/dasboard';
export { IconDelivery } from './components/icons/shopping/delivery';
export { IconDiscount } from './components/icons/shopping/discount';
export { IconDownload } from './components/icons/download';
export { IconDownloadBold } from './components/icons/download-bold';
export { IconEditorBrush } from './components/icons/editor/brush';
export { IconEditorBrushL } from './components/icons/editor/brush-l';
export { IconEditorBrushM } from './components/icons/editor/brush-m';
export { IconEditorBrushS } from './components/icons/editor/brush-s';
export { IconEditorBrushXL } from './components/icons/editor/brush-xl';
export { IconEditorClearStyle } from './components/icons/editor/clear-style';
export { IconEditorCut } from './components/icons/editor/cut';
export { IconEditorDelete } from './components/icons/editor/remove-delete';
export { IconEditorDrop } from './components/icons/editor/drop';
export { IconEditorEraser } from './components/icons/editor/eraser';
export { IconEditorImage } from './components/icons/editor/image';
export { IconEditorList } from './components/icons/editor/list';
export { IconEditorNumberedList } from './components/icons/editor/numbered-list';
export { IconEditorPaperclip } from './components/icons/editor/paperclip';
export { IconEditorPaperclipNo } from './components/icons/editor/paperclip-no';
export { IconEditorPoll } from './components/icons/editor/poll';
export { IconEditorSticker } from './components/icons/editor/sticker';
export { IconEditorTable } from './components/icons/editor/table';
export { IconEditorText } from './components/icons/editor/text';
export { IconEditorTextAlignCenter } from './components/icons/editor/text-align-center';
export { IconEditorTextAlignJustify } from './components/icons/editor/text-align-justify';
export { IconEditorTextAlignLeft } from './components/icons/editor/text-align-left';
export { IconEditorTextAlignRight } from './components/icons/editor/text-align-right';
export { IconEditorTextBgcolor } from './components/icons/editor/text-bgcolor';
export { IconEditorTextBold } from './components/icons/editor/text-bold';
export { IconEditorTextColor } from './components/icons/editor/text-color';
export { IconEditorTextItalic } from './components/icons/editor/text-italic';
export { IconEditorTextUnderline } from './components/icons/editor/text-underline';
export { IconExternalLink } from './components/icons/external-link';
export { IconEye } from './components/icons/eye';
export { IconEyeNo } from './components/icons/eye-no';
export { IconFilter } from './components/icons/shopping/filter';
export { IconFlag } from './components/icons/flag';
export { IconFlagsAM } from './components/icons/flags/am';
export { IconFlagsBY } from './components/icons/flags/by';
export { IconFlagsCN } from './components/icons/flags/cn';
export { IconFlagsGB } from './components/icons/flags/gb';
export { IconFlagsKG } from './components/icons/flags/kg';
export { IconFlagsKZ } from './components/icons/flags/kz';
export { IconFlagsRU } from './components/icons/flags/ru';
export { IconFlagsTR } from './components/icons/flags/tr';
export { IconFlagsUZ } from './components/icons/flags/uz';
export { IconFlame } from './components/icons/flame';
export { IconGift } from './components/icons/shopping/gift';
export { IconGlasses } from './components/icons/glasses';
export { IconGlobe } from './components/icons/globe';
export { IconGlobeNo } from './components/icons/globe-no';
export { IconGroup } from './components/icons/group';
export { IconHeart } from './components/icons/heart';
export { IconHeartNo } from './components/icons/heart-no';
export { IconHome } from './components/icons/home';
export { IconInbox } from './components/icons/inbox';
export { IconInfo } from './components/icons/info';
export { IconKey } from './components/icons/key';
export { IconKeyNo } from './components/icons/key-no';
export { IconLayers } from './components/icons/layers';
export { IconLightning } from './components/icons/lightning';
export { IconLightningNo } from './components/icons/lightning-no';
export { IconLink } from './components/icons/link';
export { IconLinkNo } from './components/icons/link-no';
export { IconLock } from './components/icons/lock';
export { IconLockCircle } from './components/icons/lock-circle';
export { IconLockNo } from './components/icons/lock-no';
export { IconMail } from './components/icons/mail';
export { IconMaps360 } from './components/icons/maps-360';
export { IconMapsCompas } from './components/icons/maps-compas';
export { IconMapsDirection } from './components/icons/maps-direction';
export { IconMapsDirection45 } from './components/icons/maps-direction-45';
export { IconMapsGlobe } from './components/icons/maps-globe';
export { IconMapsLocation } from './components/icons/maps-location';
export { IconMapsLocationNo } from './components/icons/maps-location-no';
export { IconMapsMap } from './components/icons/maps-map';
export { IconMapsMapPinLocation } from './components/icons/maps-map-pin-location';
export { IconMapsPanorama } from './components/icons/maps-panorama';
export { IconMapsPin } from './components/icons/maps-pin';
export { IconMapsPinAdd } from './components/icons/maps-pin-add';
export { IconMapsPinNo } from './components/icons/maps-pin-no';
export { IconMapsPinQuestion } from './components/icons/maps-pin-question';
export { IconMapsPinRound } from './components/icons/maps-pin-round';
export { IconMapsPinStart } from './components/icons/maps-pin-start';
export { IconMapsRadar } from './components/icons/maps-radar';
export { IconMapsRoute } from './components/icons/maps-route';
export { IconMarket } from './components/icons/shopping/market';
export { IconMaximize } from './components/icons/maximize';
export { IconMegaphone } from './components/icons/megaphone';
export { IconMenu } from './components/icons/menu';
export { IconMenuDots } from './components/icons/menu-dots';
export { IconMic } from './components/icons/mic';
export { IconMicNo } from './components/icons/mic-no';
export { IconMinimize } from './components/icons/minimize';
export { IconMinus } from './components/icons/minus';
export { IconMinusOctagon } from './components/icons/minus-octagon';
export { IconMoreHorizontal } from './components/icons/more-horizontal';
export { IconMoreVertical } from './components/icons/more-vertical';
export { IconNewspaper } from './components/icons/newspaper';
export { IconNoteText } from './components/icons/note-text';
export { IconOptions } from './components/icons/options';
export { IconPencilCreate } from './components/icons/pencil-create';
export { IconPencilEdit } from './components/icons/pencil-edit';
export { IconPin } from './components/icons/pin';
export { IconPlus } from './components/icons/plus';
export { IconPos } from './components/icons/shopping/pos';
export { IconPresentation } from './components/icons/presentation';
export { IconPrinter } from './components/icons/printer';
export { IconPulse } from './components/icons/pulse';
export { IconQuestionCircle } from './components/icons/question-circle';
export { IconQuestionGrey } from './components/icons/custom/question-grey';
export { IconQuestionPurple } from './components/icons/custom/question-purple';
export { IconScan } from './components/icons/scan';
export { IconScreenshot } from './components/icons/screenshot';
export { IconSearch } from './components/icons/search';
export { IconSend } from './components/icons/send';
export { IconSettings } from './components/icons/settings';
export { IconShare } from './components/icons/share';
export { IconShareArrow } from './components/icons/share-arrow';
export { IconShield } from './components/icons/shield';
export { IconShieldLock } from './components/icons/shield-lock';
export { IconShieldNo } from './components/icons/shield-no';
export { IconShieldOk } from './components/icons/shield-ok';
export { IconSixMoreVertical } from './components/icons/six-more-vertical';
export { IconSnowflake } from './components/icons/custom/snowflake';
export { IconStar } from './components/icons/star';
export { IconStarActive } from './components/icons/custom/star-active';
export { IconStarNo } from './components/icons/star-no';
export { IconStarNotActive } from './components/icons/custom/star-not-active';
export { IconStopwatch } from './components/icons/stopwatch';
export { IconTag } from './components/icons/shopping/tag';
export { IconThumbsDown } from './components/icons/thumbs-down';
export { IconThumbsUp } from './components/icons/thumbs-up';
export { IconTime } from './components/icons/time';
export { IconTimeHistory } from './components/icons/time-history';
export { IconTimer } from './components/icons/timer';
export { IconToggleLeft } from './components/icons/toggle-left';
export { IconToggleRight } from './components/icons/toggle-right';
export { IconTote } from './components/icons/shopping/tote';
export { IconTrash } from './components/icons/trash';
export { IconTrashEmpty } from './components/icons/trash-empty';
export { IconUnlock } from './components/icons/unlock';
export { IconUser } from './components/icons/user';
export { IconVerified } from './components/icons/verified';
export { IconVideo } from './components/icons/video';
export { IconVideoNo } from './components/icons/video-no';
export { IconWarningOrange } from './components/icons/custom/warning-orange';
export { IconWarningRed } from './components/icons/custom/warning-red';
export { IconWatch } from './components/icons/watch';
export { IconXOctagon } from './components/icons/x-octagon';
export { IconZoomIn } from './components/icons/zoom-in';
export { IconZoomOut } from './components/icons/zoom-out';