@aristobyte-ui/utils 2.16.5 → 2.17.1

package/es/icons/Dna.js

@@ -0,0 +1,35 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from "react";
+export var Dna = function (props) {
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-dna");
+    var primaryGradientId = "".concat(uid, "-dna-primary-gradient");
+    var secondaryGradientId = "".concat(uid, "-dna-secondary-gradient");
+    var tertiaryGradientId = "".concat(uid, "-dna-tertiary-gradient");
+    return (React.createElement("svg", __assign({ id: svgId, "data-name": "Layer-1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", version: "1.1", viewBox: "0 0 24 24" }, props),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: primaryGradientId, "data-name": "Orange, yellow", x1: "11.2", y1: "5", x2: "18", y2: "5", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: "0", stopColor: "#fff23a" }),
+                React.createElement("stop", { offset: "0", stopColor: "#fee52c" }),
+                React.createElement("stop", { offset: ".1", stopColor: "#fdd41a" }),
+                React.createElement("stop", { offset: ".2", stopColor: "#fdc90e" }),
+                React.createElement("stop", { offset: ".3", stopColor: "#fdc60b" }),
+                React.createElement("stop", { offset: ".7", stopColor: "#f28f3f" }),
+                React.createElement("stop", { offset: ".9", stopColor: "#ed693c" }),
+                React.createElement("stop", { offset: "1", stopColor: "#e83e39" })),
+            React.createElement("linearGradient", { id: secondaryGradientId, "data-name": "Orange, yellow", x1: "1", y1: "12", x2: "23", y2: "12", xlinkHref: "#".concat(primaryGradientId) }),
+            React.createElement("linearGradient", { id: tertiaryGradientId, "data-name": "Orange, yellow", x1: "6", y1: "19", x2: "12.8", y2: "19", xlinkHref: "#".concat(primaryGradientId) })),
+        React.createElement("path", { d: "M12,9s0,0,.1,0c.4,0,.7-.2.9-.5l.2.2c.2.2.5.3.7.3s.5,0,.7-.3c.4-.4.4-1,0-1.4l-1.1-1.1c.2-.5.4-1,.7-1.5l2,2c.2.2.5.3.7.3s.5,0,.7-.3c.4-.4.4-1,0-1.4l-2.3-2.3c0-.1.2-.2.3-.4.4-.4.3-1,0-1.4-.4-.4-1-.3-1.4,0-1.7,1.9-2.7,4-3.1,6.5,0,.5.3,1.1.8,1.1Z", fill: "url(#".concat(primaryGradientId, ")") }),
+        React.createElement("path", { d: "M22.7,8.3c-.4-.4-1-.4-1.4,0-.1.1-.2.2-.4.3l-.3-.3c-.4-.4-1-.4-1.4,0-.4.4-.4,1,0,1.4-.5.3-1,.5-1.5.7l-.6-.6c-.4-.4-1-.4-1.4,0s-.4.7-.2,1.1c-1.2.1-2.4.1-3.6.1-3.5,0-7.1,0-10.7,3.3-.4.4-.4,1,0,1.4.2.2.5.3.7.3s.5,0,.7-.3c.1-.1.2-.2.4-.3l.3.3c.2.2.5.3.7.3s.5,0,.7-.3c.4-.4.4-1,0-1.4.5-.3,1-.5,1.5-.7l.6.6c.2.2.5.3.7.3s.5,0,.7-.3c.3-.3.4-.7.2-1.1,1.2-.1,2.4-.1,3.6-.1,3.5,0,7,0,10.7-3.3.4-.4.4-1,0-1.4Z", fill: "url(#".concat(secondaryGradientId, ")") }),
+        React.createElement("path", { d: "M12,15c-.4,0-.8.2-1,.5l-.2-.2c-.4-.4-1-.4-1.4,0s-.4,1,0,1.4l1.1,1.1c-.2.5-.4,1-.7,1.5l-2-2c-.4-.4-1-.4-1.4,0s-.4,1,0,1.4l2.3,2.3c0,.1-.2.2-.3.4-.4.4-.3,1,0,1.4.2.2.4.3.7.3s.5-.1.7-.3c1.7-1.9,2.7-4,3.1-6.5,0-.5-.3-1.1-.8-1.1Z", fill: "url(#".concat(tertiaryGradientId, ")") })));
+};

package/es/icons/Dot.js

@@ -1,6 +1,8 @@
 import * as React from 'react';
 export var Dot = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 8 8" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Dot");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 8 8" },
         React.createElement("rect", { y: "0.5", width: size, height: size, rx: "4", fill: color })));
 };

package/es/icons/Error.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Error = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Error");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "m15 9-6 6" }),
         React.createElement("path", { d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z" }),
         React.createElement("path", { d: "m9 9 6 6" })));

package/es/icons/Eye.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Eye = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 16 12", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Eye");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 16 12", fill: "none" },
         React.createElement("path", { d: "M1.37468 6.232C1.31912 6.08232 1.31912 5.91767 1.37468 5.768C1.91581 4.4559 2.83435 3.33402 4.01386 2.5446C5.19336 1.75517 6.58071 1.33374 8.00001 1.33374C9.41932 1.33374 10.8067 1.75517 11.9862 2.5446C13.1657 3.33402 14.0842 4.4559 14.6253 5.768C14.6809 5.91767 14.6809 6.08232 14.6253 6.232C14.0842 7.54409 13.1657 8.66597 11.9862 9.4554C10.8067 10.2448 9.41932 10.6663 8.00001 10.6663C6.58071 10.6663 5.19336 10.2448 4.01386 9.4554C2.83435 8.66597 1.91581 7.54409 1.37468 6.232Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M8 8C9.10457 8 10 7.10457 10 6C10 4.89543 9.10457 4 8 4C6.89543 4 6 4.89543 6 6C6 7.10457 6.89543 8 8 8Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" })));
 };

