@eleventheye/asui 1.11.1 → 2.0.0

package/dist/icons/EleventheyeIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const EleventheyeIcon = ({ className = '', size = 24, color = '#0E82C9' }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M13.04 23.03c-.16-.05-1.58-.95-3.17-1.98-1.58-1.03-2.94-1.9-3.02-1.93-.08-.03-.55.21-1.11.58-2.23 1.46-3.72 1.33-4.5-.38-.61-1.33-.09-2.33 1.87-3.61l1.24-.81.03-4.1s-.02-3.72.1-4.09c.12-.38.13-.32.31-.59.19-.27.44-.76 4.22-2.94 5.07-2.92 4.13-2.92 9.35.03 4.49 2.53 4.62 2.65 4.62 4.01 0 1.47.8.86-10.89 8.38-1.05.68-1.23.41 1.34 2.06l.49.32 2.13-1.23 2.13-1.23.06-1.16c.12-2.42 1.52-3.54 3.41-2.9 1.12.38 1.36 1.04 1.34 5.39l-.01 1.42-4.07 2.35c-4.67 2.69-4.86 2.77-5.88 2.41zm1.41-.4c.19-.07 2.1-1.14 4.25-2.38l3.9-2.26v-2.38c0-2.92-.4-3.58-1.47-3.82-1.27-.28-2.51.7-2.51 2.91v1.02l-2.31 1.33c-1.27.73-2.36 1.33-2.42 1.33-.28 0-3.42-2.17-3.3-2.28.07-.06.63-.43 1.24-.82C22.48 8.51 22.61 8.42 22.6 7.26c-.01-1.18-.11-1.26-4.22-3.58C13.1.71 14.2.79 9.21 3.57 7.54 4.51 6.55 5.1 5.9 5.6c-1.3.99-1.11 1.79-1.14 5.42l-.03 4.12-1.33.87c-1.95 1.29-2.37 2.05-1.75 3.25.71 1.38 1.83 1.41 3.86.1.66-.43 1.25-.76 1.31-.74.06.02 1.43.9 3.06 1.96 3.53 2.29 3.69 2.36 4.57 2.05zm-2.1-1.16c-.53-.34-2.01-1.29-3.28-2.12L6.76 17.83l-1.35.87c-2.06 1.33-2.62 1.68-3.33.4-.64-1.18-.01-1.6 1.75-2.74l1.45-.93.05-4.29s-.03-4.03.05-4.28c.07-.25.29-.4.29-.4.4-.57 7.09-4.45 7.8-4.53.6-.07.62-.06 4.4 2.06 4.32 2.42 4.15 2.3 4.15 3.21 0 .85-.66 1.33-10.4 7.52-2.63 1.67-2.63 1.22.03 2.93l2.23 1.43 2.66-1.53 2.66-1.53.04-1.36c.05-1.85.37-2.38 1.43-2.38 1.2 0 1.39.45 1.35 3.2l-.03 2.18-3.83 2.21c-4.61 2.66-4.26 2.56-5.78 1.59zm-.84-10.05c1.8-1.16 3.95-2.55 4.77-3.08 1.82-1.17 1.88-.93-.57-2.31L13.66 4.88 11.51 6.12c-1.19.69-2.43 1.4-2.76 1.59l-.61.35V10.8c0 1.51.02 2.74.04 2.74s1.52-.95 3.32-2.12zm-2.79-.91V8.43L11.19 7l2.48-1.42 1.48.83c.82.46 1.52.87 1.56.91s-1.68 1.2-3.83 2.58-3.96 2.55-4.03 2.6c-.1.07-.12-.34-.12-1.99zm2.56-.07c1.15-.74 2.69-1.73 3.41-2.19 1.17-.75 1.3-.86 1.15-.96-.46-.31-2.18-1.23-2.25-1.2-.05.01-1.07.59-2.28 1.29l-2.2 1.26v1.58c0 .87.02 1.58.04 1.58s.98-.61 2.13-1.35z", fill: color }) }) }));
+const EleventheyeIconSvg = ({ size = 24, color = '#FFFFFF', strokeWidth = 0.1, fillColor = '#0E82C9', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M12.91 22.8c-.16-.05-1.56-.94-3.14-1.96-1.56-1.02-2.91-1.88-2.99-1.91s-.54.21-1.1.57c-2.21 1.45-3.68 1.32-4.46-.38-.6-1.32-.09-2.31 1.85-3.57l1.23-.8.03-4.06s-.02-3.68.1-4.05c.12-.38.13-.32.31-.58.19-.27.44-.75 4.18-2.91 5.02-2.89 4.09-2.89 9.26.03 4.45 2.5 4.57 2.62 4.57 3.97 0 1.46.79.85-10.78 8.3-1.04.67-1.22.41 1.33 2.04l.49.32 2.11-1.22 2.11-1.22.06-1.15c.12-2.4 1.5-3.5 3.38-2.87 1.11.38 1.35 1.03 1.33 5.34l-.01 1.41-4.03 2.33c-4.62 2.66-4.81 2.74-5.82 2.39zm1.4-.4c.19-.07 2.08-1.13 4.21-2.36l3.86-2.24v-2.36c0-2.89-.4-3.54-1.46-3.78-1.26-.28-2.48.69-2.48 2.88v1.01l-2.29 1.32c-1.26.72-2.34 1.32-2.4 1.32-.28 0-3.39-2.15-3.27-2.26.07-.06.62-.43 1.23-.81 10.55-6.7 10.67-6.78 10.66-7.93-.01-1.17-.11-1.25-4.18-3.54C12.97.7 14.06.78 9.12 3.53c-1.66.93-2.64 1.52-3.28 2.01-1.54 1.05-1.02 1.38-1.13 5.37l-.03 4.08-1.32.86c-1.93 1.28-2.35 2.03-1.73 3.22.7 1.37 1.81 1.4 3.82.1.65-.43 1.24-.75 1.3-.73s1.42.89 3.03 1.94c3.49 2.27 3.65 2.34 4.52 2.03zm-2.08-1.15c-.52-.34-1.99-1.28-3.25-2.1l-2.29-1.5-1.34.86c-2.04 1.32-2.59 1.66-3.3.4-.63-1.17-.01-1.58 1.73-2.71l1.44-.92.05-4.25s-.03-3.99.05-4.24c.07-.25.29-.4.29-.4.4-.56 7.02-4.41 7.72-4.48.59-.07.61-.06 4.36 2.04 4.28 2.4 4.11 2.28 4.11 3.18 0 .84-.65 1.32-10.3 7.44-2.6 1.65-2.6 1.21.03 2.9l2.21 1.42 2.63-1.51 2.63-1.51.04-1.35c.05-1.83.37-2.36 1.42-2.36 1.19 0 1.38.45 1.34 3.17l-.03 2.16-3.79 2.19c-4.56 2.63-4.22 2.53-5.72 1.57zm-.83-9.95c1.78-1.15 3.91-2.52 4.72-3.05 1.8-1.16 1.86-.92-.56-2.29L13.52 4.83 11.39 6.06c-1.18.68-2.41 1.39-2.73 1.57l-.6.35v2.71c0 1.49.02 2.71.04 2.71s1.5-.94 3.29-2.1zm-2.76-.9V8.35l2.44-1.42 2.46-1.41 1.47.82c.81.46 1.5.86 1.54.9s-1.66 1.19-3.79 2.55-3.92 2.52-3.99 2.57c-.1.07-.12-.34-.12-1.97zm2.53-.07c1.14-.73 2.66-1.71 3.38-2.17 1.16-.74 1.29-.85 1.14-.95-.46-.31-2.16-1.22-2.23-1.19-.05.01-1.06.58-2.26 1.28L9.02 8.55v1.56c0 .86.02 1.56.04 1.56s.97-.6 2.11-1.34z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity }) }));
+};
+const EleventheyeIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(EleventheyeIconSvg, {}) }));
 };
 exports.default = EleventheyeIcon;

