@cube-dev/ui-kit 0.59.14 → 0.60.0

package/es/icons/CheckCircleIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconCircleCheck } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const CheckCircleIcon = wrapIcon('CheckCircleIcon', _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: "M14.7 8A6.7 6.7 0 1 1 1.3 8a6.7 6.7 0 0 1 13.4 0M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.372-1.342a.65.65 0 0 0-.92-.92l-3.5 3.501-1.916-1.916a.65.65 0 0 0-.92.92l2.376 2.375a.65.65 0 0 0 .92 0z", clipRule: "evenodd" }) }));
+export const CheckCircleIcon = wrapIcon('CheckCircleIcon', _jsx(IconCircleCheck, {}));
 
         

package/es/icons/CheckIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconCheck } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const CheckIcon = wrapIcon('CheckIcon', _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: "M13.977 3.035a.675.675 0 0 1 0 .955L6.12 11.847a.675.675 0 0 1-.954 0L2.023 8.704a.675.675 0 0 1 .954-.955l2.666 2.666 7.38-7.38a.675.675 0 0 1 .954 0", clipRule: "evenodd" }) }));
+export const CheckIcon = wrapIcon('CheckIcon', _jsx(IconCheck, {}));
 
         

package/es/icons/CircleFilledIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconCircleFilled } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const CircleFilledIcon = wrapIcon('CircleFilledIcon', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: _jsx("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }) }));
+export const CircleFilledIcon = wrapIcon('CircleFilledIcon', _jsx(IconCircleFilled, {}));
 
         

package/es/icons/ClearIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconTrash } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const ClearIcon = wrapIcon('ClearIcon', _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: "M7.053 5.94V2.097h1.91V5.94h3.95v1.957H2.949V5.939zM6.803.997a.85.85 0 0 0-.85.85V4.84H2.699a.85.85 0 0 0-.85.85v2.457c0 .469.38.85.85.85h.19L1.5 14.286a.65.65 0 0 0 .629.814h11.74a.65.65 0 0 0 .63-.815l-1.388-5.29h.05c.47 0 .85-.38.85-.85V5.69a.85.85 0 0 0-.85-.85h-3.1V1.85a.85.85 0 0 0-.85-.85zM2.713 14l1.311-5h7.952l1.311 5h-3.176v-2.649a.4.4 0 0 0-.4-.4h-.3a.4.4 0 0 0-.4.4V14H7.004v-2.649a.4.4 0 0 0-.4-.4h-.3a.4.4 0 0 0-.4.4V14z", clipRule: "evenodd" }) }));
+export const ClearIcon = wrapIcon('ClearIcon', _jsx(IconTrash, {}));
 
         

package/es/icons/CloseCircleFilledIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconCircleXFilled } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const CloseCircleFilledIcon = wrapIcon('CloseCircleFilledIcon', _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 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16M5.646 4.835a.573.573 0 1 0-.81.81L7.188 8l-2.354 2.354a.573.573 0 0 0 .811.81L8 8.812l2.354 2.354a.573.573 0 0 0 .81-.81L8.812 8l2.354-2.354a.573.573 0 1 0-.81-.81L8 7.188z", clipRule: "evenodd" }) }));
+export const CloseCircleFilledIcon = wrapIcon('CloseCircleFilledIcon', _jsx(IconCircleXFilled, {}));
 
         

package/es/icons/CloseCircleIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconCircleX } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const CloseCircleIcon = wrapIcon('CloseCircleIcon', _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: "M14.7 8A6.7 6.7 0 1 1 1.3 8a6.7 6.7 0 0 1 13.4 0M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M4.687 4.687a.6.6 0 0 1 .849 0L8 7.151l2.464-2.464a.6.6 0 1 1 .849.849L8.849 8l2.464 2.464a.6.6 0 1 1-.849.849L8 8.849l-2.464 2.464a.6.6 0 0 1-.849-.849L7.152 8 4.687 5.536a.6.6 0 0 1 0-.849", clipRule: "evenodd" }) }));
+export const CloseCircleIcon = wrapIcon('CloseCircleIcon', _jsx(IconCircleX, {}));
 
         

package/es/icons/CloseIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconX } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const CloseIcon = wrapIcon('CloseIcon', _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: "M13.056 3.863a.65.65 0 0 0-.92-.919L8 7.081 3.863 2.944a.65.65 0 1 0-.919.92L7.081 8l-4.137 4.137a.65.65 0 1 0 .92.919L8 8.919l4.137 4.137a.65.65 0 0 0 .919-.92L8.919 8z", clipRule: "evenodd" }) }));
+export const CloseIcon = wrapIcon('CloseIcon', _jsx(IconX, {}));
 
         