package/es/icons/Fire.js

@@ -1,6 +1,8 @@
 import * as React from 'react';
 export var Fire = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 19 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Fire");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 19 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M5.24984 14.5832C6.02339 14.5832 6.76525 14.2759 7.31223 13.7289C7.85921 13.1819 8.1665 12.4401 8.1665 11.6665C8.1665 10.0565 7.58317 9.33317 6.99984 8.1665C5.74917 5.66634 6.7385 3.43684 9.33317 1.1665C9.9165 4.08317 11.6665 6.88317 13.9998 8.74984C16.3332 10.6165 17.4998 12.8332 17.4998 15.1665C17.4998 16.239 17.2886 17.3009 16.8782 18.2918C16.4678 19.2826 15.8662 20.1829 15.1079 20.9412C14.3495 21.6996 13.4492 22.3011 12.4584 22.7115C11.4676 23.1219 10.4056 23.3332 9.33317 23.3332C8.26071 23.3332 7.19875 23.1219 6.20792 22.7115C5.2171 22.3011 4.31681 21.6996 3.55847 20.9412C2.80012 20.1829 2.19857 19.2826 1.78815 18.2918C1.37774 17.3009 1.1665 16.239 1.1665 15.1665C1.1665 13.8213 1.67167 12.4902 2.33317 11.6665C2.33317 12.4401 2.64046 13.1819 3.18744 13.7289C3.73442 14.2759 4.47629 14.5832 5.24984 14.5832Z", stroke: color, strokeWidth: "2.33333", strokeLinecap: "round", strokeLinejoin: "round" })));
 };

package/es/icons/GalleryVertical.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var GalleryVertical = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-GalleryVertical");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M3 2h18" }),
         React.createElement("rect", { width: "18", height: "12", x: "3", y: "6", rx: "2" }),
         React.createElement("path", { d: "M3 22h18" })));

package/es/icons/GalleryVerticalEnd.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var GalleryVerticalEnd = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-GalleryVerticalEnd");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M7 2h10" }),
         React.createElement("path", { d: "M5 6h14" }),
         React.createElement("rect", { width: "18", height: "12", x: "3", y: "10", rx: "2" })));

package/es/icons/Github.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Github = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Github");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M10 14.6667V12C10.0928 11.1649 9.85329 10.3268 9.33334 9.66668C11.3333 9.66668 13.3333 8.33334 13.3333 6.00001C13.3867 5.16668 13.1533 4.34668 12.6667 3.66668C12.8533 2.90001 12.8533 2.10001 12.6667 1.33334C12.6667 1.33334 12 1.33334 10.6667 2.33334C8.90667 2.00001 7.09334 2.00001 5.33334 2.33334C4 1.33334 3.33334 1.33334 3.33334 1.33334C3.13334 2.10001 3.13334 2.90001 3.33334 3.66668C2.84792 4.34393 2.61232 5.16853 2.66667 6.00001C2.66667 8.33334 4.66667 9.66668 6.66667 9.66668C6.40667 9.99334 6.21334 10.3667 6.1 10.7667C5.98667 11.1667 5.95334 11.5867 6 12V14.6667", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M5.99998 12C2.99331 13.3333 2.66665 10.6667 1.33331 10.6667", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" })));
 };

package/es/icons/GradientSquare.js

@@ -1,10 +1,13 @@
 import * as React from 'react';
 export var GradientSquare = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.colors, colors = _c === void 0 ? ['currentColor'] : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none" },
-        React.createElement("rect", { x: "0.5", y: "0.5", width: size, height: size, rx: "4", fill: "url(#gradient)" }),
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-gradient-square");
+    var squareGradientId = "".concat(uid, "-gradient-square-fill");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 20 20", fill: "none" },
+        React.createElement("rect", { x: "0.5", y: "0.5", width: size, height: size, rx: "4", fill: "url(#".concat(squareGradientId, ")") }),
         React.createElement("defs", null,
-            React.createElement("linearGradient", { id: "gradient", x1: "0.5", y1: "8.5", x2: "16.5", y2: "8.5", gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: squareGradientId, x1: "0.5", y1: "8.5", x2: "16.5", y2: "8.5", gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { stopColor: colors[0] }),
                 React.createElement("stop", { offset: "1", stopColor: colors[1] })))));
 };

package/es/icons/Heart.js

@@ -1,6 +1,8 @@
 import * as React from 'react';
 export var Heart = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 14 12", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Heart");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 14 12", fill: "none" },
         React.createElement("path", { d: "M1.24426 4.12523C1.24427 3.47609 1.44119 2.84223 1.80901 2.30736C2.17682 1.77249 2.69823 1.36178 3.30437 1.12946C3.9105 0.897142 4.57285 0.854153 5.20394 1.00617C5.83502 1.15819 6.40514 1.49806 6.83901 1.98089C6.86957 2.01357 6.90652 2.03962 6.94756 2.05743C6.9886 2.07524 7.03286 2.08443 7.0776 2.08443C7.12233 2.08443 7.16659 2.07524 7.20763 2.05743C7.24868 2.03962 7.28562 2.01357 7.31618 1.98089C7.74869 1.49492 8.31894 1.15219 8.95105 0.998328C9.58316 0.844464 10.2471 0.886762 10.8546 1.11959C11.4621 1.35242 11.9842 1.76474 12.3516 2.30167C12.7189 2.8386 12.914 3.47467 12.9109 4.12523C12.9109 5.46106 12.0359 6.45856 11.1609 7.33356L7.95726 10.4328C7.84857 10.5576 7.71455 10.6579 7.56412 10.727C7.41369 10.796 7.25029 10.8323 7.08476 10.8334C6.91924 10.8344 6.75539 10.8002 6.6041 10.7331C6.4528 10.6659 6.31753 10.5673 6.20726 10.4439L2.99426 7.33356C2.11926 6.45856 1.24426 5.46689 1.24426 4.12523Z", stroke: color, strokeWidth: "1.16667", strokeLinecap: "round", strokeLinejoin: "round" })));
 };

