@homecode/ui 4.19.4 → 4.19.6

package/dist/esm/index.js

@@ -29,9 +29,7 @@ export { Router, RouterContext, RouterStore } from './src/components/Router/Rout
 export { RequiredStar } from './src/components/RequiredStar/RequiredStar.js';
 export { Select, SelectHelpers } from './src/components/Select/Select.js';
 export { Scroll } from './src/components/Scroll/Scroll.js';
-import 'react/jsx-runtime';
-import 'classnames';
-import './src/components/Shimmer/Shimmer.styl.js';
+export { Shimmer } from './src/components/Shimmer/Shimmer.js';
 export { Spinner } from './src/components/Spinner/Spinner.js';
 export { Table } from './src/components/Table/Table.js';
 export { Tabs } from './src/components/Tabs/Tabs.js';

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

@@ -2,10 +2,10 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import cn from 'classnames';
 import '../AssistiveText/AssistiveText.styl.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
+import S from './Autocomplete.styl.js';
+import { Shimmer } from '../Shimmer/Shimmer.js';
 import debounce from '../../tools/debounce.js';
 import { useIsMounted } from '../../hooks/useIsMounted.js';
-import S from './Autocomplete.styl.js';
-import Shimmer from '../Shimmer/Shimmer.js';
 import { useListKeyboardControl } from '../../hooks/useListKeyboardControl.js';
 import '../Spinner/Spinner.styl.js';
 import '../Button/Button.styl.js';
@@ -64,7 +64,7 @@ function Autocomplete(props) {
     const [isFocused, setIsFocused] = useState(false);
     const currentRequest = useRef('');
     const inputRef = useRef(null);
-    const isOpen = isFocused && options.length > 0;
+    const isOpen = options.length > 0;
     const classes = cn(S.root, className);
     const handleInputChange = (e, value) => {
         const val = (value || e?.target.value) ?? '';

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

@@ -8,7 +8,7 @@ var SvgAvatar = function SvgAvatar(props) {
     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 2zm0 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.5zm0 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.9z"
+    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"
   })));
 };
 

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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,17 @@
+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/brokenImage.svg.js

@@ -8,7 +8,7 @@ var SvgBrokenImage = function SvgBrokenImage(props) {
     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-2zm0 16H5v-4.58l.99.99 4-4 4 4 4-3.99L19 12.43V19zm0-9.41-1.01-1.01-4 4.01-4-4-4 4-.99-1V5h14v4.59z"
+    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"
   })));
 };
 

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

