@homecode/ui 5.1.9 → 5.1.10

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

@@ -1,2 +1,222 @@
-import{jsxs,jsx,Fragment}from"react/jsx-runtime";import{Component,createRef,useState,useRef,useLayoutEffect}from"react";import{createStore}from"justorm/react";import Time from"timen";import compare from"compareq";import cn from"classnames";import omit from"lodash.omit";import{Button}from"../Button/Button.js";import{Icon}from"../Icon/Icon.js";import{Spinner}from"../Spinner/Spinner.js";import throttle from"../../tools/throttle.js";import{circularSlice}from"../../tools/array.js";import S from"./Gallery.styl.js";import{Lazy}from"../Lazy/Lazy.js";const THRESHOLD=50,DURATION=200,DIR_NAME={1:"left","-1":"right"};function galleryStoreTarget(t){if(null==t.originalObject)throw new Error("Gallery: justorm store missing originalObject");return t.originalObject}function getInitialState(t,e){return circularSlice(t,e,3)}function Arr({className:t,size:e,icon:i,...s}){return jsx(Button,{className:cn(S.arr,t),size:e,variant:"clear",...s,children:jsx(Icon,{type:i,size:e})})}function Item({src:t,size:e}){const[i,s]=useState(!1),[r,n]=useState(!1);var o={};const a=useRef(null);return useLayoutEffect(()=>{const e=a.current;if(e&&!r){let t=!1;const i=()=>{t||s(!0)};return e.complete&&0<e.naturalWidth&&0<e.naturalHeight?i():"function"==typeof e.decode?e.decode().then(i).catch(()=>{}):requestAnimationFrame(()=>{!t&&e.complete&&(0<e.naturalWidth||0<e.naturalHeight)&&i()}),()=>{t=!0}}},[t,r]),i&&(o.backgroundImage=`url(${t})`),jsx("div",{className:S.item,style:o,children:!i&&(r?jsx(Icon,{type:"brokenImage",className:S.brokenImage}):jsxs(Fragment,{children:[jsx("img",{ref:a,src:t,onLoad:()=>s(!0),onError:()=>n(!0)}),jsx(Spinner,{size:e})]}))})}class Gallery extends Component{store;items;index=0;timers=Time.create();startX=null;innerRef=createRef();static defaultProps={size:"m",animation:!0,startIndex:0};constructor(t){super(t);t=t.startIndex;this.recenter(),this.index=t,this.store=createStore(this,{items:this.getStateItems(),movingDirection:0,isDragging:!1})}componentDidMount(){this.init()}componentWillUnmount(){this.timers.clear()}componentDidUpdate(t){var{items:e,startIndex:i}=this.props;t.startIndex===i&&compare(t.items,e)||(this.index=i,this.recenter(),t=this.getStateItems(),Object.assign(galleryStoreTarget(this.store),{items:t}),this.setState({}))}getStateItems(){return this.isSingle()?[this.props.items[0]]:getInitialState(this.items,this.index)}recenter(){var[...t]=this.props.items;this.items=[t.pop(),...t]}init(){var t=this.store["items"];1<t.length&&this.subscribe()}subscribe(){document.addEventListener("keydown",this.onKeyDown)}isSingle=()=>this.props.items.length<2;onKeyDown=t=>{if(!this.isSingle())return"ArrowRight"===t.key?(t.stopPropagation(),this.move(-1)):"ArrowLeft"===t.key?(t.stopPropagation(),this.move(1)):void 0};onPointerDown=t=>{this.startX=t.pageX};onPointerMove=t=>{null===this.startX||(t=this.getDelta(t),Math.abs(t)<THRESHOLD)||(this.store.isDragging=!0,this.setTransformDelta(t))};onPointerUp=t=>{this.startX&&(t=this.getDelta(t),this.startX=null,this.store.isDragging)&&t&&(this.store.isDragging=!1,t=t/Math.abs(t),this.move(t))};getDelta=t=>t.pageX-this.startX;setTransformDelta=t=>{this.innerRef.current.style.transform=`translateX(calc(-100% / 3 + ${t}px))`};removeTransformDelta=()=>{this.innerRef.current.style.transform=""};move=throttle(function(t){var e=this.props["animation"];if(this.store.isDragging=!1,this.startX=null,!e)return this.switch(t);this.store.movingDirection=t,this.timers.clear(),this.timers.after(DURATION,()=>this.switch(t))},DURATION);switch(t){this.index+=-1*t;t=circularSlice(this.items,this.index,3),Object.assign(galleryStoreTarget(this.store),{items:t,movingDirection:0}),this.removeTransformDelta(),this.setState({}),t=this.props.onChange;t?.(this.index,this.items[this.index])}render(){const{className:t,size:i,showArrows:e,showDots:s,initialBounce:r,cover:n,...o}=this.props;var{items:a,movingDirection:m,isDragging:c}=this.store,m=DIR_NAME[m],h=this.isSingle(),l=omit(o,["items","onChange","animation","startIndex"]),g=cn(S.root,h&&S.single,n&&S.cover,t),m=cn(S.inner,r&&S.initialBounce,S[m]);return h||(l.onPointerDown=this.onPointerDown,l.onPointerMove=this.onPointerMove,c&&(l.onPointerUp=this.onPointerUp,l.onPointerLeave=this.onPointerUp)),jsxs("div",{className:g,...l,children:[jsx("div",{className:m,ref:this.innerRef,children:a.map((t,e)=>jsx(Item,{src:t,size:i},e+"_"+t))}),!h&&e&&!c&&jsxs(Fragment,{children:[jsx(Arr,{className:S.left,size:i,icon:"chevronLeft",onClick:()=>this.move(1)}),jsx(Arr,{className:S.right,size:i,icon:"chevronRight",onClick:()=>this.move(-1)})]}),s&&jsx(Lazy,{hideSpinner:!0,loader:()=>import("./Dots/Dots.js"),index:this.index%a.length,count:a.length})]})}}export{Gallery};
-//# sourceMappingURL=Gallery.js.map
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Component, createRef, useState, useRef, useLayoutEffect } from 'react';
+import { createStore } from 'justorm/react';
+import Time from 'timen';
+import compare from 'compareq';
+import cn from 'classnames';
+import omit from 'lodash.omit';
+import { Button } from '../Button/Button.js';
+import { Icon } from '../Icon/Icon.js';
+import { Spinner } from '../Spinner/Spinner.js';
+import throttle from '../../tools/throttle.js';
+import { circularSlice } from '../../tools/array.js';
+import S from './Gallery.styl.js';
+import { Lazy } from '../Lazy/Lazy.js';
+
+const THRESHOLD = 50;
+const DURATION = 200;
+const DIR_NAME = {
+    '1': 'left',
+    '-1': 'right',
+};
+function galleryStoreTarget(store) {
+    const o = store;
+    if (o.originalObject == null) {
+        throw new Error('Gallery: justorm store missing originalObject');
+    }
+    return o.originalObject;
+}
+function getInitialState(items, startIndex) {
+    return circularSlice(items, startIndex, 3);
+}
+function Arr({ className, size, icon, ...rest }) {
+    return (jsx(Button, { className: cn(S.arr, className), size: size, variant: "clear", ...rest, children: jsx(Icon, { type: icon, size: size }) }));
+}
+function Item({ src, size }) {
+    const [loaded, setLoaded] = useState(false);
+    const [isError, setIsError] = useState(false);
+    const style = {};
+    const imgRef = useRef(null);
+    useLayoutEffect(() => {
+        const img = imgRef.current;
+        if (!img || isError)
+            return;
+        let cancelled = false;
+        const notify = () => {
+            if (!cancelled)
+                setLoaded(true);
+        };
+        // Cached images may never fire `load` after mount; `decode()` covers that path.
+        if (img.complete && img.naturalWidth > 0 && img.naturalHeight > 0) {
+            notify();
+            return () => {
+                cancelled = true;
+            };
+        }
+        if (typeof img.decode === 'function') {
+            img.decode().then(notify).catch(() => { });
+            return () => {
+                cancelled = true;
+            };
+        }
+        requestAnimationFrame(() => {
+            if (!cancelled &&
+                img.complete &&
+                (img.naturalWidth > 0 || img.naturalHeight > 0))
+                notify();
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [src, isError]);
+    if (loaded)
+        style.backgroundImage = `url(${src})`;
+    return (jsx("div", { className: S.item, style: style, children: !loaded &&
+            (isError ? (jsx(Icon, { type: "brokenImage", className: S.brokenImage })) : (jsxs(Fragment, { children: [jsx("img", { ref: imgRef, src: src, onLoad: () => setLoaded(true), onError: () => setIsError(true) }), jsx(Spinner, { size: size })] }))) }));
+}
+class Gallery extends Component {
+    store;
+    items;
+    index = 0;
+    timers = Time.create();
+    startX = null;
+    innerRef = createRef();
+    static defaultProps = {
+        size: 'm',
+        animation: true,
+        startIndex: 0,
+    };
+    constructor(props) {
+        super(props);
+        const { startIndex } = props;
+        this.recenter();
+        this.index = startIndex;
+        this.store = createStore(this, {
+            items: this.getStateItems(),
+            movingDirection: 0,
+            isDragging: false,
+        });
+    }
+    componentDidMount() {
+        this.init();
+    }
+    componentWillUnmount() {
+        this.timers.clear();
+    }
+    componentDidUpdate(prevProps) {
+        const { items, startIndex } = this.props;
+        if (prevProps.startIndex !== startIndex ||
+            !compare(prevProps.items, items)) {
+            this.index = startIndex;
+            this.recenter();
+            const next = this.getStateItems();
+            Object.assign(galleryStoreTarget(this.store), { items: next });
+            this.setState({});
+        }
+    }
+    getStateItems() {
+        return this.isSingle()
+            ? [this.props.items[0]]
+            : getInitialState(this.items, this.index);
+    }
+    recenter() {
+        const [...items] = this.props.items;
+        this.items = [items.pop(), ...items];
+    }
+    init() {
+        const { items } = this.store;
+        if (items.length > 1)
+            this.subscribe();
+    }
+    subscribe() {
+        document.addEventListener('keydown', this.onKeyDown);
+    }
+    isSingle = () => this.props.items.length < 2;
+    onKeyDown = e => {
+        if (this.isSingle())
+            return;
+        if (e.key === 'ArrowRight') {
+            e.stopPropagation();
+            return this.move(-1);
+        }
+        if (e.key === 'ArrowLeft') {
+            e.stopPropagation();
+            return this.move(1);
+        }
+    };
+    onPointerDown = e => {
+        this.startX = e.pageX;
+    };
+    onPointerMove = e => {
+        if (this.startX === null)
+            return;
+        const delta = this.getDelta(e);
+        if (Math.abs(delta) < THRESHOLD)
+            return;
+        this.store.isDragging = true;
+        this.setTransformDelta(delta);
+    };
+    onPointerUp = e => {
+        if (!this.startX)
+            return;
+        const delta = this.getDelta(e);
+        this.startX = null;
+        if (!this.store.isDragging || !delta)
+            return;
+        this.store.isDragging = false;
+        const dir = delta / Math.abs(delta);
+        this.move(dir);
+    };
+    getDelta = e => e.pageX - this.startX;
+    setTransformDelta = (delta) => {
+        this.innerRef.current.style.transform = `translateX(calc(-100% / 3 + ${delta}px))`;
+    };
+    removeTransformDelta = () => {
+        this.innerRef.current.style.transform = '';
+    };
+    move = throttle(function (direction) {
+        const { animation } = this.props;
+        this.store.isDragging = false;
+        this.startX = null;
+        if (!animation)
+            return this.switch(direction);
+        this.store.movingDirection = direction;
+        this.timers.clear();
+        this.timers.after(DURATION, () => this.switch(direction));
+    }, DURATION);
+    switch(direction) {
+        this.index += direction * -1;
+        const nextItems = circularSlice(this.items, this.index, 3);
+        // justorm v3: proxy set skips when compareq sees no change; bypass via originalObject.
+        Object.assign(galleryStoreTarget(this.store), {
+            items: nextItems,
+            movingDirection: 0,
+        });
+        this.removeTransformDelta();
+        this.setState({});
+        const { onChange } = this.props;
+        onChange?.(this.index, this.items[this.index]);
+    }
+    render() {
+        const { className, size, showArrows, showDots, initialBounce, cover, ...rest } = this.props;
+        const { items, movingDirection, isDragging } = this.store;
+        const dirName = DIR_NAME[movingDirection];
+        const isSingle = this.isSingle();
+        const props = omit(rest, ['items', 'onChange', 'animation', 'startIndex']);
+        const classes = cn(S.root, isSingle && S.single, cover && S.cover, className);
+        const innerClasses = cn(S.inner, initialBounce && S.initialBounce, S[dirName]);
+        if (!isSingle) {
+            props.onPointerDown = this.onPointerDown;
+            props.onPointerMove = this.onPointerMove;
+            if (isDragging) {
+                props.onPointerUp = this.onPointerUp;
+                props.onPointerLeave = this.onPointerUp;
+            }
+        }
+        return (jsxs("div", { className: classes, ...props, children: [jsx("div", { className: innerClasses, ref: this.innerRef, children: items.map((src, i) => (jsx(Item, { src: src, size: size }, `${i}_${src}`))) }), !isSingle && showArrows && !isDragging && (jsxs(Fragment, { children: [jsx(Arr, { className: S.left, size: size, icon: "chevronLeft", onClick: () => this.move(1) }), jsx(Arr, { className: S.right, size: size, icon: "chevronRight", onClick: () => this.move(-1) })] })), showDots && (jsx(Lazy, { hideSpinner: true, loader: () => import('./Dots/Dots.js'), 
+                    // @ts-ignore
+                    index: this.index % items.length, count: items.length }))] }));
+    }
+}
+
+export { Gallery };

package/dist/esm/src/components/Gallery/Gallery.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Gallery_item__P4qTJ,.Gallery_root__-Crit{height:100%;width:100%}.Gallery_root__-Crit{overflow:hidden;position:relative}.Gallery_inner__4FAPt{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;position:absolute;touch-action:none;transform:translate3d(-33.33333%,0,0);width:calc(300% + 1px)}.Gallery_single__Wfd9h .Gallery_inner__4FAPt{transform:none;width:100%}.Gallery_single__Wfd9h .Gallery_item__P4qTJ{width:100%}.Gallery_inner__4FAPt.Gallery_left__zrrmv,.Gallery_inner__4FAPt.Gallery_right__dpZ-m{transition:transform 0s ease-out;transition-duration:.2s}.Gallery_inner__4FAPt.Gallery_left__zrrmv{transform:translateZ(0)!important}.Gallery_inner__4FAPt.Gallery_right__dpZ-m{transform:translate3d(-66.66667%,0,0)!important}.Gallery_inner__4FAPt.Gallery_initialBounce__nZnKd{animation:Gallery_bounce__buqva 1s ease-out}.Gallery_item__P4qTJ{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;justify-content:center;width:33.33333%}.Gallery_cover__ZGx5X .Gallery_item__P4qTJ{background-size:cover}.Gallery_item__P4qTJ>img{opacity:0;pointer-events:none;position:absolute}.Gallery_brokenImage__Bj3O-{height:50%;opacity:.2;width:50%}.Gallery_arr__knicI{background:transparent!important;height:100%;min-height:100%;opacity:0;padding:10%;position:absolute;top:0;transition:opacity .1s ease-out;z-index:1}.Gallery_arr__knicI.Gallery_left__zrrmv{justify-content:flex-start;left:0}.Gallery_arr__knicI.Gallery_right__dpZ-m{justify-content:flex-end;right:0;width:77%}.Gallery_arr__knicI:hover{opacity:1}@keyframes Gallery_bounce__buqva{0%{left:0}50%{left:-20%}80%{left:10%}to{left:0}}",S={root:"Gallery_root__-Crit",item:"Gallery_item__P4qTJ",inner:"Gallery_inner__4FAPt",single:"Gallery_single__Wfd9h",left:"Gallery_left__zrrmv",right:"Gallery_right__dpZ-m",initialBounce:"Gallery_initialBounce__nZnKd",bounce:"Gallery_bounce__buqva",cover:"Gallery_cover__ZGx5X",brokenImage:"Gallery_brokenImage__Bj3O-",arr:"Gallery_arr__knicI"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Gallery.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Gallery_item__P4qTJ,.Gallery_root__-Crit{height:100%;width:100%}.Gallery_root__-Crit{overflow:hidden;position:relative}.Gallery_inner__4FAPt{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;position:absolute;touch-action:none;transform:translate3d(-33.33333%,0,0);width:calc(300% + 1px)}.Gallery_single__Wfd9h .Gallery_inner__4FAPt{transform:none;width:100%}.Gallery_single__Wfd9h .Gallery_item__P4qTJ{width:100%}.Gallery_inner__4FAPt.Gallery_left__zrrmv,.Gallery_inner__4FAPt.Gallery_right__dpZ-m{transition:transform 0s ease-out;transition-duration:.2s}.Gallery_inner__4FAPt.Gallery_left__zrrmv{transform:translateZ(0)!important}.Gallery_inner__4FAPt.Gallery_right__dpZ-m{transform:translate3d(-66.66667%,0,0)!important}.Gallery_inner__4FAPt.Gallery_initialBounce__nZnKd{animation:Gallery_bounce__buqva 1s ease-out}.Gallery_item__P4qTJ{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;justify-content:center;width:33.33333%}.Gallery_cover__ZGx5X .Gallery_item__P4qTJ{background-size:cover}.Gallery_item__P4qTJ>img{opacity:0;pointer-events:none;position:absolute}.Gallery_brokenImage__Bj3O-{height:50%;opacity:.2;width:50%}.Gallery_arr__knicI{background:transparent!important;height:100%;min-height:100%;opacity:0;padding:10%;position:absolute;top:0;transition:opacity .1s ease-out;z-index:1}.Gallery_arr__knicI.Gallery_left__zrrmv{justify-content:flex-start;left:0}.Gallery_arr__knicI.Gallery_right__dpZ-m{justify-content:flex-end;right:0;width:77%}.Gallery_arr__knicI:hover{opacity:1}@keyframes Gallery_bounce__buqva{0%{left:0}50%{left:-20%}80%{left:10%}to{left:0}}";
+var S = {"root":"Gallery_root__-Crit","item":"Gallery_item__P4qTJ","inner":"Gallery_inner__4FAPt","single":"Gallery_single__Wfd9h","left":"Gallery_left__zrrmv","right":"Gallery_right__dpZ-m","initialBounce":"Gallery_initialBounce__nZnKd","bounce":"Gallery_bounce__buqva","cover":"Gallery_cover__ZGx5X","brokenImage":"Gallery_brokenImage__Bj3O-","arr":"Gallery_arr__knicI"};
+styleInject(css_248z);
+
+export { S as default };

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

@@ -1,2 +1,37 @@
-import{jsxs,jsx}from"react/jsx-runtime";import{memo,useEffect}from"react";import{scrollIntoView}from"../../tools/scroll.js";import S from"./Heading.styl.js";let subscribersCount=0;function onClick(e){var t,s=e.target?.getAttribute("href");s&&/#/.test(s)&&([t,s]=s.split("#"),s=document.getElementById(s))&&(scrollIntoView(s),e.stopPropagation())}function subscribe(){0===subscribersCount&&window.addEventListener("click",onClick,!0),subscribersCount++}function unsubscribe(){0==--subscribersCount&&window.removeEventListener("click",onClick,!0)}const Heading=memo(function({id:e,text:t}){return useEffect(()=>(subscribe(),unsubscribe)),jsxs("h2",{className:S.root,id:e,children:[jsx("a",{href:location.pathname+"#"+e,className:S.link,children:"#"}),t]})});export{Heading};
-//# sourceMappingURL=Heading.js.map
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo, useEffect } from 'react';
+import { scrollIntoView } from '../../tools/scroll.js';
+import S from './Heading.styl.js';
+
+let subscribersCount = 0;
+function onClick(e) {
+    const href = e.target?.getAttribute('href');
+    if (!href || !/#/.test(href))
+        return;
+    const [path, hash] = href.split('#');
+    const heading = document.getElementById(hash);
+    if (heading) {
+        scrollIntoView(heading);
+        e.stopPropagation();
+    }
+}
+function subscribe() {
+    if (subscribersCount === 0) {
+        window.addEventListener('click', onClick, true);
+    }
+    subscribersCount++;
+}
+function unsubscribe() {
+    if (--subscribersCount === 0) {
+        window.removeEventListener('click', onClick, true);
+    }
+}
+const Heading = memo(function Heading({ id, text }) {
+    useEffect(() => {
+        subscribe();
+        return unsubscribe;
+    });
+    return (jsxs("h2", { className: S.root, id: id, children: [jsx("a", { href: `${location.pathname}#${id}`, className: S.link, children: "#" }), text] }));
+});
+
+export { Heading };

package/dist/esm/src/components/Heading/Heading.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Heading_root__Y4E8o{margin:1em 0;position:relative}.Heading_root__Y4E8o,.Heading_root__Y4E8o>a{color:var(--accent-color)!important}.Heading_root__Y4E8o .Heading_link__JTd0P{bottom:0;display:block;left:-1.7em;min-height:100%;opacity:0;padding:.8em 1em 0!important;pointer-events:all!important;position:absolute;right:1.7em;text-decoration:none;transition:all .2s ease-out}.Heading_root__Y4E8o:hover .Heading_link__JTd0P{opacity:1;transform:translateX(-5px)}",S={root:"Heading_root__Y4E8o",link:"Heading_link__JTd0P"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Heading.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Heading_root__Y4E8o{margin:1em 0;position:relative}.Heading_root__Y4E8o,.Heading_root__Y4E8o>a{color:var(--accent-color)!important}.Heading_root__Y4E8o .Heading_link__JTd0P{bottom:0;display:block;left:-1.7em;min-height:100%;opacity:0;padding:.8em 1em 0!important;pointer-events:all!important;position:absolute;right:1.7em;text-decoration:none;transition:all .2s ease-out}.Heading_root__Y4E8o:hover .Heading_link__JTd0P{opacity:1;transform:translateX(-5px)}";
+var S = {"root":"Heading_root__Y4E8o","link":"Heading_link__JTd0P"};
+styleInject(css_248z);
+
+export { S as default };

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

@@ -1,2 +1,21 @@
-import{jsx}from"react/jsx-runtime";import cn from"classnames";import S from"./Icon.styl.js";import*as index from"./icons/index.js";function Icon(o){const{className:s,icon:n,type:r,size:e="m",...i}=o;var m,o={className:cn(S.root,S["size-"+e],s),role:"img",...i};return n?jsx(n,{...o}):(m=index[r])?jsx(m,{...o}):null}export{Icon};
-//# sourceMappingURL=Icon.js.map
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import S from './Icon.styl.js';
+import * as index from './icons/index.js';
+
+function Icon(props) {
+    const { className, icon: CustomIcon, type, size = 'm', ...rest } = props;
+    const iconProps = {
+        className: cn(S.root, S[`size-${size}`], className),
+        role: 'img',
+        ...rest,
+    };
+    if (CustomIcon)
+        return jsx(CustomIcon, { ...iconProps });
+    const LibIcon = index[type];
+    if (LibIcon)
+        return jsx(LibIcon, { ...iconProps });
+    return null;
+}
+
+export { Icon };

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

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Icon_root__Uzney{color:inherit;display:inline-block;pointer-events:none}.Icon_size-xs__T-Npk{height:12px;width:12px}.Icon_size-s__qftZG{height:18px;width:18px}.Icon_size-m__7xCDX{height:22px;width:22px}.Icon_size-l__Eq1Fb{height:28px;width:28px}.Icon_size-xl__ChZL5{height:34px;width:34px}",S={root:"Icon_root__Uzney","size-xs":"Icon_size-xs__T-Npk","size-s":"Icon_size-s__qftZG","size-m":"Icon_size-m__7xCDX","size-l":"Icon_size-l__Eq1Fb","size-xl":"Icon_size-xl__ChZL5"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Icon.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Icon_root__Uzney{color:inherit;display:inline-block;pointer-events:none}.Icon_size-xs__T-Npk{height:12px;width:12px}.Icon_size-s__qftZG{height:18px;width:18px}.Icon_size-m__7xCDX{height:22px;width:22px}.Icon_size-l__Eq1Fb{height:28px;width:28px}.Icon_size-xl__ChZL5{height:34px;width:34px}";
+var S = {"root":"Icon_root__Uzney","size-xs":"Icon_size-xs__T-Npk","size-s":"Icon_size-s__qftZG","size-m":"Icon_size-m__7xCDX","size-l":"Icon_size-l__Eq1Fb","size-xl":"Icon_size-xl__ChZL5"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Icon/icons/apple.svg.js

@@ -1,2 +1,16 @@
-import*as React from"react";var _path;function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var SvgApple=function(e){return React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},e),_path=_path||React.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M15.649 4c.865-1 1.447-2.395 1.288-3.783-1.246.047-2.753.795-3.646 1.795-.801.888-1.502 2.307-1.313 3.668 1.389.103 2.807-.676 3.67-1.678m3.117 8.81c.035 3.588 3.284 4.782 3.32 4.797-.026.084-.52 1.7-1.712 3.373-1.032 1.443-2.102 2.88-3.79 2.912-1.655.03-2.19-.941-4.084-.941s-2.486.91-4.054.97c-1.628.059-2.868-1.562-3.908-3-2.126-2.944-3.75-8.32-1.57-11.946 1.085-1.8 3.02-2.942 5.124-2.97 1.598-.03 3.107 1.03 4.084 1.03s2.81-1.275 4.739-1.088c.807.032 3.072.312 4.526 2.352-.117.07-2.703 1.512-2.674 4.51"}))};export{SvgApple as default};
-//# sourceMappingURL=apple.svg.js.map
+import * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgApple = function SvgApple(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M15.649 4c.865-1 1.447-2.395 1.288-3.783-1.246.047-2.753.795-3.646 1.795-.801.888-1.502 2.307-1.313 3.668 1.389.103 2.807-.676 3.67-1.678m3.117 8.81c.035 3.588 3.284 4.782 3.32 4.797-.026.084-.52 1.7-1.712 3.373-1.032 1.443-2.102 2.88-3.79 2.912-1.655.03-2.19-.941-4.084-.941s-2.486.91-4.054.97c-1.628.059-2.868-1.562-3.908-3-2.126-2.944-3.75-8.32-1.57-11.946 1.085-1.8 3.02-2.942 5.124-2.97 1.598-.03 3.107 1.03 4.084 1.03s2.81-1.275 4.739-1.088c.807.032 3.072.312 4.526 2.352-.117.07-2.703 1.512-2.674 4.51"
+  })));
+};
+
+export { SvgApple as default };

