@auth0/quantum-product 1.5.1

package/esm/icon/layout-left.js

@@ -0,0 +1,29 @@
+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 { SvgIcon } from '../svg-icon';
+export var LayoutLeftIcon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, rootProps = __rest(_a, ["color"]);
+    return (React.createElement(SvgIcon, __assign({ viewBox: "0 0 16 16" }, rootProps),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5 2.5H14.5V13.5H1.5V2.5ZM0 15V1H16V15H0ZM3.5 5C3.22386 5 3 5.22386 3 5.5V10.5C3 10.7761 3.22386 11 3.5 11H6.5C6.77614 11 7 10.7761 7 10.5V5.5C7 5.22386 6.77614 5 6.5 5H3.5Z", fill: color })));
+};

package/esm/icon/layout-right.js

@@ -0,0 +1,29 @@
+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 { SvgIcon } from '../svg-icon';
+export var LayoutRightIcon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, rootProps = __rest(_a, ["color"]);
+    return (React.createElement(SvgIcon, __assign({ viewBox: "0 0 16 16" }, rootProps),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5 2.5H14.5V13.5H1.5V2.5ZM0 15V1H16V15H0ZM9.5 5C9.22386 5 9 5.22386 9 5.5V10.5C9 10.7761 9.22386 11 9.5 11H12.5C12.7761 11 13 10.7761 13 10.5V5.5C13 5.22386 12.7761 5 12.5 5H9.5Z", fill: color })));
+};

package/esm/icon/layout-top.js

@@ -0,0 +1,29 @@
+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 { SvgIcon } from '../svg-icon';
+export var LayoutTopIcon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, rootProps = __rest(_a, ["color"]);
+    return (React.createElement(SvgIcon, __assign({ viewBox: "0 0 16 16" }, rootProps),
+        React.createElement("path", { fillRule: "evenodd", d: "M4 14.5V1.5H13V14.5H4ZM2.5 0.5C2.5 0.223858 2.72386 0 3 0H14C14.2761 0 14.5 0.223858 14.5 0.5V15.5C14.5 15.7761 14.2761 16 14 16H3C2.72386 16 2.5 15.7761 2.5 15.5V0.5ZM5.5 3.5C5.5 3.22386 5.72386 3 6 3H11C11.2761 3 11.5 3.22386 11.5 3.5C11.5 3.77614 11.2761 4 11 4H6C5.72386 4 5.5 3.77614 5.5 3.5ZM5.5 5.5C5.5 5.22386 5.72386 5 6 5H11C11.2761 5 11.5 5.22386 11.5 5.5C11.5 5.77614 11.2761 6 11 6H6C5.72386 6 5.5 5.77614 5.5 5.5Z", fill: color })));
+};

package/esm/icon/megaphone.js

@@ -0,0 +1,30 @@
+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 { SvgIcon } from '../svg-icon';
+export var MegaphoneIcon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, rootProps = __rest(_a, ["color"]);
+    return (React.createElement(SvgIcon, __assign({ viewBox: "0 0 20 20" }, rootProps),
+        React.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            React.createElement("path", { d: "M17.6531721,16.4343982 L17.6531721,15.3241025 L9.88156225,14.2138069 L9.88156225,16.9901011 C9.88156225,17.0309045 9.86629659,17.0675442 9.85769231,17.106127 C9.85519429,17.1180627 9.85880254,17.1294432 9.85519429,17.1416565 C9.8538065,17.1474855 9.84936558,17.1513716 9.84742268,17.156923 C9.82993656,17.2104948 9.8035686,17.2579599 9.77192704,17.3034821 C9.76193497,17.3179159 9.75471848,17.3326273 9.74333862,17.3453957 C9.70808882,17.3867542 9.66617764,17.4186752 9.62065821,17.4480981 C9.60539255,17.4580907 9.59206979,17.4697488 9.57597145,17.478076 C9.53739096,17.4977838 9.49603489,17.5086092 9.45273592,17.5186018 C9.41887391,17.5277618 9.38612213,17.5369217 9.35003965,17.5394199 C9.34199048,17.539975 9.33477399,17.5444162 9.32672482,17.5444162 C9.31090404,17.5444162 9.29785884,17.5369217 9.28287074,17.5355338 C9.24151467,17.5338684 9.20043616,17.5388647 9.15880254,17.5280393 L4.89718477,16.4316224 C4.89302141,16.4316224 4.88996828,16.433843 4.88580492,16.433843 C4.60519429,16.433843 4.38287074,16.2223317 4.34567803,15.9519747 C4.3445678,15.947256 4.34345757,15.9428148 4.34290246,15.938096 C4.34040444,15.9178331 4.33068993,15.8997908 4.33068993,15.8786952 L4.33068993,13.4202231 L2.11050753,13.1026786 C1.49710547,13.1026786 1,12.6055437 1,11.9929381 L1,6.44146004 C1,5.82829929 1.49710547,5.33116442 2.11050753,5.33116442 L17.6537272,3.11057319 L17.6537272,2 L18.7636796,2 L18.7636796,4.22059123 L18.7636796,14.2132518 L18.7636796,16.4335654 L17.6531721,16.4335654 L17.6531721,16.4343982 Z M5.44036479,15.4401284 L8.77133228,16.2969991 L8.77133228,14.0555898 L5.44036479,13.579273 L5.44036479,15.4401284 L5.44036479,15.4401284 Z M2.10995242,6.997163 L2.10995242,11.4380679 C2.10995242,11.7445095 2.35836638,11.9932157 2.66478985,11.9932157 L14.3224822,13.7868983 L14.3224822,4.64861019 L2.66478985,6.44173761 C2.35836638,6.44173761 2.10995242,6.69072141 2.10995242,6.997163 L2.10995242,6.997163 Z M17.6531721,4.77601662 C17.6531721,4.46929745 17.4044806,4.22114638 17.0980571,4.22114638 L15.4327121,4.47762467 L15.4327121,13.9578838 L17.0980571,14.2140845 C17.4044806,14.2140845 17.6531721,13.9656559 17.6531721,13.6586591 L17.6531721,4.77601662 L17.6531721,4.77601662 Z", fill: color }))));
+};