@@ -8,49 +8,49 @@ var SvgColors = function SvgColors(props) {
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "#983ec4",
     fillOpacity: 0.7,
-    d: "M16.034 14.886a7.488 7.488 0 0 1-3.97 1.156 7.488 7.488 0 0 1-3.56-.906 7.488 7.488 0 0 0 3.802 6.27 7.488 7.488 0 0 0 3.732-6.461 7.488 7.488 0 0 0-.004-.059z",
+    d: "M16.034 14.886a7.5 7.5 0 0 1-3.97 1.156 7.5 7.5 0 0 1-3.56-.906 7.49 7.49 0 0 0 3.802 6.27 7.49 7.49 0 0 0 3.732-6.461z",
     style: {
       mixBlendMode: "normal"
     }
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#969b00",
     fillOpacity: 0.7,
-    d: "M8.56 7.465a7.488 7.488 0 0 0-3.971 1.144 7.488 7.488 0 0 0 3.922 6.514 7.488 7.488 0 0 1-.014-.217 7.488 7.488 0 0 1 3.729-6.46 7.488 7.488 0 0 0-3.666-.981z",
+    d: "M8.56 7.465a7.5 7.5 0 0 0-3.971 1.144 7.49 7.49 0 0 0 3.922 6.514l-.014-.217a7.49 7.49 0 0 1 3.729-6.46 7.5 7.5 0 0 0-3.666-.981",
     style: {
       mixBlendMode: "normal"
     }
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#007dad",
     fillOpacity: 0.7,
-    d: "M15.972 7.42a7.488 7.488 0 0 0-3.736 1.018 7.488 7.488 0 0 1 3.798 6.466 7.488 7.488 0 0 0 3.512-6.343 7.488 7.488 0 0 0-.006-.237 7.488 7.488 0 0 0-3.568-.904z",
+    d: "M15.972 7.42a7.5 7.5 0 0 0-3.736 1.018 7.49 7.49 0 0 1 3.798 6.466 7.49 7.49 0 0 0 3.512-6.343l-.006-.237a7.5 7.5 0 0 0-3.568-.904",
     style: {
       mixBlendMode: "normal"
     }
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#cacaca",
     fillOpacity: 0.7,
-    d: "M8.5 15.125a7.488 7.488 0 0 0 3.559.922A7.488 7.488 0 0 0 16.03 14.9a7.488 7.488 0 0 0-3.796-6.463 7.488 7.488 0 0 0-3.75 6.469 7.488 7.488 0 0 0 .015.22z",
+    d: "M8.5 15.125a7.5 7.5 0 0 0 3.559.922A7.5 7.5 0 0 0 16.03 14.9a7.49 7.49 0 0 0-3.796-6.463 7.49 7.49 0 0 0-3.75 6.469l.015.22z",
     style: {
       mixBlendMode: "normal"
     }
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#c80000",
     fillOpacity: 0.7,
-    d: "M12.3 21.41a7.488 7.488 0 0 1-3.8-6.285A7.488 7.488 0 0 1 4.574 8.61a7.488 7.488 0 0 0-3.517 6.341 7.488 7.488 0 0 0 7.488 7.489 7.488 7.488 0 0 0 3.756-1.03z",
+    d: "M12.3 21.41a7.49 7.49 0 0 1-3.8-6.285A7.49 7.49 0 0 1 4.574 8.61a7.49 7.49 0 0 0-3.517 6.341 7.49 7.49 0 0 0 7.488 7.489 7.5 7.5 0 0 0 3.756-1.03z",
     style: {
       mixBlendMode: "normal"
     }
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#004198",
     fillOpacity: 0.7,
-    d: "M19.541 8.322a7.488 7.488 0 0 1 .006.237 7.488 7.488 0 0 1-3.516 6.34 7.488 7.488 0 0 1 .002.052 7.488 7.488 0 0 1-3.732 6.46 7.488 7.488 0 0 0 3.672.982 7.488 7.488 0 0 0 7.488-7.488 7.488 7.488 0 0 0-3.92-6.583z",
+    d: "m19.541 8.322.006.237a7.49 7.49 0 0 1-3.516 6.34l.002.052a7.49 7.49 0 0 1-3.732 6.46 7.5 7.5 0 0 0 3.672.982 7.49 7.49 0 0 0 7.488-7.488 7.49 7.49 0 0 0-3.92-6.583",
     style: {
       mixBlendMode: "normal"
     }
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#019000",
     fillOpacity: 0.7,
-    d: "M12.059 1.07A7.488 7.488 0 0 0 4.57 8.56a7.488 7.488 0 0 0 .004.05 7.488 7.488 0 0 1 3.971-1.146 7.488 7.488 0 0 1 3.69.973 7.488 7.488 0 0 1 3.738-1.02 7.488 7.488 0 0 1 3.568.906 7.488 7.488 0 0 0-7.482-7.251z",
+    d: "M12.059 1.07A7.49 7.49 0 0 0 4.57 8.56l.004.05a7.5 7.5 0 0 1 3.971-1.146 7.5 7.5 0 0 1 3.69.973 7.5 7.5 0 0 1 3.738-1.02 7.5 7.5 0 0 1 3.568.906 7.49 7.49 0 0 0-7.482-7.251z",
     style: {
       mixBlendMode: "normal"
     }

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

@@ -8,7 +8,7 @@ var SvgCopy = function SvgCopy(props) {
     fill: "currentColor",
     viewBox: "0 0 96 96"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "m95.484 84.751.074-53.95c-.02-6.211-5.641-13.265-13.03-13.137l-6.192-.243-.005-4.807C76.192 5.97 71.58 1.454 64.228 1.386l-25.7-.005-26.108-.083C6.576 1.238.772 7.393.714 13.155c.367 23.662.19 30.647.045 54.309-.175 9.232 7.249 11.532 11.898 11.543l6.301.833-.107 4.646c.29 5.913 5.32 9.62 10.28 10.389l22.44.089 30.23-.066c8.023.322 13.664-7.806 13.683-11.732zM33.719 24.774l45.685.3c5.47.036 8.792 3.2 8.74 9.472l-.356 42.844c-.057 6.793-2.574 10.092-9.991 10.09l-44.794-.016c-3.964-.059-6.786-3.097-6.857-6.145.031-50.037-.02 50.152-.021-47.175-.037-7.086 1.81-9.366 7.594-9.37zM62.837 9.12c2.234.074 5.108.247 5.054 5.261a646.478 646.478 0 0 1-.036 2.977l-37.295.031c-7.166.157-12.2 5.307-11.765 11.946.015 18.234-.073 23.979-.154 42.214l-4.325-.054c-3.682-.043-6.032-1.861-5.91-6.002 0 0-.189-26.785-.2-44.392-.337-4.754 3-12.535 11.554-12.221z"
+    d: "m95.484 84.751.074-53.95c-.02-6.211-5.641-13.265-13.03-13.137l-6.192-.243-.005-4.807C76.192 5.97 71.58 1.454 64.228 1.386l-25.7-.005-26.108-.083C6.576 1.238.772 7.393.714 13.155c.367 23.662.19 30.647.045 54.309-.175 9.232 7.249 11.532 11.898 11.543l6.301.833-.107 4.646c.29 5.913 5.32 9.62 10.28 10.389l22.44.089 30.23-.066c8.023.322 13.664-7.806 13.683-11.732zM33.719 24.774l45.685.3c5.47.036 8.792 3.2 8.74 9.472l-.356 42.844c-.057 6.793-2.574 10.092-9.991 10.09l-44.794-.016c-3.964-.059-6.786-3.097-6.857-6.145.031-50.037-.02 50.152-.021-47.175-.037-7.086 1.81-9.366 7.594-9.37M62.837 9.12c2.234.074 5.108.247 5.054 5.261a647 647 0 0 1-.036 2.977l-37.295.031c-7.166.157-12.2 5.307-11.765 11.946.015 18.234-.073 23.979-.154 42.214l-4.325-.054c-3.682-.043-6.032-1.861-5.91-6.002 0 0-.189-26.785-.2-44.392-.337-4.754 3-12.535 11.554-12.221z"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgDelete = function SvgDelete(props) {
     fill: "currentColor",
     viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M16.85 8.363v12.123h-9.7V8.363h9.7M15.03 1.09H8.97L7.756 2.302H3.514v2.424h16.972V2.302h-4.243zm4.244 4.85H4.726v14.547a2.432 2.432 0 0 0 2.425 2.425h9.698a2.432 2.432 0 0 0 2.425-2.425z"
+    d: "M16.85 8.363v12.123h-9.7V8.363zM15.03 1.09H8.97L7.756 2.302H3.514v2.424h16.972V2.302h-4.243zm4.244 4.85H4.726v14.547a2.43 2.43 0 0 0 2.425 2.425h9.698a2.43 2.43 0 0 0 2.425-2.425z"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgDraft = function SvgDraft(props) {
     fill: "currentColor",
     viewBox: "0 0 48 48"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M9.884 46.24q-1.33 0-2.326-.997-.997-.997-.997-2.326V5.258q0-1.329.997-2.326.997-.997 2.326-.997h19.992l12.128 12.129v28.853q0 1.329-.997 2.326-.996.996-2.326.996zm18.33-30.681v-10.3H9.885v37.658H38.68V15.559zm-18.33-10.3v10.3-10.3 37.658z"
+    d: "M9.884 46.24q-1.33 0-2.326-.997-.997-.997-.997-2.326V5.258q0-1.329.997-2.326t2.326-.997h19.992l12.128 12.129v28.853q0 1.329-.997 2.326-.996.996-2.326.996zm18.33-30.681v-10.3H9.885v37.658H38.68V15.559zm-18.33-10.3v10.3zv37.658z"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgEdit = function SvgEdit(props) {
     fill: "currentColor",
     viewBox: "0 0 64 64"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M26.202 20.764 5.45 43.424l-.609 7.604c-.446 3.339-1.337 6.9-2.006 8.012-1.56 2.337-.334 3.895 1.672 2.226.78-.668 4.568-1.558 8.357-1.892l12.145-2.327 18.917-18.93c20.057-20.142 18.301-22.475 18.301-26.48 0-5.676-3.901-9.699-9.694-9.57-6.245.137-6.05-1.555-26.33 18.697zM55.378 8.188c2.728 3.377 1.783 6.294.622 8.735l-2.13 2.614s-2.387-3.66-3.907-5.21c-1.601-1.634-5.408-4.223-5.408-4.223l2.518-2.251c1.839-1.147 4.627-2.447 8.305.335zm-5.97 14.831c-1.838 2.679-3.688 4.99-13.478 14.767L23.959 50.388c-2.647-3.98-7.04-5.255-10.887-7.798L26.51 28.796c8.35-8.573 12.535-13.13 14.06-14.054 3.54 1.31 7.109 5.492 8.838 8.277zM18.454 53.667 15 54.752c-5.46 1.558-6.405 1.951-6.405-.72.206-2.467.019-7.637 2.375-6.342 3.356 2.133 5.017 2.887 7.485 5.977z"
+    d: "M26.202 20.764 5.45 43.424l-.609 7.604c-.446 3.339-1.337 6.9-2.006 8.012-1.56 2.337-.334 3.895 1.672 2.226.78-.668 4.568-1.558 8.357-1.892l12.145-2.327 18.917-18.93c20.057-20.142 18.301-22.475 18.301-26.48 0-5.676-3.901-9.699-9.694-9.57-6.245.137-6.05-1.555-26.33 18.697zM55.378 8.188c2.728 3.377 1.783 6.294.622 8.735l-2.13 2.614s-2.387-3.66-3.907-5.21c-1.601-1.634-5.408-4.223-5.408-4.223l2.518-2.251c1.839-1.147 4.627-2.447 8.305.335m-5.97 14.831c-1.838 2.679-3.688 4.99-13.478 14.767L23.959 50.388c-2.647-3.98-7.04-5.255-10.887-7.798L26.51 28.796c8.35-8.573 12.535-13.13 14.06-14.054 3.54 1.31 7.109 5.492 8.838 8.277M18.454 53.667 15 54.752c-5.46 1.558-6.405 1.951-6.405-.72.206-2.467.019-7.637 2.375-6.342 3.356 2.133 5.017 2.887 7.485 5.977z"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgEmail = function SvgEmail(props) {
     fill: "currentColor",
     viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M1.94 21.48c-.474 0-.89-.178-1.248-.535-.355-.357-.535-.773-.535-1.249V4.24c0-.475.179-.891.535-1.249.357-.355.774-.534 1.249-.534h20.213c.475 0 .891.178 1.249.535.355.357.535.773.535 1.249v15.457c0 .475-.18.891-.535 1.249-.358.355-.774.534-1.25.534zm10.107-8.383L2.535 7.063V19.1H21.56V7.064zm0-2.378 9.393-5.886H2.684zM2.535 7.063V4.834v14.267z"
+    d: "M1.94 21.48q-.711 0-1.248-.535-.534-.535-.535-1.249V4.24q0-.712.535-1.249.536-.533 1.249-.534h20.213q.712 0 1.249.535.534.535.535 1.249v15.457q-.001.712-.535 1.249-.537.533-1.25.534zm10.107-8.383L2.535 7.063V19.1H21.56V7.064zm0-2.378 9.393-5.886H2.684zM2.535 7.063V4.834v14.267z"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgExternalLink = function SvgExternalLink(props) {
     fill: "currentColor",
     viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M18 19H6c-.6 0-1-.4-1-1V6c0-.6.4-1 1-1h6V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v6c0 .6-.4 1-1 1zM14 3v2h3.6l-6.1 6.1c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0L19 6.4V10h2V4c0-.6-.4-1-1-1z"
+    d: "M18 19H6c-.6 0-1-.4-1-1V6c0-.6.4-1 1-1h6V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v6c0 .6-.4 1-1 1M14 3v2h3.6l-6.1 6.1c-.4.4-.4 1 0 1.4s1 .4 1.4 0L19 6.4V10h2V4c0-.6-.4-1-1-1z"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgEye = function SvgEye(props) {
     fill: "currentColor",
     viewBox: "0 -960 960 960"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z"
+    d: "M480-320q75 0 127.5-52.5T660-500t-52.5-127.5T480-680t-127.5 52.5T300-500t52.5 127.5T480-320m0-72q-45 0-76.5-31.5T372-500t31.5-76.5T480-608t76.5 31.5T588-500t-31.5 76.5T480-392m0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800t266 81.5T920-500q-54 137-174 218.5T480-200m0-80q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720t-207.5 59.5T128-500q50 101 144.5 160.5T480-280"
   })));
 };
 

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

@@ -4,8 +4,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 var SvgFolder = function SvgFolder(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "currentColor"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), /*#__PURE__*/React.createElement("path", {
     d: "M3.126 20.028q-.912 0-1.562-.593t-.65-1.426V5.893q0-.833.65-1.426.65-.594 1.562-.594H9.76l2.211 2.02h8.847q.912 0 1.562.593t.65 1.426V18.01q0 .833-.65 1.426t-1.562.593zm0-2.02h17.693V7.913H11.06L8.85 5.892H3.126Zm0 0V5.894Z",
     style: {

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

@@ -4,10 +4,10 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 var SvgFolderOpen = function SvgFolderOpen(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "currentColor"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M2.724 20.608q-.886 0-1.516-.635-.63-.636-.63-1.529V5.46q0-.893.63-1.529.63-.635 1.516-.635h6.439l2.146 2.164h8.586q.886 0 1.516.636.63.635.63 1.528H10.425L8.278 5.46H2.724v12.984l2.575-8.656h18.352l-2.763 9.278q-.215.704-.792 1.123-.576.42-1.274.42zm2.253-2.164h13.845l1.932-6.492H6.909Zm0 0 1.932-6.492zM2.724 7.624V5.46Z",
+    d: "M2.724 20.608q-.886 0-1.516-.635-.63-.636-.63-1.529V5.46q0-.893.63-1.529t1.516-.635h6.439l2.146 2.164h8.586q.886 0 1.516.636.63.635.63 1.528H10.425L8.278 5.46H2.724v12.984l2.575-8.656h18.352l-2.763 9.278q-.215.704-.792 1.123-.576.42-1.274.42zm2.253-2.164h13.845l1.932-6.492H6.909Zm0 0 1.932-6.492zM2.724 7.624V5.46Z",
     style: {
       strokeWidth: 0.999996
     }

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

@@ -1,15 +1,17 @@
 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 SvgForward = function SvgForward(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
     viewBox: "0 -960 960 960"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M163.311-296.623c-28.311-18.874-28.311-347.88 0-366.754C191.623-682.251 428.436-524.376 428.436-480c0 44.376-236.813 202.251-265.125 183.377zm400 0c-28.311-18.874-28.311-347.88 0-366.754C591.623-682.251 828.436-524.376 828.436-480c0 44.376-236.813 202.251-265.125 183.377zM225.73-411.3c10.73 7.1 100.253-52.143 100.253-68.699 0-16.556-89.523-75.8-100.253-68.699C215-541.599 215-418.4 225.73-411.3zm400 0c10.73 7.1 100.253-52.143 100.253-68.699 0-16.556-89.523-75.8-100.253-68.699C615-541.599 615-418.4 625.73-411.3z"
-  })));
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M90.805-255.324c-34.687-23.125-34.687-426.227 0-449.352C125.493-727.8 415.639-534.37 415.639-480S125.493-232.2 90.805-255.324m490.085 0c-34.687-23.125-34.687-426.227 0-449.352C615.578-727.8 905.724-534.37 905.724-480S615.578-232.2 580.89-255.324",
+    style: {
+      strokeWidth: 1.22521
+    }
+  }));
 };
 
 export { SvgForward as default };

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

