@homecode/ui 4.28.4 → 4.29.0

package/dist/esm/index.js

@@ -14,7 +14,7 @@ export { Flex } from './src/components/Flex/Flex.js';
 export { Form } from './src/components/Form/Form.js';
 export { Gallery } from './src/components/Gallery/Gallery.js';
 export { Heading } from './src/components/Heading/Heading.js';
-export { Icon, icons } from './src/components/Icon/Icon.js';
+export { Icon } from './src/components/Icon/Icon.js';
 export { Input } from './src/components/Input/Input.js';
 export { InputFile } from './src/components/InputFile/InputFile.js';
 export { Label } from './src/components/Label/Label.js';

package/dist/esm/src/components/Autocomplete/Autocomplete.js

@@ -13,10 +13,8 @@ import '../ButtonGroup/ButtonGroup.styl.js';
 import '../Calendar/Calendar.styl.js';
 import { Input } from '../Input/Input.js';
 import '../../tools/dom.js';
-import 'timen';
-import 'justorm/react';
-import '../Flex/Flex.styl.js';
 import '../Icon/Icon.styl.js';
+import 'timen';
 import '../Label/Label.styl.js';
 import { Popup } from '../Popup/Popup.js';
 import '../RequiredStar/RequiredStar.styl.js';
@@ -24,6 +22,7 @@ import '../Select/Select.styl.js';
 import 'compareq';
 import 'lodash.pick';
 import '../Scroll/Scroll.styl.js';
+import 'justorm/react';
 import 'lodash.omit';
 import 'nanoid';
 import '../Checkbox/Checkbox.styl.js';
@@ -34,6 +33,7 @@ import '../DatePickerInput/DatePickerInput.styl.js';
 import '../../tools/queryParams.js';
 import '../Draggable/Draggable.styl.js';
 import '../Expand/Expand.styl.js';
+import '../Flex/Flex.styl.js';
 import '../Form/Form.styl.js';
 import '../Form/Validator.js';
 import '../Form/SubmitButtons/SubmitButtons.styl.js';

package/dist/esm/src/components/Icon/Icon.js

@@ -1,10 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import cn from 'classnames';
-import { Lazy } from '../Lazy/Lazy.js';
 import S from './Icon.styl.js';
-import ICONS from './icons/index.js';
+import * as index from './icons/index.js';
 