package/dist/icons/EmailIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailIcon.d.ts","sourceRoot":"","sources":["../../src/icons/EmailIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA8BlC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"EmailIcon.d.ts","sourceRoot":"","sources":["../../src/icons/EmailIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAwB1C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMlC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/icons/EmailIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const EmailIcon = ({ className = '', style, size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, style: style, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "nonzero", d: "M12.04 18.94q-1.46 0-2.73-.55t-2.22-1.5q-.94-.95-1.5-2.22t-.55-2.73q0-1.46.55-2.73t1.5-2.22q.95-.94 2.22-1.5t2.73-.55q1.46 0 2.73.55t2.22 1.5 1.5 2.22.55 2.73v.92q0 .98-.69 1.65-.69.68-1.69.68-.63 0-1.19-.31t-.85-.86q-.46.59-1.14.88t-1.44.29q-1.36 0-2.32-.94-.95-.94-.95-2.31 0-1.36.96-2.33.95-.96 2.31-.96t2.32.96q.96.97.96 2.33v.92q0 .54.39.91.39.37.94.37t.95-.37q.39-.37.39-.9v-.92q0-2.49-1.73-4.22T12.04 5.99q-2.49 0-4.22 1.73T6.09 11.94t1.73 4.22 4.22 1.73h3.74v1.05H12.04Zm0-4.79q.93 0 1.57-.64t.65-1.56q0-.94-.65-1.59t-1.57-.66q-.92 0-1.58.65t-.65 1.59q0 .92.65 1.56t1.57.64Z", fill: color })] }) }));
+const EmailIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.5, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M12.1 22.8q-2.2 0-4.2-.8t-3.4-2.3q-1.4-1.5-2.3-3.4t-.8-4.2q0-2.2.8-4.2t2.3-3.4Q6 3.1 7.9 2.2t4.2-.8q2.2 0 4.2.8t3.4 2.3 2.3 3.4.8 4.2v1.4q0 1.5-1.1 2.5t-2.6 1q-1 0-1.8-.5T16 15.2q-.7.9-1.8 1.4T12 17q-2.1 0-3.6-1.4T6.9 12q0-2.1 1.5-3.6T12 6.9t3.6 1.5T17.1 12v1.4q0 .8.6 1.4t1.4.6 1.5-.6q.6-.6.6-1.4V12q0-3.8-2.7-6.5T12.1 2.9q-3.8 0-6.5 2.7T2.9 12t2.7 6.5 6.5 2.7h5.8v1.6H12.1Zm0-7.4q1.4 0 2.4-1t1-2.4-1-2.4-2.4-1-2.4 1-1 2.4 1 2.4 2.4 1Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity }) }));
+};
+const EmailIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(EmailIconSvg, {}) }));
 };
 exports.default = EmailIcon;

