@auth0/quantum-product 1.5.1

package/esm/illustrations/components/streams-logs.js

@@ -0,0 +1,118 @@
+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 __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;
+};
+/*
+    This file is generated with the "illustrations" script.
+    To update this output make changes to `scripts/svgr/illustration-icon-template.js
+    */
+import * as React from 'react';
+import { illustrationComponentName } from '../common';
+import { styled } from '../../styled';
+export var IllustrationStreamsLogs = 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: illustrationComponentName,
+})({});

package/esm/illustrations/components/users.js

@@ -0,0 +1,114 @@
+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 __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;
+};
+/*
+    This file is generated with the "illustrations" script.
+    To update this output make changes to `scripts/svgr/illustration-icon-template.js
+    */
+import * as React from 'react';
+import { illustrationComponentName } from '../common';
+import { styled } from '../../styled';
+export var IllustrationUsers = 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: illustrationComponentName,
+})({});

package/esm/illustrations/index.js

@@ -0,0 +1 @@
+export * from './components';

package/esm/image/image.js

@@ -0,0 +1,27 @@
+import { rootShouldForwardProp, styled } from '../styled';
+var imageComponentName = 'QuantumImage';
+export var imageFit = {
+    contain: 'contain',
+    cover: 'cover',
+    none: 'unset',
+    'scale-down': 'scale-down',
+};
+export var Image = styled('img', {
+    name: imageComponentName,
+    shouldForwardProp: function (prop) {
+        return 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 ? imageFit[fit] : 'unset',
+    });
+});

package/esm/image/index.js

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

package/esm/image-preview-field/image-preview-field.js