@@ -8,7 +8,7 @@ var SvgFullscreen = function SvgFullscreen(props) {
     fill: "currentColor",
     viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"
+    d: "M7 14H5v5h5v-2H7zm-2-4h2V7h3V5H5zm12 7h-3v2h5v-5h-2zM14 5v2h3v3h2V5z"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgFullscreenExit = function SvgFullscreenExit(props) {
     fill: "currentColor",
     viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"
+    d: "M5 16h3v3h2v-5H5zm3-8H5v2h5V5H8zm6 11h2v-3h3v-2h-5zm2-11V5h-2v5h5V8z"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgFunction = function SvgFunction(props) {
     fill: "currentColor",
     viewBox: "0 -960 960 960"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M400-240v-80h62l105-120-105-120h-66l-64 344q-8 45-37 70.5T221-120q-45 0-73-24t-28-64q0-32 17-51.5t43-19.5q25 0 42.5 17t17.5 41q0 5-.5 9t-1.5 9q5-1 8.5-5.5T252-221l62-339H200v-80h129l21-114q7-38 37.5-62t72.5-24q44 0 72 26t28 65q0 30-17 49.5T500-680q-25 0-42.5-17T440-739q0-5 .5-9t1.5-9q-6 2-9 6t-5 12l-17 99h189v80h-32l52 59 52-59h-32v-80h200v80h-62L673-440l105 120h62v80H640v-80h32l-52-60-52 60h32v80H400Z"
+    d: "M400-240v-80h62l105-120-105-120h-66l-64 344q-8 45-37 70.5T221-120t-73-24-28-64q0-32 17-51.5t43-19.5q25 0 42.5 17t17.5 41q0 5-.5 9t-1.5 9q5-1 8.5-5.5T252-221l62-339H200v-80h129l21-114q7-38 37.5-62t72.5-24q44 0 72 26t28 65q0 30-17 49.5T500-680q-25 0-42.5-17T440-739q0-5 .5-9t1.5-9q-6 2-9 6t-5 12l-17 99h189v80h-32l52 59 52-59h-32v-80h200v80h-62L673-440l105 120h62v80H640v-80h32l-52-60-52 60h32v80z"
   })));
 };
 

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

@@ -6,14 +6,14 @@ var SvgGear = function SvgGear(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     id: "gear_svg__gear-svg",
-    stroke: "currentColor",
     fill: "none",
+    stroke: "currentColor",
     viewBox: "0 0 16 16"
   }, props), _style || (_style = /*#__PURE__*/React.createElement("style", null)), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M7 1.6c.5.5 1.3.6 1.8.1l.1-.1.6-.7c.5-.5 1.3-.6 1.8-.1.3.3.4.6.4 1v.9c0 .7.5 1.3 1.2 1.4h1c.7 0 1.3.5 1.4 1.2 0 .4-.1.8-.4 1l-.5.7c-.5.5-.6 1.3-.1 1.8l.1.1.7.6c.5.5.6 1.3.1 1.8-.3.3-.6.4-1 .4h-.9c-.7 0-1.3.5-1.4 1.2v1c0 .7-.5 1.3-1.2 1.4-.4 0-.8-.1-1-.4l-.7-.5c-.5-.5-1.3-.6-1.8-.1l-.1.1-.6.7c-.5.5-1.3.6-1.8.1-.3-.3-.4-.6-.4-1v-.9c0-.7-.5-1.3-1.2-1.4h-1c-.7 0-1.3-.5-1.4-1.2 0-.4.1-.8.4-1l.5-.7c.5-.5.6-1.3.1-1.8l-.1-.1-.7-.7C.4 5.9.4 5.1.8 4.6c.3-.3.6-.4 1-.4h.9c.7 0 1.3-.5 1.4-1.2V2c0-.7.5-1.3 1.2-1.4.4 0 .8.1 1 .4l.7.6z",
+    d: "M7 1.6c.5.5 1.3.6 1.8.1l.1-.1.6-.7c.5-.5 1.3-.6 1.8-.1.3.3.4.6.4 1v.9c0 .7.5 1.3 1.2 1.4h1c.7 0 1.3.5 1.4 1.2 0 .4-.1.8-.4 1l-.5.7c-.5.5-.6 1.3-.1 1.8l.1.1.7.6c.5.5.6 1.3.1 1.8-.3.3-.6.4-1 .4h-.9c-.7 0-1.3.5-1.4 1.2v1c0 .7-.5 1.3-1.2 1.4-.4 0-.8-.1-1-.4l-.7-.5c-.5-.5-1.3-.6-1.8-.1l-.1.1-.6.7c-.5.5-1.3.6-1.8.1-.3-.3-.4-.6-.4-1v-.9c0-.7-.5-1.3-1.2-1.4h-1c-.7 0-1.3-.5-1.4-1.2 0-.4.1-.8.4-1l.5-.7c.5-.5.6-1.3.1-1.8l-.1-.1-.7-.7C.4 5.9.4 5.1.8 4.6c.3-.3.6-.4 1-.4h.9c.7 0 1.3-.5 1.4-1.2V2c0-.7.5-1.3 1.2-1.4.4 0 .8.1 1 .4z",
     className: "gear_svg__st0"
   })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    d: "M8 11c1.7 0 3-1.3 3-3S9.7 5 8 5 5 6.3 5 8s1.3 3 3 3z",