package/dist/esm/src/components/Icon/icons/arrowDown.svg.js

@@ -1,2 +1,17 @@
-import*as React from"react";function _extends(){return(_extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r,n=arguments[e];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}var SvgArrowDown=function(t){return React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor"},t),React.createElement("path",{d:"M11.993 22.802.737 15.298a1.178 1.178 0 0 1 1.307-1.96l8.77 5.846V2.533a1.179 1.179 0 0 1 2.357 0v16.65l8.77-5.845a1.178 1.178 0 0 1 1.308 1.96z",style:{strokeWidth:1.17804}}))};export{SvgArrowDown as default};
-//# sourceMappingURL=arrowDown.svg.js.map
+import * as React from 'react';
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgArrowDown = function SvgArrowDown(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M11.993 22.802.737 15.298a1.178 1.178 0 0 1 1.307-1.96l8.77 5.846V2.533a1.179 1.179 0 0 1 2.357 0v16.65l8.77-5.845a1.178 1.178 0 0 1 1.308 1.96z",
+    style: {
+      strokeWidth: 1.17804
+    }
+  }));
+};
+
+export { SvgArrowDown as default };

package/dist/esm/src/components/Icon/icons/arrowLeft.svg.js

@@ -1,2 +1,17 @@
-import*as React from"react";function _extends(){return(_extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r,n=arguments[e];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}var SvgArrowLeft=function(t){return React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor"},t),React.createElement("path",{d:"M1.1 12.084 8.603 23.34a1.178 1.178 0 0 0 1.96-1.307l-5.845-8.77h16.65a1.179 1.179 0 0 0 0-2.357H4.719l5.846-8.77A1.178 1.178 0 0 0 8.604.828z",style:{strokeWidth:1.17804}}))};export{SvgArrowLeft as default};
-//# sourceMappingURL=arrowLeft.svg.js.map
+import * as React from 'react';
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgArrowLeft = function SvgArrowLeft(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M1.1 12.084 8.603 23.34a1.178 1.178 0 0 0 1.96-1.307l-5.845-8.77h16.65a1.179 1.179 0 0 0 0-2.357H4.719l5.846-8.77A1.178 1.178 0 0 0 8.604.828z",
+    style: {
+      strokeWidth: 1.17804
+    }
+  }));
+};
+
+export { SvgArrowLeft as default };

