@cube-dev/ui-kit 0.59.13 → 0.60.0

package/es/icons/ExclamationCircleIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconExclamationCircle } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const ExclamationCircleIcon = wrapIcon('ExclamationCircleIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 14.7A6.7 6.7 0 1 0 8 1.3a6.7 6.7 0 0 0 0 13.4M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.65-7.465V3.992h-1.3v4.543zm.4 2.45a1.05 1.05 0 1 1-2.1 0 1.05 1.05 0 0 1 2.1 0", clipRule: "evenodd" }) }));
+export const ExclamationCircleIcon = wrapIcon('ExclamationCircleIcon', _jsx(IconExclamationCircle, {}));
 
         

package/es/icons/ExclamationIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconExclamationMark } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const ExclamationIcon = wrapIcon('ExclamationIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", d: "m7.424 10.079-.27-8.071h1.674l-.252 8.071zM8 14.039a1.12 1.12 0 0 1-1.134-1.134c0-.666.522-1.134 1.134-1.134.63 0 1.134.468 1.134 1.134S8.63 14.039 8 14.039" }) }));
+export const ExclamationIcon = wrapIcon('ExclamationIcon', _jsx(IconExclamationMark, {}));
 
         

package/es/icons/EyeIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconEye } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const EyeIcon = wrapIcon('EyeIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 2.8c1.579 0 2.839.474 3.887 1.324Q13.47 5.408 14.593 8q-1.122 2.593-2.706 3.876C10.839 12.726 9.579 13.2 8 13.2s-2.839-.474-3.887-1.324Q2.53 10.592 1.407 8 2.53 5.407 4.113 4.124C5.161 3.274 6.421 2.8 8 2.8m7.818 5.642c.12-.282.12-.602 0-.884C14.205 3.785 11.736 1.5 8 1.5S1.795 3.785.182 7.558c-.12.282-.12.602 0 .884C1.795 12.215 4.264 14.5 8 14.5s6.205-2.285 7.818-6.058M9.95 8a1.95 1.95 0 1 1-3.9 0 1.95 1.95 0 0 1 3.9 0m1.3 0a3.25 3.25 0 1 1-6.5 0 3.25 3.25 0 0 1 6.5 0", clipRule: "evenodd" }) }));
+export const EyeIcon = wrapIcon('EyeIcon', _jsx(IconEye, {}));
 
         

package/es/icons/EyeInvisibleIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconEyeOff } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const EyeInvisibleIcon = wrapIcon('EyeInvisibleIcon', _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: [_jsx("g", { clipPath: "url(#a)", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.04 1.96a.65.65 0 1 0-.92-.92l-1.789 1.79C11.121 1.967 9.691 1.5 8 1.5 4.264 1.5 1.795 3.785.182 7.558c-.12.282-.12.602 0 .884.69 1.615 1.537 2.957 2.573 3.964L.87 14.29a.65.65 0 1 0 .92.92zM3.674 11.486 5.321 9.84a3.25 3.25 0 0 1 4.52-4.52l1.555-1.556C10.45 3.142 9.34 2.8 8 2.8c-1.579 0-2.839.474-3.887 1.324Q2.53 5.408 1.407 8q.963 2.225 2.267 3.486m5.22-5.22a1.95 1.95 0 0 0-2.628 2.628zm2.324 1.275L7.54 11.218q.225.032.459.032a3.25 3.25 0 0 0 3.218-3.709M8 13.2a6.5 6.5 0 0 1-2.11-.332l-1 1.002c.923.412 1.956.63 3.11.63 3.736 0 6.205-2.285 7.818-6.058.12-.282.12-.602 0-.884-.479-1.12-1.032-2.108-1.672-2.945l-.929.929q.758 1.03 1.376 2.458-1.122 2.593-2.706 3.876C10.839 12.726 9.579 13.2 8 13.2", clipRule: "evenodd" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })] }));
+export const EyeInvisibleIcon = wrapIcon('EyeInvisibleIcon', _jsx(IconEyeOff, {}));
 
         

package/es/icons/FilterIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconFilter } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const FilterIcon = wrapIcon('FilterIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.25 2.7h9.5c.306 0 .53 0 .703.006-.079.153-.187.35-.336.618l-3.045 5.493-.017.03c-.038.07-.088.158-.134.257a.604.604 0 0 0-.068-.004H6.077a4.023 4.023 0 0 0-.132-.253l-.017-.03-3.045-5.493a26.772 26.772 0 0 1-.336-.618c.172-.005.396-.006.703-.006Zm3.032 7.6v2.58c0 .148 0 .264.002.364v.053l.054.001c.1.002.216.002.364.002h2.596c.148 0 .264 0 .364-.002h.053l.001-.054c.002-.1.002-.216.002-.364V10.3H6.282Zm7.885-6.395c.448-.808.672-1.212.626-1.542a1 1 0 0 0-.39-.663c-.267-.2-.73-.2-1.653-.2h-9.5c-.924 0-1.386 0-1.653.2a1 1 0 0 0-.39.663c-.046.33.178.734.626 1.542L4.88 9.4c.077.14.116.21.143.283a1 1 0 0 1 .048.186c.012.078.012.157.012.316v2.696c0 .579 0 .868.116 1.088a1 1 0 0 0 .416.416c.22.116.509.116 1.088.116h2.596c.579 0 .868 0 1.088-.116a1 1 0 0 0 .416-.416c.116-.22.116-.51.116-1.088v-2.696c0-.159 0-.238.012-.316a.995.995 0 0 1 .048-.186c.027-.074.066-.144.143-.283l3.046-5.494Z", clipRule: "evenodd" }) }));
+export const FilterIcon = wrapIcon('FilterIcon', _jsx(IconFilter, {}));
 
         

package/es/icons/FolderFilledIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconFolderFilled } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const FolderFilledIcon = wrapIcon('FolderFilledIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", d: "M1.386 3.041v9.918a1 1 0 0 0 1 1h11.27a1 1 0 0 0 1-1V5.23a1 1 0 0 0-1-1H8.16a1 1 0 0 1-.716-.302L5.9 2.344a1 1 0 0 0-.717-.303H2.386a1 1 0 0 0-1 1" }) }));
+export const FolderFilledIcon = wrapIcon('FolderFilledIcon', _jsx(IconFolderFilled, {}));
 
         

package/es/icons/FolderIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconFolder } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const FolderIcon = wrapIcon('FolderIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.286 3.251v9.498h11.429V5.343H7.98a1.25 1.25 0 0 1-.894-.376L5.41 3.25zm-1.3-.05c0-.69.56-1.25 1.25-1.25H5.43c.337 0 .659.136.894.376l1.677 1.716h5.762c.69 0 1.25.56 1.25 1.25V12.8c0 .69-.56 1.25-1.25 1.25H2.236c-.69 0-1.25-.56-1.25-1.25z", clipRule: "evenodd" }) }));
+export const FolderIcon = wrapIcon('FolderIcon', _jsx(IconFolder, {}));
 
         

package/es/icons/FolderOpenFilledIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 

package/es/icons/FolderOpenIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconFolderOpen } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const FolderOpenIcon = wrapIcon('FolderOpenIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M1.3 11.059V3.3h3.13l1.68 1.671c.233.233.55.364.88.364h5.225v1.693l-8.467-.026a1 1 0 0 0-.918.596zm.696 1.641h10.233l1.942-4.366L3.94 8.303zM1.25 14C.56 14 0 13.44 0 12.75v-9.5C0 2.56.56 2 1.25 2h3.2c.331 0 .648.13.882.364l1.68 1.671h5.253c.69 0 1.25.56 1.25 1.25v1.747l1.12.003a1 1 0 0 1 .91 1.406l-2.207 4.965a1 1 0 0 1-.914.594z", clipRule: "evenodd" }) }));
+export const FolderOpenIcon = wrapIcon('FolderOpenIcon', _jsx(IconFolderOpen, {}));
 
         

package/es/icons/ForwardIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconChevronsRight } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const ForwardIcon = wrapIcon('ForwardIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.371 2.304a.65.65 0 1 0-.92.92L7.229 8l-4.776 4.777a.65.65 0 1 0 .919.919L8.607 8.46a.65.65 0 0 0 0-.92zm4.941 0a.65.65 0 1 0-.92.92L12.17 8l-4.776 4.777a.65.65 0 1 0 .92.919l5.235-5.236a.65.65 0 0 0 0-.92z", clipRule: "evenodd" }) }));
+export const ForwardIcon = wrapIcon('ForwardIcon', _jsx(IconChevronsRight, {}));
 
         

package/es/icons/HierarchyIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 

package/es/icons/Icon.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
+import { forwardRef, memo } from 'react';
 import { BASE_STYLES, COLOR_STYLES, OUTER_STYLES, tasty, } from '../tasty';
 const IconElement = tasty({
     as: 'span',
@@ -16,21 +16,43 @@ const IconElement = tasty({
         verticalAlign: 'sub',
         width: '1em 1em',
         height: 'min 1em',
-        fontSize: 'var(--icon-size, var(--font-size))',
+        fontSize: '@icon-size',
+        transition: 'theme, width, height',
         textAlign: 'center',
         textTransform: 'none',
         textRendering: 'optimizeLegibility',
         '-webkit-font-smoothing': 'antialiased',
         '& svg': {
-            width: '1em 1em',
-            height: 'min 1em',
+            transition: 'all',
+        },
+        '& svg.tabler-icon': {
+            width: 'min 1em',
+            height: '1em 1em',
+            strokeWidth: '@stroke-width',
+        },
+        '& svg:not(.tabler-icon)': {
+            width: 'min (1em - 2px)',
+            height: '(1em - 2px) (1em - 2px)',
+            strokeWidth: '@stroke-width',
         },
     },
     styleProps: [...OUTER_STYLES, ...BASE_STYLES, ...COLOR_STYLES],
 });
-export const Icon = memo(function Icon(props) {
-    const { size, styles, ...rest } = props;
-    return (_jsx(IconElement, { qa: "Icon", ...rest, styles: size ? { fontSize: size, ...styles } : styles }));
-});
+export const Icon = memo(forwardRef(function Icon(props, ref) {
+    let { size, styles, stroke, ...rest } = props;
+    if (size) {
+        styles = {
+            ...styles,
+            fontSize: size,
+        };
+    }
+    if (stroke) {
+        styles = {
+            ...styles,
+            '@stroke-width': stroke,
+        };
+    }
+    return _jsx(IconElement, { ref: ref, qa: "Icon", ...rest, styles: styles });
+}));
 
         

package/es/icons/InfoCircleIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconInfoCircle } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const InfoCircleIcon = wrapIcon('InfoCircleIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 14.7A6.7 6.7 0 1 0 8 1.3a6.7 6.7 0 0 0 0 13.4M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m-.65-3.55V7.025h1.3v5.425zM8 5.891a1.1 1.1 0 1 0 0-2.2 1.1 1.1 0 0 0 0 2.2", clipRule: "evenodd" }) }));
+export const InfoCircleIcon = wrapIcon('InfoCircleIcon', _jsx(IconInfoCircle, {}));
 
         

package/es/icons/InfoIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconInfoSmall } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const InfoIcon = wrapIcon('InfoIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.1 2.985a1.1 1.1 0 1 1-2.2 0 1.1 1.1 0 0 1 2.2 0m-1.793 3.03v7.944h1.386V6.015z", clipRule: "evenodd" }) }));
+export const InfoIcon = wrapIcon('InfoIcon', _jsx(IconInfoSmall, {}));
 
         

package/es/icons/KeyIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconKey } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const KeyIcon = wrapIcon('KeyIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M11 2.2a2.8 2.8 0 1 0 0 5.6 2.8 2.8 0 0 0 0-5.6Zm-2.4 6a4 4 0 1 0-.841-.856l-5.532 5.53a.6.6 0 1 0 .849.85l.942-.944 1.166 1.166.424.424.849-.848-.425-.425-1.165-1.165.797-.797 1.187 1.187.425.425.848-.85-.424-.423-1.188-1.188L8.6 8.2Z", clipRule: "evenodd" }) }));
+export const KeyIcon = wrapIcon('KeyIcon', _jsx(IconKey, {}));
 
         

package/es/icons/LeftIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconChevronLeft } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const LeftIcon = wrapIcon('LeftIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.078 2.304a.65.65 0 0 0-.92 0L4.922 7.54a.65.65 0 0 0 0 .92l5.236 5.236a.65.65 0 0 0 .92-.92L6.3 8l4.777-4.776a.65.65 0 0 0 0-.92", clipRule: "evenodd" }) }));
+export const LeftIcon = wrapIcon('LeftIcon', _jsx(IconChevronLeft, {}));
 
         

package/es/icons/LineChartIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconChartLine } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const LineChartIcon = wrapIcon('LineChartIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.6 2a.6.6 0 0 0-1.2 0v8.995a.59.59 0 0 0 0 .01V14a.6.6 0 0 0 .6.6h12a.6.6 0 1 0 0-1.2H2.6v-2.112l4.355-3.484 1.62 1.62a.6.6 0 0 0 .8.045l5-4a.6.6 0 1 0-.75-.938l-4.58 3.665-1.62-1.62a.6.6 0 0 0-.8-.045L2.6 9.751V2Z", clipRule: "evenodd" }) }));
+export const LineChartIcon = wrapIcon('LineChartIcon', _jsx(IconChartLine, {}));
 
         

package/es/icons/LoadingIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 

package/es/icons/LockFilledIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconLockFilled } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const LockFilledIcon = wrapIcon('LockFilledIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.575.8h.85c.539 0 .98 0 1.337.03.371.03.706.094 1.018.253a2.6 2.6 0 0 1 1.137 1.137c.159.312.223.647.254 1.018.03.358.03.798.029 1.337v1.433c.462.015.765.06 1.017.188a1.8 1.8 0 0 1 .787.787c.196.385.196.889.196 1.897v3.24c0 1.008 0 1.512-.196 1.897a1.8 1.8 0 0 1-.787.787c-.385.196-.889.196-1.897.196H4.68c-1.008 0-1.512 0-1.897-.196a1.8 1.8 0 0 1-.787-.787c-.196-.385-.196-.889-.196-1.897V8.88c0-1.008 0-1.512.196-1.897a1.8 1.8 0 0 1 .787-.787c.252-.128.555-.173 1.017-.188V4.575c0-.539 0-.98.03-1.337.03-.371.094-.706.253-1.018A2.6 2.6 0 0 1 5.22 1.083C5.532.924 5.867.86 6.238.83 6.596.8 7.036.8 7.575.8ZM11 4.6V6H5V4.6c0-.57 0-.961.025-1.265.025-.296.069-.455.128-.57a1.4 1.4 0 0 1 .611-.612c.116-.06.275-.103.571-.128C6.64 2 7.03 2 7.6 2h.8c.57 0 .961 0 1.265.025.296.025.455.069.57.128a1.4 1.4 0 0 1 .613.611c.058.116.103.275.127.571C11 3.64 11 4.03 11 4.6ZM9.1 9.718c0 .36-.173.68-.44.88v1.56H7.34v-1.56A1.098 1.098 0 0 1 8 8.618a1.1 1.1 0 0 1 1.1 1.1Z", clipRule: "evenodd" }) }));
+export const LockFilledIcon = wrapIcon('LockFilledIcon', _jsx(IconLockFilled, {}));
 
         

package/es/icons/LockIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconLock } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const LockIcon = wrapIcon('LockIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.425.8h-.85c-.539 0-.98 0-1.337.03-.371.03-.706.094-1.018.253A2.6 2.6 0 0 0 4.083 2.22c-.159.312-.223.647-.254 1.018-.029.358-.029.798-.029 1.337v1.433c-.462.015-.765.06-1.017.188a1.8 1.8 0 0 0-.787.787C1.8 7.368 1.8 7.872 1.8 8.88v3.24c0 1.008 0 1.512.196 1.897a1.8 1.8 0 0 0 .787.787C3.168 15 3.672 15 4.68 15h6.64c1.008 0 1.512 0 1.897-.196a1.8 1.8 0 0 0 .787-.787c.196-.385.196-.889.196-1.897V8.88c0-1.008 0-1.512-.196-1.897a1.8 1.8 0 0 0-.787-.787c-.252-.128-.555-.173-1.017-.188V4.575c0-.539 0-.98-.03-1.337-.03-.371-.094-.706-.253-1.018a2.6 2.6 0 0 0-1.137-1.137C10.468.924 10.133.86 9.762.83 9.404.8 8.964.8 8.425.8ZM11 6V4.6c0-.57 0-.961-.025-1.265-.024-.296-.069-.455-.127-.57a1.4 1.4 0 0 0-.612-.612c-.116-.06-.275-.103-.571-.128C9.36 2 8.97 2 8.4 2h-.8c-.57 0-.961 0-1.265.025-.296.025-.455.069-.57.128a1.4 1.4 0 0 0-.612.611c-.06.116-.103.275-.128.571C5.001 3.64 5 4.03 5 4.6V6h6ZM4.68 7.2h6.64c.524 0 .845 0 1.085.02a1.536 1.536 0 0 1 .258.042.142.142 0 0 1 .008.003h.001a.6.6 0 0 1 .263.263l.001.003.002.006a1.528 1.528 0 0 1 .041.259c.02.24.021.56.021 1.084v3.24c0 .524 0 .845-.02 1.085a1.528 1.528 0 0 1-.042.258.6.6 0 0 1-.266.272h-.002l-.007.003a1.546 1.546 0 0 1-.258.041c-.24.02-.561.021-1.085.021H4.68c-.524 0-.845-.001-1.084-.02a1.547 1.547 0 0 1-.259-.042.6.6 0 0 1-.272-.266l-.003-.009a1.538 1.538 0 0 1-.041-.258C3 12.964 3 12.643 3 12.12V8.88c0-.524.001-.845.02-1.085a1.538 1.538 0 0 1 .042-.258l.003-.01a.6.6 0 0 1 .263-.262l.009-.003a1.537 1.537 0 0 1 .259-.041c.24-.02.56-.021 1.084-.021Zm3.92 3.429a1 1 0 1 0-1.2 0v1.418h1.2v-1.418Z", clipRule: "evenodd" }) }));
+export const LockIcon = wrapIcon('LockIcon', _jsx(IconLock, {}));
 
         

package/es/icons/MoreIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconDotsVertical } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const MoreIcon = wrapIcon('MoreIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.2 3.2a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0Zm0 4.8a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0ZM8 14a1.2 1.2 0 1 0 0-2.4A1.2 1.2 0 0 0 8 14Z", clipRule: "evenodd" }) }));
+export const MoreIcon = wrapIcon('MoreIcon', _jsx(IconDotsVertical, {}));
 
         

package/es/icons/NotAllowedIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconCircleOff } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const NotAllowedIcon = wrapIcon('NotAllowedIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.256 13.175a6.7 6.7 0 0 1-9.43-9.43zm.919-.92-9.43-9.43a6.7 6.7 0 0 1 9.43 9.43M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0", clipRule: "evenodd" }) }));
+export const NotAllowedIcon = wrapIcon('NotAllowedIcon', _jsx(IconCircleOff, {}));
 
         

package/es/icons/NumberIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconHash } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const NumberIcon = wrapIcon('NumberIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M6.425 1h1.289l-.887 3.64h3.983L11.697 1h1.289l-.887 3.64h3.195l-.313 1.283h-3.195l-1.024 4.205h3.514l-.313 1.283H10.45L9.575 15H8.286l.875-3.589H5.178L4.303 15H3.014l.875-3.589H.706l.313-1.283H4.2l1.025-4.205H1.724l.313-1.283h3.501L6.425 1Zm3.048 9.128 1.025-4.205H6.515L5.49 10.128h3.983Z", clipRule: "evenodd" }) }));
+export const NumberIcon = wrapIcon('NumberIcon', _jsx(IconHash, {}));
 
         

package/es/icons/PauseCircleFilledIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 

package/es/icons/PauseCircleIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 

package/es/icons/PauseIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconPlayerPause } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const PauseIcon = wrapIcon('PauseIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M5.6 4a.6.6 0 0 0-.6.6v6.8a.6.6 0 0 0 .6.6h.8a.6.6 0 0 0 .6-.6V4.6a.6.6 0 0 0-.6-.6zm4 0a.6.6 0 0 0-.6.6v6.8a.6.6 0 0 0 .6.6h.8a.6.6 0 0 0 .6-.6V4.6a.6.6 0 0 0-.6-.6z", clipRule: "evenodd" }) }));
+export const PauseIcon = wrapIcon('PauseIcon', _jsx(IconPlayerPause, {}));
 
         

package/es/icons/PieChartIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconChartPie } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const PieChartIcon = wrapIcon('PieChartIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 13.8a5.8 5.8 0 0 1-.6-11.57v5.765a.6.6 0 0 0 .134.384l3.602 4.501c-.904.582-1.98.92-3.136.92Zm4.072-1.67a5.781 5.781 0 0 0 1.716-3.759H9.065l3.007 3.759Zm1.67-4.959A5.803 5.803 0 0 0 8.6 2.231v4.94h5.141ZM1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Z", clipRule: "evenodd" }) }));
+export const PieChartIcon = wrapIcon('PieChartIcon', _jsx(IconChartPie, {}));
 
         

package/es/icons/PlayCircleIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconPlaystationTriangle } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const PlayCircleIcon = wrapIcon('PlayCircleIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 14.7A6.7 6.7 0 1 0 8 1.3a6.7 6.7 0 0 0 0 13.4M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m3.155-7.491a.6.6 0 0 0 0-1.018l-4.207-2.63a.6.6 0 0 0-.918.51v5.258a.6.6 0 0 0 .918.51z", clipRule: "evenodd" }) }));
+export const PlayCircleIcon = wrapIcon('PlayCircleIcon', _jsx(IconPlaystationTriangle, { style: { rotate: '90deg' } }));
 
         

package/es/icons/PlayIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconPlayerPlay } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const PlayIcon = wrapIcon('PlayIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", d: "M12.186 7.491a.6.6 0 0 1 0 1.018l-6.268 3.917A.6.6 0 0 1 5 11.918V4.083a.6.6 0 0 1 .918-.51z" }) }));
+export const PlayIcon = wrapIcon('PlayIcon', _jsx(IconPlayerPlay, {}));
 
         

package/es/icons/PlusIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconPlus } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const PlusIcon = wrapIcon('PlusIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.65 2a.65.65 0 1 0-1.3 0v5.35H2a.65.65 0 1 0 0 1.3h5.35V14a.65.65 0 1 0 1.3 0V8.65H14a.65.65 0 1 0 0-1.3H8.65z", clipRule: "evenodd" }) }));
+export const PlusIcon = wrapIcon('PlusIcon', _jsx(IconPlus, {}));
 
         

package/es/icons/ReloadIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconReload } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const ReloadIcon = wrapIcon('ReloadIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.513 11.098a5.449 5.449 0 0 1 8.762-6.47l-.947.655a.4.4 0 0 0 .087.704l2.972 1.115a.4.4 0 0 0 .54-.374l.007-3.174a.4.4 0 0 0-.627-.33l-.96.664a6.749 6.749 0 1 0 .66 7.18.65.65 0 1 0-1.158-.59 5.449 5.449 0 0 1-9.336.62", clipRule: "evenodd" }) }));
+export const ReloadIcon = wrapIcon('ReloadIcon', _jsx(IconReload, {}));
 
         

package/es/icons/ReportIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconFileReport } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const ReportIcon = wrapIcon('ReportIcon', _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: [_jsx("g", { clipPath: "url(#a)", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M9 1H4v2h5zM3 1v2H1V1zM1 9V4h2v5zm0 1v5h2v-5zm3 0v5h5v-5zm6 0v5h5v-5zm5-1V4h-5v5zM9 9H4V4h5zm6-8v2h-5V1zM1 0a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1z", clipRule: "evenodd" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })] }));
+export const ReportIcon = wrapIcon('ReportIcon', _jsx(IconFileReport, {}));
 
         

package/es/icons/ReturnIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconArrowBack } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const ReturnIcon = wrapIcon('ReturnIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.556 3.9a.6.6 0 0 0 0 1.2h3.455v4.794H5V8.442a.4.4 0 0 0-.684-.282L2.278 10.22a.4.4 0 0 0 0 .562l2.038 2.059A.4.4 0 0 0 5 12.558v-1.464h7.011a1.2 1.2 0 0 0 1.2-1.2V5.1a1.2 1.2 0 0 0-1.2-1.2z", clipRule: "evenodd" }) }));
+export const ReturnIcon = wrapIcon('ReturnIcon', _jsx(IconArrowBack, {}));
 
         

package/es/icons/RightIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.13
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconChevronRight } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const RightIcon = wrapIcon('RightIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.922 2.304a.65.65 0 0 1 .92 0l5.236 5.236a.65.65 0 0 1 0 .92l-5.236 5.236a.65.65 0 0 1-.92-.92L9.7 8 4.922 3.224a.65.65 0 0 1 0-.92", clipRule: "evenodd" }) }));
+export const RightIcon = wrapIcon('RightIcon', _jsx(IconChevronRight, {}));