package/es/icons/Info.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Info = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Info");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("circle", { cx: "12", cy: "12", r: "10" }),
         React.createElement("path", { d: "M12 16v-4" }),
         React.createElement("path", { d: "M12 8h.01" })));

package/es/icons/Instagram.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Instagram = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Instagram");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("rect", { width: "20", height: "20", x: "2", y: "2", rx: "5", ry: "5" }),
         React.createElement("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
         React.createElement("line", { x1: "17.5", x2: "17.51", y1: "6.5", y2: "6.5" })));

package/es/icons/Layers.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Layers = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Layers");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M14.9684 2.54342C14.6644 2.40476 14.3342 2.33301 14 2.33301C13.6659 2.33301 13.3357 2.40476 13.0317 2.54342L3.03337 7.09342C2.82635 7.18471 2.65033 7.33422 2.52676 7.52376C2.40319 7.71329 2.3374 7.93467 2.3374 8.16092C2.3374 8.38718 2.40319 8.60856 2.52676 8.79809C2.65033 8.98763 2.82635 9.13714 3.03337 9.22842L13.0434 13.7901C13.3474 13.9287 13.6776 14.0005 14.0117 14.0005C14.3458 14.0005 14.676 13.9287 14.98 13.7901L24.99 9.24009C25.1971 9.14881 25.3731 8.99929 25.4966 8.80976C25.6202 8.62022 25.686 8.39885 25.686 8.17259C25.686 7.94633 25.6202 7.72496 25.4966 7.53542C25.3731 7.34589 25.1971 7.19638 24.99 7.10509L14.9684 2.54342Z", stroke: color, strokeWidth: "2.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M2.3335 14C2.33295 14.2231 2.3964 14.4418 2.51634 14.6299C2.63627 14.8181 2.80766 14.9679 3.01017 15.0617L13.0435 19.6233C13.3459 19.7603 13.674 19.8311 14.006 19.8311C14.338 19.8311 14.6661 19.7603 14.9685 19.6233L24.9785 15.0733C25.185 14.9805 25.36 14.8296 25.4823 14.639C25.6045 14.4484 25.6686 14.2264 25.6668 14", stroke: color, strokeWidth: "2.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M2.3335 19.8333C2.33295 20.0564 2.3964 20.275 2.51634 20.4632C2.63627 20.6514 2.80766 20.8012 3.01017 20.8949L13.0435 25.4566C13.3459 25.5935 13.674 25.6644 14.006 25.6644C14.338 25.6644 14.6661 25.5935 14.9685 25.4566L24.9785 20.9066C25.185 20.8138 25.36 20.6629 25.4823 20.4723C25.6045 20.2817 25.6686 20.0597 25.6668 19.8333", stroke: color, strokeWidth: "2.33333", strokeLinecap: "round", strokeLinejoin: "round" })));

package/es/icons/Link.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Link = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 10 10", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Link");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 10 10", fill: "none" },
         React.createElement("path", { d: "M6.5 0.5H9.5V3.5", stroke: color, strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M4 6L9.5 0.5", stroke: color, strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M8 5.5V8.5C8 8.76522 7.89464 9.01957 7.70711 9.20711C7.51957 9.39464 7.26522 9.5 7 9.5H1.5C1.23478 9.5 0.98043 9.39464 0.792893 9.20711C0.605357 9.01957 0.5 8.76522 0.5 8.5V3C0.5 2.73478 0.605357 2.48043 0.792893 2.29289C0.98043 2.10536 1.23478 2 1.5 2H4.5", stroke: color, strokeLinecap: "round", strokeLinejoin: "round" })));

package/es/icons/LinkedIn.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var LinkedIn = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-LinkedIn");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" }),
         React.createElement("rect", { width: "4", height: "12", x: "2", y: "9" }),
         React.createElement("circle", { cx: "4", cy: "4", r: "2" })));