package/dist/esm/src/components/Icon/icons/arrowRight.svg.js

@@ -1,2 +1,17 @@
-import*as React from"react";function _extends(){return(_extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r,n=arguments[e];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}var SvgArrowRight=function(t){return React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor"},t),React.createElement("path",{d:"M22.547 12.084 15.043 23.34a1.178 1.178 0 0 1-1.96-1.307l5.846-8.77H2.278a1.178 1.178 0 0 1 0-2.357h16.651l-5.846-8.77a1.178 1.178 0 0 1 1.96-1.308z",style:{strokeWidth:1.17804}}))};export{SvgArrowRight as default};
-//# sourceMappingURL=arrowRight.svg.js.map
+import * as React from 'react';
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgArrowRight = function SvgArrowRight(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M22.547 12.084 15.043 23.34a1.178 1.178 0 0 1-1.96-1.307l5.846-8.77H2.278a1.178 1.178 0 0 1 0-2.357h16.651l-5.846-8.77a1.178 1.178 0 0 1 1.96-1.308z",
+    style: {
+      strokeWidth: 1.17804
+    }
+  }));
+};
+
+export { SvgArrowRight as default };

package/dist/esm/src/components/Icon/icons/arrowUp.svg.js

@@ -1,2 +1,17 @@
-import*as React from"react";function _extends(){return(_extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r,n=arguments[e];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}var SvgArrowUp=function(t){return React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor"},t),React.createElement("path",{d:"m12.038 1.354 11.256 7.504a1.178 1.178 0 0 1-1.307 1.96l-8.77-5.846v16.651a1.179 1.179 0 0 1-2.357 0V4.973l-8.77 5.845a1.178 1.178 0 0 1-1.308-1.96Z",style:{strokeWidth:1.17804}}))};export{SvgArrowUp as default};
-//# sourceMappingURL=arrowUp.svg.js.map
+import * as React from 'react';
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgArrowUp = function SvgArrowUp(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "m12.038 1.354 11.256 7.504a1.178 1.178 0 0 1-1.307 1.96l-8.77-5.846v16.651a1.179 1.179 0 0 1-2.357 0V4.973l-8.77 5.845a1.178 1.178 0 0 1-1.308-1.96Z",
+    style: {
+      strokeWidth: 1.17804
+    }
+  }));
+};
+
+export { SvgArrowUp as default };