+    d: "M8 11c1.7 0 3-1.3 3-3S9.7 5 8 5 5 6.3 5 8s1.3 3 3 3",
     className: "gear_svg__st0"
   })));
 };

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

@@ -4,13 +4,13 @@ var _path, _path2;
 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 SvgGeolocation = function SvgGeolocation(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "currentColor"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M12 17c2.8 0 5-2.3 5-5 0-2.8-2.3-5-5-5-2.8 0-5 2.3-5 5 0 2.8 2.2 5 5 5z"
+    d: "M12 17c2.8 0 5-2.3 5-5 0-2.8-2.3-5-5-5-2.8 0-5 2.3-5 5 0 2.8 2.2 5 5 5"
   })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    d: "M4.2 12.7c.3 3.8 3.3 6.8 7.1 7.1v2.9h1.4v-2.9c3.8-.3 6.8-3.3 7.1-7.1h2.9v-1.4h-2.9c-.3-3.8-3.3-6.8-7.1-7.1v-3h-1.4v2.9c-3.8.3-6.8 3.3-7.1 7.1h-3v1.4zM12 5.5c3.6 0 6.5 2.9 6.5 6.5s-2.9 6.5-6.5 6.5-6.5-2.9-6.5-6.5S8.4 5.5 12 5.5z"
+    d: "M4.2 12.7c.3 3.8 3.3 6.8 7.1 7.1v2.9h1.4v-2.9c3.8-.3 6.8-3.3 7.1-7.1h2.9v-1.4h-2.9c-.3-3.8-3.3-6.8-7.1-7.1v-3h-1.4v2.9c-3.8.3-6.8 3.3-7.1 7.1h-3v1.4zM12 5.5c3.6 0 6.5 2.9 6.5 6.5s-2.9 6.5-6.5 6.5-6.5-2.9-6.5-6.5S8.4 5.5 12 5.5"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgGroup = function SvgGroup(props) {
     fill: "currentColor",
     viewBox: "0 -960 960 960"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M120-520v-320h320v320H120Zm0 400v-320h320v320H120Zm400-400v-320h320v320H520Zm0 400v-320h320v320H520ZM200-600h160v-160H200v160Zm400 0h160v-160H600v160Zm0 400h160v-160H600v160Zm-400 0h160v-160H200v160Zm400-400Zm0 240Zm-240 0Zm0-240Z"
+    d: "M120-520v-320h320v320zm0 400v-320h320v320zm400-400v-320h320v320zm0 400v-320h320v320zM200-600h160v-160H200zm400 0h160v-160H600zm0 400h160v-160H600zm-400 0h160v-160H200zm160-400"
   })));
 };
 

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

@@ -8,9 +8,9 @@ var SvgHistory = function SvgHistory(props) {
     fill: "currentColor",
     viewBox: "0 0 96 96"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M38.7 9c-4.9 1.3-11.3 4.5-16 8.3l-3.8 3-4.4-4.3c-2.4-2.3-4.8-3.9-5.4-3.6-1.6 1-1.5 20.8.1 22.4 1.6 1.6 21.4 1.7 22.4.1.3-.6-1.1-2.8-3.1-4.9l-3.8-3.9 2.4-2.1c1.3-1.2 4.9-3.3 7.9-4.8 4.6-2.3 6.8-2.7 13.5-2.6 9.5 0 15.7 2.5 22 8.9C77 32 79.4 38 79.4 48c.1 7.8-.2 9-3.3 14.8-5.3 9.8-14.4 15.8-25.6 16.9-15 1.4-28.5-7.9-33-22.8-2.2-7.3-2.9-8.3-5.3-8.7-7.9-1.2-1.9 19.3 8.5 28.9 2.4 2.2 7.4 5.5 11.1 7.2 6.1 2.9 7.6 3.2 16.2 3.2s10.1-.3 16.2-3.2c9.3-4.4 15.1-10 19.6-19.1 3.4-7.1 3.7-8.2 3.7-16.6 0-6.5-.5-10.6-1.9-14.3C81.8 24 72.3 14.4 62.3 10.6 56.7 8.5 44.1 7.7 38.7 9z"
+    d: "M38.7 9c-4.9 1.3-11.3 4.5-16 8.3l-3.8 3-4.4-4.3c-2.4-2.3-4.8-3.9-5.4-3.6-1.6 1-1.5 20.8.1 22.4s21.4 1.7 22.4.1c.3-.6-1.1-2.8-3.1-4.9l-3.8-3.9 2.4-2.1c1.3-1.2 4.9-3.3 7.9-4.8 4.6-2.3 6.8-2.7 13.5-2.6 9.5 0 15.7 2.5 22 8.9C77 32 79.4 38 79.4 48c.1 7.8-.2 9-3.3 14.8-5.3 9.8-14.4 15.8-25.6 16.9-15 1.4-28.5-7.9-33-22.8-2.2-7.3-2.9-8.3-5.3-8.7-7.9-1.2-1.9 19.3 8.5 28.9 2.4 2.2 7.4 5.5 11.1 7.2 6.1 2.9 7.6 3.2 16.2 3.2s10.1-.3 16.2-3.2c9.3-4.4 15.1-10 19.6-19.1 3.4-7.1 3.7-8.2 3.7-16.6 0-6.5-.5-10.6-1.9-14.3C81.8 24 72.3 14.4 62.3 10.6 56.7 8.5 44.1 7.7 38.7 9"
   })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    d: "M45.2 25.2C44.4 26 44 30.3 44 38v11.6l5.8 5.7c5.8 5.8 7.8 6.7 10 4.5 2.1-2.1 1.3-4.3-3.3-8.8L52 46.6V36.5c0-10.3-.7-12.5-4-12.5-.9 0-2.1.5-2.8 1.2z"
+    d: "M45.2 25.2C44.4 26 44 30.3 44 38v11.6l5.8 5.7c5.8 5.8 7.8 6.7 10 4.5 2.1-2.1 1.3-4.3-3.3-8.8L52 46.6V36.5c0-10.3-.7-12.5-4-12.5-.9 0-2.1.5-2.8 1.2"
   })));
 };
 

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

@@ -9,10 +9,10 @@ var SvgHome = function SvgHome(props) {
     viewBox: "0 0 16 16"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6zm5-.793V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"
+    d: "m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293zm5-.793V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5"
   })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"
+    d: "M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708z"
   })));
 };
 

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