package/es/icons/Npm.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Npm = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b;
-    return (React.createElement("svg", { height: size, width: size, viewBox: "0 0 700 700", fill: "#cb3837", "aria-hidden": "true" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Npm");
+    return (React.createElement("svg", { id: svgId, height: size, width: size, viewBox: "0 0 700 700", fill: "#cb3837", "aria-hidden": "true" },
         React.createElement("polygon", { fill: "#cb3837", points: "0,700 700,700 700,0 0,0" }),
         React.createElement("polygon", { fill: "#ffffff", points: "150,550 350,550 350,250 450,250 450,550 550,550 550,150 150,150 " })));
 };

package/es/icons/OpenedBook.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var OpenedBook = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 16 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-OpenedBook");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 16 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M8 3.66667V13", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M1.99998 11C1.82317 11 1.6536 10.9298 1.52858 10.8047C1.40355 10.6797 1.33331 10.5101 1.33331 10.3333V1.66667C1.33331 1.48986 1.40355 1.32029 1.52858 1.19526C1.6536 1.07024 1.82317 1 1.99998 1H5.33331C6.04056 1 6.71883 1.28095 7.21893 1.78105C7.71903 2.28115 7.99998 2.95942 7.99998 3.66667C7.99998 2.95942 8.28093 2.28115 8.78103 1.78105C9.28113 1.28095 9.9594 1 10.6666 1H14C14.1768 1 14.3464 1.07024 14.4714 1.19526C14.5964 1.32029 14.6666 1.48986 14.6666 1.66667V10.3333C14.6666 10.5101 14.5964 10.6797 14.4714 10.8047C14.3464 10.9298 14.1768 11 14 11H9.99998C9.46955 11 8.96084 11.2107 8.58577 11.5858C8.21069 11.9609 7.99998 12.4696 7.99998 13C7.99998 12.4696 7.78927 11.9609 7.41419 11.5858C7.03912 11.2107 6.53041 11 5.99998 11H1.99998Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" })));
 };

package/es/icons/Package.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Package = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 14 16", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Package");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 14 16", fill: "none" },
         React.createElement("path", { d: "M6.33333 14.4867C6.53603 14.6037 6.76595 14.6653 7 14.6653C7.23405 14.6653 7.46397 14.6037 7.66667 14.4867L12.3333 11.82C12.5358 11.7031 12.704 11.535 12.821 11.3325C12.938 11.1301 12.9998 10.9005 13 10.6667V5.33332C12.9998 5.0995 12.938 4.86986 12.821 4.66743C12.704 4.465 12.5358 4.29689 12.3333 4.17999L7.66667 1.51332C7.46397 1.39629 7.23405 1.33469 7 1.33469C6.76595 1.33469 6.53603 1.39629 6.33333 1.51332L1.66667 4.17999C1.46418 4.29689 1.29599 4.465 1.17897 4.66743C1.06196 4.86986 1.00024 5.0995 1 5.33332V10.6667C1.00024 10.9005 1.06196 11.1301 1.17897 11.3325C1.29599 11.535 1.46418 11.7031 1.66667 11.82L6.33333 14.4867Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M7 14.6667V8", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M1.19336 4.66666L7.00003 7.99999L12.8067 4.66666", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),

package/es/icons/Palette.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Palette = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Palette");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 16 16", fill: "none" },
         React.createElement("path", { d: "M7.99998 14.6667C6.23187 14.6667 4.53618 13.9643 3.28593 12.7141C2.03569 11.4638 1.33331 9.76815 1.33331 8.00004C1.33331 6.23193 2.03569 4.53624 3.28593 3.286C4.53618 2.03575 6.23187 1.33337 7.99998 1.33337C9.76809 1.33337 11.4638 1.96551 12.714 3.09073C13.9643 4.21595 14.6666 5.74208 14.6666 7.33337C14.6666 8.21743 14.3155 9.06528 13.6903 9.6904C13.0652 10.3155 12.2174 10.6667 11.3333 10.6667H9.83331C9.61665 10.6667 9.40427 10.727 9.21996 10.8409C9.03565 10.9549 8.88671 11.1178 8.78981 11.3116C8.69292 11.5054 8.6519 11.7224 8.67136 11.9381C8.69082 12.1539 8.76998 12.36 8.89998 12.5334L9.09998 12.8C9.22998 12.9734 9.30914 13.1795 9.3286 13.3953C9.34806 13.6111 9.30704 13.828 9.21014 14.0218C9.11325 14.2156 8.9643 14.3786 8.78 14.4925C8.59569 14.6064 8.38331 14.6667 8.16665 14.6667H7.99998Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M9.00002 4.66667C9.18412 4.66667 9.33335 4.51743 9.33335 4.33333C9.33335 4.14924 9.18412 4 9.00002 4C8.81593 4 8.66669 4.14924 8.66669 4.33333C8.66669 4.51743 8.81593 4.66667 9.00002 4.66667Z", fill: color, stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M11.6666 7.33329C11.8507 7.33329 12 7.18405 12 6.99996C12 6.81586 11.8507 6.66663 11.6666 6.66663C11.4826 6.66663 11.3333 6.81586 11.3333 6.99996C11.3333 7.18405 11.4826 7.33329 11.6666 7.33329Z", fill: color, stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),

package/es/icons/PaperCode.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var PaperCode = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 12 16", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-PaperCode");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 12 16", fill: "none" },
         React.createElement("path", { d: "M4.66665 8.33337L3.33331 10L4.66665 11.6667", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M7.33331 8.33337L8.66665 10L7.33331 11.6667", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M7.33331 1.33337V4.00004C7.33331 4.35366 7.47379 4.6928 7.72384 4.94285C7.97389 5.1929 8.31302 5.33337 8.66665 5.33337H11.3333", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),

package/es/icons/Play.js

@@ -1,6 +1,8 @@
 import * as React from 'react';
 export var Play = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 13 14", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Play");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 13 14", fill: "none" },
         React.createElement("path", { d: "M1.33331 2.33336C1.33324 2.09876 1.39508 1.86829 1.51257 1.66522C1.63006 1.46216 1.79905 1.29369 2.00248 1.17683C2.20591 1.05996 2.43657 0.998845 2.67117 0.999641C2.90578 1.00044 3.13602 1.06312 3.33865 1.18136L11.3366 5.8467C11.5385 5.96382 11.7061 6.13186 11.8226 6.33403C11.9392 6.5362 12.0006 6.76543 12.0008 6.99879C12.001 7.23215 11.94 7.46148 11.8238 7.66385C11.7076 7.86623 11.5403 8.03456 11.3386 8.15203L3.33865 12.8187C3.13602 12.9369 2.90578 12.9996 2.67117 13.0004C2.43657 13.0012 2.20591 12.9401 2.00248 12.8232C1.79905 12.7064 1.63006 12.5379 1.51257 12.3348C1.39508 12.1318 1.33324 11.9013 1.33331 11.6667V2.33336Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" })));
 };