package/dist/icons/EyeIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EyeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/EyeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BhC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"EyeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/EyeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAyB1C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMhC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/icons/EyeIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const EyeIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m12 5.5c4 0 7.4 2.7 8.3 6.5-.9 3.7-4.3 6.5-8.3 6.5-4-.1-7.4-2.8-8.3-6.5C4.6 8.3 8 5.5 12 5.5ZM12 17c-3.2 0-5.9-2.1-6.8-5C6.1 9.1 8.8 7 12 7s5.9 2.1 6.8 5c-.9 2.9-3.6 5-6.8 5zm2.9-5c0 1.6-1.3 2.9-2.9 2.9S9.1 13.6 9.1 12 10.4 9.1 12 9.1s2.9 1.3 2.9 2.9zm-1.4 0c0 .8-.6 1.4-1.4 1.4s-1.4-.6-1.4-1.4.6-1.4 1.4-1.4 1.4.6 1.4 1.4z", fill: color })] }) }));
+const EyeIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "m12 4.04c5.26 0 9.73 3.55 10.91 8.54-1.18 4.86-5.65 8.54-10.91 8.54-5.26-.13-9.72-3.68-10.91-8.54C2.28 7.72 6.75 4.04 12 4.04Zm0 15.11c-4.21 0-7.75-2.76-8.94-6.57C4.24 8.77 7.79 6.01 12 6.01s7.75 2.76 8.94 6.57c-1.18 3.81-4.73 6.57-8.94 6.57zm3.81-6.57c0 2.1-1.71 3.81-3.81 3.81s-3.81-1.71-3.81-3.81S9.9 8.77 12 8.77s3.81 1.71 3.81 3.81zm-1.84 0c0 1.05-.79 1.84-1.84 1.84s-1.84-.79-1.96-1.78.8-1.94 1.84-1.93 1.95.63 1.97 1.78z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }) }));
+};
+const EyeIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(EyeIconSvg, {}) }));
 };
 exports.default = EyeIcon;

package/dist/icons/EyeSlashIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EyeSlashIcon.d.ts","sourceRoot":"","sources":["../../src/icons/EyeSlashIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoCrC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"EyeSlashIcon.d.ts","sourceRoot":"","sources":["../../src/icons/EyeSlashIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAiC1C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMrC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/icons/EyeSlashIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const EyeSlashIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 18.12,6.32 C 13.7,9.63 9.22,12.88 4.76,16.15 a 0.72,0.72 0 0 0 -0.15,1 0.72,0.72 0 0 0 1,0.15 C 10.07,14.04 14.54,10.78 18.98,7.47 a 0.72,0.72 0 0 0 0.14,-1 0.72,0.72 0 0 0 -1,-0.14 z", fill: color }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m12 5.5c3.2 0 6.3 1.9 7.7 4.7.3.6.5 1.1.7 1.7-.8 3.2-3.5 5.8-6.8 6.3-3 .7-6.3-.5-8.2-2.9-.8-.9-1.4-2.1-1.7-3.3.8-3.2 3.5-5.7 6.7-6.3.5-.1 1-.1 1.6-.1zM12 17c-3 .1-5.9-2-6.8-4.9.1-.8.6-1.6 1.1-2.3 1.8-2.4 5.1-3.4 7.9-2.5 2.2.7 4 2.5 4.6 4.7-.9 2.9-3.7 5.1-6.8 5Zm2.9-5c.1 1.6-1.5 3.1-3.2 2.9-1.6-.2-2.9-1.9-2.5-3.5.3-1.6 2.1-2.7 3.6-2.1 1.2.3 2.1 1.5 2.1 2.7Zm-1.4 0c.1 1-1.2 1.8-2.1 1.3s-1-1.9-.1-2.5c.9-.7 2.3.1 2.2 1.2z", fill: color })] }) }));
+const EyeSlashIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsxs)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { d: "m11.9 4.2c4.01 0 7.89 2.38 9.64 5.89.38.75.63 1.38.88 2.13-1 4.01-4.38 7.26-8.52 7.89-3.76.88-7.89-.63-10.27-3.63-1-1.13-1.75-2.63-2.13-4.13 1-4.01 4.38-7.14 8.39-7.89.63-.13 1.24-.24 2-.25zm0 14.41c-3.76.13-7.39-2.51-8.52-6.14.13-1 .75-2 1.38-2.88 2.25-3.01 6.39-4.26 9.9-3.13 2.76.88 5.01 3.13 5.76 5.89-1.13 3.63-4.63 6.39-8.52 6.26Zm3.63-6.26c.13 2-1.88 3.88-4.01 3.63-2-.25-3.63-2.38-3.13-4.38.38-2 2.63-3.38 4.51-2.63 1.5.38 2.63 1.88 2.63 3.38Zm-1.75 0c.13 1.25-1.5 2.25-2.63 1.63s-1.25-2.38-.13-3.13c1.13-.88 2.88.13 2.76 1.5z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { d: "M20.968 4.448C14.78 9.082 8.508 13.632 2.264 18.21A1.008 1.008 90 002.054 19.61 1.008 1.008 90 003.454 19.82C9.698 15.256 15.956 10.692 22.172 6.058A1.008 1.008 90 0022.368 4.658 1.008 1.008 90 0020.968 4.462Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" })] }));
+};
+const EyeSlashIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(EyeSlashIconSvg, {}) }));
 };
 exports.default = EyeSlashIcon;