@@ -0,0 +1,111 @@
+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 __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;
+};
+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 { FormField } from '../form';
+import { FolderCancelIcon, LinkIcon } from '../icon';
+import { Input, InputAdornment } from '../input';
+import { Spinner } from '../spinner';
+import { useTheme } from '../theme';
+import { styled } from '../styled';
+var imagePreviewFieldComponentName = 'QuantumImagePreviewField';
+// remove all html props it does not need them, and some come from uncontrolled areas
+var PreviewWrapper = styled('div', { name: imagePreviewFieldComponentName, slot: 'Preview' })(function (_a) {
+    var theme = _a.theme, ownerState = _a.ownerState;
+    return ({
+        border: "1px solid ".concat(theme.tokens.color_border_bold),
+        borderRadius: theme.shape.borderRadius,
+        borderBottomLeftRadius: 0,
+        borderBottomRightRadius: 0,
+        borderBottom: 'none',
+        backgroundColor: ownerState.disabled ? theme.tokens.color_bg_input_disabled : theme.tokens.color_bg_input,
+        height: '120px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    });
+});
+var ImagePreview = styled('img', { name: imagePreviewFieldComponentName, slot: 'Img' })(function (_a) {
+    var ownerState = _a.ownerState;
+    return ({
+        height: '60px',
+        maxWidth: '100%',
+        display: ownerState.visible ? 'inline' : 'none',
+    });
+});
+var TextInput = styled(Input)({
+    borderTopRightRadius: 0,
+    borderTopLeftRadius: 0,
+});
+export var ImagePreviewFieldState;
+(function (ImagePreviewFieldState) {
+    ImagePreviewFieldState[ImagePreviewFieldState["Idle"] = 0] = "Idle";
+    ImagePreviewFieldState[ImagePreviewFieldState["Loading"] = 1] = "Loading";
+    ImagePreviewFieldState[ImagePreviewFieldState["Error"] = 2] = "Error";
+})(ImagePreviewFieldState || (ImagePreviewFieldState = {}));
+var ImagePreviewContainer = function (props) {
+    var value = props.value, defaultValue = props.defaultValue, fallbackValue = props.fallbackValue;
+    var _a = __read(React.useState(ImagePreviewFieldState.Idle), 2), state = _a[0], setState = _a[1];
+    var theme = useTheme();
+    var statusIndicator;
+    React.useEffect(function () {
+        setState(!value ? ImagePreviewFieldState.Idle : ImagePreviewFieldState.Loading);
+    }, [value, defaultValue]);
+    if (state === ImagePreviewFieldState.Loading) {
+        statusIndicator = React.createElement(Spinner, { size: "medium" });
+    }
+    if (state === ImagePreviewFieldState.Error) {
+        statusIndicator = React.createElement(FolderCancelIcon, { size: 40, color: theme.tokens.color_fg_default });
+    }
+    return (React.createElement(React.Fragment, null,
+        state !== ImagePreviewFieldState.Idle && statusIndicator,
+        React.createElement(ImagePreview, { ownerState: { visible: state === ImagePreviewFieldState.Idle }, "data-testid": props['data-testid'] ? "".concat(props['data-testid'], "-image-previewer") : undefined, src: value || defaultValue || fallbackValue, onError: function () { return setState(ImagePreviewFieldState.Error); }, onLoad: function () { return setState(ImagePreviewFieldState.Idle); } })));
+};
+export var ImagePreviewField = React.forwardRef(function (props, ref) {
+    var _a = props.autoFocus, autoFocus = _a === void 0 ? false : _a, defaultValue = props.defaultValue, _b = props.disabled, disabled = _b === void 0 ? false : _b, _c = props.readOnly, readOnly = _c === void 0 ? false : _c, FormHelperTextProps = props.FormHelperTextProps, _d = props.fullWidth, fullWidth = _d === void 0 ? false : _d, hiddenLabel = props.hiddenLabel, InputLabelProps = props.InputLabelProps, inputProps = props.inputProps, InputProps = props.InputProps, inputRef = props.inputRef, label = props.label, name = props.name, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, placeholder = props.placeholder, _e = props.required, required = _e === void 0 ? false : _e, value = props.value, 
+    // remove props below from being spread to the FormControl
+    fallbackValue = props.fallbackValue, 
+    // spread the rest to the FormControl at the root
+    rootProps = __rest(props, ["autoFocus", "defaultValue", "disabled", "readOnly", "FormHelperTextProps", "fullWidth", "hiddenLabel", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "name", "onBlur", "onChange", "onFocus", "placeholder", "required", "value", "fallbackValue"]);
+    var isDisabled = disabled || readOnly;
+    return (React.createElement(FormField, __assign({ disabled: disabled, readOnly: readOnly, hiddenLabel: hiddenLabel, ref: ref, required: required, label: label, fullWidth: fullWidth, InputLabelProps: InputLabelProps }, rootProps),
+        React.createElement(PreviewWrapper, { ownerState: { disabled: isDisabled } },
+            React.createElement(ImagePreviewContainer, __assign({}, props))),
+        React.createElement(TextInput, __assign({ autoFocus: autoFocus, defaultValue: defaultValue, fullWidth: fullWidth, name: name, value: value, inputRef: inputRef, onBlur: onBlur, onChange: onChange, onFocus: onFocus, placeholder: placeholder, inputProps: inputProps, startAdornment: React.createElement(InputAdornment, { position: "start" },
+                React.createElement(LinkIcon, { size: "1.25em" })) }, InputProps))));
+});

package/esm/image-preview-field/index.js

@@ -0,0 +1 @@
+export { ImagePreviewField } from './image-preview-field';

package/esm/index.js

@@ -0,0 +1,87 @@
+export * from './accordion';
+export * from './alert';
+export * from './app-bar';
+export * from './app-layout';
+export * from './autocomplete';
+export * from './avatar';
+export * from './avatar-block';
+export * from './backdrop';
+export * from './badge';
+export * from './banner';
+export * from './box';
+export * from './breadcrumbs';
+export * from './button';
+export * from './card';
+export * from './checkbox';
+export * from './checkbox-field';
+export * from './chip';
+export * from './code';
+export * from './collapse';
+export * from './color-text-field';
+export * from './column-layout';
+export * from './config-block';
+export * from './content';
+export * from './copy-button';
+export * from './css-baseline';
+export * from './danger-zone';
+export * from './data-table';
+export * from './description-block';
+export * from './dialog';
+export * from './divider';
+export * from './drawer';
+export * from './dropdown-menu';
+export * from './empty-state';
+export * from './expansion-panel';
+export * from './field-set';
+export * from './form';
+export * from './gallery-layout';
+export * from './icon';
+export * from './icon-button';
+export * from './identicons';
+export * from './illustrations';
+export * from './image';
+export * from './image-preview-field';
+export * from './input';
+export * from './label';
+export * from './link';
+export * from './list';
+export * from './logo';
+export * from './menu';
+export * from './mobile-stepper';
+export * from './no-ssr';
+export * from './page';
+export * from './pagination';
+export * from './panel-layout';
+export * from './paper';
+export * from './popover';
+export * from './popper';
+export * from './portal';
+export * from './promo-banner';
+export * from './pulsing-dot';
+export * from './quantum-provider';
+export * from './radio';
+export * from './radio-field';
+export * from './region';
+export * from './row-layout';
+export * from './select';
+export * from './selectable-card';
+export * from './sidebar';
+export * from './spinner';
+export * from './stack-layout';
+export * from './status';
+export * from './stepper';
+export * from './styles';
+export * from './svg-icon';
+export * from './switch';
+export * from './table';
+export * from './tabs';
+export * from './text';
+export * from './text-field';
+export * from './theme';
+export * from './title-block';
+export * from './toast';
+export * from './tooltip';
+export * from './transitions';
+export * from './use-media-query';
+export * from './styled';
+export * from './utils';

package/esm/input/index.js

@@ -0,0 +1,4 @@
+export { Input, getMaskedInputProps } from './input';
+export * from './input-actions';
+export * from './input-adornment';
+export * from './input-label';

package/esm/input/input-actions/index.js

@@ -0,0 +1 @@
+export { InputActions } from './input-actions';

package/esm/input/input-actions/input-actions.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { IconButtonContext } from '../../icon-button';
+import { InputAdornment } from '../input-adornment';
+var iconButtonContext = {
+    edge: 'end',
+};
+export var InputActions = function (_a) {
+    var actions = _a.actions, multiline = _a.multiline;
+    if (!actions || !actions.length) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null, actions.map(function (action, index) {
+        if (!action) {
+            return null;
+        }
+        return (React.createElement(InputAdornment, { align: multiline ? 'top' : undefined, position: "end", key: index },
+            React.createElement(IconButtonContext.Provider, { value: iconButtonContext }, action)));
+    })));
+};