package/dist/esm/src/components/Icon/icons/attach.svg.js

@@ -1,2 +1,19 @@
-import*as React from"react";var _path;function _extends(){return(_extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r,n=arguments[e];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}var SvgAttach=function(t){return React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},t),_path=_path||React.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2.074,d:"m14.05 8.92-7.57 6.62c-.878.77-.878 2.016 0 2.785.877.767 2.3.767 3.177 0L21.464 7.992c1.754-1.538 1.754-4.03 0-5.567s-4.6-1.538-6.354 0L3.302 12.756c-2.632 2.307-2.632 6.046 0 8.352 2.631 2.306 6.898 2.306 9.53 0l8.63-7.548"}))};export{SvgAttach as default};
-//# sourceMappingURL=attach.svg.js.map
+import * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgAttach = function SvgAttach(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2.074,
+    d: "m14.05 8.92-7.57 6.62c-.878.77-.878 2.016 0 2.785.877.767 2.3.767 3.177 0L21.464 7.992c1.754-1.538 1.754-4.03 0-5.567s-4.6-1.538-6.354 0L3.302 12.756c-2.632 2.307-2.632 6.046 0 8.352 2.631 2.306 6.898 2.306 9.53 0l8.63-7.548"
+  })));
+};
+
+export { SvgAttach as default };