package/dist/icons/FootballIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FootballIcon.d.ts","sourceRoot":"","sources":["../../src/icons/FootballIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4BrC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FootballIcon.d.ts","sourceRoot":"","sources":["../../src/icons/FootballIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAyB1C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMrC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/icons/FootballIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const FootballIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { d: "M15.18 7.37c.53 1.25 1.41 2.36 2.39 3.41.3-.74.47-1.54.29-2.4-.05-.22-.2-.43-.37-.55-.73-.44-1.52-.53-2.31-.48ZM6.94 13.11c-.32.72-.54 1.51-.36 2.36.04.22.21.45.39.56.75.47 1.56.58 2.38.53-.67-1.3-1.4-2.51-2.4-3.44Zm3.31-3.98c-.14.1-.25.18-.38.28l.98 1.11-.58.56-1.06-1.14c-.2.18-.66.67-.84.85l1.14 1.11-.43.66-1.23-1.09c-.04.08-.11.17-.15.23-.13.21-.23.41-.36.63 1.21 1.18 2.18 2.55 2.89 4.14.23-.04.47-.08.71-.11 1.2-.22 2.29-.88 3.28-1.57.98-.68 1.97-1.47 2.58-2.5.13-.22.23-.42.36-.66-1.24-1.21-2.19-2.6-2.88-4.14-.33.05-.68.11-1.02.19l.57 1.5-.76.17-.55-1.42c-.24.1-.86.37-1.1.5l.71 1.3-.67.31-.73-1.24c-.14.09-.38.25-.5.33ZM9.5 8.07c1.23-.86 2.82-1.58 4.14-1.79 1.31-.21 3.4-.54 5.06.57.23.15.45.47.52.75.48 1.94-.23 3.66-1.11 5.08-.73 1.21-1.95 2.3-3.16 3.15-1.21.86-3.08 1.67-4.09 1.88-1.61.31-3.45.44-5.11-.66-.23-.17-.46-.48-.53-.76-.46-1.93.62-4.07 1.2-4.95.85-1.25 1.88-2.4 3.09-3.25Z", fill: color })] }) }));
+const FootballIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M16.53 4.93c.81 1.92 2.16 3.62 3.66 5.23.46-1.13.72-2.36.44-3.68-.08-.34-.31-.66-.57-.84-1.12-.67-2.33-.81-3.54-.74ZM3.9 13.73c-.49 1.1-.83 2.31-.55 3.62.06.34.32.69.6.86 1.15.72 2.39.89 3.65.81-1.03-1.99-2.15-3.85-3.68-5.27Zm5.07-6.1c-.21.15-.38.28-.58.43l1.5 1.7-.89.86-1.62-1.75c-.31.28-1.01 1.03-1.29 1.3l1.75 1.7-.66 1.01-1.88-1.67c-.06.12-.17.26-.23.35-.2.32-.35.63-.55.97 1.85 1.81 3.34 3.91 4.43 6.34.35-.06.72-.12 1.09-.17 1.84-.34 3.51-1.35 5.03-2.41 1.5-1.04 3.02-2.25 3.95-3.83.2-.34.35-.64.55-1.01-1.9-1.85-3.36-3.98-4.41-6.34-.51.08-1.04.17-1.56.29l.87 2.3-1.16.26-.84-2.18c-.37.15-1.32.57-1.69.77l1.09 1.99-1.03.48-1.12-1.9c-.21.14-.58.38-.77.51ZM7.83 6c1.88-1.32 4.32-2.42 6.34-2.74 2.01-.32 5.21-.83 7.75.87.35.23.69.72.8 1.15.74 2.97-.35 5.61-1.7 7.78-1.12 1.85-2.99 3.52-4.84 4.83-1.85 1.32-4.72 2.56-6.27 2.88-2.47.48-5.29.67-7.83-1.01-.35-.26-.7-.74-.81-1.16-.7-2.96.95-6.24 1.84-7.58 1.3-1.92 2.88-3.68 4.73-4.98Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }) }));
+};
+const FootballIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(FootballIconSvg, {}) }));
 };
 exports.default = FootballIcon;

package/dist/icons/GamesIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GamesIcon.d.ts","sourceRoot":"","sources":["../../src/icons/GamesIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BlC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"GamesIcon.d.ts","sourceRoot":"","sources":["../../src/icons/GamesIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAyB1C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMlC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/icons/GamesIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const GamesIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.4 8.4c1.93 0 3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5h-7c-1.93 0-3.5-1.57-3.5-3.5S6.47 8.4 8.4 8.4h7ZM8.4 7h7c2.71 0 4.9 2.19 4.9 4.9 0 2.71-2.19 4.9-4.9 4.9h-7c-2.71 0-4.9-2.19-4.9-4.9C3.5 9.19 5.69 7 8.4 7Zm5.38 4.2c.18 0 .36.07.5.21.27.27.27.71 0 .98-.27.28-.72.28-.99 0-.27-.27-.27-.71 0-.98.14-.14.32-.21.5-.21Zm1.49-1.48c.18 0 .35.06.49.2.28.27.28.72 0 .99-.27.27-.71.27-.99 0-.27-.27-.27-.72 0-.99.14-.13.32-.2.5-.2Zm1.49 1.48c.18 0 .36.07.5.21.27.27.27.71 0 .98-.27.28-.72.28-.99 0-.27-.27-.27-.71 0-.98.14-.14.32-.21.5-.21Zm-1.51 1.49c.19-.01.38.06.52.2.28.27.28.72 0 .99-.27.27-.71.27-.99 0-.27-.27-.27-.72 0-.99.14-.12.3-.19.47-.2ZM7.66 13.94h1.4v-1.4h1.4v-1.4H9.06V9.74H7.66v1.4H6.26v1.4h1.4Z", fill: color })] }) }));
+const GamesIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M16.52 7.42c2.51 0 4.55 2.04 4.55 4.55s-2.04 4.55-4.55 4.55h-9.1c-2.51 0-4.55-2.04-4.55-4.55S4.91 7.42 7.42 7.42h9.1ZM7.42 5.6h9.1c3.52 0 6.37 2.85 6.37 6.37s-2.85 6.37-6.37 6.37h-9.1c-3.52 0-6.37-2.85-6.37-6.37C1.05 8.45 3.9 5.6 7.42 5.6Zm6.99 5.46c.23 0 .47.09.65.27.35.35.35.92 0 1.27-.35.36-.94.36-1.29 0-.35-.35-.35-.92 0-1.27.18-.18.42-.27.65-.27Zm1.94-1.92c.23 0 .45.08.64.26.36.35.36.94 0 1.29-.35.35-.92.35-1.29 0-.35-.35-.35-.94 0-1.29.18-.17.42-.26.65-.26Zm1.94 1.92c.23 0 .47.09.65.27.35.35.35.92 0 1.27-.35.36-.94.36-1.29 0-.35-.35-.35-.92 0-1.27.18-.18.42-.27.65-.27ZM16.33 13c.25-.01.49.08.68.26.36.35.36.94 0 1.29-.35.35-.92.35-1.29 0-.35-.35-.35-.94 0-1.29.18-.16.39-.25.61-.26ZM6.46 14.62h1.82V12.8h1.82v-1.82H8.28V9.16H6.46v1.82H4.64v1.82h1.82Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }) }));
+};
+const GamesIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(GamesIconSvg, {}) }));
 };
 exports.default = GamesIcon;

