@aristobyte-ui/utils 2.16.5 → 2.17.1

package/lib/icons/AristoBadges.js

@@ -37,28 +37,33 @@ exports.AristoBadges = void 0;
 var React = __importStar(require("react"));
 var AristoBadges = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b;
-    return (React.createElement("svg", { width: size, height: size, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", id: "uuid-6083a255-3678-4889-aa78-1c0382f87526", viewBox: "0 0 400 460" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-aristo-badges");
+    var badgesPrimaryGradientId = "".concat(uid, "-aristobadges-primary-gradient");
+    var badgesGlowFilterId = "".concat(uid, "-aristobadges-glow-filter");
+    var badgesAccentGradientId = "".concat(uid, "-aristobadges-accent-gradient");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 400 460" },
         React.createElement("defs", null,
-            React.createElement("linearGradient", { id: "uuid-5f364422-dc4c-4152-a958-8cb89cbedcb4", x1: "197.19", y1: "307.66", x2: "201.32", y2: "14.72", gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: badgesPrimaryGradientId, x1: "197.19", y1: "307.66", x2: "201.32", y2: "14.72", gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { offset: "0", stopColor: "#f0513c" }),
                 React.createElement("stop", { offset: "0.28", stopColor: "#f47732" }),
                 React.createElement("stop", { offset: "0.7", stopColor: "#f7912c" }),
                 React.createElement("stop", { offset: "1", stopColor: "#fcb31b" })),
-            React.createElement("filter", { id: "uuid-d5b6607b-c345-49e4-a776-c86679dba1e1", x: "38.98", y: "39.03", width: "330", height: "390", filterUnits: "userSpaceOnUse" },
+            React.createElement("filter", { id: badgesGlowFilterId, x: "38.98", y: "39.03", width: "330", height: "390", filterUnits: "userSpaceOnUse" },
                 React.createElement("feOffset", { dx: "3.96", dy: "3.96" }),
                 React.createElement("feGaussianBlur", { result: "uuid-33330b19-1183-4c89-8ab0-6a6ac59b67c8", stdDeviation: "4.95" }),
                 React.createElement("feFlood", { floodColor: "#231f20", floodOpacity: "0.32" }),
                 React.createElement("feComposite", { in2: "uuid-33330b19-1183-4c89-8ab0-6a6ac59b67c8", operator: "in" }),
                 React.createElement("feComposite", { in: "SourceGraphic" })),
-            React.createElement("linearGradient", { id: "uuid-632df4d8-7dae-413a-9335-acac7412d2f2", x1: "251.05", y1: "411.14", x2: "247.1", y2: "209.26", gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: badgesAccentGradientId, x1: "251.05", y1: "411.14", x2: "247.1", y2: "209.26", gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { offset: "0", stopColor: "#fdef28" }),
                 React.createElement("stop", { offset: "0", stopColor: "#fde819" }),
                 React.createElement("stop", { offset: "0", stopColor: "#f0503d" }),
                 React.createElement("stop", { offset: "0.3", stopColor: "#f37433" }),
                 React.createElement("stop", { offset: "0.7", stopColor: "#f68830" }),
                 React.createElement("stop", { offset: "1", stopColor: "#fbaa20" }))),
-        React.createElement("g", { id: "uuid-b0814c43-a549-4954-ba93-5c35d7ce4383" },
-            React.createElement("path", { id: "uuid-8329ad40-6caa-4380-8d8d-b6f9a0e643cb", d: "M340.56,90.51l-131.49-39.2c-2.96-.88-6.02-1.32-9.07-1.31-3.06,0-6.12.43-9.07,1.31L59.44,90.51c-5.64,1.68-9.48,6.78-9.44,12.53.25,35.43,1.5,140.68,3.99,153.26,12.22,61.57,45.04,79.33,76.03,103.25,22.36,16.92,41.54,35.36,60.26,47.59,2.94,1.92,6.33,2.87,9.72,2.85,3.39.01,6.78-.94,9.72-2.85,18.72-12.24,37.9-30.67,60.26-47.59,30.98-23.92,63.81-41.68,76.03-103.25,2.5-12.58,3.75-117.83,3.99-153.26.04-5.76-3.8-10.85-9.44-12.53ZM200,230.51c-26.72,0-48.37-21.62-48.37-48.29s21.66-48.29,48.37-48.29,48.37,21.62,48.37,48.29-21.66,48.29-48.37,48.29Z", fill: "url(#uuid-5f364422-dc4c-4152-a958-8cb89cbedcb4)", filter: "url(#uuid-d5b6607b-c345-49e4-a776-c86679dba1e1)" }),
-            React.createElement("path", { id: "uuid-d19a2cfa-cf7e-454c-9477-90ce8d3ebde1", d: "M155.52,380.16c7.87,5.96,22.63,19.06,34.75,26.99,2.94,1.92,6.33,2.87,9.72,2.85,3.39.01,6.78-.94,9.72-2.85,18.72-12.24,37.9-30.67,60.26-47.59,30.98-23.92,63.81-41.68,76.03-103.25,1.63-8.22,2.94-84.56,3.03-96.85.02-2.85-23.23,82.57-101.64,98.36-113.51,22.86-107.53,110.25-91.87,122.34Z", fill: "url(#uuid-632df4d8-7dae-413a-9335-acac7412d2f2)" }))));
+        React.createElement("g", null,
+            React.createElement("path", { d: "M340.56,90.51l-131.49-39.2c-2.96-.88-6.02-1.32-9.07-1.31-3.06,0-6.12.43-9.07,1.31L59.44,90.51c-5.64,1.68-9.48,6.78-9.44,12.53.25,35.43,1.5,140.68,3.99,153.26,12.22,61.57,45.04,79.33,76.03,103.25,22.36,16.92,41.54,35.36,60.26,47.59,2.94,1.92,6.33,2.87,9.72,2.85,3.39.01,6.78-.94,9.72-2.85,18.72-12.24,37.9-30.67,60.26-47.59,30.98-23.92,63.81-41.68,76.03-103.25,2.5-12.58,3.75-117.83,3.99-153.26.04-5.76-3.8-10.85-9.44-12.53ZM200,230.51c-26.72,0-48.37-21.62-48.37-48.29s21.66-48.29,48.37-48.29,48.37,21.62,48.37,48.29-21.66,48.29-48.37,48.29Z", fill: "url(#".concat(badgesPrimaryGradientId, ")"), filter: "url(#".concat(badgesGlowFilterId, ")") }),
+            React.createElement("path", { d: "M155.52,380.16c7.87,5.96,22.63,19.06,34.75,26.99,2.94,1.92,6.33,2.87,9.72,2.85,3.39.01,6.78-.94,9.72-2.85,18.72-12.24,37.9-30.67,60.26-47.59,30.98-23.92,63.81-41.68,76.03-103.25,1.63-8.22,2.94-84.56,3.03-96.85.02-2.85-23.23,82.57-101.64,98.36-113.51,22.86-107.53,110.25-91.87,122.34Z", fill: "url(#".concat(badgesAccentGradientId, ")") }))));
 };
 exports.AristoBadges = AristoBadges;

package/lib/icons/AristoByte.js

@@ -37,9 +37,19 @@ exports.AristoByte = void 0;
 var React = __importStar(require("react"));
 var AristoByte = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b;