-const icons = ICONS;
 function Icon(props) {
     const { className, icon: CustomIcon, type, size = 'm', ...rest } = props;
     const iconProps = {
@@ -14,13 +12,10 @@ function Icon(props) {
     };
     if (CustomIcon)
         return jsx(CustomIcon, { ...iconProps });
-    const localIcon = ICONS[type];
-    if (!localIcon) {
-        console.warn(`Icon: type="${type}" is unknown`);
-        return null;
-    }
-    // @ts-ignore
-    return jsx(Lazy, { loader: localIcon, hideSpinner: true, ...iconProps });
+    const LibIcon = index[type];
+    if (LibIcon)
+        return jsx(LibIcon, { ...iconProps });
+    return null;
 }
 
-export { Icon, icons };
+export { Icon };

package/dist/esm/src/components/Icon/icons/index.js

@@ -1,99 +1,95 @@
-var ICONS = {
-    attach: () => import('./attach.svg.js'),
-    apple: () => import('./apple.svg.js'),
-    arrowRight: () => import('./arrowRight.svg.js'),
-    arrowLeft: () => import('./arrowLeft.svg.js'),
-    arrowUp: () => import('./arrowUp.svg.js'),
-    arrowDown: () => import('./arrowDown.svg.js'),
-    avatar: () => import('./avatar.svg.js'),
-    bookmark: () => import('./bookmark.svg.js'),
-    bookmarkAdd: () => import('./bookmarkAdd.svg.js'),
-    brain: () => import('./brain.svg.js'),
-    brokenImage: () => import('./brokenImage.svg.js'),
-    call: () => import('./call.svg.js'),
-    camera: () => import('./camera.svg.js'),
-    chat: () => import('./chat.svg.js'),
-    check: () => import('./check.svg.js'),
-    close: () => import('./close.svg.js'),
-    colors: () => import('./colors.svg.js'),
-    compass: () => import('./compass.svg.js'),
-    copy: () => import('./copy.svg.js'),
-    checkers: () => import('./checkers.svg.js'),
-    chevronUp: () => import('./chevronUp.svg.js'),
-    chevronDown: () => import('./chevronDown.svg.js'),
-    chevronRight: () => import('./chevronRight.svg.js'),
-    chevronLeft: () => import('./chevronLeft.svg.js'),
-    clearAll: () => import('./clearAll.svg.js'),
-    cubes: () => import('./cubes.svg.js'),
-    delete: () => import('./delete.svg.js'),
-    discord: () => import('./discord.svg.js'),
-    draft: () => import('./draft.svg.js'),
-    dragHandlerHorizontal: () => import('./dragHandlerHorizontal.svg.js'),
-    dragHandlerVertical: () => import('./dragHandlerVertical.svg.js'),
-    edit: () => import('./edit.svg.js'),
-    email: () => import('./email.svg.js'),
-    externalLink: () => import('./externalLink.svg.js'),
-    eye: () => import('./eye.svg.js'),
-    forward: () => import('./forward.svg.js'),
-    folder: () => import('./folder.svg.js'),
-    folderOpen: () => import('./folderOpen.svg.js'),
-    fullscreen: () => import('./fullscreen.svg.js'),
-    fullscreenExit: () => import('./fullscreenExit.svg.js'),
-    function: () => import('./function.svg.js'),
-    flyover: () => import('./flyover.svg.js'),
-    gear: () => import('./gear.svg.js'),
-    geolocation: () => import('./geolocation.svg.js'),
-    globe: () => import('./globe.svg.js'),
-    google: () => import('./google.svg.js'),
-    group: () => import('./group.svg.js'),
-    github: () => import('./github.svg.js'),
-    history: () => import('./history.svg.js'),
-    image: () => import('./image.svg.js'),
-    instagram: () => import('./instagram.svg.js'),
-    home: () => import('./home.svg.js'),
-    layers: () => import('./layers.svg.js'),
-    link: () => import('./link.svg.js'),
-    linkedin: () => import('./linkedin.svg.js'),
-    loader: () => import('./loader.svg.js'),
-    lock: () => import('./lock.svg.js'),
-    lockOpen: () => import('./lockOpen.svg.js'),
-    map: () => import('./map.svg.js'),
-    menu: () => import('./menu.svg.js'),
-    mic: () => import('./mic.svg.js'),
-    micMuted: () => import('./micMuted.svg.js'),
-    minus: () => import('./minus.svg.js'),
-    moreVertical: () => import('./moreVertical.svg.js'),
-    moreHorizontal: () => import('./moreHorizontal.svg.js'),
-    output: () => import('./output.svg.js'),
-    pause: () => import('./pause.svg.js'),
-    play: () => import('./play.svg.js'),
-    plus: () => import('./plus.svg.js'),
-    redo: () => import('./redo.svg.js'),
-    undo: () => import('./undo.svg.js'),
-    usage: () => import('./usage.svg.js'),
-    requiredStar: () => import('./requiredStar.svg.js'),
-    rewind: () => import('./rewind.svg.js'),
-    rocket: () => import('./rocket.svg.js'),
-    route: () => import('./route.svg.js'),
-    routeFrom: () => import('./routeFrom.svg.js'),
-    routeTo: () => import('./routeTo.svg.js'),
-    save: () => import('./save.svg.js'),
-    search: () => import('./search.svg.js'),
-    send: () => import('./send.svg.js'),
-    settings: () => import('./settings.svg.js'),
-    shoppingBag: () => import('./shoppingBag.svg.js'),
-    smile: () => import('./smile.svg.js'),
-    soundWave: () => import('./soundWave.svg.js'),
-    sparks: () => import('./sparks.svg.js'),
-    star: () => import('./star.svg.js'),
-    stop: () => import('./stop.svg.js'),
-    stopInCircle: () => import('./stopInCircle.svg.js'),
-    syncArrows: () => import('./syncArrows.svg.js'),
-    table: () => import('./table.svg.js'),
-    telegram: () => import('./telegram.svg.js'),
-    tool: () => import('./tool.svg.js'),
-    trafficLight: () => import('./trafficLight.svg.js'),
-    youtube: () => import('./youtube.svg.js'),
-};
-
-export { ICONS as default };
+export { default as attach } from './attach.svg.js';
+export { default as apple } from './apple.svg.js';
+export { default as arrowRight } from './arrowRight.svg.js';
+export { default as arrowLeft } from './arrowLeft.svg.js';
+export { default as arrowUp } from './arrowUp.svg.js';
+export { default as arrowDown } from './arrowDown.svg.js';
+export { default as avatar } from './avatar.svg.js';
+export { default as bookmark } from './bookmark.svg.js';
+export { default as bookmarkAdd } from './bookmarkAdd.svg.js';
+export { default as brain } from './brain.svg.js';
+export { default as brokenImage } from './brokenImage.svg.js';
+export { default as call } from './call.svg.js';
+export { default as camera } from './camera.svg.js';
+export { default as chat } from './chat.svg.js';
+export { default as check } from './check.svg.js';
+export { default as close } from './close.svg.js';
+export { default as colors } from './colors.svg.js';
+export { default as compass } from './compass.svg.js';
+export { default as copy } from './copy.svg.js';
+export { default as checkers } from './checkers.svg.js';
+export { default as chevronUp } from './chevronUp.svg.js';
+export { default as chevronDown } from './chevronDown.svg.js';
+export { default as chevronRight } from './chevronRight.svg.js';
+export { default as chevronLeft } from './chevronLeft.svg.js';
+export { default as clearAll } from './clearAll.svg.js';
+export { default as cubes } from './cubes.svg.js';
+export { default as delete } from './delete.svg.js';
+export { default as discord } from './discord.svg.js';
+export { default as draft } from './draft.svg.js';
+export { default as dragHandlerHorizontal } from './dragHandlerHorizontal.svg.js';
+export { default as dragHandlerVertical } from './dragHandlerVertical.svg.js';
+export { default as edit } from './edit.svg.js';
+export { default as email } from './email.svg.js';
+export { default as externalLink } from './externalLink.svg.js';
+export { default as eye } from './eye.svg.js';
+export { default as forward } from './forward.svg.js';
+export { default as folder } from './folder.svg.js';
+export { default as folderOpen } from './folderOpen.svg.js';
+export { default as fullscreen } from './fullscreen.svg.js';
+export { default as fullscreenExit } from './fullscreenExit.svg.js';
+export { default as function } from './function.svg.js';
+export { default as flyover } from './flyover.svg.js';
+export { default as gear } from './gear.svg.js';
+export { default as geolocation } from './geolocation.svg.js';
+export { default as globe } from './globe.svg.js';
+export { default as google } from './google.svg.js';
+export { default as group } from './group.svg.js';
+export { default as github } from './github.svg.js';
+export { default as history } from './history.svg.js';
+export { default as image } from './image.svg.js';
+export { default as instagram } from './instagram.svg.js';
+export { default as home } from './home.svg.js';
+export { default as layers } from './layers.svg.js';
+export { default as link } from './link.svg.js';
+export { default as linkedin } from './linkedin.svg.js';
+export { default as loader } from './loader.svg.js';
+export { default as lock } from './lock.svg.js';
+export { default as lockOpen } from './lockOpen.svg.js';
+export { default as map } from './map.svg.js';
+export { default as menu } from './menu.svg.js';
+export { default as mic } from './mic.svg.js';
+export { default as micMuted } from './micMuted.svg.js';
+export { default as minus } from './minus.svg.js';
+export { default as moreVertical } from './moreVertical.svg.js';
+export { default as moreHorizontal } from './moreHorizontal.svg.js';
+export { default as output } from './output.svg.js';
+export { default as pause } from './pause.svg.js';
+export { default as play } from './play.svg.js';
+export { default as plus } from './plus.svg.js';
+export { default as redo } from './redo.svg.js';
+export { default as undo } from './undo.svg.js';
+export { default as usage } from './usage.svg.js';
+export { default as requiredStar } from './requiredStar.svg.js';
+export { default as rewind } from './rewind.svg.js';
+export { default as rocket } from './rocket.svg.js';
+export { default as route } from './route.svg.js';
+export { default as routeFrom } from './routeFrom.svg.js';
+export { default as routeTo } from './routeTo.svg.js';
+export { default as save } from './save.svg.js';
+export { default as search } from './search.svg.js';
+export { default as send } from './send.svg.js';
+export { default as settings } from './settings.svg.js';
+export { default as shoppingBag } from './shoppingBag.svg.js';
+export { default as smile } from './smile.svg.js';
+export { default as soundWave } from './soundWave.svg.js';
+export { default as sparks } from './sparks.svg.js';
+export { default as star } from './star.svg.js';
+export { default as stop } from './stop.svg.js';
+export { default as stopInCircle } from './stopInCircle.svg.js';
+export { default as syncArrows } from './syncArrows.svg.js';
+export { default as table } from './table.svg.js';
+export { default as telegram } from './telegram.svg.js';
+export { default as tool } from './tool.svg.js';
+export { default as trafficLight } from './trafficLight.svg.js';
+export { default as youtube } from './youtube.svg.js';

package/dist/esm/src/components/Router/Router.js

@@ -7,9 +7,6 @@ import { parsePath, replaceParamsInPath } from './Router.helpers.js';
 export { Route } from './Route.js';
 export { Redirect } from './Redirect.js';
 import 'classnames';
-import 'timen';
-import '../Spinner/Spinner.styl.js';
-import '../Flex/Flex.styl.js';
 import '../Icon/Icon.styl.js';
 import './Link/Link.styl.js';
 

package/dist/esm/src/components/Select/Select2.js

@@ -1,6 +1,6 @@
+import { useRef, useState, useMemo, useEffect, useCallback, createElement } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { mapById, isMultiple, renderLabel } from './Select.helpers.js';
-import { useRef, useState, useMemo, useEffect, useCallback } from 'react';
 import { INTERACTION_MODE, getInteractionMode } from '../../tools/dom.js';
 import cn from 'classnames';
 import omit from 'lodash.omit';
@@ -17,7 +17,7 @@ import useEvent from '../../hooks/useEvent.js';
 import S from './Select.styl.js';
 
 function Select2(props) {
-    const { className, value, onChange, onSearchChange, disableTriggerArrow, inputProps, popupProps, size = 'm', round, optionClassName, additionalOptions = [], options, variant, label, error, blur, disabled, trigger, required, hideRequiredStar, isSearchable, presets = [], selectAllButton, clearButton, showSelectedCount, disableLabel, } = props;
+    const { className, value, onChange, onSearchChange, disableTriggerArrow, inputProps, popupProps, scrollProps, size = 'm', round, optionClassName, additionalOptions = [], options, variant, label, error, blur, disabled, trigger, required, hideRequiredStar, isSearchable, presets = [], selectAllButton, clearButton, showSelectedCount, disableLabel, } = props;
     const isMultiple$1 = isMultiple(value);
     const closeOnSelect = props.closeOnSelect ?? !isMultiple$1;
     const contentRef = useRef(null);
@@ -300,7 +300,7 @@ function Select2(props) {
             }
         },
     });