package/dist/esm/src/components/Icon/icons/avatar.svg.js

@@ -1,2 +1,15 @@
-import*as React from"react";var _path;function _extends(){return(_extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r,a=arguments[e];for(r in a)Object.prototype.hasOwnProperty.call(a,r)&&(t[r]=a[r])}return t}).apply(this,arguments)}var SvgAvatar=function(t){return React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24"},t),_path=_path||React.createElement("path",{d:"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m0 1.5c2 0 3.6 1.6 3.6 3.6S14 10.8 12 10.8 8.4 9.1 8.4 7.1 10 3.5 12 3.5m0 17.2c-3 0-5.7-1.5-7.3-3.9.9-2.9 4.8-3.7 7.3-3.7 2.4 0 6 .8 7.3 3.7-1.6 2.3-4.3 3.9-7.3 3.9"}))};export{SvgAvatar as default};
-//# sourceMappingURL=avatar.svg.js.map
+import * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgAvatar = function SvgAvatar(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m0 1.5c2 0 3.6 1.6 3.6 3.6S14 10.8 12 10.8 8.4 9.1 8.4 7.1 10 3.5 12 3.5m0 17.2c-3 0-5.7-1.5-7.3-3.9.9-2.9 4.8-3.7 7.3-3.7 2.4 0 6 .8 7.3 3.7-1.6 2.3-4.3 3.9-7.3 3.9"
+  })));
+};
+
+export { SvgAvatar as default };

package/dist/esm/src/components/Icon/icons/bookmark.svg.js