package/es/icons/Plug.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const Plug: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/es/icons/Plug.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from "react";
+export var Plug = function (props) {
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-plug");
+    var primaryGradientId = "".concat(uid, "-plug-primary-gradient");
+    return (React.createElement("svg", __assign({ id: svgId, "data-name": "Layer_1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", version: "1.1", viewBox: "0 0 24 24" }, props),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: primaryGradientId, "data-name": "Orange, yellow", x1: "5", y1: "12", x2: "19", y2: "12", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: "0", stopColor: "#fff23a" }),
+                React.createElement("stop", { offset: "0", stopColor: "#fee52c" }),
+                React.createElement("stop", { offset: ".1", stopColor: "#fdd41a" }),
+                React.createElement("stop", { offset: ".2", stopColor: "#fdc90e" }),
+                React.createElement("stop", { offset: ".3", stopColor: "#fdc60b" }),
+                React.createElement("stop", { offset: ".7", stopColor: "#f28f3f" }),
+                React.createElement("stop", { offset: ".9", stopColor: "#ed693c" }),
+                React.createElement("stop", { offset: "1", stopColor: "#e83e39" }))),
+        React.createElement("path", { d: "M18,7h-2V2c0-.6-.4-1-1-1s-1,.4-1,1v5h-4V2c0-.6-.4-1-1-1s-1,.4-1,1v5h-2c-.6,0-1,.4-1,1v5c0,2.8,2.2,5,5,5h1v4c0,.6.4,1,1,1s1-.4,1-1v-4h1c2.8,0,5-2.2,5-5v-5c0-.6-.4-1-1-1ZM17,13c0,1.7-1.3,3-3,3h-4c-1.7,0-3-1.3-3-3v-4h10v4Z", fill: "url(#".concat(primaryGradientId, ")") })));
+};

package/es/icons/Pnpm.js

@@ -1,34 +1,45 @@
 import * as React from 'react';
 export var Pnpm = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b;
-    return (React.createElement("svg", { preserveAspectRatio: "xMidYMid meet", viewBox: "66.09157809474142 33.5 184.5 184.49999999999997", width: size, height: size },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-pnpm");
+    var baseShapeId = "".concat(uid, "-pnpm-base");
+    var topRightShapeId = "".concat(uid, "-pnpm-top-right");
+    var topMidShapeId = "".concat(uid, "-pnpm-top-mid");
+    var topLeftShapeId = "".concat(uid, "-pnpm-top-left");
+    var midRightShapeId = "".concat(uid, "-pnpm-mid-right");
+    var midMidShapeId = "".concat(uid, "-pnpm-mid-mid");
+    var bottomMidShapeId = "".concat(uid, "-pnpm-bottom-mid");
+    var bottomRightShapeId = "".concat(uid, "-pnpm-bottom-right");
+    var bottomLeftShapeId = "".concat(uid, "-pnpm-bottom-left");
+    return (React.createElement("svg", { id: svgId, preserveAspectRatio: "xMidYMid meet", viewBox: "66.09157809474142 33.5 184.5 184.49999999999997", width: size, height: size },
         React.createElement("defs", null,
-            React.createElement("path", { d: "M67.59 35L247.59 35L247.59 215L67.59 215L67.59 35Z", id: "b2JZZcA3fT" }),
-            React.createElement("path", { d: "M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z", id: "bj0tb0Y8q" }),
-            React.createElement("path", { d: "M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z", id: "dkDSTzPj3" }),
-            React.createElement("path", { d: "M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z", id: "a4vNdcNLpF" }),
-            React.createElement("path", { d: "M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z", id: "h2t4Zj1jSU" }),
-            React.createElement("path", { d: "M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z", id: "b4t5pngwvT" }),
-            React.createElement("path", { d: "M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z", id: "b9s1gd5m2" }),
-            React.createElement("path", { d: "M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z", id: "cmt9WLvz7" }),
-            React.createElement("path", { d: "M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z", id: "bJUNqgFSg" })),
+            React.createElement("path", { d: "M67.59 35L247.59 35L247.59 215L67.59 215L67.59 35Z", id: baseShapeId }),
+            React.createElement("path", { d: "M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z", id: topRightShapeId }),
+            React.createElement("path", { d: "M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z", id: topMidShapeId }),
+            React.createElement("path", { d: "M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z", id: topLeftShapeId }),
+            React.createElement("path", { d: "M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z", id: midRightShapeId }),
+            React.createElement("path", { d: "M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z", id: midMidShapeId }),
+            React.createElement("path", { d: "M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z", id: bottomMidShapeId }),
+            React.createElement("path", { d: "M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z", id: bottomRightShapeId }),
+            React.createElement("path", { d: "M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z", id: bottomLeftShapeId })),
         React.createElement("g", null,
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#b2JZZcA3fT", opacity: "1", fill: "#ffffff", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(baseShapeId), opacity: "1", fill: "#ffffff", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#bj0tb0Y8q", opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(topRightShapeId), opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#dkDSTzPj3", opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(topMidShapeId), opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#a4vNdcNLpF", opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(topLeftShapeId), opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#h2t4Zj1jSU", opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(midRightShapeId), opacity: "1", fill: "#f9ad00", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#b4t5pngwvT", opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(midMidShapeId), opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#b9s1gd5m2", opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(bottomMidShapeId), opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#cmt9WLvz7", opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })),
+                React.createElement("use", { xlinkHref: "#".concat(bottomRightShapeId), opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })),
             React.createElement("g", null,
-                React.createElement("use", { xlinkHref: "#bJUNqgFSg", opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })))));
+                React.createElement("use", { xlinkHref: "#".concat(bottomLeftShapeId), opacity: "1", fill: "#4e4e4e", fillOpacity: "1" })))));
 };