package/es/icons/CodeIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @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 { IconCode } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const CodeIcon = wrapIcon('CodeIcon', _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: "M10.136 1.136A.65.65 0 0 0 8.864.864l-3 14a.65.65 0 0 0 1.272.272zM4.46 4.54a.65.65 0 0 1 0 .92L1.92 8l2.54 2.54a.65.65 0 0 1-.92.92l-3-3a.65.65 0 0 1 0-.92l3-3a.65.65 0 0 1 .92 0m7.08 0a.65.65 0 0 0 0 .92L14.08 8l-2.54 2.54a.65.65 0 1 0 .92.92l3-3a.65.65 0 0 0 0-.92l-3-3a.65.65 0 0 0-.92 0", clipRule: "evenodd" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })] }));
+export const CodeIcon = wrapIcon('CodeIcon', _jsx(IconCode, {}));
 
         

package/es/icons/CopyIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @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 { IconCopy } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const CopyIcon = wrapIcon('CopyIcon', _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: "M14.797 0C15.461 0 16 .539 16 1.203v9.03c0 .665-.539 1.204-1.203 1.204h-3.36v3.36c0 .664-.539 1.203-1.203 1.203H1.203A1.203 1.203 0 0 1 0 14.797v-9.03c0-.665.538-1.204 1.203-1.204h3.36v-3.36C4.563.539 5.102 0 5.766 0zM5.863 4.563h4.37c.665 0 1.204.539 1.204 1.203v4.37H14.7V1.3H5.863zM10.137 14.7V5.863H1.3V14.7z", clipRule: "evenodd" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })] }));
+export const CopyIcon = wrapIcon('CopyIcon', _jsx(IconCopy, {}));
 
         

package/es/icons/CountIcon.js

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

package/es/icons/CubeIcon.js

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

package/es/icons/DangerIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @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 { IconAlertTriangle } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const DangerIcon = wrapIcon('DangerIcon', _jsxs("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M13.58 15.5H2.42a2.4 2.4 0 0 1-2.1-1.21 2.4 2.4 0 0 1 0-2.42l5.59-9.66A2.4 2.4 0 0 1 8 1c.87 0 1.66.45 2.1 1.2l5.57 9.67a2.4 2.4 0 0 1 0 2.42 2.4 2.4 0 0 1-2.09 1.2ZM8 2.6a.8.8 0 0 0-.7.4l-5.58 9.67a.8.8 0 0 0 0 .8c.07.12.28.4.7.4h11.16a.8.8 0 0 0 .7-.4.8.8 0 0 0 0-.8L8.7 3a.8.8 0 0 0-.7-.4Zm0 9.67a.8.8 0 1 1 0-1.62.8.8 0 1 1 0 1.62Zm0-3.23a.8.8 0 0 1-.8-.8V6.64a.8.8 0 1 1 1.6 0v1.6a.8.8 0 0 1-.8.81Z" }), _jsx("path", { d: "M7.2 6.8a.8.8 0 1 1 1.6 0v2.4a.8.8 0 0 1-1.6 0V6.8Z" })] }));
+export const DangerIcon = wrapIcon('DangerIcon', _jsx(IconAlertTriangle, {}));
 
         