@@ -1,5 +1,7 @@
 var ICONS = {
     avatar: () => import('./avatar.svg.js'),
+    bookmark: () => import('./bookmark.svg.js'),
+    bookmarkAdd: () => import('./bookmarkAdd.svg.js'),
     brokenImage: () => import('./brokenImage.svg.js'),
     camera: () => import('./camera.svg.js'),
     check: () => import('./check.svg.js'),

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

@@ -8,7 +8,7 @@ var SvgInstagram = function SvgInstagram(props) {
     fill: "currentColor",
     viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"
+    d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849s-.012 3.584-.069 4.849c-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849s.013-3.583.07-4.849c.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069M12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12s.014 3.668.072 4.948c.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24s3.668-.014 4.948-.072c4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948s-.014-3.667-.072-4.947c-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0m0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324M12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8m6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgLink = function SvgLink(props) {
     fill: "currentColor",
     viewBox: "0 -960 960 960"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M440-280H280c-55.333 0-102.5-19.5-141.5-58.5S80-424.667 80-480s19.5-102.5 58.5-141.5S224.667-680 280-680h160v80H280c-33.333 0-61.667 11.667-85 35s-35 51.667-35 85 11.667 61.667 35 85 51.667 35 85 35h160ZM320-440s-41.828.748-42.241-39.255C277.345-519.257 320-520 320-520h320s39.746-2.553 40.18 38.19C680.615-441.066 640-440 640-440Zm200 160v-80h160c33.333 0 61.667-11.667 85-35s35-51.667 35-85-11.667-61.667-35-85-51.667-35-85-35H520v-80h160c55.333 0 102.5 19.5 141.5 58.5S880-535.333 880-480s-19.5 102.5-58.5 141.5S735.333-280 680-280z"
+    d: "M440-280H280q-83 0-141.5-58.5C80-397 80-424.667 80-480s19.5-102.5 58.5-141.5S224.667-680 280-680h160v80H280q-50 0-85 35c-35 35-35 51.667-35 85s11.667 61.667 35 85 51.667 35 85 35h160ZM320-440s-41.828.748-42.241-39.255C277.345-519.257 320-520 320-520h320s39.746-2.553 40.18 38.19C680.615-441.066 640-440 640-440Zm200 160v-80h160q50 0 85-35c35-35 35-51.667 35-85s-11.667-61.667-35-85-51.667-35-85-35H520v-80h160q83 0 141.5 58.5C880-563 880-535.333 880-480s-19.5 102.5-58.5 141.5S735.333-280 680-280z"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgMic = function SvgMic(props) {
     fill: "currentColor",
     viewBox: "0 0 48 48"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M24.05 28.785c-1.674 0-3.075-.601-4.203-1.805-1.13-1.203-1.693-2.664-1.693-4.383V7.944c0-1.621.572-3 1.718-4.135 1.146-1.135 2.537-1.703 4.174-1.703 1.637 0 3.03.568 4.178 1.703 1.148 1.135 1.722 2.514 1.722 4.135v14.653c0 1.72-.564 3.18-1.693 4.383-1.129 1.204-2.53 1.805-4.203 1.805zm-1.752 17.689v-7.94c-4.125-.428-7.589-2.16-10.39-5.195-2.803-3.036-4.204-8.68-4.204-10.742 0-2.063 3.503-1.77 3.503 0s1.25 6.519 3.753 8.932c2.502 2.413 5.528 3.62 9.077 3.62 3.55 0 6.58-1.207 9.09-3.62 2.51-2.413 3.766-7.161 3.766-8.932 0-1.77 3.503-2.063 3.503 0s-1.401 7.706-4.204 10.742c-2.802 3.035-6.265 4.767-10.39 5.195v7.94z"
+    d: "M24.05 28.785q-2.511 0-4.203-1.805-1.694-1.805-1.693-4.383V7.944q0-2.432 1.718-4.135 1.719-1.703 4.174-1.703t4.178 1.703q1.722 1.703 1.722 4.135v14.653q0 2.58-1.693 4.383-1.694 1.806-4.203 1.805m-1.752 17.689v-7.94q-6.188-.642-10.39-5.195c-2.803-3.036-4.204-8.68-4.204-10.742s3.503-1.77 3.503 0 1.25 6.519 3.753 8.932q3.753 3.62 9.077 3.62 5.325 0 9.09-3.62c2.51-2.413 3.766-7.161 3.766-8.932 0-1.77 3.503-2.063 3.503 0s-1.401 7.706-4.204 10.742q-4.203 4.553-10.39 5.195v7.94z"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgMoreHorizontal = function SvgMoreHorizontal(props) {
     fill: "currentColor",
     viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M16 12.005a2.006 2.006 0 0 0 1.998 2.002A2.006 2.006 0 0 0 20 12.009a2.006 2.006 0 0 0-1.998-2.002A2.006 2.006 0 0 0 16 12.005zm-2-.003A2.006 2.006 0 0 0 12.002 10 2.006 2.006 0 0 0 10 11.998 2.006 2.006 0 0 0 11.998 14 2.006 2.006 0 0 0 14 12.002zm-6-.007a2.006 2.006 0 0 0-1.998-2.002A2.006 2.006 0 0 0 4 11.991a2.006 2.006 0 0 0 1.998 2.002A2.006 2.006 0 0 0 8 11.995z"
+    d: "M16 12.005a2.006 2.006 0 0 0 1.998 2.002A2.006 2.006 0 0 0 20 12.009a2.006 2.006 0 0 0-1.998-2.002A2.006 2.006 0 0 0 16 12.005m-2-.003A2.006 2.006 0 0 0 12.002 10 2.006 2.006 0 0 0 10 11.998 2.006 2.006 0 0 0 11.998 14 2.006 2.006 0 0 0 14 12.002m-6-.007a2.006 2.006 0 0 0-1.998-2.002A2.006 2.006 0 0 0 4 11.991a2.006 2.006 0 0 0 1.998 2.002A2.006 2.006 0 0 0 8 11.995"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgMoreVertical = function SvgMoreVertical(props) {
     fill: "currentColor",
     viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+    d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
   })));
 };
 

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

@@ -5,10 +5,10 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 var SvgOutput = function SvgOutput(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 -960 960 960",
-    fill: "currentCOlor"
+    fill: "currentCOlor",
+    viewBox: "0 -960 960 960"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v80h-80v-80H200v560h560v-80h80v80q0 33-23.5 56.5T760-120H200Zm480-160-56-56 103-104H360v-80h367L624-624l56-56 200 200-200 200Z"
+    d: "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v80h-80v-80H200v560h560v-80h80v80q0 33-23.5 56.5T760-120zm480-160-56-56 103-104H360v-80h367L624-624l56-56 200 200z"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgPause = function SvgPause(props) {
     fill: "currentColor",
     viewBox: "0 -960 960 960"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M548.284-265.997c-28.284-65.996-28.284-362.01 0-428.006 28.285-65.997 155.147-65.997 183.432 0 28.284 65.996 28.284 362.01 0 428.006-28.285 65.997-155.147 65.997-183.432 0Zm-320 0c-28.284-65.996-28.284-362.01 0-428.006 28.285-65.997 155.147-65.997 183.432 0 28.284 65.996 28.284 362.01 0 428.006-28.285 65.997-155.147 65.997-183.432 0Zm381.144-61.143c9.428 47.14 51.716 47.14 61.144 0 9.428-47.14 9.428-258.58 0-305.72-9.428-47.14-51.716-47.14-61.144 0-9.428 47.14-9.428 258.58 0 305.72zm-320 0c9.428 47.14 51.716 47.14 61.144 0 9.428-47.14 9.428-258.58 0-305.72-9.428-47.14-51.716-47.14-61.144 0-9.428 47.14-9.428 258.58 0 305.72zM280-680v400zm320 0v400z"
+    d: "M548.284-265.997c-15.57-64.407-23.517-349.295 0-428.006s161.505-69.175 183.432 0 20.338 358.83 0 428.006-167.862 64.407-183.432 0m-320 0c-18.749-64.407-18.749-360.42 0-428.006s164.683-69.175 183.432 0 20.338 366.777 0 428.006-164.683 64.407-183.432 0"
   })));
 };
 

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