package/es/icons/Puzzle.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const Puzzle: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/es/icons/Puzzle.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from "react";
+export var Puzzle = function (props) {
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-puzzle");
+    var primaryGradientId = "".concat(uid, "-puzzle-primary-gradient");
+    return (React.createElement("svg", __assign({ id: svgId, "data-name": "Layer_1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", version: "1.1", viewBox: "0 0 24 24" }, props),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: primaryGradientId, "data-name": "Orange, yellow", x1: "1", y1: "12", x2: "23", y2: "12", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: "0", stopColor: "#fff23a" }),
+                React.createElement("stop", { offset: "0", stopColor: "#fee52c" }),
+                React.createElement("stop", { offset: ".1", stopColor: "#fdd41a" }),
+                React.createElement("stop", { offset: ".2", stopColor: "#fdc90e" }),
+                React.createElement("stop", { offset: ".3", stopColor: "#fdc60b" }),
+                React.createElement("stop", { offset: ".7", stopColor: "#f28f3f" }),
+                React.createElement("stop", { offset: ".9", stopColor: "#ed693c" }),
+                React.createElement("stop", { offset: "1", stopColor: "#e83e39" }))),
+        React.createElement("path", { d: "M4.5,23c-.3,0-.5,0-.8,0-.9-.2-1.7-.8-2.2-1.6-.5-.8-.6-1.7-.4-2.6.3-1.3,1.3-2.3,2.6-2.6l-1.7-1.7c-.6-.6-1-1.5-1-2.4s.4-1.8,1-2.4l1.7-1.7c.4-.4.9-.6,1.4-.6h0c.5,0,1,.2,1.4.6.3.3.4.6.5.9,0,.4.3.7.7.9.3.2.7.3,1.1.2.4,0,.7-.3.9-.7.2-.3.3-.7.2-1.1-.1-.6-.6-1-1.1-1.1-1.1-.3-1.7-1.3-1.5-2.4,0-.4.3-.7.5-1l1.7-1.7c1.3-1.3,3.5-1.3,4.8,0l1.7,1.7c.2-.9.8-1.7,1.6-2.2.8-.5,1.7-.6,2.6-.4.9.2,1.7.8,2.2,1.6.5.8.6,1.7.4,2.6-.3,1.3-1.3,2.3-2.6,2.6l1.7,1.7c1.3,1.3,1.3,3.5,0,4.8l-1.7,1.7c-.8.8-2,.8-2.8,0-.3-.3-.4-.6-.5-1,0-.4-.3-.7-.7-.9-.3-.2-.7-.3-1.1-.2-.4,0-.7.3-.9.7-.2.3-.3.7-.2,1.1.1.6.6,1,1.1,1.1,1.1.3,1.7,1.3,1.5,2.4,0,.4-.3.7-.5,1l-1.7,1.7c-1.3,1.3-3.5,1.3-4.8,0l-1.7-1.7c-.4,1.6-1.8,2.7-3.4,2.7ZM5.1,9.3l-1.7,1.7c-.3.3-.4.6-.4,1s.1.7.4,1l1.7,1.7c.3.3.4.6.5.9.3,1.1-.4,2.2-1.5,2.4-.6.1-1,.6-1.1,1.1,0,.4,0,.8.2,1.1.2.3.5.6.9.7.8.2,1.6-.3,1.8-1.1,0-.4.3-.7.5-.9.4-.4.9-.6,1.4-.6h0c.5,0,1,.2,1.4.6l1.7,1.7c.6.6,1.4.6,2,0l1.7-1.7c-1.3-.3-2.3-1.3-2.6-2.6-.2-.9,0-1.8.4-2.6.5-.8,1.3-1.4,2.2-1.6.9-.2,1.8,0,2.6.4.8.5,1.4,1.3,1.6,2.2l1.7-1.7c.6-.6.6-1.4,0-2l-1.7-1.7c-.3-.3-.4-.6-.5-.9-.3-1.1.4-2.2,1.5-2.4.6-.1,1-.6,1.1-1.1,0-.4,0-.8-.2-1.1-.2-.3-.5-.6-.9-.7s-.8,0-1.1.2c-.3.2-.6.5-.7.9,0,.4-.3.7-.5.9-.8.8-2.1.8-2.8,0h0l-1.7-1.7c-.5-.5-1.5-.5-2,0l-1.7,1.7c1.3.3,2.3,1.3,2.6,2.6.2.9,0,1.8-.4,2.6-.5.8-1.3,1.4-2.2,1.6-.9.2-1.8,0-2.6-.4-.8-.5-1.4-1.3-1.6-2.2Z", fill: "url(#".concat(primaryGradientId, ")") })));
+};

package/es/icons/Resize.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Resize = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 18 18", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Resize");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 18 18", fill: "none" },
         React.createElement("path", { d: "M11.5 1.5H16.5V6.5", stroke: color, strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M16.5 1.5L10.6667 7.33333", stroke: color, strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M1.5 16.5001L7.33333 10.6667", stroke: color, strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }),

