@aristobyte-ui/utils 1.0.113 → 2.0.0

package/README.md

@@ -0,0 +1,73 @@
+# `@aristobyte-ui/utils`
+
+<p align="center">
+  <img src="https://img.shields.io/badge/TypeScript-5.8-blue?style=for-the-badge&logo=typescript&logoColor=white" alt="TypeScript" />
+  <img src="https://img.shields.io/badge/Build-Turbo-green?style=for-the-badge&logo=turbo&logoColor=white" alt="TurboRepo" />
+  <img src="https://img.shields.io/badge/Lint-Strict-red?style=for-the-badge&logo=eslint&logoColor=white" alt="ESLint" />
+  <img src="https://img.shields.io/badge/License-MIT-black?style=for-the-badge&logo=open-source-initiative&logoColor=white" alt="License" />
+  <img src="https://img.shields.io/badge/AristoByte-UI-purple?style=for-the-badge&logo=react&logoColor=white" alt="AristoByte UI" />
+  <img src="https://img.shields.io/badge/Node-20.17.0+-339933?style=for-the-badge&logo=node.js&logoColor=white" alt="Node.js >=20.17.0" />
+  <img src="https://img.shields.io/badge/Yarn-1.22+-2C8EBB?style=for-the-badge&logo=yarn&logoColor=white" alt="Yarn >=1.22" />
+  <img src="https://img.shields.io/badge/NPM-10.8+-CB3837?style=for-the-badge&logo=npm&logoColor=white" alt="NPM >=10.8" />
+</p>
+
+A collection of shared utility functions for AristoByte projects, designed to provide reusable helpers, streamline common operations, and ensure consistency across applications and packages.
+
+## 📦 Installation
+
+```bash
+# Install via Yarn
+yarn add -D @aristobyte-ui/utils
+
+# Or via npm
+npm install -D @aristobyte-ui/utils
+
+# Or via pnpm
+pnpm add -D @aristobyte-ui/utils
+```
+
+## 🛠 Usage
+
+```tsx
+import { Icons } from '@aristobyte-ui/utils';
+
+export const Demo = () => (
+  <div>
+    <Icons.PaperCode size={18} color="#51a2ff" />
+  </div>
+);
+```
+
+| Prop | Type | Default | Description |
+| | - | -- | -- |
+| size | `number` | `24` | Defines the spinner animation style |
+| color | `"#000000"`, `"#24f7b2"`, Any hex color |
+
+## 📊 Why This Matters
+
+- **Performance-first:** Engineered with lightweight, GPU-accelerated CSS keyframes for smooth, non-blocking animations.
+- **Fully typed:** TypeScript-first API ensures strict type safety and predictable integration across multiple projects.
+- **AristoByteUI ready:** Fully interoperable with AristoByte’s design tokens, semantic color palette, and styling architecture.
+- **Flexible:** Supports multiple animation types, semantic variants, and responsive sizing to fit any UI scenario.
+
+## 🏆 Philosophy
+
+- **Modular architecture:** Components are built for maximum reusability and composability.
+- **Declarative styling:** SCSS modules maintain a clean separation of concerns while leveraging design tokens.
+- **Strict typing & runtime flexibility:** Type-safe props with optional runtime overrides.
+- **Developer experience optimized:** Intuitive API with predictable behavior and minimal setup.
+
+## 📜 License
+
+[MIT](./LICENSE) © AristoByte
+
+## 🛡 Shields Showcase
+
+<p align="center">
+  <img src="https://img.shields.io/badge/Consistency-100%25-green?style=for-the-badge&logo=typescript" />
+  <img src="https://img.shields.io/badge/Maintained-Active-brightgreen?style=for-the-badge&logo=github" />
+  <img src="https://img.shields.io/badge/Strictness-High-critical?style=for-the-badge&logo=eslint" />
+  <img src="https://img.shields.io/badge/Declarations-Enabled-blue?style=for-the-badge&logo=typescript" />
+  <img src="https://img.shields.io/badge/Monorepo-Turbo-green?style=for-the-badge&logo=monorepo" />
+  <img src="https://img.shields.io/badge/Interop-ESM%2FCJS-orange?style=for-the-badge&logo=javascript" />
+</p>