@@ -9,7 +9,7 @@ var SvgPlay = function SvgPlay(props) {
     fill: "currentColor",
     viewBox: "0 -960 18.857 24"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M3.272-938.918c-1.512-.963-1.512-17.263 0-18.226 1.513-.962 13.966 6.963 14.035 9.07.07 2.106-12.522 10.118-14.035 9.156zm2.638-4.75c.72.46 6.665-3.333 6.665-4.363 0-1.03-5.944-4.823-6.665-4.363-.72.46-.72 8.266 0 8.726z",
+    d: "M3.272-938.918c-1.512-.963-1.512-17.263 0-18.226s13.966 6.963 14.035 9.07c.07 2.106-12.522 10.118-14.035 9.156",
     style: {
       display: "inline",
       strokeWidth: 0.999999

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

@@ -8,7 +8,7 @@ var SvgRedo = function SvgRedo(props) {
     fill: "currentColor",
     viewBox: "0 96 960 960"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M365.235 957.243q-123.893 0-213.227-83.465T62.674 667.723q0-122.59 89.334-206.055t213.227-83.465h383.419L599.98 229.531l54.774-54.774 242.571 242.57-242.57 242.571-54.775-54.774 148.673-148.672H363.93q-91.29 0-157.15 60.643-65.859 60.642-65.859 150.628 0 89.986 65.86 150.63 65.859 60.642 157.15 60.642h376.897v78.248z"
+    d: "M365.235 957.243q-123.893 0-213.227-83.465T62.674 667.723t89.334-206.055 213.227-83.465h383.419L599.98 229.531l54.774-54.774 242.571 242.57-242.57 242.571-54.775-54.774 148.673-148.672H363.93q-91.29 0-157.15 60.643-65.859 60.642-65.859 150.628t65.86 150.63q65.859 60.642 157.15 60.642h376.897v78.248z"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgRequiredStar = function SvgRequiredStar(props) {
     viewBox: "0 0 8 8"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M3.296.749C3.283.548 3.277.447 3.3.366a.5.5 0 0 1 .318-.338C3.697 0 3.798 0 3.999 0s.302 0 .382.028a.5.5 0 0 1 .318.338c.023.081.016.182.004.383l-.019.299c-.053.85-.08 1.276.175 1.433l.026.015c.264.142.619-.094 1.329-.565l.25-.166c.168-.111.252-.167.333-.188a.5.5 0 0 1 .452.106c.063.055.114.143.214.317.101.174.151.262.167.344a.499.499 0 0 1-.134.444c-.059.06-.149.105-.33.195l-.268.134c-.763.379-1.145.568-1.154.868v.03c.009.299.391.489 1.154.868l.269.133c.18.09.271.134.33.195a.502.502 0 0 1 .133.445c-.016.082-.066.17-.167.344-.1.174-.151.262-.215.317a.499.499 0 0 1-.451.106c-.082-.021-.166-.077-.334-.188l-.25-.166c-.71-.471-1.065-.707-1.329-.565a.6.6 0 0 0-.026.015c-.254.157-.227.583-.174 1.433l.019.299c.013.201.019.301-.004.383a.498.498 0 0 1-.318.338C4.301 8 4.201 8 3.999 8s-.302 0-.382-.028a.497.497 0 0 1-.317-.338c-.023-.081-.017-.182-.004-.383l.019-.299c.053-.85.08-1.276-.175-1.433l-.026-.015c-.264-.142-.619.094-1.329.565l-.25.166c-.168.111-.252.167-.333.188a.5.5 0 0 1-.452-.106C.686 6.262.636 6.174.535 6s-.151-.262-.167-.344a.5.5 0 0 1 .134-.445c.059-.06.149-.105.33-.195l.268-.133c.763-.379 1.145-.569 1.154-.868v-.03c-.009-.3-.391-.489-1.154-.868l-.268-.134c-.18-.09-.271-.134-.33-.195a.499.499 0 0 1-.134-.444c.016-.082.066-.17.167-.344s.151-.262.215-.317a.5.5 0 0 1 .452-.106c.082.021.166.077.333.188l.25.166c.71.471 1.065.707 1.329.565a.6.6 0 0 0 .026-.015c.255-.158.228-.583.175-1.433z"
+    d: "M3.296.749C3.283.548 3.277.447 3.3.366a.5.5 0 0 1 .318-.338C3.697 0 3.798 0 3.999 0s.302 0 .382.028a.5.5 0 0 1 .318.338c.023.081.016.182.004.383l-.019.299c-.053.85-.08 1.276.175 1.433l.026.015c.264.142.619-.094 1.329-.565l.25-.166c.168-.111.252-.167.333-.188a.5.5 0 0 1 .452.106c.063.055.114.143.214.317.101.174.151.262.167.344a.5.5 0 0 1-.134.444c-.059.06-.149.105-.33.195l-.268.134c-.763.379-1.145.568-1.154.868v.03c.009.299.391.489 1.154.868l.269.133c.18.09.271.134.33.195a.5.5 0 0 1 .133.445c-.016.082-.066.17-.167.344-.1.174-.151.262-.215.317a.5.5 0 0 1-.451.106c-.082-.021-.166-.077-.334-.188l-.25-.166c-.71-.471-1.065-.707-1.329-.565l-.026.015c-.254.157-.227.583-.174 1.433l.019.299c.013.201.019.301-.004.383a.5.5 0 0 1-.318.338C4.301 8 4.201 8 3.999 8s-.302 0-.382-.028a.5.5 0 0 1-.317-.338c-.023-.081-.017-.182-.004-.383l.019-.299c.053-.85.08-1.276-.175-1.433l-.026-.015c-.264-.142-.619.094-1.329.565l-.25.166c-.168.111-.252.167-.333.188a.5.5 0 0 1-.452-.106C.686 6.262.636 6.174.535 6s-.151-.262-.167-.344a.5.5 0 0 1 .134-.445c.059-.06.149-.105.33-.195l.268-.133c.763-.379 1.145-.569 1.154-.868v-.03c-.009-.3-.391-.489-1.154-.868l-.268-.134c-.18-.09-.271-.134-.33-.195a.5.5 0 0 1-.134-.444c.016-.082.066-.17.167-.344s.151-.262.215-.317a.5.5 0 0 1 .452-.106c.082.021.166.077.333.188l.25.166c.71.471 1.065.707 1.329.565l.026-.015c.255-.158.228-.583.175-1.433z"
   })));
 };
 

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

@@ -1,15 +1,17 @@
 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 SvgRewind = function SvgRewind(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
     viewBox: "0 -960 960 960"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M800.14-295.794C770.28-279.814 536.564-435.624 536.564-480c0-44.376 233.716-200.187 263.576-184.206 29.86 15.98 29.86 352.431 0 368.412zm-400 0C370.28-279.814 136.564-435.624 136.564-480c0-44.376 233.716-200.187 263.576-184.206 29.86 15.98 29.86 352.431 0 368.412zm-61.426-115.208c11.286-6.065 11.286-131.931 0-137.996-11.286-6.065-99.696 52.442-99.696 68.998 0 16.556 88.41 75.063 99.696 68.998zm400 0c11.286-6.065 11.286-131.931 0-137.996-11.286-6.065-99.696 52.442-99.696 68.998 0 16.556 88.41 75.063 99.696 68.998z"
-  })));
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M876.752-251.774C839.757-231.975 550.19-425.019 550.19-480s289.568-248.026 326.563-228.226c36.996 19.799 36.996 436.652 0 456.452m-495.589 0C344.168-231.975 54.6-425.019 54.6-480s289.568-248.026 326.563-228.226c36.996 19.799 36.996 436.652 0 456.452",
+    style: {
+      strokeWidth: 1.23897
+    }
+  }));
 };
 
 export { SvgRewind as default };

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

@@ -7,7 +7,7 @@ var SvgRoute = function SvgRoute(props) {
     fill: "currentColor",
     viewBox: "0 0 24 24"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M8.13 23.706q-2.144 0-3.67-1.526-1.528-1.526-1.528-3.67V7.895q-1.137-.422-1.867-1.412-.731-.99-.731-2.257 0-1.623 1.137-2.76T4.23.33t2.762 1.136 1.137 2.76q0 1.266-.731 2.257-.731.99-1.868 1.412V18.51q0 1.071.763 1.834.764.763 1.836.763t1.835-.763q.763-.763.763-1.834V5.524q0-2.143 1.527-3.669t3.67-1.526q2.145 0 3.672 1.526 1.526 1.526 1.526 3.669V16.14q1.137.422 1.868 1.412t.731 2.257q0 1.623-1.137 2.76t-2.761 1.136-2.761-1.137-1.137-2.76q0-1.266.73-2.272.732-1.007 1.869-1.396V5.524q0-1.072-.764-1.835-.763-.763-1.835-.763t-1.835.763q-.764.763-.764 1.835V18.51q0 2.143-1.527 3.669t-3.67 1.526M4.232 5.524q.552 0 .926-.374.373-.373.373-.925T5.158 3.3t-.926-.374-.926.374-.374.925.374.925.926.374m15.592 15.584q.552 0 .926-.373.373-.374.373-.925 0-.552-.373-.926-.374-.373-.926-.373t-.926.373-.373.926.373.925.926.373m0-1.298",
+    d: "M8.13 23.706q-2.144 0-3.67-1.526-1.528-1.526-1.528-3.67V7.895q-1.137-.422-1.867-1.412-.731-.99-.731-2.257 0-1.623 1.137-2.76T4.23.33t2.762 1.136 1.137 2.76q0 1.266-.731 2.257-.731.99-1.868 1.412V18.51q0 1.071.763 1.834.764.763 1.836.763t1.835-.763.763-1.834V5.524q0-2.143 1.527-3.669t3.67-1.526q2.145 0 3.672 1.526 1.526 1.526 1.526 3.669V16.14q1.137.422 1.868 1.412t.731 2.257q0 1.623-1.137 2.76t-2.761 1.136-2.761-1.137-1.137-2.76q0-1.266.73-2.272.732-1.007 1.869-1.396V5.524q0-1.072-.764-1.835-.763-.763-1.835-.763t-1.835.763-.764 1.835V18.51q0 2.143-1.527 3.669t-3.67 1.526M4.232 5.524q.552 0 .926-.374.373-.373.373-.925T5.158 3.3t-.926-.374-.926.374-.374.925.374.925.926.374m15.592 15.584q.552 0 .926-.373.373-.374.373-.925 0-.552-.373-.926-.374-.373-.926-.373t-.926.373-.373.926.373.925.926.373m0-1.298",
     style: {
       strokeWidth: 0.0324755
     }

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

@@ -8,7 +8,7 @@ var SvgSave = function SvgSave(props) {
     fill: "currentColor",
     viewBox: "0 0 100 100"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M4.663 6.288C2.485 8.365 2.37 9.895 2.37 50c0 40.105.114 41.635 2.292 43.712 2.177 2.076 3.781 2.185 45.837 2.185 42.056 0 43.66-.11 45.837-2.185 2.178-2.077 2.292-3.607 2.292-36.39V23.227L88.545 13.61l-9.97-9.507H42.708c-34.264 0-35.868.11-38.045 2.185zM75.71 22.462c0 9.398-.459 14.425-1.376 15.299-1.948 1.858-50.306 1.858-52.254 0-.917-.874-1.375-5.901-1.375-15.3V8.475H75.71zm3.208 33.22c.917.875 1.375 6.557 1.375 18.578v17.266H20.706V74.26c0-12.02.458-17.703 1.375-18.578 1.948-1.857 54.89-1.857 56.838 0zM13.83 87.155c0 1.42-.802 2.185-2.292 2.185-1.49 0-2.292-.765-2.292-2.185s.802-2.186 2.292-2.186c1.49 0 2.292.765 2.292 2.186zm77.924 0c0 1.42-.802 2.185-2.292 2.185-1.49 0-2.292-.765-2.292-2.185s.802-2.186 2.292-2.186c1.49 0 2.292.765 2.292 2.186z"
+    d: "M4.663 6.288C2.485 8.365 2.37 9.895 2.37 50s.114 41.635 2.292 43.712c2.177 2.076 3.781 2.185 45.837 2.185s43.66-.11 45.837-2.185c2.178-2.077 2.292-3.607 2.292-36.39V23.227L88.545 13.61l-9.97-9.507H42.708c-34.264 0-35.868.11-38.045 2.185M75.71 22.462c0 9.398-.459 14.425-1.376 15.299-1.948 1.858-50.306 1.858-52.254 0-.917-.874-1.375-5.901-1.375-15.3V8.475H75.71zm3.208 33.22c.917.875 1.375 6.557 1.375 18.578v17.266H20.706V74.26c0-12.02.458-17.703 1.375-18.578 1.948-1.857 54.89-1.857 56.838 0zM13.83 87.155c0 1.42-.802 2.185-2.292 2.185s-2.292-.765-2.292-2.185.802-2.186 2.292-2.186 2.292.765 2.292 2.186m77.924 0c0 1.42-.802 2.185-2.292 2.185s-2.292-.765-2.292-2.185.802-2.186 2.292-2.186 2.292.765 2.292 2.186"
   })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
     d: "M57.376 23.773v8.742h9.167V15.031h-9.167z"
   })));

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