package/dist/icons/GearUserIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GearUserIcon.d.ts","sourceRoot":"","sources":["../../src/icons/GearUserIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAiCrC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"GearUserIcon.d.ts","sourceRoot":"","sources":["../../src/icons/GearUserIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAyB1C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMrC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/icons/GearUserIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const GearUserIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.75 17.07c-.5-.13-.95-.3-1.38-.52-.41-.23-.82-.54-1.21-.95l-2.32 1-.94-1.59 2.03-1.54c-.06-.26-.1-.52-.14-.76-.04-.25-.05-.49-.05-.73 0-.26.02-.51.05-.76s.08-.49.15-.73L4.89 8.96l.94-1.59 2.33.98c.39-.39.78-.7 1.21-.94.41-.24.89-.41 1.41-.52l.26-2.49h1.95l.28 2.52c.44.06.91.23 1.39.53s.86.6 1.15.94l2.4-.99.89 1.59-2.07 1.56c.05.27.09.52.13.74.05.23.06.46.06.73 0 .23-.02.46-.06.7s-.09.5-.15.77l2.05 1.54-.92 1.59-2.32-1.02c-.42.4-.83.7-1.22.93s-.84.4-1.31.52l-.34 2.57h-1.88Zm-1.08-2.34V12.54c0-.6.49-1.1 1.1-1.1h2.19c.6 0 1.1.49 1.1 1.1v2.19Zm3.42-4.89A1.21 1.21 90 0011.88 8.62a1.21 1.21 90 00-1.2 1.21 1.21 1.21 90 001.21 1.21 1.21 1.21 90 001.21-1.21Z", stroke: color, fill: "none", strokeWidth: '1.25px', strokeLinecap: "round", strokeLinejoin: "round" })] }) }));
+const GearUserIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M13.4 8.8a1.75 1.75 90 01-1.75 1.75A1.75 1.75 90 019.9 8.8a1.75 1.75 90 011.74-1.75A1.75 1.75 90 0113.4 8.82Zm1.39 7.1V12.73c0-.88-.72-1.59-1.59-1.59H10.03c-.88 0-1.59.72-1.59 1.59v3.18Zm-4.32 7.09H13.2l.49-3.73c.68-.17 1.33-.41 1.9-.75s1.16-.77 1.77-1.35l3.36 1.48 1.33-2.3-2.97-2.23c.09-.4.16-.78.22-1.12s.09-.68.09-1.01c0-.39-.02-.73-.09-1.06-.06-.32-.12-.68-.19-1.07l3-2.26-1.29-2.3-3.48 1.43c-.42-.49-.98-.92-1.67-1.36s-1.37-.68-2.01-.77L13.25.94H10.42l-.38 3.61c-.75.16-1.45.4-2.04.75-.62.35-1.18.79-1.75 1.36L2.87 5.24 1.51 7.54 4.5 9.77c-.1.35-.18.7-.22 1.06s-.07.72-.07 1.1c0 .35.01.7.07 1.06.06.35.11.72.2 1.1L1.54 16.32l1.36 2.3 3.36-1.45c.56.6 1.16 1.05 1.75 1.38.62.32 1.28.56 2 .75Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }) }));
+};
+const GearUserIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(GearUserIconSvg, {}) }));
 };
 exports.default = GearUserIcon;

package/dist/icons/HexagonIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HexagonIcon.d.ts","sourceRoot":"","sources":["../../src/icons/HexagonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BpC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"HexagonIcon.d.ts","sourceRoot":"","sources":["../../src/icons/HexagonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAyB1C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMpC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/icons/HexagonIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const HexagonIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "nonzero", d: "M7.7 14.16 11.9 16.5l4.2-2.34V9.64L11.9 7.3 7.7 9.64v4.52ZM11.9 4.9 5.6 8.4v7l6.3 3.5 6.3-3.5v-7L11.9 4.9Z", fill: color, stroke: color, strokeWidth: '0.2px' })] }) }));
+const HexagonIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.95 1.04l9.87 5.48V17.5L11.94 23 2.06 17.5V6.52l9.89-5.48ZM5.36 15.56V8.47l6.59-3.68 6.59 3.68v7.1l-6.59 3.67-6.59-3.68Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }) }));
+};
+const HexagonIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(HexagonIconSvg, {}) }));
 };
 exports.default = HexagonIcon;