-    const optionsList = useMemo(() => (jsxs("div", { ref: contentRef, children: [renderPresets(), jsx(Scroll, { y: true, offset: { y: { before: 10, after: 10 } }, className: cn(S.options, S[`size-${size}`]), onInnerRef: elem => (scrollInnerRef.current = elem), children: renderOptions() }, "items-scroll")] })), [items, searchVal, focusedItemIndex]);
+    const optionsList = useMemo(() => (jsxs("div", { ref: contentRef, children: [renderPresets(), createElement(Scroll, { y: true, ...scrollProps, offset: { y: { before: 10, after: 10 } }, className: cn(S.options, S[`size-${size}`], scrollProps?.className), onInnerRef: elem => (scrollInnerRef.current = elem), key: "items-scroll" }, renderOptions())] })), [items, searchVal, focusedItemIndex]);
     const classes = cn(S.root, className, S[`size-${size}`]);
     return (jsxs(Fragment, { children: [jsx(Popup, { className: classes, direction: "bottom", size: size, focusControl: true, hoverControl: isFocused, blur: blur, isOpen: isOpen, disabled: disabled, ...popupProps, onOpen: onPopupOpen, onClose: onPopupClose, trigger: renderTrigger(), triggerProps: {
                     onFocus: onFocus,

package/dist/esm/types/src/components/Icon/Icon.d.ts

@@ -1,101 +1,3 @@
-/// <reference types="uilib/declarations" />
 import * as T from './Icon.types';
-export declare const icons: {
-    attach: () => Promise<typeof import("*.svg")>;
-    apple: () => Promise<typeof import("*.svg")>;
-    arrowRight: () => Promise<typeof import("*.svg")>;
-    arrowLeft: () => Promise<typeof import("*.svg")>;
-    arrowUp: () => Promise<typeof import("*.svg")>;
-    arrowDown: () => Promise<typeof import("*.svg")>;
-    avatar: () => Promise<typeof import("*.svg")>;
-    bookmark: () => Promise<typeof import("*.svg")>;
-    bookmarkAdd: () => Promise<typeof import("*.svg")>;
-    brain: () => Promise<typeof import("*.svg")>;
-    brokenImage: () => Promise<typeof import("*.svg")>;
-    call: () => Promise<typeof import("*.svg")>;
-    camera: () => Promise<typeof import("*.svg")>;
-    chat: () => Promise<typeof import("*.svg")>;
-    check: () => Promise<typeof import("*.svg")>;
-    close: () => Promise<typeof import("*.svg")>;
-    colors: () => Promise<typeof import("*.svg")>;
-    compass: () => Promise<typeof import("*.svg")>;
-    copy: () => Promise<typeof import("*.svg")>;
-    checkers: () => Promise<typeof import("*.svg")>;
-    chevronUp: () => Promise<typeof import("*.svg")>;
-    chevronDown: () => Promise<typeof import("*.svg")>;
-    chevronRight: () => Promise<typeof import("*.svg")>;
-    chevronLeft: () => Promise<typeof import("*.svg")>;
-    clearAll: () => Promise<typeof import("*.svg")>;
-    cubes: () => Promise<typeof import("*.svg")>;
-    delete: () => Promise<typeof import("*.svg")>;
-    discord: () => Promise<typeof import("*.svg")>;
-    draft: () => Promise<typeof import("*.svg")>;
-    dragHandlerHorizontal: () => Promise<typeof import("*.svg")>;
-    dragHandlerVertical: () => Promise<typeof import("*.svg")>;
-    edit: () => Promise<typeof import("*.svg")>;
-    email: () => Promise<typeof import("*.svg")>;
-    externalLink: () => Promise<typeof import("*.svg")>;
-    eye: () => Promise<typeof import("*.svg")>;
-    forward: () => Promise<typeof import("*.svg")>;
-    folder: () => Promise<typeof import("*.svg")>;
-    folderOpen: () => Promise<typeof import("*.svg")>;
-    fullscreen: () => Promise<typeof import("*.svg")>;
-    fullscreenExit: () => Promise<typeof import("*.svg")>;
-    function: () => Promise<typeof import("*.svg")>;
-    flyover: () => Promise<typeof import("*.svg")>;
-    gear: () => Promise<typeof import("*.svg")>;
-    geolocation: () => Promise<typeof import("*.svg")>;
-    globe: () => Promise<typeof import("*.svg")>;
-    google: () => Promise<typeof import("*.svg")>;
-    group: () => Promise<typeof import("*.svg")>;
-    github: () => Promise<typeof import("*.svg")>;
-    history: () => Promise<typeof import("*.svg")>;
-    image: () => Promise<typeof import("*.svg")>;
-    instagram: () => Promise<typeof import("*.svg")>;
-    home: () => Promise<typeof import("*.svg")>;
-    layers: () => Promise<typeof import("*.svg")>;
-    link: () => Promise<typeof import("*.svg")>;
-    linkedin: () => Promise<typeof import("*.svg")>;
-    loader: () => Promise<typeof import("*.svg")>;
-    lock: () => Promise<typeof import("*.svg")>;
-    lockOpen: () => Promise<typeof import("*.svg")>;
-    map: () => Promise<typeof import("*.svg")>;
-    menu: () => Promise<typeof import("*.svg")>;
-    mic: () => Promise<typeof import("*.svg")>;
-    micMuted: () => Promise<typeof import("*.svg")>;
-    minus: () => Promise<typeof import("*.svg")>;
-    moreVertical: () => Promise<typeof import("*.svg")>;
-    moreHorizontal: () => Promise<typeof import("*.svg")>;
-    output: () => Promise<typeof import("*.svg")>;
-    pause: () => Promise<typeof import("*.svg")>;
-    play: () => Promise<typeof import("*.svg")>;
-    plus: () => Promise<typeof import("*.svg")>;
-    redo: () => Promise<typeof import("*.svg")>;
-    undo: () => Promise<typeof import("*.svg")>;
-    usage: () => Promise<typeof import("*.svg")>;
-    requiredStar: () => Promise<typeof import("*.svg")>;
-    rewind: () => Promise<typeof import("*.svg")>;
-    rocket: () => Promise<typeof import("*.svg")>;
-    route: () => Promise<typeof import("*.svg")>;
-    routeFrom: () => Promise<typeof import("*.svg")>;
-    routeTo: () => Promise<typeof import("*.svg")>;
-    save: () => Promise<typeof import("*.svg")>;
-    search: () => Promise<typeof import("*.svg")>;
-    send: () => Promise<typeof import("*.svg")>;
-    settings: () => Promise<typeof import("*.svg")>;
-    shoppingBag: () => Promise<typeof import("*.svg")>;
-    smile: () => Promise<typeof import("*.svg")>;
-    soundWave: () => Promise<typeof import("*.svg")>;
-    sparks: () => Promise<typeof import("*.svg")>;
-    star: () => Promise<typeof import("*.svg")>;
-    stop: () => Promise<typeof import("*.svg")>;
-    stopInCircle: () => Promise<typeof import("*.svg")>;
-    syncArrows: () => Promise<typeof import("*.svg")>;
-    table: () => Promise<typeof import("*.svg")>;
-    telegram: () => Promise<typeof import("*.svg")>;
-    tool: () => Promise<typeof import("*.svg")>;
-    trafficLight: () => Promise<typeof import("*.svg")>;
-    youtube: () => Promise<typeof import("*.svg")>;
-};
 export type { IconType } from './Icon.types';
 export declare function Icon(props: T.Props): JSX.Element;

package/dist/esm/types/src/components/Icon/Icon.types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType, Size } from 'uilib/types';
-import CUSTOM_ICONS from './icons';
+import * as CUSTOM_ICONS from './icons';
 export type IconSize = 'xs' | Size;
 export type IconType = keyof typeof CUSTOM_ICONS;
 export type Props = ComponentType & {

package/dist/esm/types/src/components/Icon/icons/index.d.ts

@@ -1,99 +1,95 @@
-/// <reference types="uilib/declarations" />
-declare const _default: {
-    attach: () => Promise<typeof import("*.svg")>;
-    apple: () => Promise<typeof import("*.svg")>;
-    arrowRight: () => Promise<typeof import("*.svg")>;
-    arrowLeft: () => Promise<typeof import("*.svg")>;
-    arrowUp: () => Promise<typeof import("*.svg")>;
-    arrowDown: () => Promise<typeof import("*.svg")>;
-    avatar: () => Promise<typeof import("*.svg")>;
-    bookmark: () => Promise<typeof import("*.svg")>;
-    bookmarkAdd: () => Promise<typeof import("*.svg")>;
-    brain: () => Promise<typeof import("*.svg")>;
-    brokenImage: () => Promise<typeof import("*.svg")>;
-    call: () => Promise<typeof import("*.svg")>;
-    camera: () => Promise<typeof import("*.svg")>;
-    chat: () => Promise<typeof import("*.svg")>;
-    check: () => Promise<typeof import("*.svg")>;
-    close: () => Promise<typeof import("*.svg")>;
-    colors: () => Promise<typeof import("*.svg")>;
-    compass: () => Promise<typeof import("*.svg")>;
-    copy: () => Promise<typeof import("*.svg")>;
-    checkers: () => Promise<typeof import("*.svg")>;
-    chevronUp: () => Promise<typeof import("*.svg")>;
-    chevronDown: () => Promise<typeof import("*.svg")>;
-    chevronRight: () => Promise<typeof import("*.svg")>;
-    chevronLeft: () => Promise<typeof import("*.svg")>;
-    clearAll: () => Promise<typeof import("*.svg")>;
-    cubes: () => Promise<typeof import("*.svg")>;
-    delete: () => Promise<typeof import("*.svg")>;
-    discord: () => Promise<typeof import("*.svg")>;
-    draft: () => Promise<typeof import("*.svg")>;
-    dragHandlerHorizontal: () => Promise<typeof import("*.svg")>;
-    dragHandlerVertical: () => Promise<typeof import("*.svg")>;
-    edit: () => Promise<typeof import("*.svg")>;
-    email: () => Promise<typeof import("*.svg")>;
-    externalLink: () => Promise<typeof import("*.svg")>;
-    eye: () => Promise<typeof import("*.svg")>;
-    forward: () => Promise<typeof import("*.svg")>;
-    folder: () => Promise<typeof import("*.svg")>;
-    folderOpen: () => Promise<typeof import("*.svg")>;
-    fullscreen: () => Promise<typeof import("*.svg")>;
-    fullscreenExit: () => Promise<typeof import("*.svg")>;
-    function: () => Promise<typeof import("*.svg")>;
-    flyover: () => Promise<typeof import("*.svg")>;
-    gear: () => Promise<typeof import("*.svg")>;
-    geolocation: () => Promise<typeof import("*.svg")>;
-    globe: () => Promise<typeof import("*.svg")>;
-    google: () => Promise<typeof import("*.svg")>;
-    group: () => Promise<typeof import("*.svg")>;
-    github: () => Promise<typeof import("*.svg")>;
-    history: () => Promise<typeof import("*.svg")>;
-    image: () => Promise<typeof import("*.svg")>;
-    instagram: () => Promise<typeof import("*.svg")>;
-    home: () => Promise<typeof import("*.svg")>;
-    layers: () => Promise<typeof import("*.svg")>;
-    link: () => Promise<typeof import("*.svg")>;
-    linkedin: () => Promise<typeof import("*.svg")>;
-    loader: () => Promise<typeof import("*.svg")>;
-    lock: () => Promise<typeof import("*.svg")>;
-    lockOpen: () => Promise<typeof import("*.svg")>;
-    map: () => Promise<typeof import("*.svg")>;
-    menu: () => Promise<typeof import("*.svg")>;
-    mic: () => Promise<typeof import("*.svg")>;
-    micMuted: () => Promise<typeof import("*.svg")>;
-    minus: () => Promise<typeof import("*.svg")>;
-    moreVertical: () => Promise<typeof import("*.svg")>;
-    moreHorizontal: () => Promise<typeof import("*.svg")>;
-    output: () => Promise<typeof import("*.svg")>;
-    pause: () => Promise<typeof import("*.svg")>;
-    play: () => Promise<typeof import("*.svg")>;
-    plus: () => Promise<typeof import("*.svg")>;
-    redo: () => Promise<typeof import("*.svg")>;
-    undo: () => Promise<typeof import("*.svg")>;
-    usage: () => Promise<typeof import("*.svg")>;
-    requiredStar: () => Promise<typeof import("*.svg")>;
-    rewind: () => Promise<typeof import("*.svg")>;
-    rocket: () => Promise<typeof import("*.svg")>;
-    route: () => Promise<typeof import("*.svg")>;
-    routeFrom: () => Promise<typeof import("*.svg")>;
-    routeTo: () => Promise<typeof import("*.svg")>;
-    save: () => Promise<typeof import("*.svg")>;
-    search: () => Promise<typeof import("*.svg")>;
-    send: () => Promise<typeof import("*.svg")>;
-    settings: () => Promise<typeof import("*.svg")>;
-    shoppingBag: () => Promise<typeof import("*.svg")>;
-    smile: () => Promise<typeof import("*.svg")>;
-    soundWave: () => Promise<typeof import("*.svg")>;
-    sparks: () => Promise<typeof import("*.svg")>;
-    star: () => Promise<typeof import("*.svg")>;
-    stop: () => Promise<typeof import("*.svg")>;
-    stopInCircle: () => Promise<typeof import("*.svg")>;
-    syncArrows: () => Promise<typeof import("*.svg")>;
-    table: () => Promise<typeof import("*.svg")>;
-    telegram: () => Promise<typeof import("*.svg")>;
-    tool: () => Promise<typeof import("*.svg")>;
-    trafficLight: () => Promise<typeof import("*.svg")>;
-    youtube: () => Promise<typeof import("*.svg")>;
-};
-export default _default;
+export { default as attach } from './attach.svg';
+export { default as apple } from './apple.svg';
+export { default as arrowRight } from './arrowRight.svg';
+export { default as arrowLeft } from './arrowLeft.svg';
+export { default as arrowUp } from './arrowUp.svg';
+export { default as arrowDown } from './arrowDown.svg';
+export { default as avatar } from './avatar.svg';
+export { default as bookmark } from './bookmark.svg';
+export { default as bookmarkAdd } from './bookmarkAdd.svg';
+export { default as brain } from './brain.svg';
+export { default as brokenImage } from './brokenImage.svg';
+export { default as call } from './call.svg';
+export { default as camera } from './camera.svg';
+export { default as chat } from './chat.svg';
+export { default as check } from './check.svg';
+export { default as close } from './close.svg';
+export { default as colors } from './colors.svg';
+export { default as compass } from './compass.svg';
+export { default as copy } from './copy.svg';
+export { default as checkers } from './checkers.svg';
+export { default as chevronUp } from './chevronUp.svg';
+export { default as chevronDown } from './chevronDown.svg';
+export { default as chevronRight } from './chevronRight.svg';
+export { default as chevronLeft } from './chevronLeft.svg';
+export { default as clearAll } from './clearAll.svg';
+export { default as cubes } from './cubes.svg';
+export { default as delete } from './delete.svg';
+export { default as discord } from './discord.svg';
+export { default as draft } from './draft.svg';
+export { default as dragHandlerHorizontal } from './dragHandlerHorizontal.svg';
+export { default as dragHandlerVertical } from './dragHandlerVertical.svg';
+export { default as edit } from './edit.svg';
+export { default as email } from './email.svg';
+export { default as externalLink } from './externalLink.svg';
+export { default as eye } from './eye.svg';
+export { default as forward } from './forward.svg';
+export { default as folder } from './folder.svg';
+export { default as folderOpen } from './folderOpen.svg';
+export { default as fullscreen } from './fullscreen.svg';
+export { default as fullscreenExit } from './fullscreenExit.svg';
+export { default as function } from './function.svg';
+export { default as flyover } from './flyover.svg';
+export { default as gear } from './gear.svg';
+export { default as geolocation } from './geolocation.svg';
+export { default as globe } from './globe.svg';
+export { default as google } from './google.svg';
+export { default as group } from './group.svg';
+export { default as github } from './github.svg';
+export { default as history } from './history.svg';
+export { default as image } from './image.svg';
+export { default as instagram } from './instagram.svg';
+export { default as home } from './home.svg';
+export { default as layers } from './layers.svg';
+export { default as link } from './link.svg';
+export { default as linkedin } from './linkedin.svg';
+export { default as loader } from './loader.svg';
+export { default as lock } from './lock.svg';
+export { default as lockOpen } from './lockOpen.svg';
+export { default as map } from './map.svg';
+export { default as menu } from './menu.svg';
+export { default as mic } from './mic.svg';
+export { default as micMuted } from './micMuted.svg';
+export { default as minus } from './minus.svg';
+export { default as moreVertical } from './moreVertical.svg';
+export { default as moreHorizontal } from './moreHorizontal.svg';
+export { default as output } from './output.svg';
+export { default as pause } from './pause.svg';
+export { default as play } from './play.svg';
+export { default as plus } from './plus.svg';
+export { default as redo } from './redo.svg';
+export { default as undo } from './undo.svg';
+export { default as usage } from './usage.svg';
+export { default as requiredStar } from './requiredStar.svg';
+export { default as rewind } from './rewind.svg';
+export { default as rocket } from './rocket.svg';
+export { default as route } from './route.svg';
+export { default as routeFrom } from './routeFrom.svg';
+export { default as routeTo } from './routeTo.svg';
+export { default as save } from './save.svg';
+export { default as search } from './search.svg';
+export { default as send } from './send.svg';
+export { default as settings } from './settings.svg';
+export { default as shoppingBag } from './shoppingBag.svg';
+export { default as smile } from './smile.svg';
+export { default as soundWave } from './soundWave.svg';
+export { default as sparks } from './sparks.svg';
+export { default as star } from './star.svg';
+export { default as stop } from './stop.svg';
+export { default as stopInCircle } from './stopInCircle.svg';
+export { default as syncArrows } from './syncArrows.svg';
+export { default as table } from './table.svg';
+export { default as telegram } from './telegram.svg';
+export { default as tool } from './tool.svg';
+export { default as trafficLight } from './trafficLight.svg';
+export { default as youtube } from './youtube.svg';

package/dist/esm/types/src/components/Lazy/Lazy.types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { Size } from 'uilib/types';
-export type ImportData = Record<string | 'default', any>;
+export type ImportData = Record<string, any>;
 export type Loader = () => Promise<ImportData>;
 type RenderFunction = (importData: ImportData) => ReactNode;
 export type Props = {

package/dist/esm/types/src/components/Select/Select.types.d.ts

@@ -2,6 +2,7 @@ import { RefObject, ReactNode, HTMLAttributes } from 'react';
 import type { FormControl, Size } from 'uilib/types';
 import { InputProps } from '../Input/Input';
 import { PopupProps } from '../Popup/Popup';
+import { ScrollProps } from 'uilib/components/Scroll/Scroll';
 export type Id = string | number;
 export type Option = {
     id: Id;
@@ -53,6 +54,7 @@ export type Props = FormControl<Value> & InheritedInputProps & {
     onClose?: () => void;
     isSearchable?: boolean;
     inputProps?: Omit<InputProps, 'value' | 'onChange' | 'onFocus' | 'onBlur' | 'size'>;
+    scrollProps?: Partial<ScrollProps>;
     round?: boolean;
     trigger?: ReactNode;
     triggerProps?: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.28.4",
+  "version": "4.29.0",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",
@@ -40,6 +40,16 @@
   "module": "dist/esm",
   "types": "dist/esm/types/index.d.ts",
   "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "types": "./dist/esm/types/index.d.ts"
+    },
+    "./icons": {
+      "import": "./dist/esm/src/components/Icon/icons/index.js",
+      "types": "./dist/esm/types/src/components/Icon/icons/index.d.ts"
+    }
+  },
   "bugs": {
     "url": "https://github.com/apostololeg/uilib/issues"
   },