package/dist/es/main/helpers/Portal.js

@@ -0,0 +1,29 @@
+"use client";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import * as React from "react";
+import { createPortal } from "react-dom";
+export var Portal = function (_a) {
+    var children = _a.children;
+    var _b = __read(React.useState(false), 2), mounted = _b[0], setMounted = _b[1];
+    React.useEffect(function () {
+        setMounted(true);
+    }, []);
+    if (!mounted || typeof window === "undefined")
+        return null;
+    return createPortal(children, document.body);
+};

package/dist/es/main/helpers/index.js

@@ -0,0 +1,2 @@
+export * from "./ripple";
+export * from "./Portal";

package/dist/es/main/helpers/ripple.js

@@ -0,0 +1,18 @@
+export var renderRipple = function (_a) {
+    var ref = _a.ref, clientX = _a.clientX, clientY = _a.clientY;
+    var button = ref.current;
+    if (!button)
+        return;
+    var circle = document.createElement("span");
+    var diameter = Math.max(button.clientWidth, button.clientHeight);
+    var radius = diameter / 2;
+    circle.id = "ripple";
+    var style = document.createElement("style");
+    style.innerHTML = "\n      #ripple {\n        animation: ripple 300ms linear;\n        background-color: rgba(255, 255, 255, 0.3);\n        border-radius: 50%;\n        height: ".concat(diameter, "px;\n        left: ").concat(clientX - button.getBoundingClientRect().left - radius, "px;\n        pointer-events: none;\n        position: absolute;\n        top: ").concat(clientY - button.getBoundingClientRect().top - radius, "px;\n        transform: scale(0);\n        width: ").concat(diameter, "px;\n        z-index: 0;\n      }\n      \n      @keyframes ripple {\n        to {\n          opacity: 0;\n          transform: scale(2);\n        }\n      }\n    ");
+    button.appendChild(style);
+    button.appendChild(circle);
+    circle.addEventListener("animationend", function () {
+        circle.remove();
+        style.remove();
+    });
+};

package/dist/es/main/hooks/index.js

@@ -0,0 +1 @@
+export * from "./useMediaQuery";

package/dist/es/main/hooks/useMediaQuery.js

@@ -0,0 +1,31 @@
+"use client";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import * as React from "react";
+export var useMediaQuery = function (query) {
+    var _a = __read(React.useState(false), 2), matches = _a[0], setMatches = _a[1];
+    React.useEffect(function () {
+        var media = window.matchMedia(query);
+        if (media.matches !== matches) {
+            setMatches(media.matches);
+        }
+        var listener = function () { return setMatches(media.matches); };
+        media.addEventListener("change", listener);
+        return function () { return media.removeEventListener("change", listener); };
+    }, [matches, query]);
+    return matches;
+};

package/dist/es/main/icons/AristoByteUI.js

@@ -0,0 +1,72 @@
+import * as React from 'react';
+export 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" },
+        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("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: "_gradient_54", 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" }),
+                React.createElement("stop", { offset: ".55", stopColor: "#fb3c01" }),
+                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: "_gradient_46", 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" }),
+                React.createElement("stop", { offset: ".55", stopColor: "#e12502" }),
+                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("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: "_gradient_84", 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: "_gradient_38", 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" }),
+                React.createElement("stop", { offset: ".54", stopColor: "#f33301" }),
+                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("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: "_gradient_31", 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" }),
+                React.createElement("stop", { offset: ".54", stopColor: "#ffae00" }),
+                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(#_gradient_54)" }),
+                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(#_gradient_46)" })),
+            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(#_gradient_84)" }),
+                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(#_gradient_38)" })),
+            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(#_gradient_31)" }))))));
+};

package/dist/es/main/icons/ArrowRight.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export 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" },
+        React.createElement("path", { d: "m9 18 6-6-6-6" })));
+};

package/dist/es/main/icons/BashCursor.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export 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" },
+        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/dist/es/main/icons/Bun.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export 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" },
+                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" }))));
+};

package/dist/es/main/icons/Code.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export 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" },
+        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/dist/es/main/icons/Comment.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export 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" },
+        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" })));
+};