package/dist/icons/HomeIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HomeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/HomeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"HomeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/HomeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAyB1C,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/icons/HomeIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const HomeIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.7 7.2c0 .4-.3.6-.6.6-.4 0-.6-.3-.6-.6s.3-.6.6-.6c.4 0 .6.3.6.6Zm-.6 2.6c.4 0 .6-.3.6-.6s-.3-.6-.6-.6c-.4 0-.6.3-.6.6s.3.6.6.6Zm.6 6.3c0 .4-.3.6-.6.6-.4 0-.6-.3-.6-.6s.3-.6.6-.6c.4 0 .6.3.6.6Zm-.6-4.4c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6-.4 0-.6.3-.6.6 0 .4.3.6.6.6Zm2.5-4.4c0 .4-.3.6-.6.6s-.6-.3-.6-.6.3-.6.6-.6.6.3.6.6ZM12 9.8c.4 0 .6-.3.6-.6s-.3-.6-.6-.6-.6.3-.6.6.3.6.6.6Zm.6 6.3c0 .4-.3.6-.6.6s-.6-.3-.6-.6.3-.6.6-.6.6.3.6.6Zm1.3-8.2c.4 0 .6-.3.6-.6s-.3-.6-.6-.6-.6.3-.6.6.3.6.6.6Zm.6 1.3c0 .4-.3.6-.6.6s-.6-.3-.6-.6.3-.6.6-.6.6.3.6.6Zm-.6 7.6c.4 0 .6-.3.6-.6s-.3-.6-.6-.6-.6.3-.6.6.3.6.6.6ZM9.5 4.7c-1.1 0-1.9.8-1.9 1.9V16.7c0 1.1.8 1.9 1.9 1.9h5c1.1 0 1.9-.8 1.9-1.9V6.6c0-1.1-.8-1.9-1.9-1.9h-5Zm5 1.3h-5c-.4 0-.6.3-.6.6V16.7c0 .4.3.6.6.6h5c.4 0 .6-.3.6-.6V6.6c0-.4-.3-.6-.6-.6Z", fill: color })] }) }));
+const HomeIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M9.89 5.13c0 .62-.47.94-.94.94-.62 0-.94-.47-.94-.94s.47-.94.94-.94c.62 0 .94.47.94.94Zm-.94 4.06c.62 0 .94-.47.94-.94s-.47-.94-.94-.94c-.62 0-.94.47-.94.94s.47.94.94.94Zm.94 9.83c0 .62-.47.94-.94.94-.62 0-.94-.47-.94-.94s.47-.94.94-.94c.62 0 .94.47.94.94Zm-.94-6.86c.62 0 .94-.47.94-.94 0-.62-.47-.94-.94-.94-.62 0-.94.47-.94.94 0 .62.47.94.94.94Zm3.9-6.86c0 .62-.47.94-.94.94s-.94-.47-.94-.94.47-.94.94-.94.94.47.94.94Zm-.93 3.89c.62 0 .94-.47.94-.94s-.47-.94-.94-.94-.94.47-.94.94.47.94.94.94Zm.94 9.83c0 .62-.47.94-.94.94s-.94-.47-.94-.94.47-.94.94-.94.94.47.94.94Zm2.03-12.79c.62 0 .94-.47.94-.94s-.47-.94-.94-.94-.94.47-.94.94.47.94.94.94Zm.94 2.03c0 .62-.47.94-.94.94s-.94-.47-.94-.94.47-.94.94-.94.94.47.94.94Zm-.94 11.86c.62 0 .94-.47.94-.94s-.47-.94-.94-.94-.94.47-.94.94.47.94.94.94ZM8.02 1.23c-1.72 0-2.96 1.25-2.96 2.96V19.95c0 1.72 1.25 2.96 2.96 2.96h7.8c1.72 0 2.96-1.25 2.96-2.96V4.2c0-1.72-1.25-2.96-2.96-2.96h-7.8Zm7.8 2.03h-7.8c-.62 0-.94.47-.94.94V19.95c0 .62.47.94.94.94h7.8c.62 0 .94-.47.94-.94V4.2c0-.62-.47-.94-.94-.94Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }) }));
+};
+const HomeIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(HomeIconSvg, {}) }));
 };
 exports.default = HomeIcon;

package/dist/icons/Icons.types.d.ts

@@ -1,12 +1,17 @@
-type IconProps = {
+interface IconProps {
     className?: string;
     size?: number;
     color?: string;
     fillColor?: string;
     fillOpacity?: number;
-    strokeSize?: number;
+    strokeWidth?: number;
     circleStrokeColor?: string;
+    circleStrokeWidth?: number;
+    circleFillColor?: string;
+    circleFillOpacity?: number;
+    withCircle?: boolean;
     style?: React.CSSProperties;
-};
+    [key: string]: any;
+}
 export type { IconProps };
 //# sourceMappingURL=Icons.types.d.ts.map

package/dist/icons/Icons.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icons.types.d.ts","sourceRoot":"","sources":["../../src/icons/Icons.types.tsx"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Icons.types.d.ts","sourceRoot":"","sources":["../../src/icons/Icons.types.tsx"],"names":[],"mappings":"AAAA,UAAU,SAAS;IAIjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAKnB,IAAI,CAAC,EAAE,MAAM,CAAC;IAKd,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,SAAS,CAAC,EAAE,MAAM,CAAC;IAKnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAK3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAK3B,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAK3B,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAK5B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/icons/LockIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LockIcon.d.ts","sourceRoot":"","sources":["../../src/icons/LockIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"LockIcon.d.ts","sourceRoot":"","sources":["../../src/icons/LockIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAyB1C,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/icons/LockIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const LockIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "nonzero", d: "M15.75 10.69c1.12 0 2.02.9 2.02 2.02v4.05c0 1.12-.9 2.02-2.02 2.02H7.65c-1.12 0-2.02-.9-2.02-2.02v-4.05c0-1.12.9-2.02 2.02-2.02V8.67c0-2.23 1.82-4.05 4.05-4.05s4.05 1.82 4.05 4.05v2.02ZM11.7 5.96c1.49 0 2.7 1.21 2.7 2.7v2.02H9V8.66c0-1.49 1.21-2.7 2.7-2.7Zm4.05 6.08H7.65c-.37 0-.68.3-.68.68v4.05c0 .37.3.68.68.68h8.1c.37 0 .68-.3.68-.68v-4.05c0-.37-.3-.68-.68-.68Z", fill: color, stroke: color, strokeWidth: '0.2px' })] }) }));
+const LockIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M18.25 10.39c1.74 0 3.14 1.4 3.14 3.14v6.29c0 1.74-1.4 3.14-3.14 3.14H5.67c-1.74 0-3.14-1.4-3.14-3.14v-6.29c0-1.74 1.4-3.14 3.14-3.14V7.25C5.67 3.79 8.5.96 11.96.96s6.29 2.83 6.29 6.29v3.14ZM11.96 3.04c2.31 0 4.19 1.88 4.19 4.19v3.14H7.77V7.24c0-2.31 1.88-4.19 4.19-4.19Zm6.29 9.44H5.67c-.57 0-1.06.47-1.06 1.06v6.29c0 .57.47 1.06 1.06 1.06h12.58c.57 0 1.06-.47 1.06-1.06v-6.29c0-.57-.47-1.06-1.06-1.06Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }) }));
+};
+const LockIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(LockIconSvg, {}) }));
 };
 exports.default = LockIcon;