package/es/icons/DashboardIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconLayoutDashboard } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const DashboardIcon = wrapIcon('DashboardIcon', _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.2 2.2v2.6h11.6V2.2zM1.6 1a.6.6 0 0 0-.6.6v3.8a.6.6 0 0 0 .6.6h12.8a.6.6 0 0 0 .6-.6V1.6a.6.6 0 0 0-.6-.6zm.6 7.2v5.599h2.6V8.2zM1.6 7a.6.6 0 0 0-.6.6v6.799a.6.6 0 0 0 .6.6h3.8a.6.6 0 0 0 .6-.6V7.6a.6.6 0 0 0-.6-.6zm6.6 6.8V8.2h5.6v5.6zM7 7.6a.6.6 0 0 1 .6-.6h6.8a.6.6 0 0 1 .6.6v6.8a.6.6 0 0 1-.6.6H7.6a.6.6 0 0 1-.6-.6z", clipRule: "evenodd" }) }));
+export const DashboardIcon = wrapIcon('DashboardIcon', _jsx(IconLayoutDashboard, {}));
 
         

package/es/icons/DatabaseIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconDatabase } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const DatabaseIcon = wrapIcon('DatabaseIcon', _jsx("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 2.085c-1.111.505-1.49 1.07-1.49 1.462s.379.957 1.49 1.462c1.055.478 2.556.79 4.25.79s3.195-.312 4.25-.79c1.111-.505 1.49-1.07 1.49-1.462s-.379-.957-1.49-1.462c-1.055-.478-2.556-.791-4.25-.791s-3.195.313-4.25.791M3.212.908C4.471.336 6.164 0 8 0s3.53.336 4.789.908c1.2.545 2.252 1.43 2.252 2.639l-.003.105q.003.03.003.059v8.578c0 1.236-1.024 2.167-2.24 2.75C11.54 15.644 9.841 16 8 16c-1.84 0-3.539-.356-4.801-.961-1.216-.583-2.24-1.514-2.24-2.75V3.711l.003-.06-.003-.104c0-1.21 1.051-2.094 2.252-2.64M2.26 5.65v2.352c.002.446.405 1.04 1.502 1.562 1.051.5 2.55.827 4.239.827s3.188-.327 4.239-.827c1.098-.522 1.501-1.117 1.502-1.563V5.65a6 6 0 0 1-.952.536c-1.26.571-2.953.908-4.789.908s-3.53-.337-4.789-.908a6 6 0 0 1-.952-.536m11.482 4.528a6 6 0 0 1-.942.554c-1.262.6-2.96.953-4.799.953s-3.537-.353-4.8-.953a6 6 0 0 1-.94-.554v2.11c0 .457.406 1.059 1.503 1.585 1.05.504 2.548.833 4.237.833s3.186-.33 4.237-.833c1.097-.526 1.504-1.127 1.504-1.584z", clipRule: "evenodd" }) }));
+export const DatabaseIcon = wrapIcon('DatabaseIcon', _jsx(IconDatabase, {}));
 
         

package/es/icons/DirectionIcon.js

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

package/es/icons/DonutIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconChartDonut } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const DonutIcon = wrapIcon('DonutIcon', _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.2 8a5.8 5.8 0 0 0 8.932 4.882l-1.446-1.814A3.5 3.5 0 1 1 7.4 4.55v-2.32A5.8 5.8 0 0 0 2.2 8Zm6.4-3.449a3.504 3.504 0 0 1 2.804 2.633h2.339A5.803 5.803 0 0 0 8.6 2.231v2.32Zm2.88 3.833a3.486 3.486 0 0 1-.857 1.934l1.446 1.815a5.782 5.782 0 0 0 1.718-3.749H11.48ZM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm0 9.3a2.3 2.3 0 1 1 0-4.6 2.3 2.3 0 0 1 0 4.6Z", clipRule: "evenodd" }) }));
+export const DonutIcon = wrapIcon('DonutIcon', _jsx(IconChartDonut, {}));
 
         

package/es/icons/DownIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconChevronDown } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const DownIcon = wrapIcon('DownIcon', _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: "M13.696 4.922a.65.65 0 0 1 0 .92L8.46 11.078a.65.65 0 0 1-.92 0L2.304 5.842a.65.65 0 0 1 .92-.92L8 9.7l4.777-4.777a.65.65 0 0 1 .919 0", clipRule: "evenodd" }) }));
+export const DownIcon = wrapIcon('DownIcon', _jsx(IconChevronDown, {}));
 
         

package/es/icons/EditIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconEdit } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const EditIcon = wrapIcon('EditIcon', _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: "m6.577 9.832-1.76.43.43-1.76 6.17-6.17 1.33 1.33zm-3.121.945a.7.7 0 0 0 .846.846l2.614-.638a1 1 0 0 0 .47-.265l6.35-6.351a1 1 0 0 0 0-1.414l-1.612-1.613a1 1 0 0 0-1.414 0L4.36 7.694a1 1 0 0 0-.264.47zM13.4 14.2a.6.6 0 1 0 0-1.2H2.6a.6.6 0 1 0 0 1.2z", clipRule: "evenodd" }) }));
+export const EditIcon = wrapIcon('EditIcon', _jsx(IconEdit, {}));
 
         

package/es/icons/ExclamationCircleFilledIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @cube-dev/ui-kit v0.60.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconExclamationCircleFilled } from '@tabler/icons-react';
 import { wrapIcon } from './wrap-icon';
-export const ExclamationCircleFilledIcon = wrapIcon('ExclamationCircleFilledIcon', _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 ExclamationCircleFilledIcon = wrapIcon('ExclamationCircleFilledIcon', _jsx(IconExclamationCircleFilled, {}));
 
         

package/es/icons/ExclamationCircleIcon.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.59.14
+ * @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.14
+ * @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.14
+ * @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.14
+ * @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.14
+ * @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.14
+ * @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.14
+ * @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.14
+ * @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.14
+ * @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.14
+ * @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.14
+ * @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.14
+ * @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.14
+ * @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.14
+ * @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.14
+ * @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, {}));