@@ -3,13 +3,13 @@ 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 SvgSearch = function SvgSearch(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
-    viewBox: "0 -960 24 24"
+    viewBox: "0 -960 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "m21.91-936.235-8.225-8.225q-.98.783-2.252 1.24-1.273.457-2.71.457-3.557 0-6.02-2.464-2.465-2.464-2.465-6.021t2.464-6.022 6.022-2.464q3.557 0 6.021 2.464t2.465 6.022q0 1.436-.457 2.708t-1.24 2.252l8.224 8.225zm-13.186-9.139q2.448 0 4.161-1.713 1.714-1.714 1.714-4.161 0-2.448-1.714-4.162t-4.161-1.713-4.162 1.713-1.713 4.162 1.713 4.16 4.162 1.714",
+    d: "M21.436-936.722c-2.375-.524-6.786-6.206-6.786-6.206-.699.566-1.445.843-2.352 1.173a8.413 8.413 0 0 1-2.898.495c-2.535 0-4.681-.89-6.437-2.67-1.757-1.779-2.636-3.953-2.636-6.522 0-2.569.878-4.743 2.635-6.524 1.757-1.78 3.903-2.67 6.44-2.669 2.535 0 4.681.89 6.438 2.67 1.757 1.779 2.635 3.953 2.636 6.523a8.712 8.712 0 0 1-.489 2.934c-.325.918-.597 1.618-1.155 2.326 0 0 5.96 4.165 6.557 6.49.598 2.324.421 2.504-1.953 1.98zM9.402-944.39c1.745 0 3.25-.489 4.472-1.726 1.222-1.238 1.508-2.569 1.508-4.336 0-1.768-.61-2.97-1.832-4.207-1.222-1.238-2.404-1.857-4.148-1.856-1.745 0-2.927.62-4.15 1.856-1.222 1.236-1.833 2.438-1.831 4.207.001 1.77.612 2.97 1.831 4.205 1.22 1.235 2.402 1.854 4.15 1.857",
     style: {
-      strokeWidth: 1
+      strokeWidth: 1.07631
     }
   }));
 };

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

@@ -18,7 +18,7 @@ var SvgSettings = function SvgSettings(props) {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     strokeWidth: 1.25,
-    d: "M13.96 16.755a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0z",
+    d: "M13.96 16.755a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0",
     clipRule: "evenodd"
   })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
     stroke: "currentColor",
@@ -31,7 +31,7 @@ var SvgSettings = function SvgSettings(props) {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     strokeWidth: 1.25,
-    d: "M8.96 10a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0z",
+    d: "M8.96 10a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0",
     clipRule: "evenodd"
   })), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
     stroke: "currentColor",
@@ -44,7 +44,7 @@ var SvgSettings = function SvgSettings(props) {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     strokeWidth: 1.25,
-    d: "M16.46 3.255a1.875 1.875 0 1 0-3.75 0 1.875 1.875 0 0 0 3.75 0z",
+    d: "M16.46 3.255a1.875 1.875 0 1 0-3.75 0 1.875 1.875 0 0 0 3.75 0",
     clipRule: "evenodd"
   })));
 };

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

@@ -8,9 +8,9 @@ var SvgShoppingBag = function SvgShoppingBag(props) {
     fill: "currentColor",
     viewBox: "0 0 512 512"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M109.378 8.35c-45.305 8.237-80.035 43.301-87.16 87.938-.556 3.673-3.561 73.801-6.678 155.84-6.122 162.074-6.122 159.736-.445 177.88 5.454 17.143 13.691 30.723 26.493 43.636 13.357 13.469 30.5 23.376 49.646 28.608l9.462 2.56h156.396c149.495 0 156.73-.112 164.078-2.115 19.48-5.232 35.843-14.916 49.757-29.276 18.144-18.7 28.274-39.85 30.5-63.338.89-9.128-10.13-304.11-11.688-314.018-6.122-38.292-33.617-70.796-70.684-83.485-17.588-6.011-15.362-5.9-164.078-5.789-107.752.112-139.365.446-145.599 1.559zm298.545 37.179c10.241 3.45 14.248 5.454 22.486 11.799 13.914 10.352 23.487 27.495 25.936 46.307 1.224 9.35 11.131 269.715 11.131 290.976 0 13.135-2.003 22.262-7.124 33.171-7.346 15.807-19.034 28.051-33.728 35.287-13.914 6.901-8.015 6.679-169.31 6.679-158.733 0-154.392.111-167.973-5.677-21.928-9.35-38.737-30.834-42.522-54.433-1.67-10.352 9.128-301.996 11.577-312.57 5.01-21.484 21.15-40.52 41.632-49.09 13.469-5.677 9.795-5.566 159.847-5.343l140.256.222z"
+    d: "M109.378 8.35c-45.305 8.237-80.035 43.301-87.16 87.938-.556 3.673-3.561 73.801-6.678 155.84-6.122 162.074-6.122 159.736-.445 177.88 5.454 17.143 13.691 30.723 26.493 43.636 13.357 13.469 30.5 23.376 49.646 28.608l9.462 2.56h156.396c149.495 0 156.73-.112 164.078-2.115 19.48-5.232 35.843-14.916 49.757-29.276 18.144-18.7 28.274-39.85 30.5-63.338.89-9.128-10.13-304.11-11.688-314.018-6.122-38.292-33.617-70.796-70.684-83.485-17.588-6.011-15.362-5.9-164.078-5.789-107.752.112-139.365.446-145.599 1.559m298.545 37.179c10.241 3.45 14.248 5.454 22.486 11.799 13.914 10.352 23.487 27.495 25.936 46.307 1.224 9.35 11.131 269.715 11.131 290.976 0 13.135-2.003 22.262-7.124 33.171-7.346 15.807-19.034 28.051-33.728 35.287-13.914 6.901-8.015 6.679-169.31 6.679-158.733 0-154.392.111-167.973-5.677-21.928-9.35-38.737-30.834-42.522-54.433-1.67-10.352 9.128-301.996 11.577-312.57 5.01-21.484 21.15-40.52 41.632-49.09 13.469-5.677 9.795-5.566 159.847-5.343l140.256.222z"
   })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    d: "M140.435 80.147c-8.905 4.008-10.909 13.915-7.458 35.621 8.682 53.431 49.535 94.283 102.966 102.966 25.045 4.007 54.098-.334 75.916-11.243 35.843-17.922 61.112-52.874 67.122-92.502 3.34-21.818 1.336-30.834-7.458-34.842-6.01-2.782-11.354-2.782-17.365 0-6.233 2.783-8.682 8.238-9.573 21.707-2.56 38.18-27.717 69.237-64.896 79.812-11.465 3.34-34.841 3.562-45.973.445-38.07-10.463-63.783-41.631-66.343-80.257-.89-13.47-3.34-18.924-9.573-21.707-6.011-2.782-11.354-2.782-17.365 0z"