package/dist/icons/PenIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PenIcon.d.ts","sourceRoot":"","sources":["../../src/icons/PenIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BhC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"PenIcon.d.ts","sourceRoot":"","sources":["../../src/icons/PenIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAyB1C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMhC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/icons/PenIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const PenIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = '#transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m15.23 10.2-1.45-1.45.51-.51c.2-.2.52-.2.72 0l.72.72c.2.2.2.52 0 .72l-.51.51Zm-.93.93-1.45-1.45-3.27 3.27 1.45 1.45 3.27-3.27Zm2.18-4.36.72.72c.2.2.2.52 0 .72l-.45.45c.28.57.17 1.27-.3 1.75l-5.42 5.44-2.9-2.9 5.44-5.43c.47-.47 1.18-.58 1.75-.3l.45-.45c.2-.2.52-.2.72 0ZM6.62 17.35l1.09-3.98 2.89 2.89-3.98 1.09Z", fill: color })] }) }));
+const PenIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "m18.57 8.35-2.93-2.93 1.03-1.03c.4-.4 1.05-.4 1.45 0l1.45 1.45c.4.4.4 1.05 0 1.45l-1.03 1.03Zm-1.88 1.88-2.93-2.93-6.6 6.6 2.93 2.93 6.6-6.6Zm4.4-8.81 1.45 1.45c.4.4.4 1.05 0 1.45l-.91.91c.57 1.15.34 2.57-.61 3.53l-10.95 10.99-5.86-5.86L15.2 2.92c.95-.95 2.38-1.17 3.53-.61l.91-.91c.4-.4 1.05-.4 1.45 0ZM1.18 22.79l2.2-8.04 5.84 5.84-8.04 2.2Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }) }));
+};
+const PenIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(PenIconSvg, {}) }));
 };
 exports.default = PenIcon;

package/dist/icons/RulerIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RulerIcon.d.ts","sourceRoot":"","sources":["../../src/icons/RulerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BlC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"RulerIcon.d.ts","sourceRoot":"","sources":["../../src/icons/RulerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAyB1C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMlC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/icons/RulerIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const RulerIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { d: "M9.7 8.6v2.1c0 .4.3.7.7.7s.7-.3.7-.7V8.6h1.4v3.5c0 .4.3.7.7.7s.7-.3.7-.7V8.6h1.4v2.1c0 .4.3.7.7.7s.7-.3.7-.7V8.6h1.4c.4 0 .7.3.7.7v4.9c0 .4-.3.7-.7.7H5.5c-.4 0-.7-.3-.7-.7V9.3c0-.4.3-.7.7-.7H6.9v3.5c0 .4.3.7.7.7s.7-.3.7-.7V8.6H9.7ZM5.5 7.2H18.1c1.2 0 2.1.9 2.1 2.1v4.9c0 1.2-.9 2.1-2.1 2.1H5.5c-1.2 0-2.1-.9-2.1-2.1V9.3c0-1.2.9-2.1 2.1-2.1Z", fillRule: "evenodd", clipRule: "evenodd", fill: color })] }) }));
+const RulerIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M9.31 7.98v2.73c0 .52.39.91.91.91s.91-.39.91-.91V7.98h1.82v4.55c0 .52.39.91.91.91s.91-.39.91-.91V7.98h1.82v2.73c0 .52.39.91.91.91s.91-.39.91-.91V7.98h1.82c.52 0 .91.39.91.91v6.37c0 .52-.39.91-.91.91H3.85c-.52 0-.91-.39-.91-.91V8.89c0-.52.39-.91.91-.91H5.67v4.55c0 .52.39.91.91.91s.91-.39.91-.91V7.98H9.31ZM3.85 6.16H20.23c1.56 0 2.73 1.17 2.73 2.73v6.37c0 1.56-1.17 2.73-2.73 2.73H3.85c-1.56 0-2.73-1.17-2.73-2.73V8.89c0-1.56 1.17-2.73 2.73-2.73Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }) }));
+};
+const RulerIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(RulerIconSvg, {}) }));
 };
 exports.default = RulerIcon;

package/dist/icons/SaveIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SaveIcon.d.ts","sourceRoot":"","sources":["../../src/icons/SaveIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsCjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"SaveIcon.d.ts","sourceRoot":"","sources":["../../src/icons/SaveIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAoD1C,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/icons/SaveIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const SaveIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9ZM11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M6.81 10.75c0-2.17 1.76-3.94 3.94-3.94v1.13c-1.55 0-2.81 1.26-2.81 2.81H6.81Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M13.25 16.06c1.55 0 2.81-1.26 2.81-2.81h1.13c0 2.17-1.76 3.94-3.94 3.94v-1.13Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 3.75C7.44 3.75 3.75 7.44 3.75 12c0 4.56 3.69 8.25 8.25 8.25 4.56 0 8.25-3.69 8.25-8.25 0-4.56-3.69-8.25-8.25-8.25ZM5.25 12c0 3.73 3.02 6.75 6.75 6.75s6.75-3.02 6.75-6.75S15.73 5.25 12 5.25 5.25 8.27 5.25 12Z", fill: color })] }) }));
+const SaveIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsxs)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { d: "M12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9ZM11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { d: "M5 12C5 8.13401 8.13401 5 12 5V7C9.23858 7 7 9.23858 7 12H5Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 17C14.7614 17 17 14.7614 17 12H19C19 15.866 15.866 19 12 19V17Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" })] }));
+};
+const SaveIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(SaveIconSvg, {}) }));
 };
 exports.default = SaveIcon;