package/esm/icon/page-background.js

@@ -0,0 +1,30 @@
+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 { SvgIcon } from '../svg-icon';
+export var PageBackgroundIcon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, rootProps = __rest(_a, ["color"]);
+    return (React.createElement(SvgIcon, __assign({ viewBox: "0 0 24 24" }, rootProps),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 6.28571C1 4.91815 1.77816 4 3.2 4H20.8C22.2218 4 23 4.91815 23 6.28571V17.7143C23 19.0818 22.2218 20 20.8 20H3.2C1.77816 20 1 19.0818 1 17.7143V6.28571ZM3.75 5.71429C3.10371 5.71429 2.65 6.23552 2.65 6.85714V17.1429C2.65 17.7645 3.10371 18.2857 3.75 18.2857H20.25C20.8963 18.2857 21.35 17.7645 21.35 17.1429V6.85714C21.35 6.23552 20.8963 5.71429 20.25 5.71429H3.75Z", fill: color }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 14.8125C15 15.5374 14.5264 16 13.8163 16H10.1837C9.47359 16 9 15.5374 9 14.8125C9 14.0876 9 9.1875 9 9.1875C9 8.46263 9.47359 8 10.1837 8H13.8163C14.5264 8 15 8.46263 15 9.1875V14.8125ZM13 14.5C13.5 14.5 13.5 14 13.5 14V10C13.5 10 13.5 9.5 13 9.5H11C11 9.5 10.5 9.5 10.5 10V14C10.5 14 10.5 14.5 11 14.5C11 14.5 12.5 14.5 13 14.5Z", fill: color })));
+};

package/esm/icon/paint-brush.js

@@ -0,0 +1,29 @@
+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 { SvgIcon } from '../svg-icon';
+export var PaintBrushIcon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, rootProps = __rest(_a, ["color"]);
+    return (React.createElement(SvgIcon, __assign({ viewBox: "0 0 20 20", fill: "none" }, rootProps),
+        React.createElement("path", { d: "M18.3206582,4.66776279 L9.94314036,13.034673 C9.89484536,13.0829708 9.83378271,13.1054543 9.77993656,13.1432044 C10.0125297,13.7977236 10.1135607,14.5618846 9.77188739,15.3005088 C8.49734338,18.0504334 2,17.5149934 2,17.5149934 C5.33068993,15.8537136 2.36554322,13.7671905 4.22045995,11.9760061 C5.39369548,10.843227 6.57498017,10.7463537 7.44678826,10.9156738 C7.49286281,10.8385083 7.53005551,10.7571791 7.59639175,10.6902838 L9.16098335,9.12809786 L9.16098335,9.12782029 L9.94314036,8.34700489 L9.94341792,8.34700489 L15.9741872,2.32392875 C16.4063442,1.89202375 17.1063442,1.89202375 17.5385012,2.32392875 L18.3206582,3.10502171 C18.7525377,3.53637156 18.7525377,4.23558022 18.3206582,4.66776279 L18.3206582,4.66776279 Z M7.59639175,12.25358 C7.42125297,12.078986 7.33604282,11.8569269 7.30301348,11.6293163 C6.81950833,11.5724137 6.1425456,11.720083 5.33068993,12.5303212 C3.91542427,13.9428948 5.33068993,15.3005088 4.22045995,16.4074735 C4.22045995,16.4074735 7.82981761,16.544595 8.66137986,15.3005088 C9.13572561,14.5899196 9.09381443,13.8887679 8.90118953,13.3078057 C8.71078509,13.2614509 8.52731959,13.1828975 8.37854877,13.034673 L7.59639175,12.25358 L7.59639175,12.25358 Z M8.76990484,11.0813854 C8.55396511,11.2965052 8.55396511,11.647081 8.76990484,11.8624784 C8.98584457,12.0787085 9.33612213,12.0787085 9.55206186,11.8624784 L10.7255749,10.6908389 L9.94341792,9.9094684 L8.76990484,11.0813854 L8.76990484,11.0813854 Z M17.1471451,3.4955682 C16.9312054,3.27933812 16.5809278,3.27933812 16.3649881,3.4955682 L10.7255749,9.12782029 L11.507732,9.9094684 L17.1471451,4.27693874 C17.3633624,4.06070866 17.3633624,3.71124312 17.1471451,3.4955682 L17.1471451,3.4955682 Z", fill: color, strokeWidth: "1.5" })));
+};

package/esm/icon/paint.js