package/es/icons/Share.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Share = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 12 13", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Share");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 12 13", fill: "none" },
         React.createElement("path", { d: "M9.57764 4.25024C10.5441 4.25024 11.3276 3.46674 11.3276 2.50024C11.3276 1.53375 10.5441 0.750244 9.57764 0.750244C8.61114 0.750244 7.82764 1.53375 7.82764 2.50024C7.82764 3.46674 8.61114 4.25024 9.57764 4.25024Z", stroke: color, strokeWidth: "1.16667", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M2.57764 8.33362C3.54413 8.33362 4.32764 7.55012 4.32764 6.58362C4.32764 5.61712 3.54413 4.83362 2.57764 4.83362C1.61114 4.83362 0.827637 5.61712 0.827637 6.58362C0.827637 7.55012 1.61114 8.33362 2.57764 8.33362Z", stroke: color, strokeWidth: "1.16667", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M9.57764 12.417C10.5441 12.417 11.3276 11.6335 11.3276 10.667C11.3276 9.70049 10.5441 8.91699 9.57764 8.91699C8.61114 8.91699 7.82764 9.70049 7.82764 10.667C7.82764 11.6335 8.61114 12.417 9.57764 12.417Z", stroke: color, strokeWidth: "1.16667", strokeLinecap: "round", strokeLinejoin: "round" }),

package/es/icons/Star.js

@@ -1,6 +1,8 @@
 import * as React from 'react';
 export var Star = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 20 19", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Star");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 20 19", fill: "none" },
         React.createElement("path", { d: "M9.60416 1.91249C9.64068 1.83871 9.6971 1.7766 9.76704 1.73318C9.83698 1.68976 9.91767 1.66675 9.99999 1.66675C10.0823 1.66675 10.163 1.68976 10.233 1.73318C10.3029 1.7766 10.3593 1.83871 10.3958 1.91249L12.3208 5.81166C12.4476 6.0683 12.6348 6.29033 12.8663 6.4587C13.0979 6.62707 13.3668 6.73675 13.65 6.77833L17.955 7.40833C18.0366 7.42014 18.1132 7.45455 18.1762 7.50766C18.2393 7.56076 18.2862 7.63045 18.3117 7.70883C18.3372 7.78721 18.3402 7.87116 18.3205 7.95119C18.3007 8.03121 18.259 8.10412 18.2 8.16166L15.0867 11.1933C14.8813 11.3934 14.7277 11.6404 14.639 11.913C14.5503 12.1856 14.5292 12.4757 14.5775 12.7583L15.3125 17.0417C15.3269 17.1232 15.3181 17.2071 15.2871 17.2839C15.2561 17.3607 15.2041 17.4272 15.1371 17.4758C15.0701 17.5245 14.9908 17.5533 14.9082 17.5591C14.8256 17.5648 14.7431 17.5472 14.67 17.5083L10.8217 15.485C10.5681 15.3518 10.286 15.2823 9.99958 15.2823C9.71318 15.2823 9.43106 15.3518 9.17749 15.485L5.32999 17.5083C5.25694 17.547 5.17449 17.5644 5.09204 17.5585C5.00958 17.5527 4.93043 17.5238 4.86357 17.4752C4.79672 17.4266 4.74485 17.3601 4.71387 17.2835C4.68289 17.2069 4.67404 17.1231 4.68833 17.0417L5.42249 12.7592C5.47099 12.4764 5.44998 12.1862 5.36128 11.9134C5.27257 11.6406 5.11883 11.3935 4.91333 11.1933L1.79999 8.16249C1.74049 8.10502 1.69832 8.03199 1.6783 7.95172C1.65827 7.87145 1.66119 7.78717 1.68673 7.70848C1.71226 7.6298 1.75938 7.55986 1.82272 7.50665C1.88607 7.45343 1.96308 7.41907 2.04499 7.40749L6.34916 6.77833C6.63271 6.73708 6.90199 6.62754 7.13381 6.45915C7.36564 6.29076 7.55308 6.06855 7.67999 5.81166L9.60416 1.91249Z", stroke: color, strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" })));
 };

package/es/icons/Stars.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Stars = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 15 14", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Stars");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 15 14", fill: "none" },
         React.createElement("path", { d: "M7.12655 1.64151C7.15154 1.5077 7.22255 1.38684 7.32727 1.29987C7.43199 1.21289 7.56384 1.16528 7.69996 1.16528C7.83609 1.16528 7.96794 1.21289 8.07266 1.29987C8.17738 1.38684 8.24839 1.5077 8.27338 1.64151L8.88646 4.88368C8.93001 5.11418 9.04203 5.32621 9.2079 5.49208C9.37377 5.65795 9.58579 5.76997 9.8163 5.81351L13.0585 6.4266C13.1923 6.45159 13.3131 6.5226 13.4001 6.62732C13.4871 6.73204 13.5347 6.86388 13.5347 7.00001C13.5347 7.13614 13.4871 7.26798 13.4001 7.37271C13.3131 7.47743 13.1923 7.54844 13.0585 7.57343L9.8163 8.18651C9.58579 8.23006 9.37377 8.34207 9.2079 8.50795C9.04203 8.67382 8.93001 8.88584 8.88646 9.11635L8.27338 12.3585C8.24839 12.4923 8.17738 12.6132 8.07266 12.7002C7.96794 12.7871 7.83609 12.8347 7.69996 12.8347C7.56384 12.8347 7.43199 12.7871 7.32727 12.7002C7.22255 12.6132 7.15154 12.4923 7.12655 12.3585L6.51346 9.11635C6.46992 8.88584 6.3579 8.67382 6.19203 8.50795C6.02616 8.34207 5.81413 8.23006 5.58363 8.18651L2.34146 7.57343C2.20765 7.54844 2.08679 7.47743 1.99982 7.37271C1.91284 7.26798 1.86523 7.13614 1.86523 7.00001C1.86523 6.86388 1.91284 6.73204 1.99982 6.62732C2.08679 6.5226 2.20765 6.45159 2.34146 6.4266L5.58363 5.81351C5.81413 5.76997 6.02616 5.65795 6.19203 5.49208C6.3579 5.32621 6.46992 5.11418 6.51346 4.88368L7.12655 1.64151Z", stroke: color, strokeWidth: "1.16667", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M12.3667 1.16669V3.50002", stroke: color, strokeWidth: "1.16667", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M13.5335 2.33331H11.2002", stroke: color, strokeWidth: "1.16667", strokeLinecap: "round", strokeLinejoin: "round" }),