+    d: "M140.435 80.147c-8.905 4.008-10.909 13.915-7.458 35.621 8.682 53.431 49.535 94.283 102.966 102.966 25.045 4.007 54.098-.334 75.916-11.243 35.843-17.922 61.112-52.874 67.122-92.502 3.34-21.818 1.336-30.834-7.458-34.842-6.01-2.782-11.354-2.782-17.365 0-6.233 2.783-8.682 8.238-9.573 21.707-2.56 38.18-27.717 69.237-64.896 79.812-11.465 3.34-34.841 3.562-45.973.445-38.07-10.463-63.783-41.631-66.343-80.257-.89-13.47-3.34-18.924-9.573-21.707-6.011-2.782-11.354-2.782-17.365 0"
   })));
 };
 

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

@@ -6,8 +6,8 @@ var SvgSparks = function SvgSparks(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     xmlSpace: "preserve",
-    viewBox: "0 0 256 256",
-    fill: "currentColor"
+    fill: "currentColor",
+    viewBox: "0 0 256 256"
   }, props), /*#__PURE__*/React.createElement("path", {
     d: "M243.1 164.577c-1.058-4.845-2.571-6.106-18.685-15.239-8.306-4.685-16.531-9.763-18.437-11.103-10.337-7.414-18.618-19.582-22.342-32.73-.698-2.593-2.235-12.437-3.33-21.782-1.067-9.475-2.425-18.193-2.866-19.372-1.998-4.9-7.221-8.005-12.04-7.079-5.654 1.028-6.417 2.098-16.286 19.152-9.08 15.853-13.155 21.832-18.326 26.498-6.876 6.362-18.803 12.786-27.601 14.536-1.99.412-11.388 1.768-20.733 2.862-18.272 2.137-20.891 2.966-23.442 6.804-2.735 4.072-2.208 10.851 1.21 14.133.886.998 9.007 5.918 18.017 11.155 17.524 10.237 21.543 13.233 27.746 20.894 1.85 2.283 4.558 6.374 5.832 8.811 4.42 8.388 5.814 14.254 8.363 34.515 1.426 11.728 2.682 19.608 3.385 20.84 3.173 5.82 12.22 7.524 17.311 3.25.97-.756 5.443-8.015 10.102-16.19 4.658-8.175 9.789-16.662 11.444-18.776 7.544-10.31 19.137-18.436 31.578-22.032 2.305-.62 12.436-2.235 22.33-3.353 9.922-1.25 19.059-2.658 20.369-3.073 2.83-1.194 5.93-5.056 6.542-8.063.343-1.02.22-3.087-.142-4.658",
     style: {

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

@@ -8,7 +8,7 @@ var SvgTable = function SvgTable(props) {
     fill: "currentColor",
     viewBox: "0 -960 960 960"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M360-240h440v-107H360v107ZM160-613h120v-107H160v107Zm0 187h120v-107H160v107Zm0 186h120v-107H160v107Zm200-186h440v-107H360v107Zm0-187h440v-107H360v107ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Z"
+    d: "M360-240h440v-107H360zM160-613h120v-107H160zm0 187h120v-107H160zm0 186h120v-107H160zm200-186h440v-107H360zm0-187h440v-107H360zM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160z"
   })));
 };
 

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

@@ -12,7 +12,7 @@ var SvgTelegram = function SvgTelegram(props) {
     clipRule: "evenodd",
     viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M18.384 21.78a1.19 1.19 0 0 0 1.107.144 1.16 1.16 0 0 0 .724-.84c.87-4.084 2.977-14.42 3.768-18.136a.78.78 0 0 0-.26-.758.8.8 0 0 0-.797-.14C18.733 3.602 5.82 8.447.542 10.4a.827.827 0 0 0-.542.8c.012.353.25.66.593.763 2.367.708 5.474 1.693 5.474 1.693s1.452 4.385 2.21 6.615c.094.28.313.5.602.576a.866.866 0 0 0 .811-.207l3.096-2.923s3.572 2.62 5.598 4.062zm-11.01-8.678 1.68 5.538.372-3.507 10.185-9.186a.277.277 0 0 0 .033-.377.284.284 0 0 0-.376-.064z"
+    d: "M18.384 21.78a1.19 1.19 0 0 0 1.107.144 1.16 1.16 0 0 0 .724-.84c.87-4.084 2.977-14.42 3.768-18.136a.78.78 0 0 0-.26-.758.8.8 0 0 0-.797-.14C18.733 3.602 5.82 8.447.542 10.4a.83.83 0 0 0-.542.8c.012.353.25.66.593.763 2.367.708 5.474 1.693 5.474 1.693s1.452 4.385 2.21 6.615c.094.28.313.5.602.576a.87.87 0 0 0 .811-.207l3.096-2.923s3.572 2.62 5.598 4.062zm-11.01-8.678 1.68 5.538.372-3.507 10.185-9.186a.277.277 0 0 0 .033-.377.284.284 0 0 0-.376-.064z"
   })));
 };
 

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

@@ -8,7 +8,7 @@ var SvgUndo = function SvgUndo(props) {
     fill: "currentColor",
     viewBox: "0 96 48 48"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M10.79 139.824v-4.025h19.385q4.695 0 8.083-3.119 3.387-3.119 3.387-7.747t-3.387-7.747q-3.388-3.12-8.083-3.12H10.388l7.647 7.647-2.818 2.818-12.476-12.476 12.476-12.476 2.818 2.817-7.647 7.646h19.72q6.372 0 10.967 4.293 4.594 4.293 4.594 10.598 0 6.305-4.594 10.598-4.595 4.293-10.967 4.293z"
+    d: "M10.79 139.824v-4.025h19.385q4.695 0 8.083-3.119t3.387-7.747-3.387-7.747q-3.388-3.12-8.083-3.12H10.388l7.647 7.647-2.818 2.818-12.476-12.476 12.476-12.476 2.818 2.817-7.647 7.646h19.72q6.372 0 10.967 4.293 4.594 4.293 4.594 10.598t-4.594 10.598-10.967 4.293z"
   })));
 };
 

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

@@ -12,9 +12,9 @@ import { Scroll } from '../Scroll/Scroll.js';
 import { capitalize } from '../../tools/string.js';
 import { generateUID } from '../../tools/uid.js';
 import S from './Input.styl.js';
-import debounce from '../../tools/debounce.js';
 import '../Autocomplete/Autocomplete.styl.js';
 import '../Shimmer/Shimmer.styl.js';
+import debounce from '../../tools/debounce.js';
 import '../ButtonGroup/ButtonGroup.styl.js';
 import '../Calendar/Calendar.styl.js';
 import '../../tools/dom.js';

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

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import cn from 'classnames';
 import S from './Shimmer.styl.js';
+import cn from 'classnames';
 
 const Shimmer = ({ className, size = 'm' }) => (jsx("div", { className: cn(S.root, className, S[`size-${size}`]), children: jsx("div", { className: S.inner }) }));
 
-export { Shimmer as default };
+export { Shimmer };

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

@@ -1,5 +1,7 @@
 declare const _default: {
     avatar: () => Promise<any>;
+    bookmark: () => Promise<any>;
+    bookmarkAdd: () => Promise<any>;
     brokenImage: () => Promise<any>;
     camera: () => Promise<any>;
     check: () => Promise<any>;

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

@@ -1,7 +1,6 @@
 import { Size } from 'uilib/types';
-type ShimmerProps = {
+export type ShimmerProps = {
     className?: string;
     size?: Size;
 };
-declare const Shimmer: ({ className, size }: ShimmerProps) => JSX.Element;
-export default Shimmer;
+export declare const Shimmer: ({ className, size }: ShimmerProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.19.4",
+  "version": "4.19.6",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",