package/esm/input/input-adornment/index.js

@@ -0,0 +1 @@
+export { InputAdornment } from './input-adornment';

package/esm/input/input-adornment/input-adornment-overrides.js

@@ -0,0 +1,19 @@
+import { inputAdornmentClasses } from '@mui/material/InputAdornment';
+export var createMuiInputAdornmentOverrides = function (_a) {
+    var _b;
+    var spacing = _a.spacing, tokens = _a.tokens;
+    return {
+        styleOverrides: {
+            root: {
+                color: tokens.color_fg_bold,
+            },
+            positionEnd: (_b = {
+                    marginLeft: spacing(1.25)
+                },
+                _b["&.".concat(inputAdornmentClasses.sizeSmall)] = {
+                    marginRight: -2,
+                },
+                _b),
+        },
+    };
+};

package/esm/input/input-adornment/input-adornment.js

@@ -0,0 +1,38 @@
+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 __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;
+};
+import * as React from 'react';
+import MuiInputAdornment from '@mui/material/InputAdornment';
+import { styled } from '../../styled';
+import { Text } from '../../text';
+export var inputAdornmentComponentName = 'QuantumInputAdornment';
+var Root = styled(MuiInputAdornment, { name: inputAdornmentComponentName, slot: 'Root' })(function (_a) {
+    var theme = _a.theme, ownerState = _a.ownerState;
+    return __assign({}, (ownerState.align === 'top' && {
+        alignSelf: 'flex-start',
+        marginTop: theme.spacing(2.5),
+    }));
+});
+export var InputAdornment = React.forwardRef(function (props, ref) {
+    var _a = props.align, align = _a === void 0 ? 'center' : _a, children = props.children, disableTypography = props.disableTypography, adornmentProps = __rest(props, ["align", "children", "disableTypography"]);
+    return (React.createElement(Root, __assign({ ref: ref, ownerState: { align: align }, disableTypography: true }, adornmentProps), typeof children === 'string' && !disableTypography ? (React.createElement(Text, { color: "textSecondary", variant: "body2" }, children)) : (children)));
+});