package/dist/icons/SearchIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchIcon.d.ts","sourceRoot":"","sources":["../../src/icons/SearchIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"SearchIcon.d.ts","sourceRoot":"","sources":["../../src/icons/SearchIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAyB1C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/icons/SearchIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const SearchIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = 'transparent', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.3 7.4c-1.7-1.6-4.3-1.6-6 0-1.6 1.7-1.6 4.3 0 6 1.7 1.6 4.3 1.6 6 0 1.6-1.7 1.6-4.3 0-6Zm1.4 6.4s0 0 .1.1l2.9 2.9c.3.3.3.7 0 1-.2.3-.7.3-1 0l-2.9-3s-.1 0-.1 0c-2.2 1.7-5.3 1.6-7.4-.5-2.1-2.1-2.1-5.7 0-7.9 2.2-2.2 5.8-2.2 8 0 2 2 2.1 5.2.4 7.4Z", fill: color })] }) }));
+const SearchIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M15.2 5.53c-2.78-2.62-7.04-2.62-9.83 0-2.62 2.78-2.62 7.04 0 9.83 2.78 2.62 7.04 2.62 9.83 0 2.62-2.78 2.62-7.04 0-9.83Zm2.29 10.48s0 0 .16.16l4.75 4.75c.49.49.49 1.15 0 1.64-.33.49-1.15.49-1.64 0l-4.75-4.91s-.16 0-.16 0c-3.6 2.78-8.68 2.62-12.12-.82-3.44-3.44-3.44-9.34 0-12.94 3.6-3.6 9.5-3.6 13.1 0 3.28 3.28 3.44 8.52.66 12.12Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }) }));
+};
+const SearchIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(SearchIconSvg, {}) }));
 };
 exports.default = SearchIcon;

package/dist/icons/TimeLapseIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeLapseIcon.d.ts","sourceRoot":"","sources":["../../src/icons/TimeLapseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BtC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TimeLapseIcon.d.ts","sourceRoot":"","sources":["../../src/icons/TimeLapseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAyB1C,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMtC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/icons/TimeLapseIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const TimeLapseIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { d: "M12.03 17.33c-1.51 0-2.77-.63-3.78-1.51l3.78-3.78V6.74c2.9 0 5.29 2.39 5.29 5.29s-2.39 5.29-5.29 5.29Zm8.32-5.3c0 4.54-3.78 8.32-8.32 8.32s-8.32-3.78-8.32-8.32 3.78-8.32 8.32-8.32 8.32 3.79 8.32 8.32Zm-1.51 0c0 3.78-3.02 6.8-6.8 6.8s-6.81-3.02-6.81-6.8 3.02-6.8 6.8-6.8 6.8 3.02 6.8 6.8Z", fillRule: "evenodd", clipRule: "evenodd", fill: color })] }) }));
+const TimeLapseIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M12.09 19.07c-1.99 0-3.65-.83-4.98-1.99l4.98-4.98V5.12c3.82 0 6.97 3.15 6.97 6.97s-3.15 6.97-6.97 6.97Zm10.96-6.98c0 5.98-4.98 10.96-10.96 10.96S1.13 18.07 1.13 12.09 6.11 1.13 12.09 1.13s10.96 4.99 10.96 10.96Zm-1.99 0c0 4.98-3.98 8.96-8.96 8.96s-8.97-3.98-8.97-8.96 3.98-8.96 8.96-8.96 8.96 3.98 8.96 8.96Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }) }));
+};
+const TimeLapseIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(TimeLapseIconSvg, {}) }));
 };
 exports.default = TimeLapseIcon;

package/dist/icons/UnlockIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnlockIcon.d.ts","sourceRoot":"","sources":["../../src/icons/UnlockIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"UnlockIcon.d.ts","sourceRoot":"","sources":["../../src/icons/UnlockIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAyB1C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/icons/UnlockIcon.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
 const styles_1 = require("./styles");
-const UnlockIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "nonzero", d: "M15.75 11.7c.369 0 .675.306.675.675v4.05c0 .369-.306.675-.675.675h-8.1c-.369 0-.675-.306-.675-.675v-4.05c0-.369.306-.675.675-.675h8.1Zm.675-3.375c0-2.232-1.818-4.05-4.05-4.05s-4.05 1.818-4.05 4.05V10.35H7.65c-1.125 0-2.025.9-2.025 2.025v4.05c0 1.125.9 2.025 2.025 2.025h8.1c1.125 0 2.025-.9 2.025-2.025v-4.05c0-1.125-.9-2.025-2.025-2.025H9.675V8.325c0-1.494 1.206-2.7 2.7-2.7s2.7 1.206 2.7 2.7h1.35Z", fill: color, stroke: color, strokeWidth: '0.2px' })] }) }));
+const UnlockIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M18.19 12.58c.56 0 1.03.47 1.03 1.03v6.19c0 .56-.47 1.03-1.03 1.03H5.81c-.56 0-1.03-.47-1.03-1.03v-6.19c0-.56.47-1.03 1.03-1.03h12.38Zm1.03-5.16c0-3.41-2.78-6.19-6.19-6.19S6.84 4.01 6.84 7.42v3.1H5.81c-1.72 0-3.09 1.38-3.09 3.09v6.19c0 1.72 1.38 3.09 3.09 3.09h12.38c1.72 0 3.09-1.38 3.09-3.09v-6.19c0-1.72-1.38-3.09-3.09-3.09H8.9V7.43c0-2.28 1.84-4.13 4.13-4.13s4.13 1.84 4.13 4.13h2.06Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity, fillRule: "evenodd" }) }));
+};
+const UnlockIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(UnlockIconSvg, {}) }));
 };
 exports.default = UnlockIcon;

package/dist/icons/UserSettingsIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserSettingsIcon.d.ts","sourceRoot":"","sources":["../../src/icons/UserSettingsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2BzC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"UserSettingsIcon.d.ts","sourceRoot":"","sources":["../../src/icons/UserSettingsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAyB1C,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMzC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}