package/dist/es/main/icons/Components.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export 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" },
+        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" }),
+        React.createElement("path", { d: "M5.94397 3.11604C5.81899 3.24106 5.74878 3.4106 5.74878 3.58737C5.74878 3.76415 5.81899 3.93369 5.94397 4.05871L7.52864 5.64271C7.65366 5.76769 7.82319 5.8379 7.99997 5.8379C8.17675 5.8379 8.34628 5.76769 8.4713 5.64271L10.056 4.05871C10.181 3.93369 10.2512 3.76415 10.2512 3.58737C10.2512 3.4106 10.181 3.24106 10.056 3.11604L8.4713 1.53137C8.34628 1.40639 8.17675 1.33618 7.99997 1.33618C7.82319 1.33618 7.65366 1.40639 7.52864 1.53137L5.94397 3.11604Z", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" })));
+};

package/dist/es/main/icons/Copy.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export 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" },
+        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" })));
+};

package/dist/es/main/icons/Disabled.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export var Disabled = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none" },
+        React.createElement("path", { d: "M4.10748 4.10742L15.8916 15.8924", stroke: color, strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M10 18.3334C14.6024 18.3334 18.3334 14.6025 18.3334 10.0001C18.3334 5.39771 14.6024 1.66675 10 1.66675C5.39765 1.66675 1.66669 5.39771 1.66669 10.0001C1.66669 14.6025 5.39765 18.3334 10 18.3334Z", stroke: color, strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" })));
+};

package/dist/es/main/icons/Dot.js

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

package/dist/es/main/icons/Error.js

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

package/dist/es/main/icons/Eye.js

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

package/dist/es/main/icons/GalleryVertical.js

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

package/dist/es/main/icons/GalleryVerticalEnd.js

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

package/dist/es/main/icons/Github.js

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

package/dist/es/main/icons/GradientSquare.js

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

package/dist/es/main/icons/Heart.js

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

package/dist/es/main/icons/Info.js

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

package/dist/es/main/icons/Instagram.js

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

package/dist/es/main/icons/Link.js

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

package/dist/es/main/icons/LinkedIn.js

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

package/dist/es/main/icons/Logo.js

@@ -0,0 +1,47 @@
+import * as React from 'react';
+export var Logo = 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" },
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439", "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" }),
+                React.createElement("stop", { offset: ".19", stopColor: "#fdcb03" }),
+                React.createElement("stop", { offset: ".28", stopColor: "#fdc800" }),
+                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: "_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439-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: "#_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439" }),
+            React.createElement("linearGradient", { id: "_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439-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: "#_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439" }),
+            React.createElement("linearGradient", { id: "_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439-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: "#_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439" }),
+            React.createElement("linearGradient", { id: "_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439-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: "#_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439" }),
+            React.createElement("linearGradient", { id: "_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439-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: "#_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439" }),
+            React.createElement("filter", { id: "luminosity-invert", 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("image", null)))),
+        React.createElement("g", { style: { isolation: 'isolate' } },
+            React.createElement("g", { id: "_\u0421\u043B\u043E\u0439_2", "data-name": "\u0421\u043B\u043E\u0439 2" },
+                React.createElement("g", { id: "_\u0421\u043B\u043E\u0439_1-2", "data-name": "\u0421\u043B\u043E\u0439 1" },
+                    React.createElement("g", { id: "Logo" },
+                        React.createElement("image", null),
+                        React.createElement("g", null,
+                            React.createElement("g", null,
+                                React.createElement("path", { fill: "url(#_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439)", 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(#_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439-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(#_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439-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(#_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439-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(#_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439-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(#_\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439_\u0436\u0435\u043B\u0442\u044B\u0439-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("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" }),
+                                        React.createElement("path", { fill: "#fff", 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: "#fff", 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: "#fff", 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: "#fff", 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: "#fff", 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" })))))))))));
+};

package/dist/es/main/icons/Npm.js

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

package/dist/es/main/icons/OpenedBook.js

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

package/dist/es/main/icons/Package.js

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

package/dist/es/main/icons/Palette.js

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