@@ -0,0 +1,29 @@
+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 { SvgIcon } from '../svg-icon';
+export var PaintIcon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, rootProps = __rest(_a, ["color"]);
+    return (React.createElement(SvgIcon, __assign({ viewBox: "0 0 24 24" }, rootProps),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.7805 1.71967C11.6399 1.57902 11.4491 1.5 11.2502 1.5C11.0513 1.5 10.8605 1.57902 10.7199 1.71967C10.5792 1.86032 10.5002 2.05109 10.5002 2.25V3.507C10.1222 3.603 9.76519 3.7995 9.46969 4.095L2.00569 11.5605C1.58997 11.9757 1.35316 12.5371 1.34588 13.1246C1.33859 13.7121 1.5614 14.2791 1.96669 14.7045L7.39669 20.406C7.60367 20.6233 7.85204 20.797 8.12717 20.9169C8.4023 21.0368 8.69863 21.1004 8.99872 21.1041C9.29881 21.1077 9.5966 21.0513 9.87456 20.9381C10.1525 20.8249 10.405 20.6572 10.6172 20.445L18.2192 12.84C18.6405 12.4181 18.8772 11.8463 18.8772 11.25C18.8772 10.6537 18.6405 10.0819 18.2192 9.66L12.6512 4.095C12.4562 3.9015 12.2357 3.75 12.0002 3.642V2.25C12.0002 2.05109 11.9212 1.86032 11.7805 1.71967ZM10.5002 5.1855V6.75C10.5002 6.94891 10.5792 7.13968 10.7199 7.28033C10.8605 7.42098 11.0513 7.5 11.2502 7.5C11.4491 7.5 11.6399 7.42098 11.7805 7.28033C11.9212 7.13968 12.0002 6.94891 12.0002 6.75V5.565L17.1587 10.7205C17.2993 10.8611 17.3783 11.0519 17.3783 11.2507C17.3783 11.4496 17.2993 11.6404 17.1587 11.781L16.9397 12H3.68569L10.5002 5.1855ZM3.05269 13.668C3.00514 13.6178 2.96475 13.5613 2.93269 13.5H15.4397L9.55669 19.383C9.48592 19.4538 9.4017 19.5097 9.30898 19.5474C9.21626 19.5852 9.11693 19.604 9.01684 19.6027C8.91675 19.6014 8.81792 19.5802 8.72619 19.5401C8.63445 19.5001 8.55166 19.442 8.48269 19.3695L3.05269 13.668ZM19.0966 15.1217C19.2055 15.1711 19.3026 15.2431 19.3814 15.333H19.3829L21.1079 17.3055C22.8794 19.3305 21.4424 22.5 18.7499 22.5C16.0574 22.5 14.6189 19.3305 16.3934 17.3055L18.1184 15.333C18.1973 15.2431 18.2944 15.1711 18.4033 15.1217C18.5122 15.0724 18.6304 15.0469 18.7499 15.0469C18.8695 15.0469 18.9877 15.0724 19.0966 15.1217ZM18.7499 16.8885L17.5214 18.2925C16.5974 19.3485 17.3474 21 18.7499 21C20.1524 21 20.9024 19.3485 19.9784 18.2925L18.7499 16.8885Z", fill: color })));
+};

package/esm/icon/recovery-code.js

@@ -0,0 +1,30 @@
+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 { SvgIcon } from '../svg-icon';
+export var RecoveryCodeIcon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, rootProps = __rest(_a, ["color"]);
+    return (React.createElement(SvgIcon, __assign({ viewBox: "0 0 20 20", fill: "none" }, rootProps),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19ZM15.2923 4.00058L12.4528 6.84007C11.7755 6.31354 10.9244 6 10 6C9.07564 6 8.22452 6.31354 7.54718 6.84007L4.70769 4.00058C6.11804 2.75551 7.97079 2 10 2C12.0292 2 13.882 2.75551 15.2923 4.00058ZM14 10C14 9.07564 13.6865 8.22452 13.1599 7.54718L15.9994 4.70769C17.2445 6.11804 18 7.97079 18 10C18 12.0292 17.2445 13.882 15.9994 15.2923L13.1599 12.4528C13.6865 11.7755 14 10.9244 14 10ZM6.84007 7.54718L4.00058 4.70769C2.75551 6.11804 2 7.97079 2 10C2 12.0292 2.75551 13.882 4.00058 15.2923L6.84007 12.4528C6.31354 11.7755 6 10.9244 6 10C6 9.07564 6.31354 8.22452 6.84007 7.54718ZM4.70769 15.9994L7.54718 13.1599C8.22452 13.6865 9.07564 14 10 14C10.9244 14 11.7755 13.6865 12.4528 13.1599L15.2923 15.9994C13.882 17.2445 12.0292 18 10 18C7.97079 18 6.11804 17.2445 4.70769 15.9994ZM13 10C13 11.6569 11.6569 13 10 13C8.34315 13 7 11.6569 7 10C7 8.34315 8.34315 7 10 7C11.6569 7 13 8.34315 13 10Z", fill: color }),
+        React.createElement("path", { d: "M12.4528 6.84007L12.2994 7.03745L12.4736 7.17286L12.6296 7.01685L12.4528 6.84007ZM15.2923 4.00058L15.4691 4.17736L15.6572 3.98924L15.4578 3.81317L15.2923 4.00058ZM7.54718 6.84007L7.3704 7.01685L7.52641 7.17286L7.70061 7.03745L7.54718 6.84007ZM4.70769 4.00058L4.54224 3.81317L4.34279 3.98924L4.53091 4.17736L4.70769 4.00058ZM13.1599 7.54718L12.9832 7.3704L12.8271 7.52641L12.9625 7.70061L13.1599 7.54718ZM15.9994 4.70769L16.1868 4.54224L16.0108 4.34279L15.8226 4.53091L15.9994 4.70769ZM15.9994 15.2923L15.8226 15.4691L16.0108 15.6572L16.1868 15.4578L15.9994 15.2923ZM13.1599 12.4528L12.9625 12.2994L12.8271 12.4736L12.9832 12.6296L13.1599 12.4528ZM4.00058 4.70769L4.17736 4.53091L3.98924 4.34279L3.81317 4.54224L4.00058 4.70769ZM6.84007 7.54718L7.03745 7.70061L7.17286 7.52641L7.01685 7.3704L6.84007 7.54718ZM4.00058 15.2923L3.81317 15.4578L3.98924 15.6572L4.17736 15.4691L4.00058 15.2923ZM6.84007 12.4528L7.01685 12.6296L7.17286 12.4736L7.03745 12.2994L6.84007 12.4528ZM7.54718 13.1599L7.70061 12.9625L7.52641 12.8271L7.3704 12.9832L7.54718 13.1599ZM4.70769 15.9994L4.53091 15.8226L4.34279 16.0108L4.54224 16.1868L4.70769 15.9994ZM12.4528 13.1599L12.6296 12.9832L12.4736 12.8271L12.2994 12.9625L12.4528 13.1599ZM15.2923 15.9994L15.4578 16.1868L15.6572 16.0108L15.4691 15.8226L15.2923 15.9994ZM0.75 10C0.75 15.1086 4.89137 19.25 10 19.25V18.75C5.16751 18.75 1.25 14.8325 1.25 10H0.75ZM10 0.75C4.89137 0.75 0.75 4.89137 0.75 10H1.25C1.25 5.16751 5.16751 1.25 10 1.25V0.75ZM19.25 10C19.25 4.89137 15.1086 0.75 10 0.75V1.25C14.8325 1.25 18.75 5.16751 18.75 10H19.25ZM10 19.25C15.1086 19.25 19.25 15.1086 19.25 10H18.75C18.75 14.8325 14.8325 18.75 10 18.75V19.25ZM12.6296 7.01685L15.4691 4.17736L15.1155 3.82381L12.276 6.66329L12.6296 7.01685ZM10 6.25C10.8668 6.25 11.6644 6.54382 12.2994 7.03745L12.6063 6.64269C11.8866 6.08326 10.9819 5.75 10 5.75V6.25ZM7.70061 7.03745C8.33563 6.54382 9.13315 6.25 10 6.25V5.75C9.01814 5.75 8.11341 6.08326 7.39375 6.64269L7.70061 7.03745ZM4.53091 4.17736L7.3704 7.01685L7.72395 6.66329L4.88447 3.82381L4.53091 4.17736ZM10 1.75C7.90755 1.75 5.99651 2.52932 4.54224 3.81317L4.87314 4.188C6.23957 2.9817 8.03403 2.25 10 2.25V1.75ZM15.4578 3.81317C14.0035 2.52932 12.0925 1.75 10 1.75V2.25C11.966 2.25 13.7604 2.9817 15.1269 4.188L15.4578 3.81317ZM12.9625 7.70061C13.4562 8.33563 13.75 9.13315 13.75 10H14.25C14.25 9.01814 13.9167 8.11341 13.3573 7.39375L12.9625 7.70061ZM15.8226 4.53091L12.9832 7.3704L13.3367 7.72395L16.1762 4.88447L15.8226 4.53091ZM18.25 10C18.25 7.90755 17.4707 5.99651 16.1868 4.54224L15.812 4.87314C17.0183 6.23957 17.75 8.03403 17.75 10H18.25ZM16.1868 15.4578C17.4707 14.0035 18.25 12.0925 18.25 10H17.75C17.75 11.966 17.0183 13.7604 15.812 15.1269L16.1868 15.4578ZM12.9832 12.6296L15.8226 15.4691L16.1762 15.1155L13.3367 12.276L12.9832 12.6296ZM13.75 10C13.75 10.8668 13.4562 11.6644 12.9625 12.2994L13.3573 12.6063C13.9167 11.8866 14.25 10.9819 14.25 10H13.75ZM3.82381 4.88447L6.66329 7.72395L7.01685 7.3704L4.17736 4.53091L3.82381 4.88447ZM2.25 10C2.25 8.03403 2.9817 6.23957 4.188 4.87314L3.81317 4.54224C2.52932 5.99651 1.75 7.90755 1.75 10H2.25ZM4.188 15.1269C2.9817 13.7604 2.25 11.966 2.25 10H1.75C1.75 12.0925 2.52932 14.0035 3.81317 15.4578L4.188 15.1269ZM6.66329 12.276L3.82381 15.1155L4.17736 15.4691L7.01685 12.6296L6.66329 12.276ZM5.75 10C5.75 10.9819 6.08326 11.8866 6.64269 12.6063L7.03745 12.2994C6.54382 11.6644 6.25 10.8668 6.25 10H5.75ZM6.64269 7.39375C6.08326 8.11341 5.75 9.01814 5.75 10H6.25C6.25 9.13315 6.54382 8.33563 7.03745 7.70061L6.64269 7.39375ZM7.3704 12.9832L4.53091 15.8226L4.88447 16.1762L7.72395 13.3367L7.3704 12.9832ZM10 13.75C9.13315 13.75 8.33563 13.4562 7.70061 12.9625L7.39375 13.3573C8.11341 13.9167 9.01814 14.25 10 14.25V13.75ZM12.2994 12.9625C11.6644 13.4562 10.8668 13.75 10 13.75V14.25C10.9819 14.25 11.8866 13.9167 12.6063 13.3573L12.2994 12.9625ZM15.4691 15.8226L12.6296 12.9832L12.276 13.3367L15.1155 16.1762L15.4691 15.8226ZM10 18.25C12.0925 18.25 14.0035 17.4707 15.4578 16.1868L15.1269 15.812C13.7604 17.0183 11.966 17.75 10 17.75V18.25ZM4.54224 16.1868C5.99651 17.4707 7.90755 18.25 10 18.25V17.75C8.03403 17.75 6.23957 17.0183 4.87314 15.812L4.54224 16.1868ZM10 13.25C11.7949 13.25 13.25 11.7949 13.25 10H12.75C12.75 11.5188 11.5188 12.75 10 12.75V13.25ZM6.75 10C6.75 11.7949 8.20507 13.25 10 13.25V12.75C8.48122 12.75 7.25 11.5188 7.25 10H6.75ZM10 6.75C8.20507 6.75 6.75 8.20507 6.75 10H7.25C7.25 8.48122 8.48122 7.25 10 7.25V6.75ZM13.25 10C13.25 8.20507 11.7949 6.75 10 6.75V7.25C11.5188 7.25 12.75 8.48122 12.75 10H13.25Z", fill: color })));
+};