-    return (React.createElement("svg", { width: size, height: size, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 1105.92 1474.56" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-aristobyte");
+    var primaryGradientId = "".concat(uid, "-aristobyte-primary-gradient");
+    var secondaryGradientId = "".concat(uid, "-aristobyte-secondary-gradient");
+    var tertiaryGradientId = "".concat(uid, "-aristobyte-tertiary-gradient");
+    var quaternaryGradientId = "".concat(uid, "-aristobyte-quaternary-gradient");
+    var quinaryGradientId = "".concat(uid, "-aristobyte-quinary-gradient");
+    var senaryGradientId = "".concat(uid, "-aristobyte-senary-gradient");
+    var luminosityFilterId = "".concat(uid, "-aristobyte-luminosity-filter");
+    var logoMaskId = "".concat(uid, "-aristobyte-logo-mask");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 1105.92 1474.56" },
         React.createElement("defs", null,
-            React.createElement("linearGradient", { id: "aristobyte-linear-gradient", "data-name": "\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439, \u0436\u0435\u043B\u0442\u044B\u0439", x1: "0", y1: "1013.8", x2: "552.96", y2: "1013.8", gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: primaryGradientId, "data-name": "\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439, \u0436\u0435\u043B\u0442\u044B\u0439", x1: "0", y1: "1013.8", x2: "552.96", y2: "1013.8", gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { offset: "0", stopColor: "#ffef26" }),
                 React.createElement("stop", { offset: ".02", stopColor: "#fee921" }),
                 React.createElement("stop", { offset: ".1", stopColor: "#fdd70e" }),
@@ -48,30 +58,30 @@ var AristoByte = function (_a) {
                 React.createElement("stop", { offset: ".67", stopColor: "#f18f34" }),
                 React.createElement("stop", { offset: ".89", stopColor: "#e95f32" }),
                 React.createElement("stop", { offset: "1", stopColor: "#e3312d" })),
-            React.createElement("linearGradient", { id: "aristobyte-linear-gradient-2", "data-name": "\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439, \u0436\u0435\u043B\u0442\u044B\u0439", y1: "875.56", x2: "1105.92", y2: "875.56", xlinkHref: "#aristobyte-linear-gradient" }),
-            React.createElement("linearGradient", { id: "aristobyte-linear-gradient-3", "data-name": "\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439, \u0436\u0435\u043B\u0442\u044B\u0439", x1: ".33", y1: "362.66", x2: "736.71", y2: "362.66", xlinkHref: "#aristobyte-linear-gradient" }),
-            React.createElement("linearGradient", { id: "aristobyte-linear-gradient-4", "data-name": "\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439, \u0436\u0435\u043B\u0442\u044B\u0439", x1: "552.96", y1: "276.48", x2: "1105.92", y2: "276.48", xlinkHref: "#aristobyte-linear-gradient" }),
-            React.createElement("linearGradient", { id: "aristobyte-linear-gradient-5", "data-name": "\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439, \u0436\u0435\u043B\u0442\u044B\u0439", x1: ".08", y1: "645.12", x2: "1105.92", y2: "645.12", xlinkHref: "#aristobyte-linear-gradient" }),
-            React.createElement("linearGradient", { id: "aristobyte-linear-gradient-6", "data-name": "\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439, \u0436\u0435\u043B\u0442\u044B\u0439", y1: "276.36", y2: "276.36", xlinkHref: "#aristobyte-linear-gradient" }),
-            React.createElement("filter", { id: "luminosity-invert", x: "-2.12", y: "-2.12", width: "1110.24", height: "1478.88", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: secondaryGradientId, "data-name": "\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439, \u0436\u0435\u043B\u0442\u044B\u0439", y1: "875.56", x2: "1105.92", y2: "875.56", xlinkHref: "#".concat(primaryGradientId) }),
+            React.createElement("linearGradient", { id: tertiaryGradientId, "data-name": "\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439, \u0436\u0435\u043B\u0442\u044B\u0439", x1: ".33", y1: "362.66", x2: "736.71", y2: "362.66", xlinkHref: "#".concat(primaryGradientId) }),
+            React.createElement("linearGradient", { id: quaternaryGradientId, "data-name": "\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439, \u0436\u0435\u043B\u0442\u044B\u0439", x1: "552.96", y1: "276.48", x2: "1105.92", y2: "276.48", xlinkHref: "#".concat(primaryGradientId) }),
+            React.createElement("linearGradient", { id: quinaryGradientId, "data-name": "\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439, \u0436\u0435\u043B\u0442\u044B\u0439", x1: ".08", y1: "645.12", x2: "1105.92", y2: "645.12", xlinkHref: "#".concat(primaryGradientId) }),
+            React.createElement("linearGradient", { id: senaryGradientId, "data-name": "\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439, \u0436\u0435\u043B\u0442\u044B\u0439", y1: "276.36", y2: "276.36", xlinkHref: "#".concat(primaryGradientId) }),
+            React.createElement("filter", { id: luminosityFilterId, x: "-2.12", y: "-2.12", width: "1110.24", height: "1478.88", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
                 React.createElement("feColorMatrix", { result: "cm", values: "-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0" })),
-            React.createElement("mask", { id: "mask", x: "-2.12", y: "-2.12", width: "1110.24", height: "1478.88", maskUnits: "userSpaceOnUse" },
-                React.createElement("g", { filter: "url(#luminosity-invert)" },
+            React.createElement("mask", { id: logoMaskId, x: "-2.12", y: "-2.12", width: "1110.24", height: "1478.88", maskUnits: "userSpaceOnUse" },
+                React.createElement("g", { filter: "url(#".concat(luminosityFilterId, ")") },
                     React.createElement("image", null)))),
         React.createElement("g", { style: { isolation: 'isolate' } },
-            React.createElement("g", { id: "layer-2", "data-name": "\u0421\u043B\u043E\u0439 2" },
-                React.createElement("g", { id: "layer-1-2", "data-name": "\u0421\u043B\u043E\u0439 1" },
-                    React.createElement("g", { id: "Logo" },
+            React.createElement("g", { "data-name": "\u0421\u043B\u043E\u0439 2" },
+                React.createElement("g", { "data-name": "\u0421\u043B\u043E\u0439 1" },
+                    React.createElement("g", null,
                         React.createElement("image", null),
                         React.createElement("g", null,
                             React.createElement("g", null,
-                                React.createElement("path", { fill: "url(#aristobyte-linear-gradient)", d: "M477.92,1100.84c-83.56-11.31-161.22-41.29-228.56-85.69-9.58-6.31-19.01-12.94-28.18-19.82-11.31-8.44-22.2-17.29-32.85-26.62-16.79-14.75-32.69-30.47-47.51-47.1C55.46,826.24,2.62,700.99.08,563.45v-3.19c-.08-2.38-.08-4.83-.08-7.21v843.12c0,43.34,35.06,78.4,78.4,78.4h231.18c32.6,0,59.06-26.46,59.06-59.06v-125.26h.08c0-80.2,51.28-148.36,122.88-173.59,19.17-6.88,39.81-10.57,61.36-10.57v-.16c-25.48,0-50.46-1.72-75.04-5.08ZM.08,1300.73v-3.19c.08,2.38.16,4.67.25,7.05-.08-1.31-.16-2.54-.25-3.85ZM.08,1283.19v-3.19c.08-1.31.16-2.62.25-3.93-.08,2.38-.16,4.75-.25,7.13Z" }),
-                                React.createElement("path", { fill: "url(#aristobyte-linear-gradient-2)", d: "M1105.92,1290.24v127.22c0,31.54-25.56,57.1-57.1,57.1h-252.81c-32.44,0-58.74-26.3-58.74-58.74v-125.58h-.08c0-1.88,0-3.69-.16-5.57-.08-1.8-.16-3.6-.25-5.49-.08-3.03-.41-6.06-.74-9.01,0-.25,0-.49-.08-.74-.08-.98-.16-1.97-.33-2.95-.16-.98-.25-1.97-.41-2.95-.08-.74-.16-1.47-.33-2.21-.66-4.1-1.39-8.19-2.38-12.21-.08-.33-.08-.66-.25-.98-.08-.74-.33-1.47-.49-2.13-.08-.33-.16-.66-.25-.98s-.16-.66-.25-.98c0-.16-.08-.25-.08-.41-.08-.16-.08-.25-.16-.41,0-.16-.08-.41-.16-.57,0-.08,0-.25-.08-.33,0-.16,0-.25-.08-.41-.25-1.07-.57-2.05-.9-3.11-.25-1.07-.57-2.13-.98-3.2-1.64-5.57-3.6-10.98-5.9-16.3-2.21-5.32-4.67-10.57-7.37-15.56-.82-1.64-1.72-3.28-2.7-4.83-.98-1.72-1.97-3.36-2.95-5-.25-.49-.49-.98-.82-1.39-.25-.33-.41-.66-.66-.98-.08-.25-.25-.49-.41-.66-.41-.66-.82-1.31-1.23-1.88-.66-.98-1.23-1.88-1.88-2.79-3.03-4.51-6.39-8.93-9.83-13.11-1.64-2.05-3.28-4.01-5.08-5.9-.25-.33-.49-.57-.82-.9-.9-1.07-1.88-2.13-2.95-3.11-.82-.98-1.72-1.88-2.7-2.79-.57-.65-1.23-1.23-1.88-1.88-4.01-4.01-8.27-7.78-12.7-11.31-1.88-1.56-3.85-3.11-5.82-4.51-.16-.16-.41-.33-.66-.49-1.97-1.47-3.93-2.95-5.98-4.26-.66-.49-1.39-.98-2.13-1.47-1.15-.74-2.38-1.56-3.6-2.29-.66-.49-1.39-.9-2.13-1.31-.57-.41-1.15-.74-1.8-1.07-1.8-1.07-3.6-2.13-5.41-3.11-1.47-.82-3.03-1.64-4.59-2.38-.74-.49-1.56-.82-2.29-1.15-.98-.57-2.05-1.06-3.03-1.47-.82-.49-1.72-.9-2.62-1.23-.08-.08-.16-.16-.33-.16-.25-.16-.49-.25-.74-.33,0-.08-.08-.08-.16-.08-.08-.08-.25-.08-.33-.16-.08,0-.16-.08-.33-.08-.66-.41-1.31-.66-2.05-.9-.33-.16-.74-.33-1.15-.49-.16-.16-.41-.25-.66-.25-.9-.49-1.88-.82-2.87-1.15-.65-.33-1.31-.57-2.05-.82-1.23-.49-2.38-.9-3.52-1.31-.66-.25-1.39-.49-2.13-.74-2.05-.74-4.18-1.39-6.31-2.05-2.46-.74-4.83-1.47-7.29-2.05-2.95-.82-5.9-1.47-8.93-2.05-2.95-.66-5.9-1.15-8.93-1.64h-.16c-2.79-.41-5.57-.82-8.44-1.07-6.47-.74-12.94-1.07-19.58-1.07v-.16c-25.48,0-50.46-1.72-75.04-5.08-83.56-11.31-161.22-41.29-228.56-85.69-9.58-6.31-19.01-12.94-28.18-19.82-11.31-8.44-22.2-17.29-32.85-26.62-16.79-14.75-32.69-30.47-47.51-47.1C55.46,826.24,2.62,700.99.08,563.45c.08,1.31.16,2.54.25,3.85-.08-2.38-.16-4.67-.25-7.04-.08-2.38-.08-4.83-.08-7.21v-.33c0-2.29,0-4.59.08-6.8.08-2.38.16-4.75.25-7.13,7.46-146.06,128.21-262.23,276.15-262.23,81.84,0,155.4,35.55,206.11,92.08,3.11,3.52,6.14,7.04,9.01,10.73-71.6,25.23-122.88,93.47-122.88,173.67s51.28,148.44,122.88,173.67c19.17,6.88,39.81,10.57,61.36,10.57,43.42,0,85.61,5,126.16,14.5,112.39,26.13,211.6,86.67,285.98,169.82,87.57,97.81,140.82,227,140.82,368.64Z" }),
-                                React.createElement("path", { fill: "url(#aristobyte-linear-gradient-3)", d: "M736.71,540.92c-6.14-96.09-86.1-172.11-183.75-172.11-21.54,0-42.19,3.69-61.36,10.57-2.87-3.69-5.9-7.21-9.01-10.73-50.71-56.53-124.27-92.08-206.11-92.08C128.53,276.56,7.78,392.72.33,538.79,7.78,341.85,169.82,184.4,368.64,184.4c136.4,0,255.51,74.14,319.16,184.24,29.49,50.95,46.94,109.61,48.91,172.28Z" }),
-                                React.createElement("path", { fill: "url(#aristobyte-linear-gradient-4)", d: "M921.6,0c101.8,0,184.32,82.52,184.32,184.32v368.64C1105.92,247.56,858.36,0,552.96,0h368.64Z" }),
-                                React.createElement("path", { fill: "url(#aristobyte-linear-gradient-5)", d: "M1105.92,552.96v737.28c0-141.64-53.25-270.83-140.82-368.64-74.38-83.15-173.59-143.69-285.98-169.82-40.55-9.5-82.74-14.5-126.16-14.5,97.65,0,177.6-76.02,183.75-172.11.08-.33.08-.57.08-.9.08-1.23.16-2.38.25-3.6.08-2.54.16-5.08.16-7.62s-.08-5.08-.16-7.62c-.08-1.23-.16-2.38-.25-3.6,0-.33,0-.57-.08-.9-1.97-62.67-19.42-121.32-48.91-172.28-63.65-110.1-182.76-184.24-319.16-184.24C169.82,184.4,7.78,341.85.33,538.79c-.08,1.31-.16,2.62-.25,3.93C5.57,242.07,251,0,552.96,0s552.96,247.56,552.96,552.96Z" }),
-                                React.createElement("path", { fill: "url(#aristobyte-linear-gradient-6)", d: "M552.96,0C251,0,5.57,242.07.08,542.72v3.2c-.08,2.21-.08,4.51-.08,6.8V184.32C0,82.49,82.49,0,184.32,0h368.64Z" })),
-                            React.createElement("g", { mask: "url(#mask)" },
+                                React.createElement("path", { fill: "url(#".concat(primaryGradientId, ")"), d: "M477.92,1100.84c-83.56-11.31-161.22-41.29-228.56-85.69-9.58-6.31-19.01-12.94-28.18-19.82-11.31-8.44-22.2-17.29-32.85-26.62-16.79-14.75-32.69-30.47-47.51-47.1C55.46,826.24,2.62,700.99.08,563.45v-3.19c-.08-2.38-.08-4.83-.08-7.21v843.12c0,43.34,35.06,78.4,78.4,78.4h231.18c32.6,0,59.06-26.46,59.06-59.06v-125.26h.08c0-80.2,51.28-148.36,122.88-173.59,19.17-6.88,39.81-10.57,61.36-10.57v-.16c-25.48,0-50.46-1.72-75.04-5.08ZM.08,1300.73v-3.19c.08,2.38.16,4.67.25,7.05-.08-1.31-.16-2.54-.25-3.85ZM.08,1283.19v-3.19c.08-1.31.16-2.62.25-3.93-.08,2.38-.16,4.75-.25,7.13Z" }),
+                                React.createElement("path", { fill: "url(#".concat(secondaryGradientId, ")"), d: "M1105.92,1290.24v127.22c0,31.54-25.56,57.1-57.1,57.1h-252.81c-32.44,0-58.74-26.3-58.74-58.74v-125.58h-.08c0-1.88,0-3.69-.16-5.57-.08-1.8-.16-3.6-.25-5.49-.08-3.03-.41-6.06-.74-9.01,0-.25,0-.49-.08-.74-.08-.98-.16-1.97-.33-2.95-.16-.98-.25-1.97-.41-2.95-.08-.74-.16-1.47-.33-2.21-.66-4.1-1.39-8.19-2.38-12.21-.08-.33-.08-.66-.25-.98-.08-.74-.33-1.47-.49-2.13-.08-.33-.16-.66-.25-.98s-.16-.66-.25-.98c0-.16-.08-.25-.08-.41-.08-.16-.08-.25-.16-.41,0-.16-.08-.41-.16-.57,0-.08,0-.25-.08-.33,0-.16,0-.25-.08-.41-.25-1.07-.57-2.05-.9-3.11-.25-1.07-.57-2.13-.98-3.2-1.64-5.57-3.6-10.98-5.9-16.3-2.21-5.32-4.67-10.57-7.37-15.56-.82-1.64-1.72-3.28-2.7-4.83-.98-1.72-1.97-3.36-2.95-5-.25-.49-.49-.98-.82-1.39-.25-.33-.41-.66-.66-.98-.08-.25-.25-.49-.41-.66-.41-.66-.82-1.31-1.23-1.88-.66-.98-1.23-1.88-1.88-2.79-3.03-4.51-6.39-8.93-9.83-13.11-1.64-2.05-3.28-4.01-5.08-5.9-.25-.33-.49-.57-.82-.9-.9-1.07-1.88-2.13-2.95-3.11-.82-.98-1.72-1.88-2.7-2.79-.57-.65-1.23-1.23-1.88-1.88-4.01-4.01-8.27-7.78-12.7-11.31-1.88-1.56-3.85-3.11-5.82-4.51-.16-.16-.41-.33-.66-.49-1.97-1.47-3.93-2.95-5.98-4.26-.66-.49-1.39-.98-2.13-1.47-1.15-.74-2.38-1.56-3.6-2.29-.66-.49-1.39-.9-2.13-1.31-.57-.41-1.15-.74-1.8-1.07-1.8-1.07-3.6-2.13-5.41-3.11-1.47-.82-3.03-1.64-4.59-2.38-.74-.49-1.56-.82-2.29-1.15-.98-.57-2.05-1.06-3.03-1.47-.82-.49-1.72-.9-2.62-1.23-.08-.08-.16-.16-.33-.16-.25-.16-.49-.25-.74-.33,0-.08-.08-.08-.16-.08-.08-.08-.25-.08-.33-.16-.08,0-.16-.08-.33-.08-.66-.41-1.31-.66-2.05-.9-.33-.16-.74-.33-1.15-.49-.16-.16-.41-.25-.66-.25-.9-.49-1.88-.82-2.87-1.15-.65-.33-1.31-.57-2.05-.82-1.23-.49-2.38-.9-3.52-1.31-.66-.25-1.39-.49-2.13-.74-2.05-.74-4.18-1.39-6.31-2.05-2.46-.74-4.83-1.47-7.29-2.05-2.95-.82-5.9-1.47-8.93-2.05-2.95-.66-5.9-1.15-8.93-1.64h-.16c-2.79-.41-5.57-.82-8.44-1.07-6.47-.74-12.94-1.07-19.58-1.07v-.16c-25.48,0-50.46-1.72-75.04-5.08-83.56-11.31-161.22-41.29-228.56-85.69-9.58-6.31-19.01-12.94-28.18-19.82-11.31-8.44-22.2-17.29-32.85-26.62-16.79-14.75-32.69-30.47-47.51-47.1C55.46,826.24,2.62,700.99.08,563.45c.08,1.31.16,2.54.25,3.85-.08-2.38-.16-4.67-.25-7.04-.08-2.38-.08-4.83-.08-7.21v-.33c0-2.29,0-4.59.08-6.8.08-2.38.16-4.75.25-7.13,7.46-146.06,128.21-262.23,276.15-262.23,81.84,0,155.4,35.55,206.11,92.08,3.11,3.52,6.14,7.04,9.01,10.73-71.6,25.23-122.88,93.47-122.88,173.67s51.28,148.44,122.88,173.67c19.17,6.88,39.81,10.57,61.36,10.57,43.42,0,85.61,5,126.16,14.5,112.39,26.13,211.6,86.67,285.98,169.82,87.57,97.81,140.82,227,140.82,368.64Z" }),
+                                React.createElement("path", { fill: "url(#".concat(tertiaryGradientId, ")"), d: "M736.71,540.92c-6.14-96.09-86.1-172.11-183.75-172.11-21.54,0-42.19,3.69-61.36,10.57-2.87-3.69-5.9-7.21-9.01-10.73-50.71-56.53-124.27-92.08-206.11-92.08C128.53,276.56,7.78,392.72.33,538.79,7.78,341.85,169.82,184.4,368.64,184.4c136.4,0,255.51,74.14,319.16,184.24,29.49,50.95,46.94,109.61,48.91,172.28Z" }),
+                                React.createElement("path", { fill: "url(#".concat(quaternaryGradientId, ")"), d: "M921.6,0c101.8,0,184.32,82.52,184.32,184.32v368.64C1105.92,247.56,858.36,0,552.96,0h368.64Z" }),
+                                React.createElement("path", { fill: "url(#".concat(quinaryGradientId, ")"), d: "M1105.92,552.96v737.28c0-141.64-53.25-270.83-140.82-368.64-74.38-83.15-173.59-143.69-285.98-169.82-40.55-9.5-82.74-14.5-126.16-14.5,97.65,0,177.6-76.02,183.75-172.11.08-.33.08-.57.08-.9.08-1.23.16-2.38.25-3.6.08-2.54.16-5.08.16-7.62s-.08-5.08-.16-7.62c-.08-1.23-.16-2.38-.25-3.6,0-.33,0-.57-.08-.9-1.97-62.67-19.42-121.32-48.91-172.28-63.65-110.1-182.76-184.24-319.16-184.24C169.82,184.4,7.78,341.85.33,538.79c-.08,1.31-.16,2.62-.25,3.93C5.57,242.07,251,0,552.96,0s552.96,247.56,552.96,552.96Z" }),
+                                React.createElement("path", { fill: "url(#".concat(senaryGradientId, ")"), d: "M552.96,0C251,0,5.57,242.07.08,542.72v3.2c-.08,2.21-.08,4.51-.08,6.8V184.32C0,82.49,82.49,0,184.32,0h368.64Z" })),
+                            React.createElement("g", { mask: "url(#".concat(logoMaskId, ")") },
                                 React.createElement("g", { style: { mixBlendMode: 'screen', opacity: 0.52 } },
                                     React.createElement("g", null,
                                         React.createElement("path", { fill: "#fff", d: "M477.92,1100.84c-83.56-11.31-161.22-41.29-228.56-85.69-9.58-6.31-19.01-12.94-28.18-19.82-11.31-8.44-22.2-17.29-32.85-26.62-16.79-14.75-32.69-30.47-47.51-47.1C55.46,826.24,2.62,700.99.08,563.45v-3.19c-.08-2.38-.08-4.83-.08-7.21v843.12c0,43.34,35.06,78.4,78.4,78.4h231.18c32.6,0,59.06-26.46,59.06-59.06v-125.26h.08c0-80.2,51.28-148.36,122.88-173.59,19.17-6.88,39.81-10.57,61.36-10.57v-.16c-25.48,0-50.46-1.72-75.04-5.08ZM.08,1300.73v-3.19c.08,2.38.16,4.67.25,7.05-.08-1.31-.16-2.54-.25-3.85ZM.08,1283.19v-3.19c.08-1.31.16-2.62.25-3.93-.08,2.38-.16,4.75-.25,7.13Z" }),

package/lib/icons/AristoByteUI.js

@@ -37,15 +37,25 @@ exports.AristoByteUI = void 0;
 var React = __importStar(require("react"));
 var AristoByteUI = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b;
-    return (React.createElement("svg", { width: size, height: size, id: "layer-1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 918.18 1038.19" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-aristobyte-ui");
+    var dropShadowTopId = "".concat(uid, "-aristobyteui-drop-shadow-top");
+    var dropShadowMiddleId = "".concat(uid, "-aristobyteui-drop-shadow-middle");
+    var dropShadowBottomId = "".concat(uid, "-aristobyteui-drop-shadow-bottom");
+    var gradientTopMainId = "".concat(uid, "-aristobyteui-gradient-top-main");
+    var gradientTopSurfaceId = "".concat(uid, "-aristobyteui-gradient-top-surface");
+    var gradientMiddleMainId = "".concat(uid, "-aristobyteui-gradient-middle-main");
+    var gradientMiddleSurfaceId = "".concat(uid, "-aristobyteui-gradient-middle-surface");
+    var gradientBottomSurfaceId = "".concat(uid, "-aristobyteui-gradient-bottom-surface");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 918.18 1038.19" },
         React.createElement("defs", null,
-            React.createElement("filter", { id: "drop-shadow-1", x: "-4.39", y: "347.5", width: "927", height: "658", filterUnits: "userSpaceOnUse" },
+            React.createElement("filter", { id: dropShadowTopId, x: "-4.39", y: "347.5", width: "927", height: "658", filterUnits: "userSpaceOnUse" },
                 React.createElement("feOffset", { dx: "0", dy: "10.17" }),
                 React.createElement("feGaussianBlur", { result: "blur", stdDeviation: "38.66" }),
                 React.createElement("feFlood", { floodColor: "#000", floodOpacity: ".61" }),
                 React.createElement("feComposite", { in2: "blur", operator: "in" }),
                 React.createElement("feComposite", { in: "SourceGraphic" })),
-            React.createElement("linearGradient", { id: "aristobyte-linear-gradient-1", x1: "111.59", y1: "765.68", x2: "806.58", y2: "765.68", gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: gradientTopMainId, x1: "111.59", y1: "765.68", x2: "806.58", y2: "765.68", gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { offset: "0", stopColor: "#ff4a01" }),
                 React.createElement("stop", { offset: ".18", stopColor: "#f04311" }),
                 React.createElement("stop", { offset: ".36", stopColor: "#e32c01" }),
@@ -53,7 +63,7 @@ var AristoByteUI = function (_a) {
                 React.createElement("stop", { offset: ".7", stopColor: "#fa2903" }),
                 React.createElement("stop", { offset: ".86", stopColor: "#ee2404" }),
                 React.createElement("stop", { offset: "1", stopColor: "#cf1809" })),
-            React.createElement("linearGradient", { id: "aristobyte-linear-gradient-2", x1: "111.59", y1: "651.81", x2: "806.59", y2: "651.81", gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: gradientTopSurfaceId, x1: "111.59", y1: "651.81", x2: "806.59", y2: "651.81", gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { offset: "0", stopColor: "#ff4a01" }),
                 React.createElement("stop", { offset: ".18", stopColor: "#e82c02" }),
                 React.createElement("stop", { offset: ".36", stopColor: "#ec2d01" }),
@@ -61,18 +71,18 @@ var AristoByteUI = function (_a) {
                 React.createElement("stop", { offset: ".7", stopColor: "#d21f04" }),
                 React.createElement("stop", { offset: ".86", stopColor: "#ce1c05" }),
                 React.createElement("stop", { offset: "1", stopColor: "#e51f07" })),
-            React.createElement("filter", { id: "drop-shadow-2", x: "-4.39", y: "204.5", width: "927", height: "658", filterUnits: "userSpaceOnUse" },
+            React.createElement("filter", { id: dropShadowMiddleId, x: "-4.39", y: "204.5", width: "927", height: "658", filterUnits: "userSpaceOnUse" },
                 React.createElement("feOffset", { dx: "0", dy: "10.17" }),
                 React.createElement("feGaussianBlur", { result: "blur-2", stdDeviation: "38.66" }),
                 React.createElement("feFlood", { floodColor: "#000", floodOpacity: ".61" }),
                 React.createElement("feComposite", { in2: "blur-2", operator: "in" }),
                 React.createElement("feComposite", { in: "SourceGraphic" })),
-            React.createElement("linearGradient", { id: "aristobyte-linear-gradient-3", x1: "111.59", y1: "623.26", x2: "806.58", y2: "623.26", gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: gradientMiddleMainId, x1: "111.59", y1: "623.26", x2: "806.58", y2: "623.26", gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { offset: "0", stopColor: "#fb8206" }),
                 React.createElement("stop", { offset: ".18", stopColor: "#fda12d" }),
                 React.createElement("stop", { offset: ".54", stopColor: "#f85502" }),
                 React.createElement("stop", { offset: "1", stopColor: "#f33101" })),
-            React.createElement("linearGradient", { id: "aristobyte-linear-gradient-4", x1: "111.59", y1: "509.4", x2: "806.59", y2: "509.4", gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: gradientMiddleSurfaceId, x1: "111.59", y1: "509.4", x2: "806.59", y2: "509.4", gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { offset: "0", stopColor: "#ff9505" }),
                 React.createElement("stop", { offset: ".18", stopColor: "#ff6c01" }),
                 React.createElement("stop", { offset: ".36", stopColor: "#fe5e01" }),
@@ -80,13 +90,13 @@ var AristoByteUI = function (_a) {
                 React.createElement("stop", { offset: ".7", stopColor: "#f32f01" }),
                 React.createElement("stop", { offset: ".86", stopColor: "#f72f01" }),
                 React.createElement("stop", { offset: "1", stopColor: "#ef2d01" })),
-            React.createElement("filter", { id: "drop-shadow-3", x: "-4.39", y: "62.5", width: "927", height: "658", filterUnits: "userSpaceOnUse" },
+            React.createElement("filter", { id: dropShadowBottomId, x: "-4.39", y: "62.5", width: "927", height: "658", filterUnits: "userSpaceOnUse" },
                 React.createElement("feOffset", { dx: "0", dy: "10.17" }),
                 React.createElement("feGaussianBlur", { result: "blur-3", stdDeviation: "38.66" }),
                 React.createElement("feFlood", { floodColor: "#000", floodOpacity: ".61" }),
                 React.createElement("feComposite", { in2: "blur-3", operator: "in" }),
                 React.createElement("feComposite", { in: "SourceGraphic" })),
-            React.createElement("linearGradient", { id: "aristobyte-linear-gradient-5", x1: "111.59", y1: "366.98", x2: "806.59", y2: "366.98", gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: gradientBottomSurfaceId, x1: "111.59", y1: "366.98", x2: "806.59", y2: "366.98", gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { offset: "0", stopColor: "#ffda09" }),
                 React.createElement("stop", { offset: ".18", stopColor: "#ffd001" }),
                 React.createElement("stop", { offset: ".36", stopColor: "#ffb900" }),
@@ -94,16 +104,16 @@ var AristoByteUI = function (_a) {
                 React.createElement("stop", { offset: ".7", stopColor: "#ff9501" }),
                 React.createElement("stop", { offset: ".86", stopColor: "#ff9101" }),
                 React.createElement("stop", { offset: "1", stopColor: "#ff8001" }))),
-        React.createElement("g", { id: "logo" },
-            React.createElement("g", { id: "g-3", filter: "url(#drop-shadow-1)" },
-                React.createElement("path", { d: "M805.95,658.84c-3.21,15.5-31.29,28.1-44.28,35.56-87.39,50.22-176.71,97.19-264.1,147.41-22.03,11.01-50.49,10.93-73.26,2.05-74.28-41.36-148.5-82.88-222.7-124.32-6.85-3.83-13.28-8.44-20.47-11.6-.54-1.73-2.36-1.5-3.41-2.05-.44-.23-.95-.45-1.36-.68l-1.36-1.36c-14.33-8.23-48.14-24.15-56.93-36.22-3.89-5.34-5.86-10.28-6.34-14.85v23.54c-.18,1.6-.18,3.25.02,4.95.53,4.51,2.5,9.37,6.33,14.63,8.79,12.08,42.6,27.99,56.93,36.22l1.36,1.36c.41.23.92.46,1.36.68,1.06.54,2.87.31,3.41,2.05,7.2,3.16,13.62,7.77,20.47,11.6,74.2,41.44,148.43,82.96,222.7,124.32,22.76,8.88,51.22,8.96,73.26-2.05,87.4-50.22,176.71-97.19,264.1-147.41,12.99-7.46,41.07-20.06,44.28-35.56.89-4.27.81-8.03,0-11.39v-16.88Z", fill: "url(#aristobyte-linear-gradient-1)" }),
-                React.createElement("path", { id: "surf-3", d: "M688.87,570.09c31.95,18.14,66.2,36.69,97.37,55.84,12.27,7.54,23.13,16.42,19.71,32.91-3.21,15.5-31.29,28.1-44.28,35.56-87.39,50.22-176.71,97.19-264.1,147.41-22.03,11.01-50.49,10.93-73.26,2.05-74.28-41.36-148.5-82.88-222.7-124.32-6.85-3.83-13.28-8.44-20.47-11.6-.54-1.73-2.36-1.5-3.41-2.05-.44-.23-.95-.45-1.36-.68l-1.36-1.36c-14.33-8.23-48.14-24.15-56.93-36.22-15.3-21.02-.97-35.81,16.89-46.47,92.97-55.48,189.91-104.73,283.21-159.7,7.97-3.8,14.29-5.39,22.98-6.7l2.05-.68c15.96-1.92,35.3-.34,50.06,6.24,64.75,37.32,130.78,72.96,195.62,109.78Z", fill: "url(#aristobyte-linear-gradient-2)" })),
-            React.createElement("g", { id: "g-2", filter: "url(#drop-shadow-2)" },
-                React.createElement("path", { id: "surf-shadow-2", d: "M805.95,516.43c-3.21,15.5-31.29,28.1-44.28,35.56-87.39,50.22-176.71,97.19-264.1,147.41-22.03,11.01-50.49,10.93-73.26,2.05-74.28-41.36-148.5-82.88-222.7-124.32-6.85-3.83-13.28-8.44-20.47-11.6-.54-1.73-2.36-1.5-3.41-2.05-.44-.23-.95-.45-1.36-.68l-1.36-1.36c-14.33-8.23-48.14-24.15-56.93-36.22-3.89-5.34-5.86-10.28-6.34-14.85v23.54c-.18,1.6-.18,3.25.02,4.95.53,4.51,2.5,9.37,6.33,14.63,8.79,12.08,42.6,27.99,56.93,36.22l1.36,1.36c.41.23.92.46,1.36.68,1.06.54,2.87.31,3.41,2.05,7.2,3.16,13.62,7.77,20.47,11.6,74.2,41.44,148.43,82.96,222.7,124.32,22.76,8.88,51.22,8.96,73.26-2.05,87.4-50.22,176.71-97.19,264.1-147.41,12.99-7.46,41.07-20.06,44.28-35.56.89-4.27.81-8.03,0-11.39v-16.88Z", fill: "url(#aristobyte-linear-gradient-3)" }),
-                React.createElement("path", { id: "surf-2", d: "M688.87,427.67c31.95,18.14,66.2,36.69,97.37,55.84,12.27,7.54,23.13,16.42,19.71,32.91-3.21,15.5-31.29,28.1-44.28,35.56-87.39,50.22-176.71,97.19-264.1,147.41-22.03,11.01-50.49,10.93-73.26,2.05-74.28-41.36-148.5-82.88-222.7-124.32-6.85-3.83-13.28-8.44-20.47-11.6-.54-1.73-2.36-1.5-3.41-2.05-.44-.23-.95-.45-1.36-.68l-1.36-1.36c-14.33-8.23-48.14-24.15-56.93-36.22-15.3-21.02-.97-35.81,16.89-46.47,92.97-55.48,189.91-104.73,283.21-159.7,7.97-3.8,14.29-5.39,22.98-6.7l2.05-.68c15.96-1.92,35.3-.34,50.06,6.24,64.75,37.32,130.78,72.96,195.62,109.78Z", fill: "url(#aristobyte-linear-gradient-4)" })),
-            React.createElement("g", { id: "g-1", filter: "url(#drop-shadow-3)" },
-                React.createElement("path", { id: "surf-shadow-1", d: "M805.95,374.01c-3.21,15.5-31.29,28.1-44.28,35.56-87.39,50.22-176.71,97.19-264.1,147.41-22.03,11.01-50.49,10.93-73.26,2.05-74.28-41.36-148.5-82.88-222.7-124.32-6.85-3.83-13.28-8.44-20.47-11.6-.54-1.73-2.36-1.5-3.41-2.05-.44-.23-.95-.45-1.36-.68l-1.36-1.36c-14.33-8.23-48.14-24.15-56.93-36.22-3.89-5.34-5.86-10.28-6.34-14.85v23.54c-.18,1.6-.18,3.25.02,4.95.53,4.51,2.5,9.37,6.33,14.63,8.79,12.08,42.6,27.99,56.93,36.22l1.36,1.36c.41.23.92.46,1.36.68,1.06.54,2.87.31,3.41,2.05,7.2,3.16,13.62,7.77,20.47,11.6,74.2,41.44,148.43,82.96,222.7,124.32,22.76,8.88,51.22,8.96,73.26-2.05,87.4-50.22,176.71-97.19,264.1-147.41,12.99-7.46,41.07-20.06,44.28-35.56.89-4.27.81-8.03,0-11.39v-16.88Z", fill: "#ff9602" }),
-                React.createElement("g", { id: "surf-1" },
-                    React.createElement("path", { d: "M688.87,285.26c31.95,18.14,66.2,36.69,97.37,55.84,12.27,7.54,23.13,16.42,19.71,32.91-3.21,15.5-31.29,28.1-44.28,35.56-87.39,50.22-176.71,97.19-264.1,147.41-22.03,11.01-50.49,10.93-73.26,2.05-74.28-41.36-148.5-82.88-222.7-124.32-6.85-3.83-13.28-8.44-20.47-11.6-.54-1.73-2.36-1.5-3.41-2.05-.44-.23-.95-.45-1.36-.68l-1.36-1.36c-14.33-8.23-48.14-24.15-56.93-36.22-15.3-21.02-.97-35.81,16.89-46.47,92.97-55.48,189.91-104.73,283.21-159.7,7.97-3.8,14.29-5.39,22.98-6.7l2.05-.68c15.96-1.92,35.3-.34,50.06,6.24,64.75,37.32,130.78,72.96,195.62,109.78Z", fill: "url(#aristobyte-linear-gradient-5)" }))))));
+        React.createElement("g", null,
+            React.createElement("g", { filter: "url(#".concat(dropShadowTopId, ")") },
+                React.createElement("path", { d: "M805.95,658.84c-3.21,15.5-31.29,28.1-44.28,35.56-87.39,50.22-176.71,97.19-264.1,147.41-22.03,11.01-50.49,10.93-73.26,2.05-74.28-41.36-148.5-82.88-222.7-124.32-6.85-3.83-13.28-8.44-20.47-11.6-.54-1.73-2.36-1.5-3.41-2.05-.44-.23-.95-.45-1.36-.68l-1.36-1.36c-14.33-8.23-48.14-24.15-56.93-36.22-3.89-5.34-5.86-10.28-6.34-14.85v23.54c-.18,1.6-.18,3.25.02,4.95.53,4.51,2.5,9.37,6.33,14.63,8.79,12.08,42.6,27.99,56.93,36.22l1.36,1.36c.41.23.92.46,1.36.68,1.06.54,2.87.31,3.41,2.05,7.2,3.16,13.62,7.77,20.47,11.6,74.2,41.44,148.43,82.96,222.7,124.32,22.76,8.88,51.22,8.96,73.26-2.05,87.4-50.22,176.71-97.19,264.1-147.41,12.99-7.46,41.07-20.06,44.28-35.56.89-4.27.81-8.03,0-11.39v-16.88Z", fill: "url(#".concat(gradientTopMainId, ")") }),
+                React.createElement("path", { d: "M688.87,570.09c31.95,18.14,66.2,36.69,97.37,55.84,12.27,7.54,23.13,16.42,19.71,32.91-3.21,15.5-31.29,28.1-44.28,35.56-87.39,50.22-176.71,97.19-264.1,147.41-22.03,11.01-50.49,10.93-73.26,2.05-74.28-41.36-148.5-82.88-222.7-124.32-6.85-3.83-13.28-8.44-20.47-11.6-.54-1.73-2.36-1.5-3.41-2.05-.44-.23-.95-.45-1.36-.68l-1.36-1.36c-14.33-8.23-48.14-24.15-56.93-36.22-15.3-21.02-.97-35.81,16.89-46.47,92.97-55.48,189.91-104.73,283.21-159.7,7.97-3.8,14.29-5.39,22.98-6.7l2.05-.68c15.96-1.92,35.3-.34,50.06,6.24,64.75,37.32,130.78,72.96,195.62,109.78Z", fill: "url(#".concat(gradientTopSurfaceId, ")") })),
+            React.createElement("g", { filter: "url(#".concat(dropShadowMiddleId, ")") },
+                React.createElement("path", { d: "M805.95,516.43c-3.21,15.5-31.29,28.1-44.28,35.56-87.39,50.22-176.71,97.19-264.1,147.41-22.03,11.01-50.49,10.93-73.26,2.05-74.28-41.36-148.5-82.88-222.7-124.32-6.85-3.83-13.28-8.44-20.47-11.6-.54-1.73-2.36-1.5-3.41-2.05-.44-.23-.95-.45-1.36-.68l-1.36-1.36c-14.33-8.23-48.14-24.15-56.93-36.22-3.89-5.34-5.86-10.28-6.34-14.85v23.54c-.18,1.6-.18,3.25.02,4.95.53,4.51,2.5,9.37,6.33,14.63,8.79,12.08,42.6,27.99,56.93,36.22l1.36,1.36c.41.23.92.46,1.36.68,1.06.54,2.87.31,3.41,2.05,7.2,3.16,13.62,7.77,20.47,11.6,74.2,41.44,148.43,82.96,222.7,124.32,22.76,8.88,51.22,8.96,73.26-2.05,87.4-50.22,176.71-97.19,264.1-147.41,12.99-7.46,41.07-20.06,44.28-35.56.89-4.27.81-8.03,0-11.39v-16.88Z", fill: "url(#".concat(gradientMiddleMainId, ")") }),
+                React.createElement("path", { d: "M688.87,427.67c31.95,18.14,66.2,36.69,97.37,55.84,12.27,7.54,23.13,16.42,19.71,32.91-3.21,15.5-31.29,28.1-44.28,35.56-87.39,50.22-176.71,97.19-264.1,147.41-22.03,11.01-50.49,10.93-73.26,2.05-74.28-41.36-148.5-82.88-222.7-124.32-6.85-3.83-13.28-8.44-20.47-11.6-.54-1.73-2.36-1.5-3.41-2.05-.44-.23-.95-.45-1.36-.68l-1.36-1.36c-14.33-8.23-48.14-24.15-56.93-36.22-15.3-21.02-.97-35.81,16.89-46.47,92.97-55.48,189.91-104.73,283.21-159.7,7.97-3.8,14.29-5.39,22.98-6.7l2.05-.68c15.96-1.92,35.3-.34,50.06,6.24,64.75,37.32,130.78,72.96,195.62,109.78Z", fill: "url(#".concat(gradientMiddleSurfaceId, ")") })),
+            React.createElement("g", { filter: "url(#".concat(dropShadowBottomId, ")") },
+                React.createElement("path", { d: "M805.95,374.01c-3.21,15.5-31.29,28.1-44.28,35.56-87.39,50.22-176.71,97.19-264.1,147.41-22.03,11.01-50.49,10.93-73.26,2.05-74.28-41.36-148.5-82.88-222.7-124.32-6.85-3.83-13.28-8.44-20.47-11.6-.54-1.73-2.36-1.5-3.41-2.05-.44-.23-.95-.45-1.36-.68l-1.36-1.36c-14.33-8.23-48.14-24.15-56.93-36.22-3.89-5.34-5.86-10.28-6.34-14.85v23.54c-.18,1.6-.18,3.25.02,4.95.53,4.51,2.5,9.37,6.33,14.63,8.79,12.08,42.6,27.99,56.93,36.22l1.36,1.36c.41.23.92.46,1.36.68,1.06.54,2.87.31,3.41,2.05,7.2,3.16,13.62,7.77,20.47,11.6,74.2,41.44,148.43,82.96,222.7,124.32,22.76,8.88,51.22,8.96,73.26-2.05,87.4-50.22,176.71-97.19,264.1-147.41,12.99-7.46,41.07-20.06,44.28-35.56.89-4.27.81-8.03,0-11.39v-16.88Z", fill: "#ff9602" }),
+                React.createElement("g", null,
+                    React.createElement("path", { d: "M688.87,285.26c31.95,18.14,66.2,36.69,97.37,55.84,12.27,7.54,23.13,16.42,19.71,32.91-3.21,15.5-31.29,28.1-44.28,35.56-87.39,50.22-176.71,97.19-264.1,147.41-22.03,11.01-50.49,10.93-73.26,2.05-74.28-41.36-148.5-82.88-222.7-124.32-6.85-3.83-13.28-8.44-20.47-11.6-.54-1.73-2.36-1.5-3.41-2.05-.44-.23-.95-.45-1.36-.68l-1.36-1.36c-14.33-8.23-48.14-24.15-56.93-36.22-15.3-21.02-.97-35.81,16.89-46.47,92.97-55.48,189.91-104.73,283.21-159.7,7.97-3.8,14.29-5.39,22.98-6.7l2.05-.68c15.96-1.92,35.3-.34,50.06,6.24,64.75,37.32,130.78,72.96,195.62,109.78Z", fill: "url(#".concat(gradientBottomSurfaceId, ")") }))))));
 };
 exports.AristoByteUI = AristoByteUI;

package/lib/icons/AristoByteUICLI.js

@@ -37,9 +37,15 @@ exports.AristoByteUICLI = void 0;
 var React = __importStar(require("react"));
 var AristoByteUICLI = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b;
-    return (React.createElement("svg", { id: "layer-1", width: size, height: size, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 161.13 161.13" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-aristobyte-ui-cli");
+    var frameGradientId = "".concat(uid, "-aristobyteuicli-frame-gradient");
+    var backgroundGradientId = "".concat(uid, "-aristobyteuicli-background-gradient");
+    var arrowGradientId = "".concat(uid, "-aristobyteuicli-arrow-gradient");
+    var lineGradientId = "".concat(uid, "-aristobyteuicli-line-gradient");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 161.13 161.13" },
         React.createElement("defs", null,
-            React.createElement("linearGradient", { id: "aristobyte-ui-cli-linear-gradient-1", x1: "0", y1: "80.57", x2: "161.15", y2: "80.57", gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: frameGradientId, x1: "0", y1: "80.57", x2: "161.15", y2: "80.57", gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { offset: "0", stopColor: "#fcb118" }),
                 React.createElement("stop", { offset: ".18", stopColor: "#f79120" }),
                 React.createElement("stop", { offset: ".36", stopColor: "#f68a21" }),
@@ -47,10 +53,10 @@ var AristoByteUICLI = function (_a) {
                 React.createElement("stop", { offset: ".7", stopColor: "#f37024" }),
                 React.createElement("stop", { offset: ".86", stopColor: "#f15f24" }),
                 React.createElement("stop", { offset: "1", stopColor: "#ef4823" })),
-            React.createElement("linearGradient", { id: "aristobyte-ui-cli-linear-gradient-2", x1: "14.24", y1: "142.33", x2: "146.35", y2: "19.33", gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: backgroundGradientId, x1: "14.24", y1: "142.33", x2: "146.35", y2: "19.33", gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { offset: ".54", stopColor: "#161321" }),
                 React.createElement("stop", { offset: "1", stopColor: "#16131f" })),
-            React.createElement("linearGradient", { id: "aristobyte-ui-cli-linear-gradient-3", x1: "40.41", y1: "78.34", x2: "97.21", y2: "78.34", gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: arrowGradientId, x1: "40.41", y1: "78.34", x2: "97.21", y2: "78.34", gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { offset: "0", stopColor: "#f8951d" }),
                 React.createElement("stop", { offset: ".18", stopColor: "#f36d21" }),
                 React.createElement("stop", { offset: ".36", stopColor: "#f16022" }),
@@ -58,7 +64,7 @@ var AristoByteUICLI = function (_a) {
                 React.createElement("stop", { offset: ".7", stopColor: "#ee3724" }),
                 React.createElement("stop", { offset: ".86", stopColor: "#ee3724" }),
                 React.createElement("stop", { offset: "1", stopColor: "#ee3324" })),
-            React.createElement("linearGradient", { id: "aristobyte-ui-cli-linear-gradient-4", x1: "99.06", y1: "108.61", x2: "128.05", y2: "108.61", gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: lineGradientId, x1: "99.06", y1: "108.61", x2: "128.05", y2: "108.61", gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { offset: "0", stopColor: "#f04f23" }),
                 React.createElement("stop", { offset: ".18", stopColor: "#e53225" }),
                 React.createElement("stop", { offset: ".36", stopColor: "#e93224" }),
@@ -66,10 +72,10 @@ var AristoByteUICLI = function (_a) {
                 React.createElement("stop", { offset: ".7", stopColor: "#d02727" }),
                 React.createElement("stop", { offset: ".86", stopColor: "#cd2527" }),
                 React.createElement("stop", { offset: "1", stopColor: "#e32726" }))),
-        React.createElement("g", { id: "aristobyte-ui-cli" },
-            React.createElement("rect", { id: "Gradient_Stroke", x: "0", y: "0", width: "161.15", height: "161.15", rx: "30", ry: "30", fill: "url(#aristobyte-ui-cli-linear-gradient-1)" }),
-            React.createElement("rect", { id: "Dark_BG", x: "11.41", y: "11.41", width: "138.33", height: "138.33", rx: "18.14", ry: "18.14", fill: "url(#aristobyte-ui-cli-linear-gradient-2)" }),
-            React.createElement("path", { id: "_", d: "M90.38,66.96c3.85,2.3,6.22,3.95,6.67,8.88.78,8.49-1.19,10.72-7.99,14.67-6.51,3.78-13.76,7.46-20.16,11.09-7.69,4.36-16.67,10.59-24.62,14.25-1.97.91-3.45.64-3.68-1.8-.25-2.74-.29-8.92.01-11.6.24-2.06,1.41-2.61,2.99-3.6,9.71-6.12,20.87-10.95,30.58-17.13,1.45-.92,2.86-1.52,2.84-3.51-.02-1.77-1.29-2.41-2.58-3.24-9.78-6.29-21.35-11.12-31.11-17.39-1.18-.76-2.55-1.56-2.73-3.07-.47-3.93.31-8.82.06-12.86.75-1.27,1.63-1.54,3.04-1.03,8.03,5.22,40.54,22.7,46.66,26.36Z", fill: "url(#aristobyte-ui-cli-linear-gradient-3)" }),
-            React.createElement("rect", { id: "_-2", x: "99.06", y: "103.01", width: "28.99", height: "11.19", rx: "1.87", ry: "1.87", fill: "url(#aristobyte-ui-cli-linear-gradient-4)" }))));
+        React.createElement("g", null,
+            React.createElement("rect", { x: "0", y: "0", width: "161.15", height: "161.15", rx: "30", ry: "30", fill: "url(#".concat(frameGradientId, ")") }),
+            React.createElement("rect", { x: "11.41", y: "11.41", width: "138.33", height: "138.33", rx: "18.14", ry: "18.14", fill: "url(#".concat(backgroundGradientId, ")") }),
+            React.createElement("path", { d: "M90.38,66.96c3.85,2.3,6.22,3.95,6.67,8.88.78,8.49-1.19,10.72-7.99,14.67-6.51,3.78-13.76,7.46-20.16,11.09-7.69,4.36-16.67,10.59-24.62,14.25-1.97.91-3.45.64-3.68-1.8-.25-2.74-.29-8.92.01-11.6.24-2.06,1.41-2.61,2.99-3.6,9.71-6.12,20.87-10.95,30.58-17.13,1.45-.92,2.86-1.52,2.84-3.51-.02-1.77-1.29-2.41-2.58-3.24-9.78-6.29-21.35-11.12-31.11-17.39-1.18-.76-2.55-1.56-2.73-3.07-.47-3.93.31-8.82.06-12.86.75-1.27,1.63-1.54,3.04-1.03,8.03,5.22,40.54,22.7,46.66,26.36Z", fill: "url(#".concat(arrowGradientId, ")") }),
+            React.createElement("rect", { x: "99.06", y: "103.01", width: "28.99", height: "11.19", rx: "1.87", ry: "1.87", fill: "url(#".concat(lineGradientId, ")") }))));
 };
 exports.AristoByteUICLI = AristoByteUICLI;

package/lib/icons/ArrowLeft.d.ts

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

package/lib/icons/ArrowLeft.js

@@ -0,0 +1,55 @@
+"use strict";
+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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowLeft = void 0;
+var React = __importStar(require("react"));
+var ArrowLeft = function (props) {
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-arrow-left");
+    return (React.createElement("svg", __assign({ id: svgId, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-chevron-left-icon lucide-chevron-left" }, props),
+        React.createElement("path", { d: "m15 18-6-6 6-6" })));
+};
+exports.ArrowLeft = ArrowLeft;

package/lib/icons/ArrowRight.js

@@ -37,7 +37,9 @@ exports.ArrowRight = void 0;
 var React = __importStar(require("react"));
 var ArrowRight = 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-ArrowRight");
+    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: "m9 18 6-6-6-6" })));
 };
 exports.ArrowRight = ArrowRight;

package/lib/icons/BashCursor.js

@@ -37,7 +37,9 @@ exports.BashCursor = void 0;
 var React = __importStar(require("react"));
 var BashCursor = 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-BashCursor");
+    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 12.8334H14.6667", stroke: color, strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M1.33331 11.1666L6.33331 6.16663L1.33331 1.16663", stroke: color, strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" })));
 };

package/lib/icons/Branching.js

@@ -37,7 +37,9 @@ exports.Branching = void 0;
 var React = __importStar(require("react"));
 var Branching = 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-Branching");
+    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: "M24.4998 18.6667H19.8332C19.1888 18.6667 18.6665 19.1891 18.6665 19.8334V24.5001C18.6665 25.1444 19.1888 25.6667 19.8332 25.6667H24.4998C25.1442 25.6667 25.6665 25.1444 25.6665 24.5001V19.8334C25.6665 19.1891 25.1442 18.6667 24.4998 18.6667Z", stroke: color, strokeWidth: "2.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M8.16683 18.6667H3.50016C2.85583 18.6667 2.3335 19.1891 2.3335 19.8334V24.5001C2.3335 25.1444 2.85583 25.6667 3.50016 25.6667H8.16683C8.81116 25.6667 9.3335 25.1444 9.3335 24.5001V19.8334C9.3335 19.1891 8.81116 18.6667 8.16683 18.6667Z", stroke: color, strokeWidth: "2.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M16.3333 2.33325H11.6667C11.0223 2.33325 10.5 2.85559 10.5 3.49992V8.16658C10.5 8.81092 11.0223 9.33325 11.6667 9.33325H16.3333C16.9777 9.33325 17.5 8.81092 17.5 8.16658V3.49992C17.5 2.85559 16.9777 2.33325 16.3333 2.33325Z", stroke: color, strokeWidth: "2.33333", strokeLinecap: "round", strokeLinejoin: "round" }),

package/lib/icons/Bulb.js

@@ -37,7 +37,9 @@ exports.Bulb = void 0;
 var React = __importStar(require("react"));
 var Bulb = 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-Bulb");
+    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: "M17.5 16.3333C17.7333 15.1666 18.3167 14.3499 19.25 13.4166C20.4167 12.3666 21 10.8499 21 9.33325C21 7.47674 20.2625 5.69626 18.9497 4.3835C17.637 3.07075 15.8565 2.33325 14 2.33325C12.1435 2.33325 10.363 3.07075 9.05025 4.3835C7.7375 5.69626 7 7.47674 7 9.33325C7 10.4999 7.23333 11.8999 8.75 13.4166C9.56667 14.2333 10.2667 15.1666 10.5 16.3333", stroke: color, strokeWidth: "2.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M10.5 21H17.5", stroke: color, strokeWidth: "2.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M11.6665 25.6667H16.3332", stroke: color, strokeWidth: "2.33333", strokeLinecap: "round", strokeLinejoin: "round" })));

package/lib/icons/Bun.js

@@ -37,25 +37,27 @@ exports.Bun = void 0;
 var React = __importStar(require("react"));
 var Bun = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 24 : _b;
-    return (React.createElement("svg", { viewBox: "0 0 80 70", width: size, height: size },
-        React.createElement("path", { id: "Shadow", d: "M71.09,20.74c-.16-.17-.33-.34-.5-.5s-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5A26.46,26.46,0,0,1,75.5,35.7c0,16.57-16.82,30.05-37.5,30.05-11.58,0-21.94-4.23-28.83-10.86l.5.5.5.5.5.5.5.5.5.5.5.5.5.5C19.55,65.3,30.14,69.75,42,69.75c20.68,0,37.5-13.48,37.5-30C79.5,32.69,76.46,26,71.09,20.74Z" }),
-        React.createElement("g", { id: "Body" },
-            React.createElement("path", { id: "Background", d: "M73,35.7c0,15.21-15.67,27.54-35,27.54S3,50.91,3,35.7C3,26.27,9,17.94,18.22,13S33.18,3,38,3s8.94,4.13,19.78,10C67,17.94,73,26.27,73,35.7Z", fill: "#fbf0df" }),
-            React.createElement("path", { id: "Bottom_Shadow", "data-name": "Bottom Shadow", d: "M73,35.7a21.67,21.67,0,0,0-.8-5.78c-2.73,33.3-43.35,34.9-59.32,24.94A40,40,0,0,0,38,63.24C57.3,63.24,73,50.89,73,35.7Z", fill: "#f6dece" }),
-            React.createElement("path", { id: "Light_Shine", "data-name": "Light Shine", d: "M24.53,11.17C29,8.49,34.94,3.46,40.78,3.45A9.29,9.29,0,0,0,38,3c-2.42,0-5,1.25-8.25,3.13-1.13.66-2.3,1.39-3.54,2.15-2.33,1.44-5,3.07-8,4.7C8.69,18.13,3,26.62,3,35.7c0,.4,0,.8,0,1.19C9.06,15.48,20.07,13.85,24.53,11.17Z", fill: "#fffefc" }),
-            React.createElement("path", { id: "Top", d: "M35.12,5.53A16.41,16.41,0,0,1,29.49,18c-.28.25-.06.73.3.59,3.37-1.31,7.92-5.23,6-13.14C35.71,5,35.12,5.12,35.12,5.53Zm2.27,0A16.24,16.24,0,0,1,39,19c-.12.35.31.65.55.36C41.74,16.56,43.65,11,37.93,5,37.64,4.74,37.19,5.14,37.39,5.49Zm2.76-.17A16.42,16.42,0,0,1,47,17.12a.33.33,0,0,0,.65.11c.92-3.49.4-9.44-7.17-12.53C40.08,4.54,39.82,5.08,40.15,5.32ZM21.69,15.76a16.94,16.94,0,0,0,10.47-9c.18-.36.75-.22.66.18-1.73,8-7.52,9.67-11.12,9.45C21.32,16.4,21.33,15.87,21.69,15.76Z", fill: "#ccbea7", fillRule: "evenodd" }),
-            React.createElement("path", { id: "Outline", d: "M38,65.75C17.32,65.75.5,52.27.5,35.7c0-10,6.18-19.33,16.53-24.92,3-1.6,5.57-3.21,7.86-4.62,1.26-.78,2.45-1.51,3.6-2.19C32,1.89,35,.5,38,.5s5.62,1.2,8.9,3.14c1,.57,2,1.19,3.07,1.87,2.49,1.54,5.3,3.28,9,5.27C69.32,16.37,75.5,25.69,75.5,35.7,75.5,52.27,58.68,65.75,38,65.75ZM38,3c-2.42,0-5,1.25-8.25,3.13-1.13.66-2.3,1.39-3.54,2.15-2.33,1.44-5,3.07-8,4.7C8.69,18.13,3,26.62,3,35.7,3,50.89,18.7,63.25,38,63.25S73,50.89,73,35.7C73,26.62,67.31,18.13,57.78,13,54,11,51.05,9.12,48.66,7.64c-1.09-.67-2.09-1.29-3-1.84C42.63,4,40.42,3,38,3Z" })),
-        React.createElement("g", { id: "Mouth" },
-            React.createElement("g", { id: "Background-2", "data-name": "Background" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Bun");
+    return (React.createElement("svg", { id: svgId, viewBox: "0 0 80 70", width: size, height: size },
+        React.createElement("path", { d: "M71.09,20.74c-.16-.17-.33-.34-.5-.5s-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5A26.46,26.46,0,0,1,75.5,35.7c0,16.57-16.82,30.05-37.5,30.05-11.58,0-21.94-4.23-28.83-10.86l.5.5.5.5.5.5.5.5.5.5.5.5.5.5C19.55,65.3,30.14,69.75,42,69.75c20.68,0,37.5-13.48,37.5-30C79.5,32.69,76.46,26,71.09,20.74Z" }),
+        React.createElement("g", null,
+            React.createElement("path", { d: "M73,35.7c0,15.21-15.67,27.54-35,27.54S3,50.91,3,35.7C3,26.27,9,17.94,18.22,13S33.18,3,38,3s8.94,4.13,19.78,10C67,17.94,73,26.27,73,35.7Z", fill: "#fbf0df" }),
+            React.createElement("path", { "data-name": "Bottom Shadow", d: "M73,35.7a21.67,21.67,0,0,0-.8-5.78c-2.73,33.3-43.35,34.9-59.32,24.94A40,40,0,0,0,38,63.24C57.3,63.24,73,50.89,73,35.7Z", fill: "#f6dece" }),
+            React.createElement("path", { "data-name": "Light Shine", d: "M24.53,11.17C29,8.49,34.94,3.46,40.78,3.45A9.29,9.29,0,0,0,38,3c-2.42,0-5,1.25-8.25,3.13-1.13.66-2.3,1.39-3.54,2.15-2.33,1.44-5,3.07-8,4.7C8.69,18.13,3,26.62,3,35.7c0,.4,0,.8,0,1.19C9.06,15.48,20.07,13.85,24.53,11.17Z", fill: "#fffefc" }),
+            React.createElement("path", { d: "M35.12,5.53A16.41,16.41,0,0,1,29.49,18c-.28.25-.06.73.3.59,3.37-1.31,7.92-5.23,6-13.14C35.71,5,35.12,5.12,35.12,5.53Zm2.27,0A16.24,16.24,0,0,1,39,19c-.12.35.31.65.55.36C41.74,16.56,43.65,11,37.93,5,37.64,4.74,37.19,5.14,37.39,5.49Zm2.76-.17A16.42,16.42,0,0,1,47,17.12a.33.33,0,0,0,.65.11c.92-3.49.4-9.44-7.17-12.53C40.08,4.54,39.82,5.08,40.15,5.32ZM21.69,15.76a16.94,16.94,0,0,0,10.47-9c.18-.36.75-.22.66.18-1.73,8-7.52,9.67-11.12,9.45C21.32,16.4,21.33,15.87,21.69,15.76Z", fill: "#ccbea7", fillRule: "evenodd" }),
+            React.createElement("path", { d: "M38,65.75C17.32,65.75.5,52.27.5,35.7c0-10,6.18-19.33,16.53-24.92,3-1.6,5.57-3.21,7.86-4.62,1.26-.78,2.45-1.51,3.6-2.19C32,1.89,35,.5,38,.5s5.62,1.2,8.9,3.14c1,.57,2,1.19,3.07,1.87,2.49,1.54,5.3,3.28,9,5.27C69.32,16.37,75.5,25.69,75.5,35.7,75.5,52.27,58.68,65.75,38,65.75ZM38,3c-2.42,0-5,1.25-8.25,3.13-1.13.66-2.3,1.39-3.54,2.15-2.33,1.44-5,3.07-8,4.7C8.69,18.13,3,26.62,3,35.7,3,50.89,18.7,63.25,38,63.25S73,50.89,73,35.7C73,26.62,67.31,18.13,57.78,13,54,11,51.05,9.12,48.66,7.64c-1.09-.67-2.09-1.29-3-1.84C42.63,4,40.42,3,38,3Z" })),
+        React.createElement("g", null,
+            React.createElement("g", { "data-name": "Background" },
                 React.createElement("path", { d: "M45.05,43a8.93,8.93,0,0,1-2.92,4.71,6.81,6.81,0,0,1-4,1.88A6.84,6.84,0,0,1,34,47.71,8.93,8.93,0,0,1,31.12,43a.72.72,0,0,1,.8-.81H44.26A.72.72,0,0,1,45.05,43Z", fill: "#b71422" })),
-            React.createElement("g", { id: "Tongue" },
-                React.createElement("path", { id: "Background-3", "data-name": "Background", d: "M34,47.79a6.91,6.91,0,0,0,4.12,1.9,6.91,6.91,0,0,0,4.11-1.9,10.63,10.63,0,0,0,1-1.07,6.83,6.83,0,0,0-4.9-2.31,6.15,6.15,0,0,0-5,2.78C33.56,47.4,33.76,47.6,34,47.79Z", fill: "#ff6164" }),
-                React.createElement("path", { id: "Outline-2", "data-name": "Outline", d: "M34.16,47a5.36,5.36,0,0,1,4.19-2.08,6,6,0,0,1,4,1.69c.23-.25.45-.51.66-.77a7,7,0,0,0-4.71-1.93,6.36,6.36,0,0,0-4.89,2.36A9.53,9.53,0,0,0,34.16,47Z" })),
-            React.createElement("path", { id: "Outline-3", "data-name": "Outline", d: "M38.09,50.19a7.42,7.42,0,0,1-4.45-2,9.52,9.52,0,0,1-3.11-5.05,1.2,1.2,0,0,1,.26-1,1.41,1.41,0,0,1,1.13-.51H44.26a1.44,1.44,0,0,1,1.13.51,1.19,1.19,0,0,1,.25,1h0a9.52,9.52,0,0,1-3.11,5.05A7.42,7.42,0,0,1,38.09,50.19Zm-6.17-7.4c-.16,0-.2.07-.21.09a8.29,8.29,0,0,0,2.73,4.37A6.23,6.23,0,0,0,38.09,49a6.28,6.28,0,0,0,3.65-1.73,8.3,8.3,0,0,0,2.72-4.37.21.21,0,0,0-.2-.09Z" })),
-        React.createElement("g", { id: "Face" },
-            React.createElement("ellipse", { id: "Right_Blush", "data-name": "Right Blush", cx: "53.22", cy: "40.18", rx: "5.85", ry: "3.44", fill: "#febbd0" }),
-            React.createElement("ellipse", { id: "Left_Bluch", "data-name": "Left Bluch", cx: "22.95", cy: "40.18", rx: "5.85", ry: "3.44", fill: "#febbd0" }),
-            React.createElement("path", { id: "Eyes", d: "M25.7,38.8a5.51,5.51,0,1,0-5.5-5.51A5.51,5.51,0,0,0,25.7,38.8Zm24.77,0A5.51,5.51,0,1,0,45,33.29,5.5,5.5,0,0,0,50.47,38.8Z", fillRule: "evenodd" }),
-            React.createElement("path", { id: "Iris", d: "M24,33.64a2.07,2.07,0,1,0-2.06-2.07A2.07,2.07,0,0,0,24,33.64Zm24.77,0a2.07,2.07,0,1,0-2.06-2.07A2.07,2.07,0,0,0,48.75,33.64Z", fill: "#fff", fillRule: "evenodd" }))));
+            React.createElement("g", null,
+                React.createElement("path", { "data-name": "Background", d: "M34,47.79a6.91,6.91,0,0,0,4.12,1.9,6.91,6.91,0,0,0,4.11-1.9,10.63,10.63,0,0,0,1-1.07,6.83,6.83,0,0,0-4.9-2.31,6.15,6.15,0,0,0-5,2.78C33.56,47.4,33.76,47.6,34,47.79Z", fill: "#ff6164" }),
+                React.createElement("path", { "data-name": "Outline", d: "M34.16,47a5.36,5.36,0,0,1,4.19-2.08,6,6,0,0,1,4,1.69c.23-.25.45-.51.66-.77a7,7,0,0,0-4.71-1.93,6.36,6.36,0,0,0-4.89,2.36A9.53,9.53,0,0,0,34.16,47Z" })),
+            React.createElement("path", { "data-name": "Outline", d: "M38.09,50.19a7.42,7.42,0,0,1-4.45-2,9.52,9.52,0,0,1-3.11-5.05,1.2,1.2,0,0,1,.26-1,1.41,1.41,0,0,1,1.13-.51H44.26a1.44,1.44,0,0,1,1.13.51,1.19,1.19,0,0,1,.25,1h0a9.52,9.52,0,0,1-3.11,5.05A7.42,7.42,0,0,1,38.09,50.19Zm-6.17-7.4c-.16,0-.2.07-.21.09a8.29,8.29,0,0,0,2.73,4.37A6.23,6.23,0,0,0,38.09,49a6.28,6.28,0,0,0,3.65-1.73,8.3,8.3,0,0,0,2.72-4.37.21.21,0,0,0-.2-.09Z" })),
+        React.createElement("g", null,
+            React.createElement("ellipse", { "data-name": "Right Blush", cx: "53.22", cy: "40.18", rx: "5.85", ry: "3.44", fill: "#febbd0" }),
+            React.createElement("ellipse", { "data-name": "Left Bluch", cx: "22.95", cy: "40.18", rx: "5.85", ry: "3.44", fill: "#febbd0" }),
+            React.createElement("path", { d: "M25.7,38.8a5.51,5.51,0,1,0-5.5-5.51A5.51,5.51,0,0,0,25.7,38.8Zm24.77,0A5.51,5.51,0,1,0,45,33.29,5.5,5.5,0,0,0,50.47,38.8Z", fillRule: "evenodd" }),
+            React.createElement("path", { d: "M24,33.64a2.07,2.07,0,1,0-2.06-2.07A2.07,2.07,0,0,0,24,33.64Zm24.77,0a2.07,2.07,0,1,0-2.06-2.07A2.07,2.07,0,0,0,48.75,33.64Z", fill: "#fff", fillRule: "evenodd" }))));
 };
 exports.Bun = Bun;

package/lib/icons/Code.js

@@ -37,7 +37,9 @@ exports.Code = void 0;
 var React = __importStar(require("react"));
 var Code = 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-Code");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 16 12", fill: "none" },
         React.createElement("path", { d: "M12 8.66659L14.6667 5.99992L12 3.33325", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M3.99998 3.33325L1.33331 5.99992L3.99998 8.66659", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M9.66665 0.666748L6.33331 11.3334", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" })));

package/lib/icons/Comment.js

@@ -37,7 +37,9 @@ exports.Comment = void 0;
 var React = __importStar(require("react"));
 var Comment = 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 13", fill: "none" },
+    var uid = React.useId();
+    var svgId = "".concat(uid, "-icon-Comment");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 14 13", fill: "none" },
         React.createElement("path", { d: "M1.82299 9.11648C1.90877 9.33284 1.92786 9.56992 1.87783 9.79723L1.25658 11.7164C1.23656 11.8137 1.24173 11.9145 1.27161 12.0093C1.30149 12.1041 1.35508 12.1896 1.4273 12.2579C1.49952 12.3261 1.58797 12.3748 1.68428 12.3993C1.78058 12.4237 1.88154 12.4232 1.97758 12.3977L3.96849 11.8156C4.18299 11.773 4.40513 11.7916 4.60958 11.8692C5.85522 12.4509 7.26629 12.574 8.59383 12.2167C9.92137 11.8594 11.0801 11.0448 11.8655 9.91644C12.6509 8.78811 13.0126 7.41863 12.8867 6.04963C12.7608 4.68063 12.1554 3.40008 11.1774 2.43392C10.1993 1.46776 8.91149 0.878082 7.54105 0.768916C6.17061 0.65975 4.80566 1.03812 3.687 1.83726C2.56835 2.6364 1.76789 3.80496 1.42685 5.13676C1.08581 6.46857 1.22611 7.87803 1.82299 9.11648Z", stroke: color, strokeWidth: "1.16667", strokeLinecap: "round", strokeLinejoin: "round" })));
 };
 exports.Comment = Comment;

package/lib/icons/Components.js

@@ -37,7 +37,9 @@ exports.Components = void 0;
 var React = __importStar(require("react"));
 var Components = 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-Components");
+    return (React.createElement("svg", { id: svgId, width: size, height: size, viewBox: "0 0 16 16", fill: "none" },
         React.createElement("path", { d: "M10.3574 7.52864C10.2324 7.65366 10.1622 7.82319 10.1622 7.99997C10.1622 8.17675 10.2324 8.34628 10.3574 8.4713L11.9414 10.056C12.0664 10.181 12.2359 10.2512 12.4127 10.2512C12.5895 10.2512 12.759 10.181 12.884 10.056L14.4687 8.4713C14.5937 8.34628 14.6639 8.17675 14.6639 7.99997C14.6639 7.82319 14.5937 7.65366 14.4687 7.52864L12.884 5.94397C12.759 5.81899 12.5895 5.74878 12.4127 5.74878C12.2359 5.74878 12.0664 5.81899 11.9414 5.94397L10.3574 7.52864Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M1.53131 7.52864C1.40633 7.65366 1.33612 7.82319 1.33612 7.99997C1.33612 8.17675 1.40633 8.34628 1.53131 8.4713L3.11598 10.056C3.241 10.181 3.41054 10.2512 3.58731 10.2512C3.76409 10.2512 3.93363 10.181 4.05864 10.056L5.64331 8.4713C5.76829 8.34628 5.8385 8.17675 5.8385 7.99997C5.8385 7.82319 5.76829 7.65366 5.64331 7.52864L4.05864 5.94397C3.93363 5.81899 3.76409 5.74878 3.58731 5.74878C3.41054 5.74878 3.241 5.81899 3.11598 5.94397L1.53131 7.52864Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M5.944 11.9413C5.88201 12.0032 5.83284 12.0767 5.79929 12.1577C5.76574 12.2386 5.74847 12.3254 5.74847 12.413C5.74847 12.5006 5.76574 12.5873 5.79929 12.6683C5.83284 12.7492 5.88201 12.8227 5.944 12.8846L7.52867 14.4686C7.65368 14.5936 7.82322 14.6638 8 14.6638C8.17677 14.6638 8.34631 14.5936 8.47133 14.4686L10.056 12.8846C10.118 12.8227 10.1672 12.7492 10.2007 12.6683C10.2343 12.5873 10.2515 12.5006 10.2515 12.413C10.2515 12.3254 10.2343 12.2386 10.2007 12.1577C10.1672 12.0767 10.118 12.0032 10.056 11.9413L8.47133 10.3573C8.34631 10.2323 8.17677 10.1621 8 10.1621C7.82322 10.1621 7.65368 10.2323 7.52867 10.3573L5.944 11.9413Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }),

package/lib/icons/Copy.js

@@ -37,7 +37,9 @@ exports.Copy = void 0;
 var React = __importStar(require("react"));
 var Copy = 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-Copy");
+    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: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
         React.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })));
 };