@@ -1,2 +1,17 @@
-import*as React from"react";function _extends(){return(_extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r,n=arguments[e];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}var SvgBookmark=function(t){return React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24"},t),React.createElement("path",{d:"M2.881 23.695V3.289q0-1.052.752-1.802.752-.749 1.809-.749h12.802q1.056 0 1.809.75.752.749.752 1.8v20.407l-8.962-3.827zm2.56-3.89 6.402-2.742 6.401 2.742V3.289H5.442Zm0-16.516h12.803Z",style:{strokeWidth:.0319452}}))};export{SvgBookmark as default};
-//# sourceMappingURL=bookmark.svg.js.map
+import * as React from 'react';
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgBookmark = function SvgBookmark(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M2.881 23.695V3.289q0-1.052.752-1.802.752-.749 1.809-.749h12.802q1.056 0 1.809.75.752.749.752 1.8v20.407l-8.962-3.827zm2.56-3.89 6.402-2.742 6.401 2.742V3.289H5.442Zm0-16.516h12.803Z",
+    style: {
+      strokeWidth: 0.0319452
+    }
+  }));
+};
+
+export { SvgBookmark as default };

package/dist/esm/src/components/Icon/icons/bookmarkAdd.svg.js

@@ -1,2 +1,17 @@
-import*as React from"react";function _extends(){return(_extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r,n=arguments[e];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}var SvgBookmarkAdd=function(t){return React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24"},t),React.createElement("path",{d:"M2.772 23.628V3.322q0-1.047.749-1.792.75-.746 1.801-.746h7.652v2.538H5.322v16.435l6.376-2.728 6.376 2.728V9.647h2.55v13.98l-8.926-3.806zm2.55-20.306h7.652Zm11.845 4.431V5.215h-2.55V2.677h2.55V.139h2.55v2.538h2.55v2.538h-2.55v2.538z",style:{strokeWidth:.0318037}}))};export{SvgBookmarkAdd as default};
-//# sourceMappingURL=bookmarkAdd.svg.js.map
+import * as React from 'react';
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgBookmarkAdd = function SvgBookmarkAdd(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M2.772 23.628V3.322q0-1.047.749-1.792.75-.746 1.801-.746h7.652v2.538H5.322v16.435l6.376-2.728 6.376 2.728V9.647h2.55v13.98l-8.926-3.806zm2.55-20.306h7.652Zm11.845 4.431V5.215h-2.55V2.677h2.55V.139h2.55v2.538h2.55v2.538h-2.55v2.538z",
+    style: {
+      strokeWidth: 0.0318037
+    }
+  }));
+};
+
+export { SvgBookmarkAdd as default };

package/dist/esm/src/components/Icon/icons/brain.svg.js

