@auth0/quantum-product 1.5.1

package/illustrations/components/single-sign-on.js

@@ -0,0 +1,143 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IllustrationSingleSignOn = void 0;
+/*
+    This file is generated with the "illustrations" script.
+    To update this output make changes to `scripts/svgr/illustration-icon-template.js
+    */
+var React = __importStar(require("react"));
+var common_1 = require("../common");
+var styled_1 = require("../../styled");
+exports.IllustrationSingleSignOn = (0, styled_1.styled)(function (_a) {
+    var props = __rest(_a, []);
+    return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 250 250", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M206.254 196.032H43.108A6.106 6.106 0 0137 189.924V50.644a6.107 6.107 0 016.108-6.108h163.134a6.107 6.107 0 016.108 6.108v139.293a6.101 6.101 0 01-6.096 6.095z", fill: "#BDC4CF", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M189.518 196.033H59.844a6.107 6.107 0 01-6.108-6.109V74.436a6.107 6.107 0 016.108-6.108h129.674a6.107 6.107 0 016.109 6.108v115.501c0 3.362-2.734 6.096-6.109 6.096z", fill: "url(#single-sign-on_svg__paint0_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M166.564 196.033H83.106a6.107 6.107 0 01-6.108-6.109v-93.37a6.107 6.107 0 016.108-6.108h83.458a6.107 6.107 0 016.108 6.108v93.383c-.013 3.362-2.746 6.096-6.108 6.096z", fill: "url(#single-sign-on_svg__paint1_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M37.012 56.137h175.252M53.773 79.633h141.903M146.01 123.88h-42.449v44.038h42.449V123.88z", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M149.015 119.533h-48.459v53.582h48.459v-53.582z", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M156.182 114.891h-63.31v63.79h63.31v-63.79z", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M165.258 107.194H84.326v81.129h80.932v-81.129z", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M145.998 123.93h-42.437v44.025h42.437V123.93zM76.937 100.495h95.698M146.01 123.93l26.625-23.435M146.01 167.955l24.975 26.612M103.561 123.93l-26.624-23.435M103.561 167.955l-25.023 26.44", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M109.62 123.93h-6.059v8.805h6.059v-8.805zM115.691 123.93h-6.059v8.805h6.059v-8.805zM121.75 123.93h-6.059v8.805h6.059v-8.805zM127.809 123.93h-6.059v8.805h6.059v-8.805zM133.88 123.93h-6.059v8.805h6.059v-8.805zM139.939 123.93h-6.059v8.805h6.059v-8.805zM145.998 123.93h-6.059v8.805h6.059v-8.805zM109.62 132.735h-6.059v8.805h6.059v-8.805zM115.691 132.735h-6.059v8.805h6.059v-8.805zM121.75 132.735h-6.059v8.805h6.059v-8.805zM127.809 132.735h-6.059v8.805h6.059v-8.805zM133.88 132.735h-6.059v8.805h6.059v-8.805zM139.939 132.735h-6.059v8.805h6.059v-8.805zM145.998 132.735h-6.059v8.805h6.059v-8.805z", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M109.62 141.54h-6.059v8.805h6.059v-8.805zM115.691 141.54h-6.059v8.805h6.059v-8.805zM121.75 141.54h-6.059v8.805h6.059v-8.805zM127.809 141.54h-6.059v8.805h6.059v-8.805zM133.88 141.54h-6.059v8.805h6.059v-8.805zM139.939 141.54h-6.059v8.805h6.059v-8.805zM145.998 141.54h-6.059v8.805h6.059v-8.805zM109.62 150.345h-6.059v8.805h6.059v-8.805zM115.691 150.345h-6.059v8.805h6.059v-8.805zM121.75 150.345h-6.059v8.805h6.059v-8.805zM127.809 150.345h-6.059v8.805h6.059v-8.805zM133.88 150.345h-6.059v8.805h6.059v-8.805zM139.939 150.345h-6.059v8.805h6.059v-8.805zM145.998 150.345h-6.059v8.805h6.059v-8.805zM109.62 159.15h-6.059v8.805h6.059v-8.805zM115.691 159.15h-6.059v8.805h6.059v-8.805zM121.75 159.15h-6.059v8.805h6.059v-8.805zM127.809 159.15h-6.059v8.805h6.059v-8.805zM133.88 159.15h-6.059v8.805h6.059v-8.805zM139.939 159.15h-6.059v8.805h6.059v-8.805zM145.998 159.15h-6.059v8.805h6.059v-8.805zM146.01 132.735l26.625-13.202M146.01 141.54l26.625-2.845M146.01 159.15l26.625 17.893M146.01 150.345l26.625 7.524M103.561 132.735l-26.624-13.202M103.561 141.54l-26.624-2.845M103.561 159.15l-26.624 17.893M103.561 150.345l-26.624 7.524M90.717 100.445l18.915 23.485M104.362 100.495l11.329 23.435M117.982 100.495l3.768 23.435M131.59 100.495l-3.769 23.435M145.21 100.495l-11.33 23.435M158.818 100.495l-18.879 23.435M90.606 196.217l19.026-28.262M104.276 196.217l11.415-28.262M117.945 196.217l3.805-28.262M131.614 196.217l-3.793-28.262M145.161 196.082l-11.281-28.127M158.818 196.069l-18.879-28.114", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M146.429 196.033h-42.437a3.438 3.438 0 01-3.436-3.436v-74.258a3.437 3.437 0 013.436-3.436h42.437a3.437 3.437 0 013.436 3.436v74.258a3.438 3.438 0 01-3.436 3.436z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M145.111 118.068l-10.615-.013c-.874 0-1.663.555-1.933 1.392a2.055 2.055 0 01-1.934 1.391h-10.911c-.874 0-1.65-.554-1.933-1.366l-.025-.05a2.031 2.031 0 00-1.933-1.367l-10.776-.012a1.876 1.876 0 00-1.884 1.884v71.216c0 1.035.838 1.885 1.884 1.885l40.06.049a1.876 1.876 0 001.884-1.884v-71.241a1.891 1.891 0 00-1.884-1.884z", fill: "url(#single-sign-on_svg__paint2_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M137.636 153.547h-25.725a4.489 4.489 0 01-4.495-4.495v-1.577a4.489 4.489 0 014.495-4.495h25.725a4.489 4.489 0 014.495 4.495v1.577c.012 2.475-2.007 4.495-4.495 4.495z", fill: "url(#single-sign-on_svg__paint3_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M112.071 148.288H136.7M132.969 144.754l3.781 3.51-3.781 3.497", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M130.555 140.037h-9.248a2.942 2.942 0 01-2.943-2.943v-9.248a2.943 2.943 0 012.943-2.944h9.248a2.944 2.944 0 012.944 2.944v9.248a2.935 2.935 0 01-2.944 2.943z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M119.977 134.409c0-1.539 1.81-2.844 4.285-3.263v-2.586c0-.899.727-1.638 1.626-1.626a1.596 1.596 0 011.564 1.589v.246l.542 1.096h-.542v1.232c2.549.382 4.446 1.711 4.446 3.288v3.091a.52.52 0 01-.518.517h-10.849a.547.547 0 01-.542-.542v-3.042h-.012z", fill: "url(#single-sign-on_svg__paint4_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M179.839 66.025h-9.384a2.943 2.943 0 01-2.943-2.943v-9.384a2.943 2.943 0 012.943-2.943h9.384a2.943 2.943 0 012.943 2.943v9.384a2.943 2.943 0 01-2.943 2.943z", fill: "url(#single-sign-on_svg__paint5_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M169.125 60.336c0-1.564 1.823-2.87 4.323-3.288v-2.611c0-.899.738-1.65 1.637-1.638a1.604 1.604 0 011.577 1.614v.246l.542 1.108h-.542v1.244c2.574.382 4.482 1.724 4.482 3.313v3.115c0 .296-.234.53-.529.53h-10.96a.539.539 0 01-.542-.542v-3.091h.012z", fill: "url(#single-sign-on_svg__paint6_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M197.819 42.27h-9.384a2.944 2.944 0 01-2.944-2.943v-9.384A2.944 2.944 0 01188.435 27h9.384a2.943 2.943 0 012.943 2.943v9.384a2.943 2.943 0 01-2.943 2.943z", fill: "url(#single-sign-on_svg__paint7_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M187.117 36.58c0-1.563 1.823-2.868 4.323-3.287v-2.611c0-.899.738-1.65 1.637-1.638a1.603 1.603 0 011.577 1.613v.247l.542 1.108h-.542v1.244c2.573.382 4.482 1.724 4.482 3.313v3.115c0 .296-.234.53-.529.53h-10.96a.539.539 0 01-.542-.542V36.58h.012z", fill: "url(#single-sign-on_svg__paint8_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M46.618 50.337a1.306 1.306 0 11-2.612-.002 1.306 1.306 0 012.612.002zM52.898 50.337c0 .726-.59 1.305-1.305 1.305a1.314 1.314 0 01-1.305-1.306 1.306 1.306 0 012.61 0zM59.179 50.337a1.306 1.306 0 11-2.612-.002 1.306 1.306 0 012.612.002zM61.913 75.434a1.305 1.305 0 100-2.61 1.305 1.305 0 000 2.61zM68.193 75.434a1.305 1.305 0 100-2.61 1.305 1.305 0 000 2.61zM74.474 75.434a1.305 1.305 0 100-2.61 1.305 1.305 0 000 2.61z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M172.598 100.347H76.937v-3.793a6.107 6.107 0 016.108-6.108h83.457a6.107 6.107 0 016.108 6.108v3.793h-.012z", fill: "#0A0A0A", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M85.237 95.864a1.306 1.306 0 11-2.612-.001 1.306 1.306 0 012.612.001zM91.517 95.864a1.306 1.306 0 11-2.612-.001 1.306 1.306 0 012.612.001zM97.798 95.864a1.306 1.306 0 11-2.612-.001 1.306 1.306 0 012.612.001z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M115.051 179.814s-4.027.468-8.054 1.712c0 0-8.583 2.29-13.46 7.068", fill: "#fff" }),
+        React.createElement("path", { d: "M115.051 179.814s-4.027.468-8.054 1.712c0 0-8.583 2.29-13.46 7.068", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M107.588 181.378s20.714-6.552 25.96 4.716c0 0 1.699 3.67-.776 6.958l-3.83 4.655", fill: "#fff" }),
+        React.createElement("path", { d: "M107.588 181.378s20.714-6.552 25.96 4.716c0 0 1.699 3.67-.776 6.958l-3.83 4.655M54.068 223.384h96.511", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M115.999 179.752c5.961-5.455 9.47-10.258 11.921-13.62 4.101-5.628 7.167-16.046-.382-19.642-7.45-3.546-10.012 8.608-21.809 18.386-11.785 9.778-19.42 12.672-25.196 26.169-1.035 2.426-6.626 18.066-6.626 18.066l-4.778 14.273h56.008s5.788-8.276 3.657-20.997", fill: "url(#single-sign-on_svg__paint9_linear)" }),
+        React.createElement("path", { d: "M115.999 179.752c5.961-5.455 9.47-10.258 11.921-13.62 4.101-5.628 7.167-16.046-.382-19.642-7.45-3.546-10.012 8.608-21.809 18.386-11.785 9.778-19.42 12.672-25.196 26.169-1.035 2.426-6.626 18.066-6.626 18.066l-4.778 14.273h56.008s5.788-8.276 3.657-20.997", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M115.051 179.814s-4.027.468-8.054 1.712c0 0-8.583 2.29-13.46 7.068", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M107.588 181.378s20.714-6.552 25.96 4.716c0 0 1.699 3.67-.776 6.958l-3.83 4.655", fill: "url(#single-sign-on_svg__paint10_linear)" }),
+        React.createElement("path", { d: "M107.588 181.378s20.714-6.552 25.96 4.716c0 0 1.699 3.67-.776 6.958l-3.83 4.655M121.048 147.672s.382 1.121 1.355 2.439c.579.8 1.379 1.662 2.451 2.413.578.407.985.85 1.231 1.318.764 1.379.222 2.906-.837 3.953-.727.727-2.291 1.342-4.15.948-2.057-.517-3.683-1.182-5.517-4.568", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M126.615 216.808c1.871 1.083 4.716 1.083 6.292.591 2.611-.801 6.084-3.412 7.241-9.741.752-4.274-.209-8.288-.209-8.288l-.197-.69c-.714-2.426-2.229-4.47-4.31-6.391-3.177-2.931-8.793-2.229-12.561-1.281 0 0-8.941 1.946-17.315 8.744", fill: "url(#single-sign-on_svg__paint11_linear)" }),
+        React.createElement("path", { d: "M126.615 216.808c1.871 1.083 4.716 1.083 6.292.591 2.611-.801 6.084-3.412 7.241-9.741.752-4.274-.209-8.288-.209-8.288l-.197-.69c-.714-2.426-2.229-4.47-4.31-6.391-3.177-2.931-8.793-2.229-12.561-1.281 0 0-8.941 1.946-17.315 8.744", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M128.917 203.027s2.156 10.554-3.694 20.357l3.694-20.357z", fill: "#fff" }),
+        React.createElement("path", { d: "M128.917 203.027s2.156 10.554-3.694 20.357", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M198.003 42.258h-9.396v2.266h9.396v-2.266zM179.851 66.05h-9.396v2.266h9.396V66.05zM160.591 88.18h-9.396v2.266h9.396V88.18z", fill: "#0A0A0A", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M160.579 88.18h-9.384a2.943 2.943 0 01-2.943-2.943v-9.384a2.943 2.943 0 012.943-2.944h9.384a2.943 2.943 0 012.943 2.944v9.384a2.943 2.943 0 01-2.943 2.943z", fill: "url(#single-sign-on_svg__paint12_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M149.865 82.49c0-1.564 1.822-2.869 4.322-3.288v-2.61c0-.9.739-1.65 1.638-1.638a1.603 1.603 0 011.576 1.613v.246l.542 1.109h-.542v1.243c2.574.382 4.483 1.724 4.483 3.313v3.116c0 .295-.234.53-.529.53h-10.961a.539.539 0 01-.541-.543v-3.09h.012z", fill: "url(#single-sign-on_svg__paint13_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "single-sign-on_svg__paint0_linear", x1: 53.756, y1: 132.178, x2: 195.645, y2: 132.178, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#635DFF" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3885FF" })),
+            React.createElement("linearGradient", { id: "single-sign-on_svg__paint1_linear", x1: 76.994, y1: 143.237, x2: 172.666, y2: 143.237, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#FF4F40" }),
+                React.createElement("stop", { offset: 1, stopColor: "#F4D" })),
+            React.createElement("linearGradient", { id: "single-sign-on_svg__paint2_linear", x1: 107.058, y1: 161.246, x2: 170.579, y2: 141.116, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E9ECEE" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "single-sign-on_svg__paint3_linear", x1: 107.414, y1: 148.263, x2: 142.129, y2: 148.263, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#FF4F40" }),
+                React.createElement("stop", { offset: 1, stopColor: "#F4D" })),
+            React.createElement("linearGradient", { id: "single-sign-on_svg__paint4_linear", x1: 118.208, y1: 127.356, x2: 124.985, y2: 141.736, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#3EC6EB" }),
+                React.createElement("stop", { offset: 0.999, stopColor: "#1BC99F" })),
+            React.createElement("linearGradient", { id: "single-sign-on_svg__paint5_linear", x1: 167.513, y1: 58.39, x2: 182.778, y2: 58.39, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#BBC2CD" }),
+                React.createElement("stop", { offset: 0.973, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "single-sign-on_svg__paint6_linear", x1: 167.328, y1: 53.225, x2: 174.176, y2: 67.746, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#3EC6EB" }),
+                React.createElement("stop", { offset: 0.999, stopColor: "#1BC99F" })),
+            React.createElement("linearGradient", { id: "single-sign-on_svg__paint7_linear", x1: 185.499, y1: 34.638, x2: 200.764, y2: 34.638, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#BBC2CD" }),
+                React.createElement("stop", { offset: 0.973, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "single-sign-on_svg__paint8_linear", x1: 185.32, y1: 29.47, x2: 192.168, y2: 43.99, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#3EC6EB" }),
+                React.createElement("stop", { offset: 0.999, stopColor: "#1BC99F" })),
+            React.createElement("linearGradient", { id: "single-sign-on_svg__paint9_linear", x1: 70.476, y1: 240.925, x2: 147.306, y2: 156.714, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E9ECEE" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "single-sign-on_svg__paint10_linear", x1: 80.431, y1: 232.184, x2: 141.259, y2: 163.633, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E9ECEE" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "single-sign-on_svg__paint11_linear", x1: 81.429, y1: 250.918, x2: 158.259, y2: 166.707, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E9ECEE" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "single-sign-on_svg__paint12_linear", x1: 148.253, y1: 80.55, x2: 163.518, y2: 80.55, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#BBC2CD" }),
+                React.createElement("stop", { offset: 0.973, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "single-sign-on_svg__paint13_linear", x1: 148.067, y1: 75.379, x2: 154.916, y2: 89.9, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#3EC6EB" }),
+                React.createElement("stop", { offset: 0.999, stopColor: "#1BC99F" })))));
+}, {
+    name: common_1.illustrationComponentName,
+})({});

package/illustrations/components/streams-logs.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IIllustrationProps } from '../common';
+export declare const IllustrationStreamsLogs: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;

package/illustrations/components/streams-logs.js

@@ -0,0 +1,144 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IllustrationStreamsLogs = void 0;
+/*
+    This file is generated with the "illustrations" script.
+    To update this output make changes to `scripts/svgr/illustration-icon-template.js
+    */
+var React = __importStar(require("react"));
+var common_1 = require("../common");
+var styled_1 = require("../../styled");
+exports.IllustrationStreamsLogs = (0, styled_1.styled)(function (_a) {
+    var props = __rest(_a, []);
+    return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 250 250", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M221.44 135.92v-11.48c0-.96-.78-1.74-1.74-1.74h-79.45v13.22h81.19z", fill: "#000" }),
+        React.createElement("path", { d: "M125.62 112.52H32c-1.66 0-3-1.34-3-3V36.74c0-.96.78-1.74 1.74-1.74h96.14c.96 0 1.74.78 1.74 1.74v72.78c0 1.66-1.34 3-3 3z", fill: "url(#streams-logs_svg__paint0_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M126.91 35H30.7c-.94 0-1.7.76-1.7 1.7v9.34h99.62V36.7c0-.94-.76-1.7-1.71-1.7z", fill: "url(#streams-logs_svg__paint1_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M35.4 42.28a1.68 1.68 0 100-3.36 1.68 1.68 0 000 3.36zM41 42.28a1.68 1.68 0 100-3.36 1.68 1.68 0 000 3.36zM46.61 42.28a1.68 1.68 0 100-3.36 1.68 1.68 0 000 3.36z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M214.19 176.04H107.83V63.92c0-1.78 1.44-3.22 3.22-3.22h99.94c1.78 0 3.22 1.44 3.22 3.22v112.12h-.02z", fill: "#BDC3CD", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M200.95 102.07h-8.82v22.59h8.82v-22.59zM185.8 79.48h-8.82v45.18h8.82V79.48zM169.83 93.14h-8.82v31.52h8.82V93.14zM153.86 86.84h-8.82v37.82h8.82V86.84zM137.88 75.66h-8.82v49h8.82v-49zM113.39 67.39a1.68 1.68 0 100-3.36 1.68 1.68 0 000 3.36zM119 67.39a1.68 1.68 0 100-3.36 1.68 1.68 0 000 3.36zM124.6 67.39a1.68 1.68 0 100-3.36 1.68 1.68 0 000 3.36z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M196.54 102.82L181.4 79.48l-15.98 13.66-15.97-6.3-16.82-11.18", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M196.49 103.32a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5zM181.4 80.73a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5zM165.42 94.39a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5zM149.45 88.14a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5zM133.47 76.91a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5z", fill: "#000", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M140.25 132.12v-7.84c0-.87-.71-1.58-1.58-1.58h-36.91c-.87 0-1.58.71-1.58 1.58v88.26c0 .87.71 1.58 1.58 1.58h118.11c.87 0 1.58-.71 1.58-1.58v-77.25c0-.87-.71-1.58-1.58-1.58h-78.03c-.88 0-1.59-.71-1.59-1.59z", fill: "url(#streams-logs_svg__paint2_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M192.19 179.54h-50.75c-.76 0-1.37-.61-1.37-1.37 0-.76.61-1.37 1.37-1.37h50.75c.76 0 1.37.61 1.37 1.37 0 .76-.61 1.37-1.37 1.37zM178.9 185.23h-37.46c-.76 0-1.37-.61-1.37-1.37 0-.76.61-1.37 1.37-1.37h37.46c.76 0 1.37.61 1.37 1.37 0 .75-.62 1.37-1.37 1.37zM168.41 198.79h-26.98c-.76 0-1.37-.61-1.37-1.37 0-.76.61-1.37 1.37-1.37h26.98c.76 0 1.37.61 1.37 1.37 0 .75-.61 1.37-1.37 1.37z", fill: "#BDC3CD", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M157.99 168.84H142c-1.07 0-1.94-.87-1.94-1.94v-15.99c0-1.07.87-1.94 1.94-1.94h15.99c1.07 0 1.94.87 1.94 1.94v15.99a1.948 1.948 0 01-1.94 1.94z", fill: "url(#streams-logs_svg__paint3_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M142.16 167.07c-.31 0-.55-.25-.55-.55v-5.36c0-2.17 2.55-3.91 6.03-4.49V153.05c0-1.22.96-2.26 2.18-2.29 1.27-.03 2.31.98 2.31 2.24v.34l.76 1.55h-.76v1.74c3.59.54 6.25 2.4 6.25 4.62v5.27c0 .31-.25.55-.55.55h-15.67z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M77.38 75.32l-11.3-21.37H56L34.63 75.32h42.75z", fill: "#BDC4CF", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M45.37 74.41l.01 31.9c0 7.98 6.47 14.45 14.45 14.45h24.34c7.98 0 6.25 6.47 6.25 14.45 0 7.98-6.47 9.11-14.45 9.11l-16.1 5.34c-7.98 0-14.45 6.47-14.45 14.45v28.03c0 4.46 3.61 8.07 8.07 8.07h3.62v-49.17c0-11.81 14.94-11.62 22.91-11.62l5.24 10.29c2.18-.06 6.47-.39 10.66-4.67 8.07-8.14 14.65-24.16 14.65-29.96 0-7.98-6.47-14.45-14.45-14.45H79.98c-7.98 0-14.45-6.47-14.45-14.45V74.99", fill: "#BDC4CF" }),
+        React.createElement("path", { d: "M45.37 74.41l.01 31.9c0 7.98 6.47 14.45 14.45 14.45h24.34c7.98 0 6.25 6.47 6.25 14.45 0 7.98-6.47 9.11-14.45 9.11l-16.1 5.34c-7.98 0-14.45 6.47-14.45 14.45v28.03c0 4.46 3.61 8.07 8.07 8.07h3.62v-49.17c0-11.81 14.94-11.62 22.91-11.62l5.24 10.29c2.18-.06 6.47-.39 10.66-4.67 8.07-8.14 14.65-24.16 14.65-29.96 0-7.98-6.47-14.45-14.45-14.45H79.98c-7.98 0-14.45-6.47-14.45-14.45V74.99", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M79.88 129.54l9.36-.05s3.61 7.14-1.65 14.28c-5 6.32-10.49 5.86-10.49 5.86l-16.24.07s-3.41-.38-6.78 1.12c-1.03.46-2.3 1.15-3.46 2.06l19.43-19.52c0 .01 4.75-4.36 9.83-3.82z", fill: "url(#streams-logs_svg__paint4_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M74.91 149.68h7.78c-2.33 0-5.13-.03-7.78-.03v.03z", fill: "url(#streams-logs_svg__paint5_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M82.68 149.68h2.62c3.01-.01 5.81-.94 8.12-2.53a14.395 14.395 0 01-5.82 2.31c-.74.17-2.59.22-4.92.22z", fill: "url(#streams-logs_svg__paint6_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M105.46 100.6H89.32c-14.65 0-14.45-6.47-14.45-14.45V75.32h12.58L66.08 53.95 44.7 75.32h10.02v30.99c0 7.98 6.47 14.45 14.45 14.45H85.3c7.98 0 14.45 6.47 14.45 14.45 0 4.97-2.51 9.35-6.33 11.96 1.59-1.08 2.82-2.35 3.76-3.51l8.27-14.15c7.98 0 14.45-6.47 14.45-14.45 0-7.98-6.47-14.46-14.44-14.46z", fill: "url(#streams-logs_svg__paint7_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M119.9 115.29c-.03 2-.45 3.62-.99 5.02-1.27 3.26-3.3 5-3.3 5l-20.15 20.15s4.15-3.59 4.29-10c0 0 .29-5.49-3.67-9.91", fill: "url(#streams-logs_svg__paint8_linear)" }),
+        React.createElement("path", { d: "M119.9 115.29c-.03 2-.45 3.62-.99 5.02-1.27 3.26-3.3 5-3.3 5l-20.15 20.15s4.15-3.59 4.29-10c0 0 .29-5.49-3.67-9.91", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M92.61 172.21c0-.35 2.43-.64 5.42-.64 3 0 5.42.29 5.42.64v14.5c0 10.41-8.47 18.87-18.87 18.87H63.62c-7.11 0-13.32-3.95-16.53-9.78-1.49-2.7 9.32-5.07 10.65-3.64a8.01 8.01 0 005.88 2.57h20.96c4.42 0 8.02-3.6 8.02-8.02v-14.5h.01z", fill: "#BDC3CD", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M73.03 138.82v6.3c0 13.16 10.67 23.82 23.82 23.82s23.82-10.67 23.82-23.82v-6.63", fill: "url(#streams-logs_svg__paint9_linear)" }),
+        React.createElement("path", { d: "M73.03 138.82v6.3c0 13.16 10.67 23.82 23.82 23.82s23.82-10.67 23.82-23.82v-6.63", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M88.94 167.57L49.36 206.5a5.02 5.02 0 01-3.56 1.47c-1.29 0-2.57-.49-3.56-1.47-1.96-1.96-4.36-4.57-4.36-4.57l44.04-41.58", fill: "url(#streams-logs_svg__paint10_linear)" }),
+        React.createElement("path", { d: "M88.94 167.57L49.36 206.5a5.02 5.02 0 01-3.56 1.47c-1.29 0-2.57-.49-3.56-1.47-1.96-1.96-4.36-4.57-4.36-4.57l44.04-41.58", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M87.23 160.62l-41.89 41.63a5.02 5.02 0 01-3.56 1.47c-1.29 0-2.57-.49-3.56-1.47a5.034 5.034 0 010-7.11L79 154.63l.01-.01c-3.73-4.2-5.99-9.73-5.99-15.79 0-13.16 10.67-23.82 23.82-23.82s23.82 10.67 23.82 23.82c0 13.16-10.67 23.82-23.82 23.82-3.41-.01-6.67-.73-9.61-2.03z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M87.23 160.62l1.73 6.94", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M87.23 160.62l-41.89 41.63a5.02 5.02 0 01-3.56 1.47c-1.29 0-2.57-.49-3.56-1.47a5.034 5.034 0 010-7.11L79 154.63l.01-.01c-3.73-4.2-5.99-9.73-5.99-15.79 0-13.16 10.67-23.82 23.82-23.82s23.82 10.67 23.82 23.82c0 13.16-10.67 23.82-23.82 23.82-3.41-.01-6.67-.73-9.61-2.03z", fill: "url(#streams-logs_svg__paint11_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M113.476 141.345c1.482-9.181-4.759-17.826-13.94-19.309-9.182-1.482-17.827 4.759-19.31 13.941-1.482 9.181 4.76 17.826 13.941 19.308 9.181 1.483 17.826-4.758 19.309-13.94z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M96.85 147.63c7.2 0 13.42-3.91 16.78-9.72-3.36-5.81-9.59-9.72-16.78-9.72-7.2 0-13.45 3.91-16.81 9.72 3.36 5.81 9.61 9.72 16.81 9.72z", fill: "url(#streams-logs_svg__paint12_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M100.064 145.23a7.96 7.96 0 10-6.251-14.641 7.96 7.96 0 006.251 14.641z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M96.94 132.38v10.96M102.42 137.86H91.46", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M90.61 165.48c0-.77 3.32-1.39 7.42-1.39s7.42.62 7.42 1.39v6.24H90.61v-6.24z", fill: "url(#streams-logs_svg__paint13_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M98.03 173.11c4.098 0 7.42-.622 7.42-1.39 0-.768-3.322-1.39-7.42-1.39s-7.42.622-7.42 1.39c0 .768 3.322 1.39 7.42 1.39z", fill: "url(#streams-logs_svg__paint14_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M92.61 176.47v-4.26c0-.35 2.43-.64 5.42-.64 3 0 5.42.29 5.42.64v4.26", fill: "#BDC3CD" }),
+        React.createElement("path", { d: "M92.61 176.47v-4.26c0-.35 2.43-.64 5.42-.64 3 0 5.42.29 5.42.64v4.26", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint0_linear", x1: 29, y1: 73.76, x2: 128.619, y2: 73.76, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E8EAEC" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint1_linear", x1: 29, y1: 40.525, x2: 128.619, y2: 40.525, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: 0.044, stopColor: "#FF4F40" }),
+                React.createElement("stop", { offset: 1, stopColor: "#FC44DD" })),
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint2_linear", x1: 100.173, y1: 168.411, x2: 221.443, y2: 168.411, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: 0.284, stopColor: "#6063F5" }),
+                React.createElement("stop", { offset: 1, stopColor: "#4A85F6" })),
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint3_linear", x1: 139.228, y1: 170.502, x2: 160.575, y2: 147.513, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#2BC8A0" }),
+                React.createElement("stop", { offset: 1, stopColor: "#47C7E9" })),
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint4_linear", x1: 70.535, y1: 192.16, x2: 70.535, y2: 74.718, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint5_linear", x1: 74.906, y1: 149.664, x2: 82.682, y2: 149.664, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint6_linear", x1: 82.682, y1: 148.418, x2: 93.422, y2: 148.418, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint7_linear", x1: 82.302, y1: 192.16, x2: 82.302, y2: 74.718, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint8_linear", x1: 107.682, y1: 192.16, x2: 107.682, y2: 74.718, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#2BC8A0" }),
+                React.createElement("stop", { offset: 1, stopColor: "#47C7E9" })),
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint9_linear", x1: 92.556, y1: 151.162, x2: 35.085, y2: 206.006, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#F4D" }),
+                React.createElement("stop", { offset: 1, stopColor: "#EBCA40" })),
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint10_linear", x1: 95.734, y1: 154.492, x2: 38.263, y2: 209.336, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#F4D" }),
+                React.createElement("stop", { offset: 1, stopColor: "#EBCA40" })),
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint11_linear", x1: 36.749, y1: 159.357, x2: 120.671, y2: 159.357, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: 0.044, stopColor: "#FF4F40" }),
+                React.createElement("stop", { offset: 1, stopColor: "#FC44DD" })),
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint12_linear", x1: 80.038, y1: 137.911, x2: 113.63, y2: 137.911, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: 0.284, stopColor: "#6063F5" }),
+                React.createElement("stop", { offset: 1, stopColor: "#4A85F6" })),
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint13_linear", x1: 90.608, y1: 167.903, x2: 105.457, y2: 167.903, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: 0.284, stopColor: "#6063F5" }),
+                React.createElement("stop", { offset: 1, stopColor: "#4A85F6" })),
+            React.createElement("linearGradient", { id: "streams-logs_svg__paint14_linear", x1: 90.608, y1: 171.716, x2: 105.457, y2: 171.716, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: 0.284, stopColor: "#6063F5" }),
+                React.createElement("stop", { offset: 1, stopColor: "#4A85F6" })))));
+}, {
+    name: common_1.illustrationComponentName,
+})({});

package/illustrations/components/users.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IIllustrationProps } from '../common';
+export declare const IllustrationUsers: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;

package/illustrations/components/users.js

@@ -0,0 +1,140 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IllustrationUsers = void 0;
+/*
+    This file is generated with the "illustrations" script.
+    To update this output make changes to `scripts/svgr/illustration-icon-template.js
+    */
+var React = __importStar(require("react"));
+var common_1 = require("../common");
+var styled_1 = require("../../styled");
+exports.IllustrationUsers = (0, styled_1.styled)(function (_a) {
+    var props = __rest(_a, []);
+    return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 250 250", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M129.489 177.593H17.939a8.549 8.549 0 01-8.549-8.549v-82.28a8.549 8.549 0 018.549-8.55h111.55a8.55 8.55 0 018.549 8.55v82.28a8.549 8.549 0 01-8.549 8.549z", fill: "#EAECEE", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M38.718 111.866H20.95a3.84 3.84 0 01-3.837-3.838V90.251a3.84 3.84 0 013.837-3.837h17.768a3.84 3.84 0 013.837 3.837v17.768a3.83 3.83 0 01-3.837 3.847z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M19.804 102.375c0-2.604 3.04-4.79 7.208-5.489v-4.342c0-1.506 1.234-2.76 2.74-2.73a2.69 2.69 0 012.632 2.681v.408l.913 1.855h-.903v2.08c4.294.64 7.48 2.875 7.48 5.527v5.197a.87.87 0 01-.874.874H20.736a.912.912 0 01-.913-.913v-5.148h-.019zM48.131 125.883h-29.96a1.065 1.065 0 01-1.068-1.068c0-.593.476-1.069 1.069-1.069H48.13c.593 0 1.069.476 1.069 1.069 0 .592-.476 1.068-1.069 1.068zM38.68 119.89H18.171a1.066 1.066 0 01-1.068-1.069c0-.592.476-1.068 1.068-1.068H38.67c.592 0 1.068.476 1.068 1.068 0 .593-.476 1.069-1.059 1.069zM48.131 131.877h-29.96a1.065 1.065 0 01-1.068-1.068c0-.593.476-1.069 1.069-1.069H48.13c.593 0 1.069.476 1.069 1.069 0 .592-.476 1.068-1.069 1.068zM38.795 159.32H18.172a1.065 1.065 0 01-1.069-1.068c0-.593.476-1.069 1.069-1.069h20.623c.593 0 1.07.476 1.07 1.069 0 .592-.477 1.068-1.07 1.068zM38.795 165.1H18.172a1.065 1.065 0 01-1.069-1.068c0-.593.476-1.069 1.069-1.069h20.623c.593 0 1.07.476 1.07 1.069 0 .583-.477 1.068-1.07 1.068zM170.698 84.792h51.165a4.333 4.333 0 014.323 4.323v10.87h6.577v-10.87c0-6.014-4.886-10.9-10.9-10.9h-51.136l-.029 6.577z", fill: "#BDC4CF", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M223.116 105.027h12.338v-2.915a3.254 3.254 0 00-3.255-3.254h-5.828a3.255 3.255 0 00-3.255 3.254v2.915z", fill: "#BDC4CF", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M164.393 177.583h71.867c2.059 0 3.74-1.67 3.74-3.74v-65.076c0-2.06-1.671-3.74-3.74-3.74h-71.867a3.741 3.741 0 00-3.74 3.74v65.076a3.74 3.74 0 003.74 3.74z", fill: "#EAECEE", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M232.882 132.34a3.915 3.915 0 10-7.235-2.996 3.915 3.915 0 007.235 2.996zM232.883 143.988a3.916 3.916 0 10-7.236-2.996 3.916 3.916 0 007.236 2.996zM229.256 158.048a3.915 3.915 0 100-7.83 3.915 3.915 0 000 7.83zM229.256 169.695a3.915 3.915 0 100-7.83 3.915 3.915 0 000 7.83z", fill: "#BDC4CF", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M183.987 113.332h33.582c.574 0 1.03-.456 1.03-1.029s-.456-1.03-1.03-1.03h-33.582c-.573 0-1.03.457-1.03 1.03s.457 1.029 1.03 1.029zM183.987 117.548h33.582c.574 0 1.03-.456 1.03-1.029s-.456-1.03-1.03-1.03h-33.582c-.573 0-1.03.457-1.03 1.03s.457 1.029 1.03 1.029zM183.987 121.774h33.582c.574 0 1.03-.456 1.03-1.029 0-.574-.456-1.03-1.03-1.03h-33.582a1.03 1.03 0 000 2.059z", fill: "#EAECEE", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M211.469 134.06h7.131v-7.131h-7.131v7.131z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M204.341 134.06h7.131v-7.131h-7.131v7.131z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M197.214 134.06h7.13v-7.131h-7.13v7.131zM190.076 134.06h7.131v-7.131h-7.131v7.131z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M182.949 134.06h7.13v-7.131h-7.13v7.131zM211.469 141.187h7.131v-7.13h-7.131v7.13z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M204.341 141.187h7.131v-7.13h-7.131v7.13z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M197.214 141.187h7.13v-7.13h-7.13v7.13zM190.076 141.187h7.131v-7.13h-7.131v7.13z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M182.949 141.187h7.13v-7.13h-7.13v7.13zM211.469 148.315h7.131v-7.131h-7.131v7.131z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M204.341 148.315h7.131v-7.131h-7.131v7.131z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M197.214 148.315h7.13v-7.131h-7.13v7.131zM190.076 148.315h7.131v-7.131h-7.131v7.131z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M182.949 148.315h7.13v-7.131h-7.13v7.131zM211.469 155.442h7.131v-7.13h-7.131v7.13z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M204.341 155.442h7.131v-7.13h-7.131v7.13z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M197.214 155.442h7.13v-7.13h-7.13v7.13zM190.076 155.442h7.131v-7.13h-7.131v7.13z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M182.949 155.442h7.13v-7.13h-7.13v7.13zM211.469 162.57h7.131v-7.13h-7.131v7.13z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M204.341 162.57h7.131v-7.13h-7.131v7.13z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M197.214 162.57h7.13v-7.13h-7.13v7.13zM190.076 162.57h7.131v-7.13h-7.131v7.13z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M182.949 162.57h7.13v-7.13h-7.13v7.13zM211.469 169.698h7.131v-7.131h-7.131v7.131z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M204.341 169.698h7.131v-7.131h-7.131v7.131z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M197.214 169.698h7.13v-7.131h-7.13v7.131zM190.076 169.698h7.131v-7.131h-7.131v7.131z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M182.949 169.698h7.13v-7.131h-7.13v7.131z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M229.217 122.649a6.12 6.12 0 10-.002-12.242 6.12 6.12 0 00.002 12.242z", fill: "#BDC4CF", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M229.217 120.599a4.07 4.07 0 10-.001-8.141 4.07 4.07 0 00.001 8.141z", fill: "#EAECEE", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M231.449 117.356a2.38 2.38 0 10-4.462-1.658 2.38 2.38 0 004.462 1.658z", fill: "#EAECEE", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M199.433 182.214v16.493c0 7.725-34.822 13.984-77.784 13.984s-77.784-6.259-77.784-13.984v-16.493", fill: "#BDC4CF" }),
+        React.createElement("path", { d: "M199.433 182.214v16.493c0 7.725-34.822 13.984-77.784 13.984s-77.784-6.259-77.784-13.984v-16.493", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M121.649 196.198c42.959 0 77.784-6.261 77.784-13.984 0-7.724-34.825-13.985-77.784-13.985s-77.784 6.261-77.784 13.985c0 7.723 34.825 13.984 77.784 13.984z", fill: "url(#users_svg__paint0_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M181.518 185.237H61.791a4.076 4.076 0 01-4.075-4.076V52.13a4.076 4.076 0 014.075-4.076h119.727a4.076 4.076 0 014.076 4.076v129.042a4.082 4.082 0 01-4.076 4.065z", fill: "url(#users_svg__paint1_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M57.716 71.13h127.866V52.164a4.105 4.105 0 00-4.109-4.109H61.825a4.105 4.105 0 00-4.11 4.11V71.13z", fill: "#BDC4CF", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M103.69 127.26V99.313c0-9.45 7.658-17.109 17.108-17.109s17.109 7.659 17.109 17.109v2.598l5.811 5.811h-5.777v19.292l-16.325 16.974-17.926-16.728z", fill: "url(#users_svg__paint2_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M121.604 143.977l16.247-16.896.078-.09c27.376 4.109 47.654 18.329 47.654 35.225v19.001a4.005 4.005 0 01-4.009 4.009H61.735a4.005 4.005 0 01-4.008-4.009v-19.001c0-16.571 19.404-30.556 45.962-34.978l17.915 16.739z", fill: "url(#users_svg__paint3_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M85.64 158.04v27.197M156.941 158.04v27.197", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M143.774 66.865a7.278 7.278 0 100-14.557 7.278 7.278 0 000 14.557z", fill: "url(#users_svg__paint4_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M158.33 66.865a7.278 7.278 0 100-14.557 7.278 7.278 0 000 14.557z", fill: "url(#users_svg__paint5_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M179.961 61.276a7.277 7.277 0 10-14.165-3.345 7.277 7.277 0 005.41 8.755 7.277 7.277 0 008.755-5.41z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M165.596 59.273c1.411-2.25 4.143-3.773 7.278-3.773s5.867 1.534 7.278 3.785v.01c-1.411 2.251-4.131 3.774-7.266 3.774-3.147-.011-5.879-1.534-7.29-3.796z", fill: "url(#users_svg__paint6_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M173.02 63.069a3.784 3.784 0 100-7.568 3.784 3.784 0 000 7.568z", fill: "#000", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M162.282 54.604h-5.755v8.308h5.755v-8.308z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M160.121 56.273h-5.755v8.307h5.755v-8.307z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M143.774 55.657v7.871M139.844 59.587h7.871M55.275 206.007v-16.493M43.877 182.852v15.855M68.32 192.414v16.493M76.504 193.657v16.493M199.433 182.852v15.866s.66 3.896-11.399 7.3v-16.493M174.979 192.414v16.493M166.794 193.657v16.493", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M48.3 61.86v6.192c0 10.547 8.554 19.101 19.101 19.101 10.547 0 19.102-8.554 19.102-19.101V61.86", fill: "#000" }),
+        React.createElement("path", { d: "M48.3 61.86v6.192c0 10.547 8.554 19.101 19.101 19.101 10.547 0 19.102-8.554 19.102-19.101V61.86", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M67.412 80.962c10.55 0 19.102-8.553 19.102-19.102 0-10.55-8.552-19.102-19.102-19.102S48.31 51.31 48.31 61.86s8.553 19.102 19.102 19.102z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M67.412 75.71c7.65 0 13.85-6.2 13.85-13.85 0-7.65-6.2-13.85-13.85-13.85-7.65 0-13.85 6.2-13.85 13.85 0 7.65 6.2 13.85 13.85 13.85z", fill: "url(#users_svg__paint7_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M57.66 58.176V62.7l10.413 10.413 25.853-25.854v-4.49L68.073 68.59 57.66 58.176z", fill: "#000", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M68.073 68.59L57.66 58.175l6.147-6.136 4.266 4.266L87.79 36.59l6.136 6.147-25.853 25.853z", fill: "url(#users_svg__paint8_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "users_svg__paint0_linear", x1: 43.87, y1: 182.217, x2: 199.436, y2: 182.217, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: 0.044, stopColor: "#FF4F40" }),
+                React.createElement("stop", { offset: 1, stopColor: "#FC44DD" })),
+            React.createElement("linearGradient", { id: "users_svg__paint1_linear", x1: 49.404, y1: 189.625, x2: 170.201, y2: 67.609, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#3885FF" }),
+                React.createElement("stop", { offset: 1, stopColor: "#635DFF" })),
+            React.createElement("linearGradient", { id: "users_svg__paint2_linear", x1: 89.714, y1: 177.883, x2: 111.067, y2: 132.127, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E9ECEE" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "users_svg__paint3_linear", x1: 112.834, y1: 188.672, x2: 134.187, y2: 142.916, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E9ECEE" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "users_svg__paint4_linear", x1: 136.504, y1: 59.592, x2: 151.053, y2: 59.592, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "users_svg__paint5_linear", x1: 151.053, y1: 59.592, x2: 165.602, y2: 59.592, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#3885FF" }),
+                React.createElement("stop", { offset: 1, stopColor: "#635DFF" })),
+            React.createElement("linearGradient", { id: "users_svg__paint6_linear", x1: 165.6, y1: 59.281, x2: 180.154, y2: 59.281, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "users_svg__paint7_linear", x1: 66.828, y1: 87.133, x2: 67.903, y2: 40.499, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#3885FF" }),
+                React.createElement("stop", { offset: 1, stopColor: "#635DFF" })),
+            React.createElement("linearGradient", { id: "users_svg__paint8_linear", x1: 57.663, y1: 52.589, x2: 93.927, y2: 52.589, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#2BC8A0" }),
+                React.createElement("stop", { offset: 1, stopColor: "#47C7E9" })))));
+}, {
+    name: common_1.illustrationComponentName,
+})({});

package/illustrations/index.d.ts

@@ -0,0 +1,2 @@
+export type { IIllustrationProps } from './common';
+export * from './components';

package/illustrations/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);

package/image/image.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { IStyledComponentProps } from '../styled';
+export declare type ImageFitType = 'contain' | 'cover' | 'none' | 'scale-down';
+export declare const imageFit: Record<ImageFitType, React.CSSProperties['objectFit']>;
+export declare type IImageProps = IStyledComponentProps<{
+    props: {
+        fit?: ImageFitType;
+        /** Sets the image width to auto */
+        disableResponsive?: boolean;
+        height?: React.CSSProperties['height'];
+        width?: React.CSSProperties['width'];
+    };
+    defaultComponent: 'img';
+}>;
+export declare const Image: import("styled-components").StyledComponent<"img", import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    fit?: ImageFitType | undefined;
+    /** Sets the image width to auto */
+    disableResponsive?: boolean | undefined;
+    height?: React.CSSProperties['height'];
+    width?: React.CSSProperties['width'];
+} & Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref" | "height" | "width" | "fit" | "disableResponsive"> & import("../styled").IStyledCommonProps, never>;

package/image/image.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = exports.imageFit = void 0;
+var styled_1 = require("../styled");
+var imageComponentName = 'QuantumImage';
+exports.imageFit = {
+    contain: 'contain',
+    cover: 'cover',
+    none: 'unset',
+    'scale-down': 'scale-down',
+};
+exports.Image = (0, styled_1.styled)('img', {
+    name: imageComponentName,
+    shouldForwardProp: function (prop) {
+        return (0, styled_1.rootShouldForwardProp)(prop) &&
+            prop !== 'fit' &&
+            prop !== 'disableResponsive' &&
+            prop !== 'height' &&
+            prop !== 'width';
+    },
+})(function (_a) {
+    var height = _a.height, width = _a.width, fit = _a.fit, disableResponsive = _a.disableResponsive;
+    return ({
+        display: 'block',
+        height: height ? height : 'auto',
+        width: width ? width : 'auto',
+        maxWidth: disableResponsive ? 'auto' : '100%',
+        objectFit: fit ? exports.imageFit[fit] : 'unset',
+    });
+});

package/image/index.d.ts

@@ -0,0 +1,2 @@
+export { Image } from './image';
+export type { ImageFitType, IImageProps } from './image';

package/image/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = void 0;
+var image_1 = require("./image");
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return image_1.Image; } });