package/esm/icon/types.js

@@ -0,0 +1 @@
+export {};

package/esm/icon/web-authn.js

@@ -0,0 +1,29 @@
+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 { SvgIcon } from '../svg-icon';
+export var WebAuthnIcon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, rootProps = __rest(_a, ["color"]);
+    return (React.createElement(SvgIcon, __assign({ viewBox: "0 0 20 20", fill: "none" }, rootProps),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5 6.5L1.5 14.5L14.5 14.5L14.5 6.5L1.5 6.5ZM1 5C0.447715 5 0 5.44771 0 6L0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15V13.3333H16.5L19 13.3333C19.5523 13.3333 20 12.8856 20 12.3333V8.5C20 7.94772 19.5523 7.5 19 7.5L16.5 7.5H16V6C16 5.44772 15.5523 5 15 5L1 5ZM18.5 9H16.5V11.8333H18.5V9ZM9.28459 11.5C9.92892 11.5 10.4513 10.9776 10.4513 10.3333C10.4513 9.68896 9.92892 9.16663 9.28459 9.16663C8.64025 9.16663 8.11792 9.68896 8.11792 10.3333C8.11792 10.9776 8.64025 11.5 9.28459 11.5ZM9.28459 13C10.7573 13 11.9513 11.8061 11.9513 10.3333C11.9513 8.86053 10.7573 7.66663 9.28459 7.66663C7.81183 7.66663 6.61792 8.86053 6.61792 10.3333C6.61792 11.8061 7.81183 13 9.28459 13ZM3.95125 10.3333C3.95125 10.7015 3.65278 11 3.28459 11C2.9164 11 2.61792 10.7015 2.61792 10.3333C2.61792 9.9651 2.9164 9.66663 3.28459 9.66663C3.65278 9.66663 3.95125 9.9651 3.95125 10.3333Z", fill: color })));
+};

package/esm/icon/webauthn-platform.js

@@ -0,0 +1,29 @@
+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 { SvgIcon } from '../svg-icon';
+export var WebAuthnPlatformIcon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, rootProps = __rest(_a, ["color"]);
+    return (React.createElement(SvgIcon, __assign({ viewBox: "0 0 24 24", fill: "none" }, rootProps),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9842 2.18182C7.6204 2.18182 4.16113 5.08723 2.65449 9.11032L2.63441 9.16393L2.06412 10.3061C1.79504 10.8449 1.14063 11.0634 0.60247 10.7939C0.0643064 10.5245 -0.153827 9.8692 0.115255 9.33031L0.634912 8.28961C2.40834 3.6119 6.56398 0 11.9842 0C14.6931 0 17.8249 1.04734 20.2192 3.29505C22.6447 5.57201 24.2578 9.02952 23.966 13.7044C23.7659 16.9094 22.8726 18.6905 22.0271 20.3763C21.7225 20.9837 21.4241 21.5786 21.1666 22.2233C20.9431 22.7827 20.3091 23.0548 19.7504 22.8311C19.1918 22.6073 18.92 21.9724 19.1435 21.413C19.5043 20.5098 19.8643 19.7941 20.1983 19.1303C20.9811 17.5741 21.6207 16.3026 21.7913 13.5683C22.0443 9.51593 20.6613 6.70072 18.729 4.88677C16.7656 3.04357 14.1777 2.18182 11.9842 2.18182ZM11.4073 5.65903C11.2543 5.68354 11.122 5.74226 10.8372 5.88483C10.299 6.15427 9.64464 5.93585 9.37556 5.39696C9.10648 4.85807 9.32461 4.20279 9.86278 3.93335C9.87261 3.92843 9.88266 3.92339 9.89292 3.91824C10.1541 3.78719 10.5551 3.58599 11.063 3.50461C11.6139 3.41636 12.2067 3.47673 12.8888 3.71579C13.4567 3.91482 13.7559 4.53717 13.5572 5.10584C13.3584 5.6745 12.7369 5.97415 12.169 5.77512C11.7616 5.63236 11.5374 5.63819 11.4073 5.65903ZM14.8513 5.45876C15.1498 4.93565 15.8153 4.75391 16.3377 5.05283C17.8138 5.89743 20.6584 8.58089 20.1466 12.6808C20.072 13.2786 19.5275 13.7027 18.9304 13.6279C18.3334 13.5532 17.9099 13.008 17.9845 12.4101C18.3443 9.5282 16.3227 7.55712 15.2567 6.94717C14.7343 6.64825 14.5528 5.98187 14.8513 5.45876ZM6.31129 5.77407C6.73675 5.34804 7.42655 5.34804 7.85201 5.77407C8.27746 6.20009 8.27746 6.89082 7.85201 7.31684L7.85121 7.31764L7.85043 7.31843L7.8496 7.31925L7.84874 7.32011L7.84795 7.32091L7.84717 7.32168L7.8463 7.32255L7.84551 7.32335L7.84464 7.32422L7.84369 7.32517L7.84288 7.32598L7.84202 7.32684L7.84014 7.32873L7.8366 7.33227L7.83569 7.33318L7.83276 7.33611L7.83171 7.33716L7.83063 7.33825L7.82713 7.34175L7.82461 7.34428L7.82373 7.34516L7.82283 7.34606L7.82002 7.34887L7.30728 7.8623C6.66548 8.50496 6.28915 9.32108 5.944 10.2677C5.88401 10.4323 5.82309 10.608 5.75977 10.7908C5.49283 11.561 5.18309 12.4547 4.71978 13.1506C4.1285 14.0387 3.62543 14.5729 3.05581 14.9531C2.78128 15.1364 2.51699 15.2665 2.2782 15.3769C2.19784 15.414 2.12353 15.4476 2.05149 15.4801C1.89537 15.5507 1.74995 15.6164 1.5769 15.703C1.03874 15.9725 0.384337 15.754 0.115255 15.2151C-0.153827 14.6763 0.0643068 14.021 0.602471 13.7515C0.81619 13.6445 1.02503 13.5501 1.19539 13.4731C1.25765 13.445 1.31477 13.4191 1.36512 13.3959C1.56892 13.3017 1.71317 13.2272 1.84718 13.1378C2.09465 12.9726 2.40866 12.6886 2.90683 11.9403C3.20117 11.4982 3.39135 10.9547 3.64655 10.2253C3.7228 10.0074 3.80486 9.77287 3.89724 9.5195C4.26648 8.50678 4.7742 7.31322 5.76657 6.31952L6.27883 5.80658L6.28166 5.80374L6.28257 5.80283L6.28346 5.80194L6.28601 5.79938L6.2884 5.79699L6.28954 5.79585L6.2917 5.79368L6.29372 5.79167L6.29467 5.79071L6.29892 5.78645L6.30086 5.78452L6.30175 5.78363L6.30258 5.78279L6.30337 5.782L6.30428 5.78109L6.30512 5.78025L6.30589 5.77947L6.30673 5.77864L6.30759 5.77777L6.30843 5.77693L6.30922 5.77615L6.31002 5.77534L6.31129 5.77407ZM10.7034 9.82061C10.2118 10.3024 9.87465 10.9455 9.72735 11.3142C9.50389 11.8736 8.86986 12.1457 8.31121 11.922C7.75256 11.6982 7.48083 11.0633 7.70429 10.5039C7.92014 9.96359 8.40013 9.02489 9.17948 8.26121C9.97841 7.47836 11.1882 6.8008 12.7425 7.11209C14.4482 7.45369 15.6974 8.50429 16.3187 9.92638C16.93 11.3255 16.8995 12.9962 16.264 14.587C15.1069 17.4836 12.2865 21.4219 10.0309 23.6805C9.60545 24.1065 8.91564 24.1065 8.49019 23.6805C8.06473 23.2545 8.06473 22.5637 8.49019 22.1377C10.5924 20.0327 13.2192 16.3346 14.241 13.7767C14.695 12.6402 14.6644 11.5835 14.3225 10.8009C13.9906 10.0412 13.3332 9.4554 12.3152 9.25154C11.6907 9.12647 11.1755 9.358 10.7034 9.82061ZM12.2708 10.9475C12.8513 11.1061 13.1935 11.7058 13.0352 12.287C11.6301 17.446 7.97364 20.4817 6.00799 21.6627C5.49205 21.9727 4.82285 21.8052 4.51328 21.2885C4.20372 20.7719 4.37102 20.1018 4.88696 19.7918C6.5528 18.791 9.72355 16.154 10.9331 11.713C11.0914 11.1317 11.6903 10.789 12.2708 10.9475ZM7.68597 13.2741C8.1866 13.6083 8.32188 14.2856 7.98812 14.7869C6.80165 16.569 5.57221 17.7936 3.21107 18.9757C2.67291 19.2452 2.01851 19.0268 1.74943 18.4879C1.48034 17.949 1.69848 17.2937 2.23664 17.0243C4.2333 16.0246 5.18275 15.0673 6.17517 13.5767C6.50893 13.0754 7.18533 12.9399 7.68597 13.2741ZM18.9255 14.8053C19.4841 15.0291 19.7558 15.6639 19.5324 16.2233C19.4512 16.4265 19.3727 16.6248 19.2959 16.8188C18.3489 19.2102 17.6597 20.9506 15.4781 23.135C15.0527 23.5611 14.3629 23.5611 13.9374 23.135C13.512 22.709 13.512 22.0183 13.9374 21.5922C15.7943 19.7328 16.3365 18.3667 17.2836 15.9805C17.3562 15.7976 17.4312 15.6086 17.5093 15.413C17.7328 14.8536 18.3668 14.5815 18.9255 14.8053Z", fill: color })));
+};

package/esm/icon/widget.js

@@ -0,0 +1,29 @@
+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 { SvgIcon } from '../svg-icon';
+export var WidgetIcon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, rootProps = __rest(_a, ["color"]);
+    return (React.createElement(SvgIcon, __assign({ viewBox: "0 0 24 24" }, rootProps),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 22.75C19.5188 22.75 20.75 21.5188 20.75 20V4C20.75 2.48122 19.5188 1.25 18 1.25H6C4.48122 1.25 3.25 2.48122 3.25 4V20C3.25 21.5188 4.48122 22.75 6 22.75H18ZM19.25 20C19.25 20.6904 18.6904 21.25 18 21.25H6C5.30964 21.25 4.75 20.6904 4.75 20V4C4.75 3.30964 5.30964 2.75 6 2.75H18C18.6904 2.75 19.25 3.30964 19.25 4V20ZM8 17C7.44772 17 7 17.4477 7 18C7 18.5523 7.44772 19 8 19H16C16.5523 19 17 18.5523 17 18C17 17.4477 16.5523 17 16 17H8Z", fill: color })));
+};

package/esm/icon-button/icon-button-context.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export var IconButtonContext = React.createContext({
+    edge: false,
+});
+export var useIconButtonContext = function () { return React.useContext(IconButtonContext); };

package/esm/icon-button/icon-button-overrides.js

@@ -0,0 +1,180 @@
+import { createComponentOverrides } from '../theme/create-component-overrides';
+import { iconButtonClasses } from '@mui/material/IconButton';
+export var createMuiIconButtonOverrides = createComponentOverrides(function (_a) {
+    var _b;
+    var typography = _a.typography, tokens = _a.tokens;
+    return {
+        defaultProps: {},
+        styleOverrides: {
+            root: (_b = {},
+                _b["&.".concat(iconButtonClasses.disabled, ", &:disabled")] = {
+                    color: tokens.color_fg_on_button_disabled,
+                    backgroundColor: tokens.color_bg_button_disabled,
+                    borderColor: tokens.color_border_disabled,
+                },
+                _b),
+        },
+        variants: [
+            {
+                props: { size: 'medium' },
+                style: {
+                    fontSize: typography.pxToRem(16),
+                    height: typography.pxToRem(34),
+                    width: typography.pxToRem(34),
+                },
+            },
+            {
+                props: { size: 'small' },
+                style: {
+                    fontSize: typography.pxToRem(16),
+                    height: typography.pxToRem(30),
+                    width: typography.pxToRem(30),
+                },
+            },
+            {
+                props: { size: 'large' },
+                style: {
+                    fontSize: typography.pxToRem(16),
+                    height: typography.pxToRem(40),
+                    width: typography.pxToRem(40),
+                },
+            },
+            {
+                props: { color: 'primary' },
+                style: {
+                    color: tokens.color_fg_link_primary,
+                    '&:hover,&.Mui-hover': {
+                        color: tokens.color_fg_link_primary_hover,
+                        backgroundColor: tokens.color_bg_link_primary_hover,
+                    },
+                    '&:active,&.Mui-active': {
+                        color: tokens.color_fg_link_primary_pressed,
+                        backgroundColor: tokens.color_bg_link_primary_pressed,
+                    },
+                },
+            },
+            {
+                props: { color: 'inherit' },
+                style: {
+                    '&:hover,&.Mui-hover': {
+                        backgroundColor: "rgba(0,0,0, 0.04)",
+                    },
+                    '&:active,&.Mui-active': {
+                        backgroundColor: "rgba(0,0,0, 0.1)",
+                    },
+                },
+            },
+            {
+                props: { color: 'danger' },
+                style: {
+                    color: tokens.color_fg_link_danger,
+                    '&:hover,&.Mui-hover': {
+                        color: tokens.color_fg_link_danger_hover,
+                        backgroundColor: tokens.color_bg_link_danger_hover,
+                    },
+                    '&:active,&.Mui-active': {
+                        color: tokens.color_fg_link_danger_pressed,
+                        backgroundColor: tokens.color_bg_link_danger_pressed,
+                    },
+                },
+            },
+            {
+                props: { variant: 'contained', color: 'primary' },
+                style: {
+                    backgroundColor: tokens.color_bg_button_primary,
+                    color: tokens.color_fg_on_button_primary,
+                    '&:hover,&.Mui-hover': {
+                        color: tokens.color_fg_on_button_primary,
+                        backgroundColor: tokens.color_bg_button_primary_hover,
+                    },
+                    '&:active,&.Mui-active': {
+                        color: tokens.color_fg_on_button_primary,
+                        backgroundColor: tokens.color_bg_button_primary_pressed,
+                    },
+                },
+            },
+            {
+                props: { variant: 'contained', color: 'danger' },
+                style: {
+                    backgroundColor: tokens.color_bg_button_danger,
+                    color: tokens.color_fg_on_button_danger,
+                    '&:hover,&.Mui-hover': {
+                        color: tokens.color_fg_on_button_danger,
+                        backgroundColor: tokens.color_bg_button_danger_hover,
+                    },
+                    '&:active,&.Mui-active': {
+                        color: tokens.color_fg_on_button_danger,
+                        backgroundColor: tokens.color_bg_button_danger_pressed,
+                    },
+                },
+            },
+            {
+                props: { variant: 'contained', color: 'default' },
+                style: {
+                    color: tokens.color_fg_on_button,
+                    backgroundColor: tokens.color_bg_layer_alternate_bold,
+                    '&:hover,&.Mui-hover': {
+                        backgroundColor: tokens.color_bg_layer_bold,
+                    },
+                    '&:active,&.Mui-active': {
+                        backgroundColor: tokens.color_bg_layer_bold,
+                    },
+                },
+            },
+            {
+                props: { variant: 'outlined' },
+                style: {
+                    borderStyle: 'solid',
+                    borderWidth: 1,
+                },
+            },
+            {
+                props: { variant: 'outlined', color: 'default' },
+                style: {
+                    backgroundColor: tokens.color_bg_button,
+                    borderColor: tokens.color_border_button,
+                    color: tokens.color_fg_on_button,
+                    borderStyle: 'solid',
+                    borderWidth: 1,
+                    '&:hover,&.Mui-hover': {
+                        backgroundColor: tokens.color_bg_button_hover,
+                        borderColor: tokens.color_border_button,
+                    },
+                    '&:active,&.Mui-active': {
+                        backgroundColor: tokens.color_bg_button_pressed,
+                        borderColor: tokens.color_border_button,
+                    },
+                },
+            },
+            {
+                props: { variant: 'outlined', color: 'primary' },
+                style: {
+                    color: tokens.color_fg_link_primary,
+                    // This will be removed in the new brand. Using fg for border to match since new brand doesn't have this token.
+                    borderColor: tokens.color_fg_link_primary,
+                    '&:hover,&.Mui-hover': {
+                        backgroundColor: tokens.color_bg_link_primary_hover,
+                        borderColor: tokens.color_fg_link_primary,
+                    },
+                    '&:active,&.Mui-active': {
+                        backgroundColor: tokens.color_bg_link_primary_pressed,
+                        borderColor: tokens.color_fg_link_primary,
+                    },
+                },
+            },
+            {
+                props: { variant: 'link', color: 'default' },
+                style: {
+                    backgroundColor: 'transparent',
+                    color: tokens.color_fg_link,
+                    '&:hover,&.Mui-hover': {
+                        backgroundColor: tokens.color_bg_link_hover,
+                    },
+                    '&:active,&.Mui-active': {
+                        backgroundColor: tokens.color_bg_link_pressed,
+                    },
+                },
+            },
+        ],
+    };
+});

package/esm/icon-button/icon-button.js

@@ -0,0 +1,55 @@
+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 MuiIconButton, { iconButtonClasses } from '@mui/material/IconButton';
+import { styled } from '../styled';
+import { useIconButtonContext } from './icon-button-context';
+export var IconButtonComponentName = 'QuantumIconButton';
+export { iconButtonClasses };
+// using any here to work arround TS perf issues with OverrideableComponent and styled
+var Root = styled(MuiIconButton, {
+    name: IconButtonComponentName,
+    slot: 'Root',
+})(function (_a) {
+    var _b;
+    var theme = _a.theme, edge = _a.edge, ownerState = _a.ownerState, color = _a.color;
+    return (__assign(__assign(__assign({}, (edge === 'end' && __assign({ marginRight: -11 }))), (_b = { '&:focus,&.Mui-focusVisible': color === 'danger'
+                ? theme.mixins.focusRing({ color: theme.tokens.color_border_focus_state_danger })
+                : theme.mixins.focusRing(), padding: 0, borderRadius: '4px', transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
+                duration: theme.transitions.duration.short,
+            }) }, _b["&.".concat(iconButtonClasses.disabled)] = {
+        backgroundColor: theme.palette.action.disabledBackground,
+        color: theme.tokens.color_fg_default,
+    }, _b['& > svg:first-child'] = {
+        height: '1em',
+        width: '1em',
+    }, _b)), (ownerState.shape === 'circular' && {
+        borderRadius: '50%',
+    })));
+});
+export var IconButton = React.forwardRef(function (props, ref) {
+    var iconButtonContext = useIconButtonContext();
+    var children = props.children, _a = props.color, color = _a === void 0 ? 'default' : _a, _b = props.variant, variant = _b === void 0 ? 'link' : _b, _c = props.size, size = _c === void 0 ? 'medium' : _c, disabled = props.disabled, edgeProp = props.edge, _d = props.shape, shape = _d === void 0 ? 'default' : _d, iconButtonProps = __rest(props, ["children", "color", "variant", "size", "disabled", "edge", "shape"]);
+    var edge = edgeProp != null ? edgeProp : iconButtonContext.edge;
+    return (React.createElement(Root, __assign({ color: color, ref: ref, edge: edge, disabled: disabled, size: size, variant: variant, ownerState: { shape: shape } }, iconButtonProps), children));
+});

package/esm/icon-button/index.js

@@ -0,0 +1,2 @@
+export { IconButton, iconButtonClasses } from './icon-button';
+export { IconButtonContext, useIconButtonContext } from './icon-button-context';