@@ -1,2 +1,22 @@
-import*as React from"react";function _extends(){return(_extends=Object.assign?Object.assign.bind():function(c){for(var t=1;t<arguments.length;t++){var e,l=arguments[t];for(e in l)Object.prototype.hasOwnProperty.call(l,e)&&(c[e]=l[e])}return c}).apply(this,arguments)}var SvgBrain=function(c){return React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24"},c),React.createElement("path",{d:"M9.108.189c-.767.246-1.4.842-1.64 1.543l-.133.394-.336-.022c-1.155-.09-2.317.611-2.831 1.7-.187.402-.239.595-.254 1.124l-.03.641-.365.284c-.67.506-1.17 1.468-1.296 2.496-.082.678.171 1.617.633 2.362.09.142.082.18-.142.366-.931.775-1.497 1.982-1.497 3.16 0 1.304.775 2.734 1.863 3.427.365.239.372.246.372.626.008 1.245.813 2.527 1.945 3.078.261.127.537.254.604.276s.216.223.32.447a3.22 3.22 0 0 0 3.168 1.81c.886-.074 1.721-.506 2.183-1.132.127-.179.253-.328.276-.328.022-.007.112.112.201.254.238.365.842.82 1.341 1.006 1.58.596 3.421-.134 4.054-1.595.157-.365.217-.425.507-.53 1.312-.446 2.392-1.937 2.392-3.286v-.395l.41-.275a4.3 4.3 0 0 0 1.379-1.565c.79-1.603.484-3.428-.783-4.703-.484-.484-.521-.544-.424-.67.06-.075.208-.35.335-.611.179-.388.231-.597.26-1.156.06-1.252-.223-2.004-1.08-2.869l-.551-.551-.015-.604c-.022-.805-.306-1.416-.947-2.004-.566-.53-1.095-.738-1.892-.76l-.59-.015-.111-.328c-.224-.671-.7-1.178-1.416-1.506-.276-.126-.492-.156-1.02-.164-.62 0-.709.023-1.141.254-.253.141-.566.372-.693.514l-.231.26-.216-.267c-.12-.15-.44-.373-.708-.507-.582-.29-1.342-.358-1.9-.18m1.408.97c.35.149.589.372.782.745.135.253.164.462.187 1.356l.03 1.066h-.373c-.306 0-.388-.03-.425-.142-.074-.23-.596-.663-.931-.76-.246-.074-.38-.074-.656 0-.7.186-1.058.649-1.058 1.364 0 .797.588 1.364 1.393 1.356.47-.007.798-.193 1.103-.603.209-.291.253-.313.581-.313l.35-.008v2.46H8.7l-.231-.321c-.254-.358-.641-.574-1.126-.633-.313-.038-.328-.053-.656-.612-.178-.32-.387-.626-.454-.685-.067-.052-.388-.112-.76-.134l-.641-.038.015-.387c.03-.678.447-1.304 1.088-1.632.358-.186 1.013-.216 1.49-.067.462.141.7.082.753-.209.015-.09.067-.365.112-.61.149-.798.73-1.305 1.52-1.305.238 0 .551.052.708.112m4.173 0c.35.149.589.372.768.723.223.432.186.663-.142.886-.283.194-.76.828-.76.999 0 .052.067.179.157.29.238.299.454.254.827-.186.417-.499.842-.745 1.378-.79.56-.052.962.06 1.387.388.678.522.939 1.513.588 2.288-.134.313-.633.88-.767.88-.038 0-.12.081-.187.185-.104.157-.104.224-.03.41.202.485.709.343 1.35-.357.365-.395.372-.403.55-.284.277.18.679.843.828 1.342.209.745.052 1.624-.417 2.28-.127.186-.187.209-.298.15-.075-.045-.261-.075-.403-.075-.201 0-.298.044-.387.193-.216.328-.075.544.506.775.992.403 1.64 1.074 1.93 2.005.47 1.513-.245 3.145-1.684 3.853-.424.209-.491.216-1.46.216-1.11 0-1.26.045-1.26.41 0 .112.06.253.134.32.202.187.94.298 1.61.246l.589-.044-.045.365c-.082.685-.536 1.386-1.155 1.788-.551.35-1.237.5-1.856.395-.626-.104-.842-.007-.842.395 0 .313.194.462.686.53.194.03.358.074.358.104 0 .156-.671.79-1.006.939-.47.223-1.245.238-1.781.052-.5-.179-1.029-.67-1.245-1.155l-.179-.395-.022-3.69c-.023-4.023-.015-3.949-.447-3.949-.373 0-.462.179-.462.91v.655h-1.454l-.275-.484-.276-.492.142-.239c.283-.462.141-1.34-.269-1.699a1.47 1.47 0 0 0-.916-.365c-.291 0-.298 0-.671-.663-.209-.365-.432-.686-.5-.708-.066-.022-.849-.045-1.743-.045H3.907l-.187-.246c-.395-.521-.529-.931-.529-1.654 0-.559.038-.738.194-1.08.224-.485.566-.895.924-1.118.209-.127.35-.15.827-.135l.582.023.253.432.253.44-.156.357c-.194.447-.194.76-.015 1.155.462 1.029 1.81 1.133 2.437.187l.201-.298h2.81v.76c0 .596.022.782.126.894.15.164.455.171.634.007.126-.111.134-.335.134-3.912 0-2.489.03-3.905.082-4.114.104-.417.462-.85.842-1.02.373-.172.999-.18 1.371-.03M9.742 4.444c.067.06.12.209.12.328 0 .268-.18.447-.448.447a.48.48 0 0 1-.447-.447c0-.373.514-.589.775-.328M7.64 7.805c.291.26.082.768-.32.768-.26 0-.44-.18-.44-.425a.45.45 0 0 1 .76-.343m-.58 4.084.282.484-.156.32c-.432.888.119 1.894 1.08 1.976l.41.037.38.648c.224.38.455.693.56.738.096.045.558.082 1.028.082h.857v2.37c0 2.6-.038 2.884-.448 3.48-.588.857-1.78 1.2-2.742.782-.53-.23-1.066-.82-1.237-1.363-.075-.231-.171-.447-.224-.492s-.313-.15-.58-.231c-1.052-.32-1.782-1.222-1.864-2.28l-.022-.366 1.542-.022 1.543-.015.29.5.291.499-.126.223a1.43 1.43 0 0 0 .089 1.558c.328.462 1.185.648 1.751.38.537-.261.872-1.021.708-1.588-.179-.588-.767-1.043-1.356-1.05-.246 0-.276-.03-.67-.693l-.41-.686-2.05-.037c-2.355-.045-2.266-.015-3.003-.82-.38-.41-.619-.857-.768-1.453-.045-.187-.045-.187.447-.187.462 0 .492.008.596.217.254.477.917.82 1.409.708.857-.18 1.356-.895 1.177-1.677-.283-1.252-1.997-1.483-2.586-.358-.104.201-.134.216-.588.216-.269 0-.485-.03-.485-.06 0-.037.052-.23.112-.44.164-.558.656-1.244 1.14-1.586l.41-.299h2.929zm1.639 1.088c.23.186.253.455.044.663-.179.179-.357.186-.574.037-.29-.2-.253-.648.068-.782.238-.09.238-.09.462.082m-3.89.939c.283.253.081.767-.299.767a.451.451 0 0 1-.335-.76c.15-.164.455-.171.633-.007m4.643 5.73c.187.187.12.56-.126.701-.187.097-.231.097-.41 0a.435.435 0 0 1 .208-.82c.112 0 .261.053.328.12",style:{strokeWidth:.0518715}}),React.createElement("path",{d:"M13.267 5.13c-.418.462.387 1.2 1.453 1.326.723.082 1.826-.372 1.997-.834.164-.433-.268-.775-.663-.53-.634.395-.775.44-1.207.41-.343-.022-.507-.082-.768-.268-.373-.268-.633-.305-.812-.104M16.5 9.057c-.12.104-.32.388-.432.619-.172.357-.209.521-.209 1.02 0 .5.037.664.209 1.022.223.454.574.804.805.804.2 0 .44-.26.44-.477 0-.104-.083-.283-.187-.402a1.34 1.34 0 0 1-.335-.946c0-.395.097-.656.335-.947.224-.268.239-.529.037-.73-.2-.201-.387-.186-.663.037m-4.874 2.63c-.164.18-.156.485.008.634.298.268.76.067.76-.335 0-.38-.514-.581-.768-.298m3.779 3.696c-.73.335-1.2 1.148-1.133 1.953.037.462.208.7.507.7.283 0 .462-.224.447-.574a5.45 5.45 0 0 1-.008-.484c.008-.231.388-.7.626-.775.239-.067.5-.328.5-.492s-.32-.507-.463-.507c-.052 0-.268.082-.476.18",style:{strokeWidth:.0518715}}))};export{SvgBrain as default};
-//# sourceMappingURL=brain.svg.js.map
+import * as React from 'react';
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgBrain = function SvgBrain(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M9.108.189c-.767.246-1.4.842-1.64 1.543l-.133.394-.336-.022c-1.155-.09-2.317.611-2.831 1.7-.187.402-.239.595-.254 1.124l-.03.641-.365.284c-.67.506-1.17 1.468-1.296 2.496-.082.678.171 1.617.633 2.362.09.142.082.18-.142.366-.931.775-1.497 1.982-1.497 3.16 0 1.304.775 2.734 1.863 3.427.365.239.372.246.372.626.008 1.245.813 2.527 1.945 3.078.261.127.537.254.604.276s.216.223.32.447a3.22 3.22 0 0 0 3.168 1.81c.886-.074 1.721-.506 2.183-1.132.127-.179.253-.328.276-.328.022-.007.112.112.201.254.238.365.842.82 1.341 1.006 1.58.596 3.421-.134 4.054-1.595.157-.365.217-.425.507-.53 1.312-.446 2.392-1.937 2.392-3.286v-.395l.41-.275a4.3 4.3 0 0 0 1.379-1.565c.79-1.603.484-3.428-.783-4.703-.484-.484-.521-.544-.424-.67.06-.075.208-.35.335-.611.179-.388.231-.597.26-1.156.06-1.252-.223-2.004-1.08-2.869l-.551-.551-.015-.604c-.022-.805-.306-1.416-.947-2.004-.566-.53-1.095-.738-1.892-.76l-.59-.015-.111-.328c-.224-.671-.7-1.178-1.416-1.506-.276-.126-.492-.156-1.02-.164-.62 0-.709.023-1.141.254-.253.141-.566.372-.693.514l-.231.26-.216-.267c-.12-.15-.44-.373-.708-.507-.582-.29-1.342-.358-1.9-.18m1.408.97c.35.149.589.372.782.745.135.253.164.462.187 1.356l.03 1.066h-.373c-.306 0-.388-.03-.425-.142-.074-.23-.596-.663-.931-.76-.246-.074-.38-.074-.656 0-.7.186-1.058.649-1.058 1.364 0 .797.588 1.364 1.393 1.356.47-.007.798-.193 1.103-.603.209-.291.253-.313.581-.313l.35-.008v2.46H8.7l-.231-.321c-.254-.358-.641-.574-1.126-.633-.313-.038-.328-.053-.656-.612-.178-.32-.387-.626-.454-.685-.067-.052-.388-.112-.76-.134l-.641-.038.015-.387c.03-.678.447-1.304 1.088-1.632.358-.186 1.013-.216 1.49-.067.462.141.7.082.753-.209.015-.09.067-.365.112-.61.149-.798.73-1.305 1.52-1.305.238 0 .551.052.708.112m4.173 0c.35.149.589.372.768.723.223.432.186.663-.142.886-.283.194-.76.828-.76.999 0 .052.067.179.157.29.238.299.454.254.827-.186.417-.499.842-.745 1.378-.79.56-.052.962.06 1.387.388.678.522.939 1.513.588 2.288-.134.313-.633.88-.767.88-.038 0-.12.081-.187.185-.104.157-.104.224-.03.41.202.485.709.343 1.35-.357.365-.395.372-.403.55-.284.277.18.679.843.828 1.342.209.745.052 1.624-.417 2.28-.127.186-.187.209-.298.15-.075-.045-.261-.075-.403-.075-.201 0-.298.044-.387.193-.216.328-.075.544.506.775.992.403 1.64 1.074 1.93 2.005.47 1.513-.245 3.145-1.684 3.853-.424.209-.491.216-1.46.216-1.11 0-1.26.045-1.26.41 0 .112.06.253.134.32.202.187.94.298 1.61.246l.589-.044-.045.365c-.082.685-.536 1.386-1.155 1.788-.551.35-1.237.5-1.856.395-.626-.104-.842-.007-.842.395 0 .313.194.462.686.53.194.03.358.074.358.104 0 .156-.671.79-1.006.939-.47.223-1.245.238-1.781.052-.5-.179-1.029-.67-1.245-1.155l-.179-.395-.022-3.69c-.023-4.023-.015-3.949-.447-3.949-.373 0-.462.179-.462.91v.655h-1.454l-.275-.484-.276-.492.142-.239c.283-.462.141-1.34-.269-1.699a1.47 1.47 0 0 0-.916-.365c-.291 0-.298 0-.671-.663-.209-.365-.432-.686-.5-.708-.066-.022-.849-.045-1.743-.045H3.907l-.187-.246c-.395-.521-.529-.931-.529-1.654 0-.559.038-.738.194-1.08.224-.485.566-.895.924-1.118.209-.127.35-.15.827-.135l.582.023.253.432.253.44-.156.357c-.194.447-.194.76-.015 1.155.462 1.029 1.81 1.133 2.437.187l.201-.298h2.81v.76c0 .596.022.782.126.894.15.164.455.171.634.007.126-.111.134-.335.134-3.912 0-2.489.03-3.905.082-4.114.104-.417.462-.85.842-1.02.373-.172.999-.18 1.371-.03M9.742 4.444c.067.06.12.209.12.328 0 .268-.18.447-.448.447a.48.48 0 0 1-.447-.447c0-.373.514-.589.775-.328M7.64 7.805c.291.26.082.768-.32.768-.26 0-.44-.18-.44-.425a.45.45 0 0 1 .76-.343m-.58 4.084.282.484-.156.32c-.432.888.119 1.894 1.08 1.976l.41.037.38.648c.224.38.455.693.56.738.096.045.558.082 1.028.082h.857v2.37c0 2.6-.038 2.884-.448 3.48-.588.857-1.78 1.2-2.742.782-.53-.23-1.066-.82-1.237-1.363-.075-.231-.171-.447-.224-.492s-.313-.15-.58-.231c-1.052-.32-1.782-1.222-1.864-2.28l-.022-.366 1.542-.022 1.543-.015.29.5.291.499-.126.223a1.43 1.43 0 0 0 .089 1.558c.328.462 1.185.648 1.751.38.537-.261.872-1.021.708-1.588-.179-.588-.767-1.043-1.356-1.05-.246 0-.276-.03-.67-.693l-.41-.686-2.05-.037c-2.355-.045-2.266-.015-3.003-.82-.38-.41-.619-.857-.768-1.453-.045-.187-.045-.187.447-.187.462 0 .492.008.596.217.254.477.917.82 1.409.708.857-.18 1.356-.895 1.177-1.677-.283-1.252-1.997-1.483-2.586-.358-.104.201-.134.216-.588.216-.269 0-.485-.03-.485-.06 0-.037.052-.23.112-.44.164-.558.656-1.244 1.14-1.586l.41-.299h2.929zm1.639 1.088c.23.186.253.455.044.663-.179.179-.357.186-.574.037-.29-.2-.253-.648.068-.782.238-.09.238-.09.462.082m-3.89.939c.283.253.081.767-.299.767a.451.451 0 0 1-.335-.76c.15-.164.455-.171.633-.007m4.643 5.73c.187.187.12.56-.126.701-.187.097-.231.097-.41 0a.435.435 0 0 1 .208-.82c.112 0 .261.053.328.12",
+    style: {
+      strokeWidth: 0.0518715
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13.267 5.13c-.418.462.387 1.2 1.453 1.326.723.082 1.826-.372 1.997-.834.164-.433-.268-.775-.663-.53-.634.395-.775.44-1.207.41-.343-.022-.507-.082-.768-.268-.373-.268-.633-.305-.812-.104M16.5 9.057c-.12.104-.32.388-.432.619-.172.357-.209.521-.209 1.02 0 .5.037.664.209 1.022.223.454.574.804.805.804.2 0 .44-.26.44-.477 0-.104-.083-.283-.187-.402a1.34 1.34 0 0 1-.335-.946c0-.395.097-.656.335-.947.224-.268.239-.529.037-.73-.2-.201-.387-.186-.663.037m-4.874 2.63c-.164.18-.156.485.008.634.298.268.76.067.76-.335 0-.38-.514-.581-.768-.298m3.779 3.696c-.73.335-1.2 1.148-1.133 1.953.037.462.208.7.507.7.283 0 .462-.224.447-.574a5.45 5.45 0 0 1-.008-.484c.008-.231.388-.7.626-.775.239-.067.5-.328.5-.492s-.32-.507-.463-.507c-.052 0-.268.082-.476.18",
+    style: {
+      strokeWidth: 0.0518715
+    }
+  }));
+};
+
+export { SvgBrain as default };

package/dist/esm/src/components/Icon/icons/brokenImage.svg.js

@@ -1,2 +1,15 @@
-import*as React from"react";var _path;function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,a=arguments[t];for(r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(this,arguments)}var SvgBrokenImage=function(e){return React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24"},e),_path=_path||React.createElement("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 16H5v-4.58l.99.99 4-4 4 4 4-3.99L19 12.43zm0-9.41-1.01-1.01-4 4.01-4-4-4 4-.99-1V5h14z"}))};export{SvgBrokenImage as default};
-//# sourceMappingURL=brokenImage.svg.js.map
+import * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgBrokenImage = function SvgBrokenImage(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 16H5v-4.58l.99.99 4-4 4 4 4-3.99L19 12.43zm0-9.41-1.01-1.01-4 4.01-4-4-4 4-.99-1V5h14z"
+  })));
+};
+
+export { SvgBrokenImage as default };