package/es/icons/Storybook.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Storybook = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b;
-    return (React.createElement("svg", { fill: "none", height: size, width: size, viewBox: "0 0 16.05 20" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Storybook");
+    return (React.createElement("svg", { id: svgId, fill: "none", height: size, width: size, viewBox: "0 0 16.05 20" },
         React.createElement("path", { d: "M0.620279 18.4293L0.000720095 1.92089C-0.0197415 1.37568 0.398305 0.913625 0.942836 0.879592L14.9844 0.00199235C15.5387 -0.0326493 16.0161 0.38859 16.0507 0.942857C16.052 0.96374 16.0527 0.984658 16.0527 1.00558V18.9945C16.0527 19.5498 15.6025 20 15.0471 20C15.0321 20 15.0171 19.9997 15.002 19.999L1.58 19.3962C1.05727 19.3727 0.639903 18.9522 0.620279 18.4293Z", fill: "#FF4785" }),
         React.createElement("path", { clipRule: "evenodd", d: "M13.8804 0.0710449L11.9479 0.191825L11.8536 2.45837C11.8522 2.49321 11.8629 2.52747 11.884 2.55526C11.9341 2.62126 12.0282 2.63418 12.0942 2.58411L12.9746 1.91625L13.7182 2.50205C13.7461 2.524 13.7808 2.53536 13.8163 2.53413C13.8991 2.53124 13.9639 2.46178 13.961 2.37898L13.8804 0.0710449ZM12.3763 7.66099C12.0225 7.93579 9.38733 8.12329 9.38733 7.73208C9.44302 6.23927 8.77469 6.17383 8.40339 6.17383C8.05066 6.17383 7.45659 6.28046 7.45659 7.08017C7.45659 7.89512 8.32476 8.35519 9.34377 8.8952C10.7914 9.66232 12.5433 10.5908 12.5433 12.927C12.5433 15.1662 10.724 16.4031 8.40339 16.4031C6.00853 16.4031 3.91569 15.4342 4.15205 12.075C4.24488 11.6806 7.2895 11.7743 7.2895 12.075C7.25237 13.4612 7.56798 13.8689 8.36626 13.8689C8.9789 13.8689 9.25737 13.5312 9.25737 12.9625C9.25737 12.1019 8.35281 11.594 7.31222 11.0098C5.90324 10.2187 4.24488 9.28767 4.24488 7.15126C4.24488 5.01868 5.7115 3.59696 8.32913 3.59696C10.9468 3.59696 12.3763 4.9969 12.3763 7.66099Z", fill: "white", fillRule: "evenodd" })));
 };

package/es/icons/Success.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Success = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Success");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("circle", { cx: "12", cy: "12", r: "10" }),
         React.createElement("path", { d: "m9 12 2 2 4-4" })));
 };

package/es/icons/User.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var User = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 15 19", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-User");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 15 19", fill: "none" },
         React.createElement("path", { d: "M13.2026 17.4586V15.7086C13.2026 14.7804 12.8339 13.8901 12.1775 13.2337C11.5211 12.5774 10.6309 12.2086 9.70264 12.2086H4.45264C3.52438 12.2086 2.63414 12.5774 1.97776 13.2337C1.32139 13.8901 0.952637 14.7804 0.952637 15.7086V17.4586", stroke: color, strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M7.07764 8.70862C9.01063 8.70862 10.5776 7.14161 10.5776 5.20862C10.5776 3.27562 9.01063 1.70862 7.07764 1.70862C5.14464 1.70862 3.57764 3.27562 3.57764 5.20862C3.57764 7.14161 5.14464 8.70862 7.07764 8.70862Z", stroke: color, strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" })));
 };

package/es/icons/UserGroup.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var UserGroup = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 20 18", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-UserGroup");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 20 18", fill: "none" },
         React.createElement("path", { d: "M13.3334 16.5V14.8333C13.3334 13.9493 12.9822 13.1014 12.357 12.4763C11.7319 11.8512 10.8841 11.5 10 11.5H5.00002C4.11597 11.5 3.26812 11.8512 2.643 12.4763C2.01788 13.1014 1.66669 13.9493 1.66669 14.8333V16.5", stroke: color, strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M13.3333 1.60669C14.0481 1.792 14.6811 2.20941 15.133 2.79341C15.585 3.37741 15.8301 4.09493 15.8301 4.83336C15.8301 5.57178 15.585 6.28931 15.133 6.8733C14.6811 7.4573 14.0481 7.87471 13.3333 8.06002", stroke: color, strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M18.3333 16.5001V14.8334C18.3328 14.0948 18.0869 13.3774 17.6345 12.7937C17.182 12.2099 16.5484 11.793 15.8333 11.6084", stroke: color, strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }),

package/es/icons/Warning.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 export var Warning = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Warning");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M12 16h.01" }),
         React.createElement("path", { d: "M12 8v4" }),
         React.createElement("path", { d: "M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z" })));