@doist/reactist 25.0.0-beta.1 → 25.0.0-beta.3

package/dist/reactist.cjs.development.js

@@ -2,19 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
-var classNames = _interopDefault(require('classnames'));
-var flattenChildren = _interopDefault(require('react-keyed-flatten-children'));
+var classNames = require('classnames');
+var flattenChildren = require('react-keyed-flatten-children');
 var react = require('@ariakit/react');
 var useCallbackRef = require('use-callback-ref');
-var FocusLock = _interopDefault(require('react-focus-lock'));
+var FocusLock = require('react-focus-lock');
 var ariaHidden = require('aria-hidden');
-var ReactDOM = _interopDefault(require('react-dom'));
-var dayjs = _interopDefault(require('dayjs'));
-var LocalizedFormat = _interopDefault(require('dayjs/plugin/localizedFormat'));
+var ReactDOM = require('react-dom');
+var dayjs = require('dayjs');
+var LocalizedFormat = require('dayjs/plugin/localizedFormat');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return n;
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var flattenChildren__default = /*#__PURE__*/_interopDefaultLegacy(flattenChildren);
+var FocusLock__default = /*#__PURE__*/_interopDefaultLegacy(FocusLock);
+var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var LocalizedFormat__default = /*#__PURE__*/_interopDefaultLegacy(LocalizedFormat);
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -115,7 +141,7 @@ function _objectWithoutProperties(source, excluded) {
  */
 
 function polymorphicComponent(render) {
-  return /*#__PURE__*/React.forwardRef(render);
+  return /*#__PURE__*/React__namespace.forwardRef(render);
 }
 
 /**
@@ -151,7 +177,7 @@ function getClassNames(styles, property, value) {
     if (value.desktop) classList.push(styles["desktop-" + property + "-" + value.desktop]);
   }
 
-  if ( !classList.every(Boolean)) {
+  if (!classList.every(Boolean)) {
     // eslint-disable-next-line no-console
     console.warn('Not all generated class names were found', {
       property,
@@ -200,7 +226,7 @@ var modules_89b7671c = {"minWidth-0":"_68ab48ca","minWidth-xsmall":"_6fa2b565","
 
 var modules_8b5c09cb = {"gap-none":"_64ed24f4","gap-xsmall":"_2580a74b","gap-small":"c68f8bf6","gap-medium":"_43e5f8e9","gap-large":"_966b120f","gap-xlarge":"f957894c","gap-xxlarge":"_8cca104b","tablet-gap-none":"_5797cee2","tablet-gap-xsmall":"_9015672f","tablet-gap-small":"_7ec86eec","tablet-gap-medium":"_714d7179","tablet-gap-large":"ae1deb59","tablet-gap-xlarge":"e1cfce55","tablet-gap-xxlarge":"_168a8ff8","desktop-gap-none":"_43e2b619","desktop-gap-xsmall":"_0ea9bf88","desktop-gap-small":"d451307a","desktop-gap-medium":"bf93cf66","desktop-gap-large":"_1430cddf","desktop-gap-xlarge":"fa00c93e","desktop-gap-xxlarge":"_6f3aee54"};
 
-const _excluded = ["as", "position", "display", "flexDirection", "flexWrap", "flexGrow", "flexShrink", "gap", "alignItems", "justifyContent", "alignSelf", "overflow", "width", "height", "background", "border", "borderRadius", "minWidth", "maxWidth", "textAlign", "padding", "paddingY", "paddingX", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginY", "marginX", "marginTop", "marginRight", "marginBottom", "marginLeft", "className", "children"];
+const _excluded$v = ["as", "position", "display", "flexDirection", "flexWrap", "flexGrow", "flexShrink", "gap", "alignItems", "justifyContent", "alignSelf", "overflow", "width", "height", "background", "border", "borderRadius", "minWidth", "maxWidth", "textAlign", "padding", "paddingY", "paddingX", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginY", "marginX", "marginTop", "marginRight", "marginBottom", "marginLeft", "className", "children"];
 
 function getBoxClassNames({
   position = 'static',
@@ -249,14 +275,14 @@ function getBoxClassNames({
   const resolvedMarginBottom = (_ref7 = marginBottom != null ? marginBottom : marginY) != null ? _ref7 : margin;
   const resolvedMarginLeft = (_ref8 = marginLeft != null ? marginLeft : marginX) != null ? _ref8 : margin;
   const omitFlex = !display || typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex';
-  return classNames(className, modules_54d944f2.box, display ? getClassNames(modules_54d944f2, 'display', display) : null, position !== 'static' ? getClassNames(modules_54d944f2, 'position', position) : null, minWidth != null ? getClassNames(modules_89b7671c, 'minWidth', String(minWidth)) : null, getClassNames(modules_89b7671c, 'maxWidth', maxWidth), getClassNames(modules_54d944f2, 'textAlign', textAlign), // padding
+  return classNames__default["default"](className, modules_54d944f2.box, display ? getClassNames(modules_54d944f2, 'display', display) : null, position !== 'static' ? getClassNames(modules_54d944f2, 'position', position) : null, minWidth != null ? getClassNames(modules_89b7671c, 'minWidth', String(minWidth)) : null, getClassNames(modules_89b7671c, 'maxWidth', maxWidth), getClassNames(modules_54d944f2, 'textAlign', textAlign), // padding
   getClassNames(modules_b537a8ee, 'paddingTop', resolvedPaddingTop), getClassNames(modules_b537a8ee, 'paddingRight', resolvedPaddingRight), getClassNames(modules_b537a8ee, 'paddingBottom', resolvedPaddingBottom), getClassNames(modules_b537a8ee, 'paddingLeft', resolvedPaddingLeft), // margin
   getClassNames(modules_131405ac, 'marginTop', resolvedMarginTop), getClassNames(modules_131405ac, 'marginRight', resolvedMarginRight), getClassNames(modules_131405ac, 'marginBottom', resolvedMarginBottom), getClassNames(modules_131405ac, 'marginLeft', resolvedMarginLeft), // flex props
   omitFlex ? null : getClassNames(modules_54d944f2, 'flexDirection', flexDirection), omitFlex ? null : getClassNames(modules_54d944f2, 'flexWrap', flexWrap), omitFlex ? null : getClassNames(modules_54d944f2, 'alignItems', alignItems), omitFlex ? null : getClassNames(modules_54d944f2, 'justifyContent', justifyContent), alignSelf != null ? getClassNames(modules_54d944f2, 'alignSelf', alignSelf) : null, flexShrink != null ? getClassNames(modules_54d944f2, 'flexShrink', String(flexShrink)) : null, flexGrow != null ? getClassNames(modules_54d944f2, 'flexGrow', String(flexGrow)) : null, gap ? getClassNames(modules_8b5c09cb, 'gap', gap) : null, // other props
   getClassNames(modules_54d944f2, 'overflow', overflow), width != null ? getClassNames(modules_89b7671c, 'width', String(width)) : null, getClassNames(modules_54d944f2, 'height', height), getClassNames(modules_54d944f2, 'bg', background), borderRadius !== 'none' ? getClassNames(modules_54d944f2, 'borderRadius', borderRadius) : null, border !== 'none' ? getClassNames(modules_54d944f2, 'border', border) : null);
 }
 
-const Box = /*#__PURE__*/polymorphicComponent(function Box(_ref9, ref) {
+const Box$1 = /*#__PURE__*/polymorphicComponent(function Box(_ref9, ref) {
   let {
     as: component = 'div',
     position = 'static',
@@ -295,9 +321,9 @@ const Box = /*#__PURE__*/polymorphicComponent(function Box(_ref9, ref) {
     className,
     children
   } = _ref9,
-      props = _objectWithoutProperties(_ref9, _excluded);
+      props = _objectWithoutProperties(_ref9, _excluded$v);
 
-  return /*#__PURE__*/React.createElement(component, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(component, _objectSpread2(_objectSpread2({}, props), {}, {
     className: getBoxClassNames({
       position,
       display,
@@ -340,17 +366,17 @@ const Box = /*#__PURE__*/polymorphicComponent(function Box(_ref9, ref) {
 
 var modules_67f2d07a = {"container":"eae3d34f","container-xsmall":"_9b4012c9","container-small":"e35e0320","container-medium":"_0703e67f","container-large":"_1cf15621","container-xlarge":"_1c7dff67","container-xxlarge":"_25bee9b6","columnWidth-content":"_4bb9987d","columnWidth-auto":"_9dd31975","columnWidth-1-2":"_38d11c0e","columnWidth-1-3":"_7ac225c6","columnWidth-2-3":"_9c340680","columnWidth-1-4":"_81cb99d2","columnWidth-3-4":"_10fd355f","columnWidth-1-5":"_3ee66520","columnWidth-2-5":"df1201a5","columnWidth-3-5":"f772e0b2","columnWidth-4-5":"_880cbbb1"};
 
-const _excluded$1 = ["width", "children", "exceptionallySetClassName"],
-      _excluded2 = ["space", "align", "alignY", "collapseBelow", "children", "exceptionallySetClassName"];
+const _excluded$u = ["width", "children", "exceptionallySetClassName"],
+      _excluded2$4 = ["space", "align", "alignY", "collapseBelow", "children", "exceptionallySetClassName"];
 const Column = /*#__PURE__*/polymorphicComponent(function Column(_ref, ref) {
   let {
     width = 'auto',
     children,
     exceptionallySetClassName
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$1);
+      props = _objectWithoutProperties(_ref, _excluded$u);
 
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     className: [exceptionallySetClassName, getClassNames(modules_67f2d07a, 'columnWidth', width.replace('/', '-'))],
     minWidth: 0,
     height: "full",
@@ -368,9 +394,9 @@ const Columns = /*#__PURE__*/polymorphicComponent(function Columns(_ref2, ref) {
     children,
     exceptionallySetClassName
   } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2);
+      props = _objectWithoutProperties(_ref2, _excluded2$4);
 
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     className: [exceptionallySetClassName, modules_67f2d07a.container, getClassNames(modules_67f2d07a, 'container', space)],
     display: "flex",
     gap: space,
@@ -390,21 +416,21 @@ const Columns = /*#__PURE__*/polymorphicComponent(function Columns(_ref2, ref) {
 
 var modules_c742c4d7 = {"weight-primary":"_3f3a401c","weight-secondary":"_03b05b70","weight-tertiary":"b6f67ff8"};
 
-const _excluded$2 = ["weight"];
+const _excluded$t = ["weight"];
 
 function Divider(_ref) {
   let {
     weight = 'tertiary'
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$2);
+      props = _objectWithoutProperties(_ref, _excluded$t);
 
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2({
     as: "hr",
     className: getClassNames(modules_c742c4d7, 'weight', weight)
   }, props));
 }
 
-const _excluded$3 = ["as", "space", "align", "alignY", "children", "exceptionallySetClassName"];
+const _excluded$s = ["as", "space", "align", "alignY", "children", "exceptionallySetClassName"];
 const Inline = /*#__PURE__*/polymorphicComponent(function Inline(_ref, ref) {
   let {
     as,
@@ -414,9 +440,9 @@ const Inline = /*#__PURE__*/polymorphicComponent(function Inline(_ref, ref) {
     children,
     exceptionallySetClassName
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$3);
+      props = _objectWithoutProperties(_ref, _excluded$s);
 
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     as: as,
     display: "flex",
     flexWrap: "wrap",
@@ -428,7 +454,7 @@ const Inline = /*#__PURE__*/polymorphicComponent(function Inline(_ref, ref) {
   }), children);
 });
 
-const _excluded$4 = ["as", "space", "align", "dividers", "width", "children", "exceptionallySetClassName"];
+const _excluded$r = ["as", "space", "align", "dividers", "width", "children", "exceptionallySetClassName"];
 const Stack = /*#__PURE__*/polymorphicComponent(function Stack(_ref, ref) {
   let {
     as,
@@ -439,10 +465,10 @@ const Stack = /*#__PURE__*/polymorphicComponent(function Stack(_ref, ref) {
     children,
     exceptionallySetClassName
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$4);
+      props = _objectWithoutProperties(_ref, _excluded$r);
 
   const alignItems = align === undefined ? undefined : mapResponsiveProp(align, align => align === 'start' ? 'flexStart' : align === 'end' ? 'flexEnd' : 'center');
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     display: "flex",
     flexDirection: "column",
     width: width,
@@ -451,14 +477,14 @@ const Stack = /*#__PURE__*/polymorphicComponent(function Stack(_ref, ref) {
     as: as,
     className: exceptionallySetClassName,
     ref: ref
-  }), dividers !== 'none' ? React.Children.map(flattenChildren(children), (child, index) => index > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
+  }), dividers !== 'none' ? React__namespace.Children.map(flattenChildren__default["default"](children), (child, index) => index > 0 ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Divider, {
     weight: dividers
   }), child) : child) : children);
 });
 
 var modules_4689e97e = {"hiddenOnPrint":"_0e595dea"};
 
-const _excluded$5 = ["display", "children", "exceptionallySetClassName"];
+const _excluded$q = ["display", "children", "exceptionallySetClassName"];
 /**
  * A component that allows to specify how to hide itself on certain responsive screen sizes, or on
  * print media.
@@ -474,7 +500,7 @@ const Hidden = /*#__PURE__*/polymorphicComponent(function Hidden(_ref, ref) {
     children,
     exceptionallySetClassName
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$5);
+      props = _objectWithoutProperties(_ref, _excluded$q);
 
   const hiddenOnPrint = 'print' in props && props.print;
   const hiddenOnDesktop = ('above' in props);
@@ -495,7 +521,7 @@ const Hidden = /*#__PURE__*/polymorphicComponent(function Hidden(_ref, ref) {
   if ('above' in props) delete props['above'];
   if ('below' in props) delete props['below'];
   if ('print' in props) delete props['print'];
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
     className: [exceptionallySetClassName, hiddenOnPrint ? modules_4689e97e.hiddenOnPrint : null],
     display: hiddenOnDesktop && hiddenOnMobile ? 'none' : {
@@ -515,7 +541,7 @@ var modules_61c16c43 = {"hiddenVisually":"_618235b7"};
  */
 
 const HiddenVisually = /*#__PURE__*/polymorphicComponent(function HiddenVisually(props, ref) {
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
     position: "absolute",
     overflow: "hidden",
@@ -528,20 +554,20 @@ var modules_c7f5018f = {"svg":"_51539197","spinner":"_54fbe2b3","tint":"a0c466ed
 function Spinner({
   size = 24
 }) {
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__namespace.createElement("svg", {
     "aria-hidden": true,
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     className: modules_c7f5018f.svg,
     "data-chromatic": "ignore"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__namespace.createElement("g", {
     fill: "none",
     fillRule: "nonzero"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__namespace.createElement("path", {
     className: modules_c7f5018f.tint,
     d: "M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__namespace.createElement("path", {
     className: modules_c7f5018f.fill,
     d: "M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"
   })));
@@ -563,7 +589,7 @@ function Tooltip({
     hideTimeout: 100
   });
   const isOpen = tooltip.useState('open');
-  const child = React.Children.only(children);
+  const child = React__namespace.Children.only(children);
 
   if (!child) {
     return child;
@@ -573,14 +599,14 @@ function Tooltip({
     throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded');
   }
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(react.TooltipAnchor, {
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(react.TooltipAnchor, {
     render: child,
     store: tooltip,
     ref: child.ref
-  }), isOpen && content ? /*#__PURE__*/React.createElement(react.Tooltip, {
+  }), isOpen && content ? /*#__PURE__*/React__namespace.createElement(react.Tooltip, {
     store: tooltip,
     gutter: gapSize,
-    render: /*#__PURE__*/React.createElement(Box, {
+    render: /*#__PURE__*/React__namespace.createElement(Box$1, {
       className: [modules_95f1407a.tooltip, exceptionallySetClassName],
       background: "toast",
       borderRadius: "standard",
@@ -591,13 +617,13 @@ function Tooltip({
       overflow: "hidden",
       textAlign: "center"
     })
-  }, withArrow ? /*#__PURE__*/React.createElement(react.TooltipArrow, null) : null, typeof content === 'function' ? content() : content) : null);
+  }, withArrow ? /*#__PURE__*/React__namespace.createElement(react.TooltipArrow, null) : null, typeof content === 'function' ? content() : content) : null);
 }
 
 var modules_5357ebb8 = {"baseButton":"_3930afa0","label":"_90654824","shape-rounded":"c05d17c2","size-small":"_1e29d236","size-normal":"_7246d092","size-large":"_2d084671","disabled":"_2b0b9d95","iconButton":"abd5766f","startIcon":"_380e7c73","endIcon":"_20fe4105","variant-primary":"_7ea1378e","variant-secondary":"_64ee8afd","variant-tertiary":"_650176bf","variant-quaternary":"aa19cb97","tone-destructive":"_7a2d9a8c"};
 
-const _excluded$6 = ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "startIcon", "endIcon", "width", "align"],
-      _excluded2$1 = ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "icon"];
+const _excluded$p = ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "startIcon", "endIcon", "width", "align"],
+      _excluded2$3 = ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "icon"];
 
 function preventDefault(event) {
   event.preventDefault();
@@ -608,7 +634,7 @@ function preventDefault(event) {
  */
 
 
-const Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
+const Button$1 = /*#__PURE__*/React__namespace.forwardRef(function Button(_ref, ref) {
   let {
     variant,
     tone = 'normal',
@@ -627,34 +653,34 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
     width = 'auto',
     align = 'center'
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$6);
+      props = _objectWithoutProperties(_ref, _excluded$p);
 
   const isDisabled = loading || disabled;
-  const buttonElement = /*#__PURE__*/React.createElement(react.Role.button, _objectSpread2(_objectSpread2({}, props), {}, {
+  const buttonElement = /*#__PURE__*/React__namespace.createElement(react.Role.button, _objectSpread2(_objectSpread2({}, props), {}, {
     render: render,
     type: render != null ? undefined : type,
     ref: ref,
     "aria-disabled": isDisabled,
     onClick: isDisabled ? preventDefault : onClick,
-    className: classNames([getBoxClassNames({
+    className: classNames__default["default"]([getBoxClassNames({
       width
     }), exceptionallySetClassName, modules_5357ebb8.baseButton, modules_5357ebb8["variant-" + variant], modules_5357ebb8["tone-" + tone], modules_5357ebb8["size-" + size], shape === 'rounded' ? modules_5357ebb8['shape-rounded'] : null, disabled ? modules_5357ebb8.disabled : null])
-  }), /*#__PURE__*/React.createElement(React.Fragment, null, startIcon ? /*#__PURE__*/React.createElement(Box, {
+  }), /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, startIcon ? /*#__PURE__*/React__namespace.createElement(Box$1, {
     display: "flex",
     className: modules_5357ebb8.startIcon,
     "aria-hidden": true
-  }, loading && !endIcon ? /*#__PURE__*/React.createElement(Spinner, null) : startIcon) : null, children ? /*#__PURE__*/React.createElement(Box, {
+  }, loading && !endIcon ? /*#__PURE__*/React__namespace.createElement(Spinner, null) : startIcon) : null, children ? /*#__PURE__*/React__namespace.createElement(Box$1, {
     as: "span",
     className: modules_5357ebb8.label,
     overflow: "hidden",
     width: width === 'full' ? 'full' : undefined,
     textAlign: width === 'auto' ? 'center' : align
-  }, children) : null, endIcon || loading && !startIcon ? /*#__PURE__*/React.createElement(Box, {
+  }, children) : null, endIcon || loading && !startIcon ? /*#__PURE__*/React__namespace.createElement(Box$1, {
     display: "flex",
     className: modules_5357ebb8.endIcon,
     "aria-hidden": true
-  }, loading ? /*#__PURE__*/React.createElement(Spinner, null) : endIcon) : null));
-  return tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+  }, loading ? /*#__PURE__*/React__namespace.createElement(Spinner, null) : endIcon) : null));
+  return tooltip ? /*#__PURE__*/React__namespace.createElement(Tooltip, {
     content: tooltip
   }, buttonElement) : buttonElement;
 });
@@ -664,7 +690,7 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
  * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
  */
 
-const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref2, ref) {
+const IconButton = /*#__PURE__*/React__namespace.forwardRef(function IconButton(_ref2, ref) {
   let {
     variant,
     tone = 'normal',
@@ -680,24 +706,24 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref2, ref)
     children,
     icon
   } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2$1);
+      props = _objectWithoutProperties(_ref2, _excluded2$3);
 
   const isDisabled = loading || disabled;
-  const buttonElement = /*#__PURE__*/React.createElement(react.Role.button, _objectSpread2(_objectSpread2({}, props), {}, {
+  const buttonElement = /*#__PURE__*/React__namespace.createElement(react.Role.button, _objectSpread2(_objectSpread2({}, props), {}, {
     render: render,
     type: render != null ? undefined : type,
     ref: ref,
     "aria-disabled": isDisabled,
     onClick: isDisabled ? preventDefault : onClick,
-    className: classNames([exceptionallySetClassName, modules_5357ebb8.baseButton, modules_5357ebb8["variant-" + variant], modules_5357ebb8["tone-" + tone], modules_5357ebb8["size-" + size], shape === 'rounded' ? modules_5357ebb8['shape-rounded'] : null, modules_5357ebb8.iconButton, disabled ? modules_5357ebb8.disabled : null])
-  }), loading && /*#__PURE__*/React.createElement(Spinner, null) || icon);
+    className: classNames__default["default"]([exceptionallySetClassName, modules_5357ebb8.baseButton, modules_5357ebb8["variant-" + variant], modules_5357ebb8["tone-" + tone], modules_5357ebb8["size-" + size], shape === 'rounded' ? modules_5357ebb8['shape-rounded'] : null, modules_5357ebb8.iconButton, disabled ? modules_5357ebb8.disabled : null])
+  }), loading && /*#__PURE__*/React__namespace.createElement(Spinner, null) || icon);
   const tooltipContent = tooltip === undefined ? props['aria-label'] : tooltip;
-  return tooltipContent ? /*#__PURE__*/React.createElement(Tooltip, {
+  return tooltipContent ? /*#__PURE__*/React__namespace.createElement(Tooltip, {
     content: tooltipContent
   }, buttonElement) : buttonElement;
 });
 
-const _excluded$7 = ["tone"];
+const _excluded$o = ["tone"];
 const alertIconForTone = {
   info: AlertInfoIcon,
   positive: AlertPositiveIcon,
@@ -709,19 +735,19 @@ function AlertIcon(_ref) {
   let {
     tone
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$7);
+      props = _objectWithoutProperties(_ref, _excluded$o);
 
   const Icon = alertIconForTone[tone];
-  return Icon ? /*#__PURE__*/React.createElement(Icon, _objectSpread2({}, props)) : null;
+  return Icon ? /*#__PURE__*/React__namespace.createElement(Icon, _objectSpread2({}, props)) : null;
 }
 
 function AlertInfoIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-8-3.94a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM10.25 10a.75.75 0 0 0 0 1.5h1.25V15h-1.25a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5H13v-4.25a.75.75 0 0 0-.75-.75h-2Z",
@@ -730,12 +756,12 @@ function AlertInfoIcon(props) {
 }
 
 function AlertPositiveIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-5.555-2.99a.75.75 0 0 1 1.06 1.06l-5.303 5.304a.748.748 0 0 1-1.061 0l-2.475-2.475a.75.75 0 0 1 1.06-1.06l1.945 1.944 4.774-4.773Z",
@@ -744,12 +770,12 @@ function AlertPositiveIcon(props) {
 }
 
 function AlertCautionIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "m10.272 4.962-7.018 12.03A2 2 0 0 0 4.982 20h14.036a2 2 0 0 0 1.727-3.008l-7.018-12.03a2 2 0 0 0-3.455 0ZM13 16.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-.014-7.013A.987.987 0 0 0 12 8.5h-.028l-.027.002a.987.987 0 0 0-.93 1.04l.236 4.25c.052.944 1.445.944 1.498 0l.236-4.25a1.925 1.925 0 0 0 .001-.055Z",
@@ -758,12 +784,12 @@ function AlertCautionIcon(props) {
 }
 
 function AlertCriticalIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12.9866 2.25049C12.3729 1.91683 11.6271 1.91683 11.0134 2.25049L4.04793 6.03744C3.40122 6.38904 2.99999 7.05702 2.99999 7.78208V15.2184C2.99999 15.9435 3.40122 16.6115 4.04793 16.963L11.0134 20.75C11.6271 21.0837 12.3729 21.0837 12.9866 20.75L19.9521 16.963C20.5988 16.6114 21 15.9435 21 15.2184V7.78208C21 7.05701 20.5988 6.38904 19.9521 6.03744L12.9866 2.25049ZM12 7.00024C12.5448 7.00024 12.9865 7.44191 12.9865 7.98674C12.9864 8.00043 12.9863 8.00727 12.9861 8.01411C12.9859 8.02095 12.9856 8.02779 12.985 8.04146L12.7489 12.2918C12.6964 13.2364 11.3036 13.2364 11.2512 12.2918L11.015 8.04146C10.9848 7.49747 11.4013 7.03198 11.9453 7.00176L11.9726 7.00062L12 7.00024ZM13 15.0002C13 15.5525 12.5523 16.0002 12 16.0002C11.4477 16.0002 11 15.5525 11 15.0002C11 14.448 11.4477 14.0002 12 14.0002C12.5523 14.0002 13 14.448 13 15.0002Z",
@@ -772,11 +798,11 @@ function AlertCriticalIcon(props) {
 }
 
 function CloseIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M5.146 5.146a.5.5 0 0 1 .708 0L12 11.293l6.146-6.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 0 .708L12.707 12l6.147 6.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.708 0L12 12.707l-6.146 6.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1 0-.708L11.293 12 5.146 5.854a.5.5 0 0 1-.057-.638z"
   }));
@@ -791,31 +817,31 @@ function Alert({
   closeLabel,
   onClose
 }) {
-  return /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, {
     id: id,
     role: "alert",
     "aria-live": "polite",
     borderRadius: "full",
     className: [modules_6205a58e.container, getClassNames(modules_6205a58e, 'tone', tone)]
-  }, /*#__PURE__*/React.createElement(Columns, {
+  }, /*#__PURE__*/React__namespace.createElement(Columns, {
     space: "small",
     alignY: "center"
-  }, /*#__PURE__*/React.createElement(Column, {
+  }, /*#__PURE__*/React__namespace.createElement(Column, {
     width: "content"
-  }, /*#__PURE__*/React.createElement(AlertIcon, {
+  }, /*#__PURE__*/React__namespace.createElement(AlertIcon, {
     tone: tone,
     className: modules_6205a58e.icon
-  })), /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement(Box, {
+  })), /*#__PURE__*/React__namespace.createElement(Column, null, /*#__PURE__*/React__namespace.createElement(Box$1, {
     paddingY: "xsmall",
     paddingRight: onClose != null && closeLabel != null ? undefined : 'small'
-  }, children)), onClose != null && closeLabel != null ? /*#__PURE__*/React.createElement(Column, {
+  }, children)), onClose != null && closeLabel != null ? /*#__PURE__*/React__namespace.createElement(Column, {
     width: "content"
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React__namespace.createElement(Button$1, {
     variant: "quaternary",
     size: "small",
     onClick: onClose,
     "aria-label": closeLabel,
-    icon: /*#__PURE__*/React.createElement(CloseIcon, null),
+    icon: /*#__PURE__*/React__namespace.createElement(CloseIcon, null),
     style: {
       // @ts-expect-error not sure how to make TypeScript understand custom CSS properties
       '--reactist-btn-hover-fill': 'transparent'
@@ -834,7 +860,7 @@ function generateElementId(prefix) {
   return prefix + "-" + num;
 }
 function useId(providedId) {
-  const ref = React.useRef(providedId != null ? providedId : null);
+  const ref = React__namespace.useRef(providedId != null ? providedId : null);
 
   if (!ref.current) {
     ref.current = generateElementId('element');
@@ -845,8 +871,8 @@ function useId(providedId) {
 
 var modules_afa80466 = {"banner":"c1dffd60","banner-info":"_9d552538","banner-promotion":"d797752e","title":"_8cd610da","title-without-description":"_78ea5373","title-info":"_319c73fa","title-promotion":"fc84253f","description":"af4bd758","description-info":"b95a8c07","description-promotion":"_3c33f615"};
 
-const _excluded$8 = ["id", "tone", "icon", "title", "description", "action"];
-const Banner = /*#__PURE__*/React.forwardRef(function Banner(_ref, ref) {
+const _excluded$n = ["id", "tone", "icon", "title", "description", "action"];
+const Banner = /*#__PURE__*/React__namespace.forwardRef(function Banner(_ref, ref) {
   let {
     id,
     tone,
@@ -855,11 +881,11 @@ const Banner = /*#__PURE__*/React.forwardRef(function Banner(_ref, ref) {
     description,
     action
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$8);
+      props = _objectWithoutProperties(_ref, _excluded$n);
 
   const titleId = useId();
   const descriptionId = useId();
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
     id: id,
     role: "status",
@@ -869,35 +895,35 @@ const Banner = /*#__PURE__*/React.forwardRef(function Banner(_ref, ref) {
     tabIndex: 0,
     borderRadius: "standard",
     className: [modules_afa80466.banner, modules_afa80466["banner-" + tone]]
-  }), /*#__PURE__*/React.createElement(Columns, {
+  }), /*#__PURE__*/React__namespace.createElement(Columns, {
     space: "medium",
     alignY: "center"
-  }, /*#__PURE__*/React.createElement(Column, {
+  }, /*#__PURE__*/React__namespace.createElement(Column, {
     width: "content",
     "aria-hidden": true,
     style: {
       /* Make sure the icon is centered vertically */
       lineHeight: 0
     }
-  }, icon), /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement(Box, {
+  }, icon), /*#__PURE__*/React__namespace.createElement(Column, null, /*#__PURE__*/React__namespace.createElement(Box$1, {
     paddingY: "xsmall"
-  }, description ? /*#__PURE__*/React.createElement(Box, {
+  }, description ? /*#__PURE__*/React__namespace.createElement(Box$1, {
     id: titleId,
     className: [modules_afa80466.title, modules_afa80466["title-" + tone]]
-  }, title) : /*#__PURE__*/React.createElement(Box, {
+  }, title) : /*#__PURE__*/React__namespace.createElement(Box$1, {
     id: titleId,
     className: [modules_afa80466.title, // If the banner does not have a description, we need to slightly tweak
     // the styling of the title applying an extra css class
     modules_afa80466["title-without-description"], modules_afa80466["title-" + tone]]
-  }, title), description ? /*#__PURE__*/React.createElement(Box, {
+  }, title), description ? /*#__PURE__*/React__namespace.createElement(Box$1, {
     id: descriptionId,
     className: [modules_afa80466.description, modules_afa80466["description-" + tone]]
-  }, description) : null)), action ? /*#__PURE__*/React.createElement(Column, {
+  }, description) : null)), action ? /*#__PURE__*/React__namespace.createElement(Column, {
     width: "content"
   }, action) : null));
 });
 
-const _excluded$9 = ["size", "exceptionallySetClassName"];
+const _excluded$m = ["size", "exceptionallySetClassName"];
 const sizeMapping = {
   xsmall: 16,
   small: 24,
@@ -912,18 +938,18 @@ function Loading(_ref) {
     size = 'small',
     exceptionallySetClassName
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$9);
+      props = _objectWithoutProperties(_ref, _excluded$m);
 
   const numericSize = (_sizeMapping$size = sizeMapping[size]) != null ? _sizeMapping$size : sizeMapping.small;
   const ariaLabel = props['aria-label'] ? props['aria-label'] : !props['aria-labelledby'] ? 'Loading…' : undefined;
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     "aria-label": ariaLabel,
     className: exceptionallySetClassName,
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     role: "progressbar"
-  }), /*#__PURE__*/React.createElement(Spinner, {
+  }), /*#__PURE__*/React__namespace.createElement(Spinner, {
     size: numericSize,
     "aria-hidden": true
   }));
@@ -936,26 +962,26 @@ function Notice({
   children,
   tone
 }) {
-  return /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, {
     id: id,
     role: "alert",
     "aria-live": "polite",
     className: [modules_1b547e7e.container, getClassNames(modules_1b547e7e, 'tone', tone)]
-  }, /*#__PURE__*/React.createElement(Columns, {
+  }, /*#__PURE__*/React__namespace.createElement(Columns, {
     space: "small",
     alignY: "top"
-  }, /*#__PURE__*/React.createElement(Column, {
+  }, /*#__PURE__*/React__namespace.createElement(Column, {
     width: "content"
-  }, /*#__PURE__*/React.createElement(AlertIcon, {
+  }, /*#__PURE__*/React__namespace.createElement(AlertIcon, {
     tone: tone
-  })), /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement(Box, {
+  })), /*#__PURE__*/React__namespace.createElement(Column, null, /*#__PURE__*/React__namespace.createElement(Box$1, {
     paddingY: "xsmall"
   }, children))));
 }
 
 var modules_a9637dd3 = {"text":"a83bd4e0","size-caption":"_266d6623","size-copy":"a8d37c6e","size-subtitle":"_39f4eb1f","weight-semibold":"_7be5c531","weight-bold":"e214ff2e","tone-secondary":"_6a3e5ade","tone-danger":"_8f5b5f2b","tone-positive":"_9ae47ae4","lineClampMultipleLines":"_969f18f7","lineClamp-1":"_2f303ac3","lineClamp-2":"d3e04245","lineClamp-3":"_33411704","lineClamp-4":"bfc32640","lineClamp-5":"f813c82f"};
 
-const _excluded$a = ["as", "size", "weight", "tone", "align", "children", "lineClamp", "exceptionallySetClassName"];
+const _excluded$l = ["as", "size", "weight", "tone", "align", "children", "lineClamp", "exceptionallySetClassName"];
 const Text = /*#__PURE__*/polymorphicComponent(function Text(_ref, ref) {
   let {
     as,
@@ -967,10 +993,10 @@ const Text = /*#__PURE__*/polymorphicComponent(function Text(_ref, ref) {
     lineClamp,
     exceptionallySetClassName
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$a);
+      props = _objectWithoutProperties(_ref, _excluded$l);
 
   const lineClampMultipleLines = typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp != null ? lineClamp : 1) > 1;
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     as: as,
     className: [exceptionallySetClassName, modules_a9637dd3.text, size !== 'body' ? getClassNames(modules_a9637dd3, 'size', size) : null, weight !== 'regular' ? getClassNames(modules_a9637dd3, 'weight', weight) : null, tone !== 'normal' ? getClassNames(modules_a9637dd3, 'tone', tone) : null, lineClampMultipleLines ? modules_a9637dd3.lineClampMultipleLines : null, lineClamp ? getClassNames(modules_a9637dd3, 'lineClamp', lineClamp.toString()) : null],
     textAlign: align,
@@ -983,7 +1009,7 @@ const Text = /*#__PURE__*/polymorphicComponent(function Text(_ref, ref) {
 
 var modules_d11e18f0 = {"stackedToastsView":"_616cc3f3","toastContainer":"_1b5f8e86","slot":"ce2e3476"};
 
-const _excluded$b = ["message", "description", "icon", "action", "onDismiss", "dismissLabel"];
+const _excluded$k = ["message", "description", "icon", "action", "onDismiss", "dismissLabel"];
 /**
  * A toast that shows a message, and an optional action associated with it.
  *
@@ -999,7 +1025,7 @@ const _excluded$b = ["message", "description", "icon", "action", "onDismiss", "d
  * @see useToasts
  */
 
-const StaticToast = /*#__PURE__*/React__default.forwardRef(function Toast(_ref, ref) {
+const StaticToast = /*#__PURE__*/React__default["default"].forwardRef(function Toast(_ref, ref) {
   let {
     message,
     description,
@@ -1008,9 +1034,9 @@ const StaticToast = /*#__PURE__*/React__default.forwardRef(function Toast(_ref,
     onDismiss,
     dismissLabel = 'Close'
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$b);
+      props = _objectWithoutProperties(_ref, _excluded$k);
 
-  return /*#__PURE__*/React__default.createElement(Box, _objectSpread2({
+  return /*#__PURE__*/React__default["default"].createElement(Box$1, _objectSpread2({
     ref: ref,
     role: "alert",
     "aria-live": "polite",
@@ -1021,23 +1047,23 @@ const StaticToast = /*#__PURE__*/React__default.forwardRef(function Toast(_ref,
     padding: "large",
     alignItems: "center",
     className: modules_d11e18f0.toastContainer
-  }, props), icon ? /*#__PURE__*/React__default.createElement(ToastContentSlot, null, icon) : null, /*#__PURE__*/React__default.createElement(Box, {
+  }, props), icon ? /*#__PURE__*/React__default["default"].createElement(ToastContentSlot, null, icon) : null, /*#__PURE__*/React__default["default"].createElement(Box$1, {
     flexGrow: 1,
     maxWidth: "small"
-  }, description ? /*#__PURE__*/React__default.createElement(Stack, {
+  }, description ? /*#__PURE__*/React__default["default"].createElement(Stack, {
     space: "small"
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, {
     weight: "bold"
-  }, message, " "), /*#__PURE__*/React__default.createElement(Text, null, description)) : /*#__PURE__*/React__default.createElement(Text, null, message)), action ? /*#__PURE__*/React__default.createElement(ToastContentSlot, null, isActionObject(action) ? /*#__PURE__*/React__default.createElement(Button, {
+  }, message, " "), /*#__PURE__*/React__default["default"].createElement(Text, null, description)) : /*#__PURE__*/React__default["default"].createElement(Text, null, message)), action ? /*#__PURE__*/React__default["default"].createElement(ToastContentSlot, null, isActionObject(action) ? /*#__PURE__*/React__default["default"].createElement(Button$1, {
     variant: "tertiary",
     size: "small",
     onClick: action.onClick
-  }, action.label) : action) : null, onDismiss ? /*#__PURE__*/React__default.createElement(ToastContentSlot, null, /*#__PURE__*/React__default.createElement(IconButton, {
+  }, action.label) : action) : null, onDismiss ? /*#__PURE__*/React__default["default"].createElement(ToastContentSlot, null, /*#__PURE__*/React__default["default"].createElement(IconButton, {
     variant: "quaternary",
     size: "small",
     onClick: onDismiss,
     "aria-label": dismissLabel,
-    icon: /*#__PURE__*/React__default.createElement(CloseIcon, null)
+    icon: /*#__PURE__*/React__default["default"].createElement(CloseIcon, null)
   })) : null);
 });
 
@@ -1048,7 +1074,7 @@ function isActionObject(action) {
 function ToastContentSlot({
   children
 }) {
-  return /*#__PURE__*/React__default.createElement(Box, {
+  return /*#__PURE__*/React__default["default"].createElement(Box$1, {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
@@ -1229,10 +1255,10 @@ function useToastsAnimation() {
   };
 }
 
-const _excluded$c = ["toastId"];
+const _excluded$j = ["toastId"];
 /** @private */
 
-const InternalToast = /*#__PURE__*/React__default.forwardRef(function InternalToast({
+const InternalToast = /*#__PURE__*/React__default["default"].forwardRef(function InternalToast({
   message,
   description,
   icon,
@@ -1244,21 +1270,21 @@ const InternalToast = /*#__PURE__*/React__default.forwardRef(function InternalTo
   onDismiss,
   onRemoveToast
 }, ref) {
-  const [timeoutRunning, setTimeoutRunning] = React__default.useState(Boolean(autoDismissDelay));
-  const timeoutRef = React__default.useRef();
-  const startTimeout = React__default.useCallback(function startTimeout() {
+  const [timeoutRunning, setTimeoutRunning] = React__default["default"].useState(Boolean(autoDismissDelay));
+  const timeoutRef = React__default["default"].useRef();
+  const startTimeout = React__default["default"].useCallback(function startTimeout() {
     setTimeoutRunning(true);
   }, []);
-  const stopTimeout = React__default.useCallback(function stopTimeout() {
+  const stopTimeout = React__default["default"].useCallback(function stopTimeout() {
     setTimeoutRunning(false);
     clearTimeout(timeoutRef.current);
     timeoutRef.current = undefined;
   }, []);
-  const removeToast = React__default.useCallback(function removeToast() {
+  const removeToast = React__default["default"].useCallback(function removeToast() {
     onRemoveToast(toastId);
     onDismiss == null ? void 0 : onDismiss();
   }, [onDismiss, onRemoveToast, toastId]);
-  React__default.useEffect(function setupAutoDismiss() {
+  React__default["default"].useEffect(function setupAutoDismiss() {
     if (!timeoutRunning || !autoDismissDelay) return;
     timeoutRef.current = window.setTimeout(removeToast, autoDismissDelay * 1000);
     return stopTimeout;
@@ -1269,7 +1295,7 @@ const InternalToast = /*#__PURE__*/React__default.forwardRef(function InternalTo
    * for removing the toast when the action is triggered.
    */
 
-  const actionWithCustomActionHandler = React__default.useMemo(() => {
+  const actionWithCustomActionHandler = React__default["default"].useMemo(() => {
     if (!isActionObject(action)) {
       return action;
     }
@@ -1285,7 +1311,7 @@ const InternalToast = /*#__PURE__*/React__default.forwardRef(function InternalTo
       }
     });
   }, [action, removeToast]);
-  return /*#__PURE__*/React__default.createElement(StaticToast, {
+  return /*#__PURE__*/React__default["default"].createElement(StaticToast, {
     ref: ref,
     message: message,
     description: description,
@@ -1298,7 +1324,7 @@ const InternalToast = /*#__PURE__*/React__default.forwardRef(function InternalTo
     onMouseLeave: startTimeout
   });
 });
-const ToastsContext = /*#__PURE__*/React__default.createContext(() => () => undefined);
+const ToastsContext = /*#__PURE__*/React__default["default"].createContext(() => () => undefined);
 /**
  * Provides the state management and rendering of the toasts currently active.
  *
@@ -1316,12 +1342,12 @@ function ToastsProvider({
   defaultDismissLabel = 'Close',
   containerClassName
 }) {
-  const [toasts, setToasts] = React__default.useState([]);
+  const [toasts, setToasts] = React__default["default"].useState([]);
   const {
     mappedRef,
     animateRemove
   } = useToastsAnimation();
-  const removeToast = React__default.useCallback(function onRemoveToast(toastId) {
+  const removeToast = React__default["default"].useCallback(function onRemoveToast(toastId) {
     animateRemove(toastId, () => {
       setToasts(list => {
         const index = list.findIndex(n => n.toastId === toastId);
@@ -1332,7 +1358,7 @@ function ToastsProvider({
       });
     });
   }, [animateRemove]);
-  const showToast = React__default.useCallback(function showToast(props) {
+  const showToast = React__default["default"].useCallback(function showToast(props) {
     const toastId = generateElementId('toast');
 
     const newToast = _objectSpread2(_objectSpread2({
@@ -1345,24 +1371,24 @@ function ToastsProvider({
     setToasts(list => [...list, newToast]);
     return () => removeToast(toastId);
   }, [defaultAutoDismissDelay, defaultDismissLabel, removeToast]);
-  return /*#__PURE__*/React__default.createElement(ToastsContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(ToastsContext.Provider, {
     value: showToast
-  }, children, /*#__PURE__*/React__default.createElement(react.Portal, null, toasts.length === 0 ? null : /*#__PURE__*/React__default.createElement(Box, {
+  }, children, /*#__PURE__*/React__default["default"].createElement(react.Portal, null, toasts.length === 0 ? null : /*#__PURE__*/React__default["default"].createElement(Box$1, {
     className: [modules_d11e18f0.stackedToastsView, containerClassName],
     position: "fixed",
     width: "full",
     paddingX: padding,
     paddingBottom: padding,
     "data-testid": "toasts-container"
-  }, /*#__PURE__*/React__default.createElement(Stack, {
+  }, /*#__PURE__*/React__default["default"].createElement(Stack, {
     space: "medium"
   }, toasts.map(_ref => {
     let {
       toastId
     } = _ref,
-        props = _objectWithoutProperties(_ref, _excluded$c);
+        props = _objectWithoutProperties(_ref, _excluded$j);
 
-    return /*#__PURE__*/React__default.createElement(InternalToast, _objectSpread2({
+    return /*#__PURE__*/React__default["default"].createElement(InternalToast, _objectSpread2({
       key: toastId,
       ref: mappedRef(toastId),
       toastId: toastId,
@@ -1391,7 +1417,7 @@ function ToastsProvider({
 
 
 function useToasts() {
-  return React__default.useContext(ToastsContext);
+  return React__default["default"].useContext(ToastsContext);
 }
 /**
  * Adds a toast to be rendered, stacked alongside any other currently active toasts.
@@ -1426,8 +1452,8 @@ function useToasts() {
 
 function Toast(props) {
   const showToast = useToasts();
-  const propsRef = React__default.useRef(props);
-  React__default.useEffect(() => {
+  const propsRef = React__default["default"].useRef(props);
+  React__default["default"].useEffect(() => {
     const dismissToast = showToast(propsRef.current);
     return dismissToast;
   }, [showToast]);
@@ -1436,8 +1462,8 @@ function Toast(props) {
 
 var modules_949d2ff4 = {"heading":"bff24867","weight-medium":"_9b540c61","weight-light":"c6729907","tone-secondary":"d6507f70","tone-danger":"d1846d93","size-largest":"_7cbdd1ba","size-larger":"b3e14969","size-smaller":"be14a265","lineClampMultipleLines":"_71391f13","lineClamp-1":"_97298b1b","lineClamp-2":"_6d357d76","lineClamp-3":"d820b451","lineClamp-4":"_8d37487d","lineClamp-5":"_5215b4d7"};
 
-const _excluded$d = ["level", "weight", "size", "tone", "children", "lineClamp", "align", "exceptionallySetClassName"];
-const Heading = /*#__PURE__*/React.forwardRef(function Heading(_ref, ref) {
+const _excluded$i = ["level", "weight", "size", "tone", "children", "lineClamp", "align", "exceptionallySetClassName"];
+const Heading = /*#__PURE__*/React__namespace.forwardRef(function Heading(_ref, ref) {
   let {
     level,
     weight = 'regular',
@@ -1448,13 +1474,13 @@ const Heading = /*#__PURE__*/React.forwardRef(function Heading(_ref, ref) {
     align,
     exceptionallySetClassName
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$d);
+      props = _objectWithoutProperties(_ref, _excluded$i);
 
   // In TypeScript v4.1, this would be properly recognized without needing the type assertion
   // https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#template-literal-types
   const headingElementName = "h" + level;
   const lineClampMultipleLines = typeof lineClamp === 'string' ? parseInt(lineClamp, 10) > 1 : (lineClamp || 0) > 1;
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     className: [exceptionallySetClassName, modules_949d2ff4.heading, weight !== 'regular' ? getClassNames(modules_949d2ff4, 'weight', weight) : null, tone !== 'normal' ? getClassNames(modules_949d2ff4, 'tone', tone) : null, getClassNames(modules_949d2ff4, 'size', size), lineClampMultipleLines ? modules_949d2ff4.lineClampMultipleLines : null, lineClamp ? getClassNames(modules_949d2ff4, 'lineClamp', lineClamp.toString()) : null],
     textAlign: align,
     // Prevents emojis from being cut-off
@@ -1467,7 +1493,7 @@ const Heading = /*#__PURE__*/React.forwardRef(function Heading(_ref, ref) {
 
 var modules_8ebe6db0 = {"prose":"_560c1e08","darkModeTypography":"_8b53b13e"};
 
-const _excluded$e = ["darkModeTypography", "exceptionallySetClassName"];
+const _excluded$h = ["darkModeTypography", "exceptionallySetClassName"];
 /**
  * Used to style HTML you don’t control, like HTML content generated from Markdown.
  */
@@ -1477,25 +1503,25 @@ function Prose(_ref) {
     darkModeTypography,
     exceptionallySetClassName
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$e);
+      props = _objectWithoutProperties(_ref, _excluded$h);
 
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     className: [modules_8ebe6db0.prose, darkModeTypography ? modules_8ebe6db0.darkModeTypography : null, exceptionallySetClassName]
   }));
 }
 
 var modules_3d05deee = {"container":"fdc181b3"};
 
-const _excluded$f = ["as", "openInNewTab", "exceptionallySetClassName"];
+const _excluded$g = ["as", "openInNewTab", "exceptionallySetClassName"];
 const TextLink = /*#__PURE__*/polymorphicComponent(function TextLink(_ref, ref) {
   let {
     as = 'a',
     openInNewTab = false,
     exceptionallySetClassName
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$f);
+      props = _objectWithoutProperties(_ref, _excluded$g);
 
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     as: as,
     display: "inline",
     className: [exceptionallySetClassName, modules_3d05deee.container],
@@ -1505,7 +1531,7 @@ const TextLink = /*#__PURE__*/polymorphicComponent(function TextLink(_ref, ref)
   }));
 });
 
-const _excluded$g = ["checked", "indeterminate", "disabled"];
+const _excluded$f = ["checked", "indeterminate", "disabled"];
 const svgPath = {
   checked: 'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z',
   unchecked: 'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z',
@@ -1544,19 +1570,19 @@ function CheckboxIcon(_ref) {
     indeterminate,
     disabled
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$g);
+      props = _objectWithoutProperties(_ref, _excluded$f);
 
   const pathKey = getPathKey({
     checked,
     indeterminate,
     disabled
   });
-  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     fillRule: "nonzero",
     d: svgPath[pathKey]
@@ -1596,8 +1622,8 @@ function useForkRef(...refs) {
   refs);
 }
 
-const _excluded$h = ["label", "icon", "disabled", "indeterminate", "defaultChecked", "onChange"];
-const CheckboxField = /*#__PURE__*/React.forwardRef(function CheckboxField(_ref, ref) {
+const _excluded$e = ["label", "icon", "disabled", "indeterminate", "defaultChecked", "onChange"];
+const CheckboxField = /*#__PURE__*/React__namespace.forwardRef(function CheckboxField(_ref, ref) {
   var _ref2, _props$checked, _props$checked2;
 
   let {
@@ -1608,7 +1634,7 @@ const CheckboxField = /*#__PURE__*/React.forwardRef(function CheckboxField(_ref,
     defaultChecked,
     onChange
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$h);
+      props = _objectWithoutProperties(_ref, _excluded$e);
 
   const isControlledComponent = typeof props.checked === 'boolean';
 
@@ -1623,22 +1649,22 @@ const CheckboxField = /*#__PURE__*/React.forwardRef(function CheckboxField(_ref,
     console.warn('A Checkbox needs a label');
   }
 
-  const [keyFocused, setKeyFocused] = React.useState(false);
-  const [checkedState, setChecked] = React.useState((_ref2 = (_props$checked = props.checked) != null ? _props$checked : defaultChecked) != null ? _ref2 : false);
+  const [keyFocused, setKeyFocused] = React__namespace.useState(false);
+  const [checkedState, setChecked] = React__namespace.useState((_ref2 = (_props$checked = props.checked) != null ? _props$checked : defaultChecked) != null ? _ref2 : false);
   const isChecked = (_props$checked2 = props.checked) != null ? _props$checked2 : checkedState;
-  const internalRef = React.useRef(null);
+  const internalRef = React__namespace.useRef(null);
   const combinedRef = useForkRef(internalRef, ref);
-  React.useEffect(function setIndeterminate() {
+  React__namespace.useEffect(function setIndeterminate() {
     if (internalRef.current && typeof indeterminate === 'boolean') {
       internalRef.current.indeterminate = indeterminate;
     }
   }, [indeterminate]);
-  return /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, {
     as: "label",
     display: "flex",
     alignItems: "center",
     className: [modules_664a6a80.container, disabled ? modules_664a6a80.disabled : null, isChecked ? modules_664a6a80.checked : null, keyFocused ? modules_664a6a80.keyFocused : null]
-  }, /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
+  }, /*#__PURE__*/React__namespace.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
     ref: combinedRef,
     type: "checkbox",
     "aria-checked": indeterminate ? 'mixed' : isChecked,
@@ -1659,33 +1685,33 @@ const CheckboxField = /*#__PURE__*/React.forwardRef(function CheckboxField(_ref,
       setKeyFocused(true);
       props == null ? void 0 : props.onKeyUp == null ? void 0 : props.onKeyUp(event);
     }
-  })), /*#__PURE__*/React.createElement(CheckboxIcon, {
+  })), /*#__PURE__*/React__namespace.createElement(CheckboxIcon, {
     checked: isChecked,
     disabled: disabled,
     indeterminate: indeterminate,
     "aria-hidden": true
-  }), icon ? /*#__PURE__*/React.createElement(Box, {
+  }), icon ? /*#__PURE__*/React__namespace.createElement(Box$1, {
     display: "flex",
     className: modules_664a6a80.icon,
     "aria-hidden": true
-  }, icon) : null, label ? /*#__PURE__*/React.createElement(Box, {
+  }, icon) : null, label ? /*#__PURE__*/React__namespace.createElement(Box$1, {
     display: "flex",
     className: modules_664a6a80.label
-  }, /*#__PURE__*/React.createElement(Text, null, label)) : null);
+  }, /*#__PURE__*/React__namespace.createElement(Text, null, label)) : null);
 });
 
 function PasswordVisibleIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24"
-  }, props), /*#__PURE__*/React.createElement("g", {
+  }, props), /*#__PURE__*/React__namespace.createElement("g", {
     fill: "none",
     fillRule: "evenodd",
     stroke: "gray"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__namespace.createElement("path", {
     d: "M21.358 12C17.825 7.65 14.692 5.5 12 5.5c-2.624 0-5.67 2.043-9.097 6.181a.5.5 0 0 0 0 .638C6.331 16.457 9.376 18.5 12 18.5c2.692 0 5.825-2.15 9.358-6.5z"
-  }), /*#__PURE__*/React.createElement("circle", {
+  }), /*#__PURE__*/React__namespace.createElement("circle", {
     cx: "12",
     cy: "12",
     r: "3.5"
@@ -1693,21 +1719,21 @@ function PasswordVisibleIcon(props) {
 }
 
 function PasswordHiddenIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24"
-  }, props), /*#__PURE__*/React.createElement("g", {
+  }, props), /*#__PURE__*/React__namespace.createElement("g", {
     fill: "gray",
     fillRule: "evenodd",
     transform: "translate(2 4)"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "nonzero",
     d: "M13.047 2.888C11.962 2.294 10.944 2 10 2 7.56 2 4.63 3.966 1.288 8c1.133 1.368 2.218 2.497 3.253 3.394l-.708.708c-1.068-.93-2.173-2.085-3.315-3.464a1 1 0 0 1 0-1.276C4.031 3.121 7.192 1 10 1c1.196 0 2.456.385 3.78 1.154l-.733.734zm-6.02 10.263C8.084 13.72 9.076 14 10 14c2.443 0 5.373-1.969 8.712-6-1.11-1.34-2.176-2.453-3.193-3.341l.708-.709C17.437 5.013 18.695 6.363 20 8c-3.721 4.667-7.054 7-10 7-1.175 0-2.411-.371-3.709-1.113l.735-.736z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "nonzero",
     d: "M8.478 11.7l.79-.79a3 3 0 0 0 3.642-3.642l.79-.79A4 4 0 0 1 8.477 11.7zM6.334 9.602a4 4 0 0 1 5.268-5.268l-.78.78A3.002 3.002 0 0 0 7.113 8.82l-.78.78z"
-  }), /*#__PURE__*/React.createElement("rect", {
+  }), /*#__PURE__*/React__namespace.createElement("rect", {
     width: "21",
     height: "1",
     x: "-.722",
@@ -1720,7 +1746,7 @@ function PasswordHiddenIcon(props) {
 var modules_540a88ff = {"container":"_7acdc928","auxiliaryLabel":"_815bad88","bordered":"e35886fe","error":"_6c7b5dc8","primaryLabel":"ec74af87","secondaryLabel":"_6db0ec44","messageIcon":"_05c35af8"};
 
 function FieldHint(props) {
-  return /*#__PURE__*/React.createElement(Text, _objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement(Text, _objectSpread2({
     as: "p",
     tone: "secondary",
     size: "copy"
@@ -1728,13 +1754,13 @@ function FieldHint(props) {
 }
 
 function MessageIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _objectSpread2({
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 11.0376 4.96243 13.5 8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5ZM1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8ZM8.66667 10.3333C8.66667 10.7015 8.36819 11 8 11C7.63181 11 7.33333 10.7015 7.33333 10.3333C7.33333 9.96514 7.63181 9.66667 8 9.66667C8.36819 9.66667 8.66667 9.96514 8.66667 10.3333ZM8.65766 5.65766C8.65766 5.29445 8.36322 5 8 5C7.99087 5.00008 7.98631 5.00013 7.98175 5.00025C7.97719 5.00038 7.97263 5.00059 7.96352 5.00101C7.60086 5.02116 7.3232 5.33149 7.34335 5.69415L7.50077 8.52774C7.53575 9.15742 8.46425 9.15742 8.49923 8.52774L8.65665 5.69415C8.65707 5.68503 8.65728 5.68047 8.65741 5.67591C8.65754 5.67135 8.65758 5.66679 8.65766 5.65766Z",
@@ -1748,19 +1774,19 @@ function FieldMessage({
   tone
 }) {
   const textTone = tone === 'error' ? 'danger' : tone === 'success' ? 'positive' : 'normal';
-  return /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React__namespace.createElement(Text, {
     as: "p",
     tone: textTone,
     size: "copy",
     id: id
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React__namespace.createElement(Box$1, {
     as: "span",
     marginRight: "xsmall",
     display: "inlineFlex",
     className: modules_540a88ff.messageIcon
-  }, tone === 'loading' ? /*#__PURE__*/React.createElement(Spinner, {
+  }, tone === 'loading' ? /*#__PURE__*/React__namespace.createElement(Spinner, {
     size: 16
-  }) : /*#__PURE__*/React.createElement(MessageIcon, {
+  }) : /*#__PURE__*/React__namespace.createElement(MessageIcon, {
     "aria-hidden": true
   })), children);
 }
@@ -1789,40 +1815,40 @@ function BaseField({
     'aria-describedby': ariaDescribedBy,
     'aria-invalid': tone === 'error' ? true : undefined
   };
-  return /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React__namespace.createElement(Stack, {
     space: "small",
     hidden: hidden
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React__namespace.createElement(Box$1, {
     className: [className, modules_540a88ff.container, tone === 'error' ? modules_540a88ff.error : null, variant === 'bordered' ? modules_540a88ff.bordered : null],
     maxWidth: maxWidth
-  }, label || secondaryLabel || auxiliaryLabel ? /*#__PURE__*/React.createElement(Box, {
+  }, label || secondaryLabel || auxiliaryLabel ? /*#__PURE__*/React__namespace.createElement(Box$1, {
     as: "span",
     display: "flex",
     justifyContent: "spaceBetween",
     alignItems: "flexEnd"
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__namespace.createElement(Text, {
     size: variant === 'bordered' ? 'caption' : 'body',
     as: "label",
     htmlFor: id
-  }, label ? /*#__PURE__*/React.createElement("span", {
+  }, label ? /*#__PURE__*/React__namespace.createElement("span", {
     className: modules_540a88ff.primaryLabel
-  }, label) : null, secondaryLabel ? /*#__PURE__*/React.createElement("span", {
+  }, label) : null, secondaryLabel ? /*#__PURE__*/React__namespace.createElement("span", {
     className: modules_540a88ff.secondaryLabel
-  }, "\u00A0(", secondaryLabel, ")") : null), auxiliaryLabel ? /*#__PURE__*/React.createElement(Box, {
+  }, "\u00A0(", secondaryLabel, ")") : null), auxiliaryLabel ? /*#__PURE__*/React__namespace.createElement(Box$1, {
     className: modules_540a88ff.auxiliaryLabel,
     paddingLeft: "small"
-  }, auxiliaryLabel) : null) : null, children(childrenProps)), message ? /*#__PURE__*/React.createElement(FieldMessage, {
+  }, auxiliaryLabel) : null) : null, children(childrenProps)), message ? /*#__PURE__*/React__namespace.createElement(FieldMessage, {
     id: messageId,
     tone: tone
-  }, message) : null, hint ? /*#__PURE__*/React.createElement(FieldHint, {
+  }, message) : null, hint ? /*#__PURE__*/React__namespace.createElement(FieldHint, {
     id: hintId
   }, hint) : null);
 }
 
 var modules_aaf25250 = {"inputWrapper":"dea25485","bordered":"_80b6b376","error":"_1a32867a","slot":"dbbd207e"};
 
-const _excluded$i = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "type", "maxWidth", "hidden", "aria-describedby", "startSlot", "endSlot"];
-const TextField = /*#__PURE__*/React.forwardRef(function TextField(_ref, ref) {
+const _excluded$d = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "type", "maxWidth", "hidden", "aria-describedby", "startSlot", "endSlot"];
+const TextField = /*#__PURE__*/React__namespace.forwardRef(function TextField(_ref, ref) {
   let {
     variant = 'default',
     id,
@@ -1839,9 +1865,9 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(_ref, ref) {
     startSlot,
     endSlot
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$i);
+      props = _objectWithoutProperties(_ref, _excluded$d);
 
-  const internalRef = React.useRef(null);
+  const internalRef = React__namespace.useRef(null);
   const combinedRef = useCallbackRef.useMergeRefs([ref, internalRef]);
 
   function handleClick(event) {
@@ -1851,7 +1877,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(_ref, ref) {
     (_internalRef$current = internalRef.current) == null ? void 0 : _internalRef$current.focus();
   }
 
-  return /*#__PURE__*/React.createElement(BaseField, {
+  return /*#__PURE__*/React__namespace.createElement(BaseField, {
     variant: variant,
     id: id,
     label: label,
@@ -1863,20 +1889,20 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(_ref, ref) {
     maxWidth: maxWidth,
     hidden: hidden,
     "aria-describedby": ariaDescribedBy
-  }, extraProps => /*#__PURE__*/React.createElement(Box, {
+  }, extraProps => /*#__PURE__*/React__namespace.createElement(Box$1, {
     display: "flex",
     alignItems: "center",
     className: [modules_aaf25250.inputWrapper, tone === 'error' ? modules_aaf25250.error : null, variant === 'bordered' ? modules_aaf25250.bordered : null],
     onClick: handleClick
-  }, startSlot ? /*#__PURE__*/React.createElement(Box, {
+  }, startSlot ? /*#__PURE__*/React__namespace.createElement(Box$1, {
     className: modules_aaf25250.slot,
     display: "flex",
     marginRight: variant === 'bordered' ? 'xsmall' : '-xsmall',
     marginLeft: variant === 'bordered' ? '-xsmall' : 'xsmall'
-  }, startSlot) : null, /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2(_objectSpread2({}, props), extraProps), {}, {
+  }, startSlot) : null, /*#__PURE__*/React__namespace.createElement("input", _objectSpread2(_objectSpread2(_objectSpread2({}, props), extraProps), {}, {
     type: type,
     ref: combinedRef
-  })), endSlot ? /*#__PURE__*/React.createElement(Box, {
+  })), endSlot ? /*#__PURE__*/React__namespace.createElement(Box$1, {
     className: modules_aaf25250.slot,
     display: "flex",
     marginRight: variant === 'bordered' ? '-xsmall' : 'xsmall',
@@ -1884,22 +1910,22 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(_ref, ref) {
   }, endSlot) : null));
 });
 
-const _excluded$j = ["togglePasswordLabel"];
-const PasswordField = /*#__PURE__*/React.forwardRef(function PasswordField(_ref, ref) {
+const _excluded$c = ["togglePasswordLabel"];
+const PasswordField = /*#__PURE__*/React__namespace.forwardRef(function PasswordField(_ref, ref) {
   let {
     togglePasswordLabel = 'Toggle password visibility'
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$j);
+      props = _objectWithoutProperties(_ref, _excluded$c);
 
-  const [isPasswordVisible, setPasswordVisible] = React.useState(false);
+  const [isPasswordVisible, setPasswordVisible] = React__namespace.useState(false);
   const Icon = isPasswordVisible ? PasswordVisibleIcon : PasswordHiddenIcon;
-  return /*#__PURE__*/React.createElement(TextField, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(TextField, _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
     // @ts-expect-error TextField does not support type="password", so we override the type check here
     type: isPasswordVisible ? 'text' : 'password',
-    endSlot: /*#__PURE__*/React.createElement(IconButton, {
+    endSlot: /*#__PURE__*/React__namespace.createElement(IconButton, {
       variant: "quaternary",
-      icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React__namespace.createElement(Icon, {
         "aria-hidden": true
       }),
       "aria-label": togglePasswordLabel,
@@ -1910,8 +1936,8 @@ const PasswordField = /*#__PURE__*/React.forwardRef(function PasswordField(_ref,
 
 var modules_1fa9b208 = {"selectWrapper":"b930bb07","bordered":"e1f620b6","error":"_7e87474e"};
 
-const _excluded$k = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "maxWidth", "children", "hidden", "aria-describedby"];
-const SelectField = /*#__PURE__*/React.forwardRef(function SelectField(_ref, ref) {
+const _excluded$b = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "maxWidth", "children", "hidden", "aria-describedby"];
+const SelectField = /*#__PURE__*/React__namespace.forwardRef(function SelectField(_ref, ref) {
   let {
     variant = 'default',
     id,
@@ -1926,9 +1952,9 @@ const SelectField = /*#__PURE__*/React.forwardRef(function SelectField(_ref, ref
     hidden,
     'aria-describedby': ariaDescribedBy
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$k);
+      props = _objectWithoutProperties(_ref, _excluded$b);
 
-  return /*#__PURE__*/React.createElement(BaseField, {
+  return /*#__PURE__*/React__namespace.createElement(BaseField, {
     variant: variant,
     id: id,
     label: label,
@@ -1940,23 +1966,23 @@ const SelectField = /*#__PURE__*/React.forwardRef(function SelectField(_ref, ref
     maxWidth: maxWidth,
     hidden: hidden,
     "aria-describedby": ariaDescribedBy
-  }, extraProps => /*#__PURE__*/React.createElement(Box, {
+  }, extraProps => /*#__PURE__*/React__namespace.createElement(Box$1, {
     "data-testid": "select-wrapper",
     className: [modules_1fa9b208.selectWrapper, tone === 'error' ? modules_1fa9b208.error : null, variant === 'bordered' ? modules_1fa9b208.bordered : null]
-  }, /*#__PURE__*/React.createElement("select", _objectSpread2(_objectSpread2(_objectSpread2({}, props), extraProps), {}, {
+  }, /*#__PURE__*/React__namespace.createElement("select", _objectSpread2(_objectSpread2(_objectSpread2({}, props), extraProps), {}, {
     ref: ref
-  }), children), /*#__PURE__*/React.createElement(SelectChevron, {
+  }), children), /*#__PURE__*/React__namespace.createElement(SelectChevron, {
     "aria-hidden": true
   })));
 });
 
 function SelectChevron(props) {
-  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _objectSpread2({
     width: "16",
     height: "16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React__namespace.createElement("path", {
     d: "M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z",
     fill: "currentColor"
   }));
@@ -1964,8 +1990,8 @@ function SelectChevron(props) {
 
 var modules_8e05f7c9 = {"container":"bae487be","disabled":"_408d32a0","checked":"_99b0ead7","toggle":"_5af09fb5","label":"a66e1846","handle":"_0dcf70ec","keyFocused":"_1f5e7fd4"};
 
-const _excluded$l = ["label", "hint", "disabled", "hidden", "defaultChecked", "id", "aria-describedby", "aria-label", "aria-labelledby", "onChange"];
-const SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(_ref, ref) {
+const _excluded$a = ["label", "hint", "disabled", "hidden", "defaultChecked", "id", "aria-describedby", "aria-label", "aria-labelledby", "onChange"];
+const SwitchField = /*#__PURE__*/React__namespace.forwardRef(function SwitchField(_ref, ref) {
   var _ref2, _props$checked, _props$checked2;
 
   let {
@@ -1980,32 +2006,32 @@ const SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(_ref, ref
     'aria-labelledby': originalAriaLabelledby,
     onChange
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$l);
+      props = _objectWithoutProperties(_ref, _excluded$a);
 
   const id = useId(originalId);
   const hintId = useId();
   const ariaDescribedBy = originalAriaDescribedBy != null ? originalAriaDescribedBy : hint ? hintId : undefined;
   const ariaLabel = originalAriaLabel != null ? originalAriaLabel : undefined;
   const ariaLabelledBy = originalAriaLabelledby != null ? originalAriaLabelledby : undefined;
-  const [keyFocused, setKeyFocused] = React.useState(false);
-  const [checkedState, setChecked] = React.useState((_ref2 = (_props$checked = props.checked) != null ? _props$checked : defaultChecked) != null ? _ref2 : false);
+  const [keyFocused, setKeyFocused] = React__namespace.useState(false);
+  const [checkedState, setChecked] = React__namespace.useState((_ref2 = (_props$checked = props.checked) != null ? _props$checked : defaultChecked) != null ? _ref2 : false);
   const isChecked = (_props$checked2 = props.checked) != null ? _props$checked2 : checkedState;
-  return /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React__namespace.createElement(Stack, {
     space: "small",
     hidden: hidden
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React__namespace.createElement(Box$1, {
     className: [modules_8e05f7c9.container, disabled ? modules_8e05f7c9.disabled : null, isChecked ? modules_8e05f7c9.checked : null, keyFocused ? modules_8e05f7c9.keyFocused : null],
     as: "label",
     display: "flex",
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React__namespace.createElement(Box$1, {
     position: "relative",
     display: "inlineBlock",
     overflow: "visible",
     marginRight: "small",
     flexShrink: 0,
     className: modules_8e05f7c9.toggle
-  }, /*#__PURE__*/React.createElement(HiddenVisually, null, /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
+  }, /*#__PURE__*/React__namespace.createElement(HiddenVisually, null, /*#__PURE__*/React__namespace.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
     id: id,
     type: "checkbox",
     disabled: disabled,
@@ -2029,19 +2055,19 @@ const SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(_ref, ref
       setKeyFocused(true);
       props == null ? void 0 : props.onKeyUp == null ? void 0 : props.onKeyUp(event);
     }
-  }))), /*#__PURE__*/React.createElement("span", {
+  }))), /*#__PURE__*/React__namespace.createElement("span", {
     className: modules_8e05f7c9.handle
-  })), /*#__PURE__*/React.createElement(Text, {
+  })), /*#__PURE__*/React__namespace.createElement(Text, {
     exceptionallySetClassName: modules_8e05f7c9.label
-  }, label)), hint ? /*#__PURE__*/React.createElement(FieldHint, {
+  }, label)), hint ? /*#__PURE__*/React__namespace.createElement(FieldHint, {
     id: hintId
   }, hint) : null);
 });
 
 var modules_2728c236 = {"textAreaContainer":"_55ccf266","innerContainer":"_89bb7098","bordered":"_02a47358","error":"_704ff540","autoExpand":"_145ca8f0"};
 
-const _excluded$m = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "maxWidth", "hidden", "aria-describedby", "rows", "autoExpand"];
-const TextArea = /*#__PURE__*/React.forwardRef(function TextArea(_ref, ref) {
+const _excluded$9 = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "maxWidth", "hidden", "aria-describedby", "rows", "autoExpand"];
+const TextArea = /*#__PURE__*/React__namespace.forwardRef(function TextArea(_ref, ref) {
   let {
     variant = 'default',
     id,
@@ -2057,12 +2083,12 @@ const TextArea = /*#__PURE__*/React.forwardRef(function TextArea(_ref, ref) {
     rows,
     autoExpand = false
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$m);
+      props = _objectWithoutProperties(_ref, _excluded$9);
 
-  const containerRef = React.useRef(null);
-  const internalRef = React.useRef(null);
+  const containerRef = React__namespace.useRef(null);
+  const internalRef = React__namespace.useRef(null);
   const combinedRef = useCallbackRef.useMergeRefs([ref, internalRef]);
-  React.useEffect(function setupAutoExpand() {
+  React__namespace.useEffect(function setupAutoExpand() {
     const containerElement = containerRef.current;
 
     function handleAutoExpand(value) {
@@ -2086,7 +2112,7 @@ const TextArea = /*#__PURE__*/React.forwardRef(function TextArea(_ref, ref) {
     textAreaElement.addEventListener('input', handleInput);
     return () => textAreaElement.removeEventListener('input', handleInput);
   }, [autoExpand]);
-  return /*#__PURE__*/React.createElement(BaseField, {
+  return /*#__PURE__*/React__namespace.createElement(BaseField, {
     variant: variant,
     id: id,
     label: label,
@@ -2099,12 +2125,12 @@ const TextArea = /*#__PURE__*/React.forwardRef(function TextArea(_ref, ref) {
     "aria-describedby": ariaDescribedBy,
     className: [modules_2728c236.textAreaContainer, tone === 'error' ? modules_2728c236.error : null, variant === 'bordered' ? modules_2728c236.bordered : null],
     maxWidth: maxWidth
-  }, extraProps => /*#__PURE__*/React.createElement(Box, {
+  }, extraProps => /*#__PURE__*/React__namespace.createElement(Box$1, {
     width: "full",
     display: "flex",
     className: modules_2728c236.innerContainer,
     ref: containerRef
-  }, /*#__PURE__*/React.createElement("textarea", _objectSpread2(_objectSpread2(_objectSpread2({}, props), extraProps), {}, {
+  }, /*#__PURE__*/React__namespace.createElement("textarea", _objectSpread2(_objectSpread2(_objectSpread2({}, props), extraProps), {}, {
     ref: combinedRef,
     rows: rows,
     className: autoExpand ? modules_2728c236.autoExpand : undefined
@@ -2140,7 +2166,7 @@ function emailToIndex(email, maxIndex) {
 
 var modules_08f3eeac = {"avatar":"_38a1be89","size-xxs":"d32e92ae","size-xs":"_0667d719","size-s":"cf529fcf","size-m":"_6e268eab","size-l":"d64c62cf","size-xl":"_44fb77de","size-xxl":"_01f85e0e","size-xxxl":"_41a5fe19","tablet-size-xxs":"_6ab1577d","tablet-size-xs":"b52a4963","tablet-size-s":"_714a8419","tablet-size-m":"_81cd4d51","tablet-size-l":"bf0a4edb","tablet-size-xl":"e4f0dabd","tablet-size-xxl":"_67ea065d","tablet-size-xxxl":"_2af7f76f","desktop-size-xxs":"_759081dc","desktop-size-xs":"_8290d1c1","desktop-size-s":"_48ea172d","desktop-size-m":"_758f6641","desktop-size-l":"f9ada088","desktop-size-xl":"d3bb7470","desktop-size-xxl":"_9a312ee3","desktop-size-xxxl":"a1d30c23"};
 
-const _excluded$n = ["user", "avatarUrl", "size", "className", "colorList", "exceptionallySetClassName"];
+const _excluded$8 = ["user", "avatarUrl", "size", "className", "colorList", "exceptionallySetClassName"];
 const AVATAR_COLORS = ['#fcc652', '#e9952c', '#e16b2d', '#d84b40', '#e8435a', '#e5198a', '#ad3889', '#86389c', '#a8a8a8', '#98be2f', '#5d9d50', '#5f9f85', '#5bbcb6', '#32a3bf', '#2bafeb', '#2d88c3', '#3863cc', '#5e5e5e'];
 
 function Avatar(_ref) {
@@ -2152,7 +2178,7 @@ function Avatar(_ref) {
     colorList = AVATAR_COLORS,
     exceptionallySetClassName
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$n);
+      props = _objectWithoutProperties(_ref, _excluded$8);
 
   const userInitials = getInitials(user.name) || getInitials(user.email);
   const avatarSize = size ? size : 'l';
@@ -2164,7 +2190,7 @@ function Avatar(_ref) {
     backgroundColor: colorList[emailToIndex(user.email, colorList.length)]
   };
   const sizeClassName = getClassNames(modules_08f3eeac, 'size', avatarSize);
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2({
     className: [className, modules_08f3eeac.avatar, sizeClassName, exceptionallySetClassName],
     style: style
   }, props), userInitials);
@@ -2174,16 +2200,16 @@ Avatar.displayName = 'Avatar';
 
 var modules_33c7c985 = {"badge":"c6ba5977","badge-info":"cf731337","badge-positive":"_7cfc5738","badge-promote":"_63691069","badge-attention":"_28ffb572","badge-warning":"_89e77f92"};
 
-const _excluded$o = ["tone", "label"];
+const _excluded$7 = ["tone", "label"];
 
 function Badge(_ref) {
   let {
     tone,
     label
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$o);
+      props = _objectWithoutProperties(_ref, _excluded$7);
 
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     as: "span" // It enables putting the badge inside a button (https://stackoverflow.com/a/12982334)
     ,
     display: "inline",
@@ -2193,12 +2219,12 @@ function Badge(_ref) {
 
 var modules_8f59d13b = {"overlay":"_8aa86dd3","fadein":"_20c07ee6","fitContent":"_713bc08f","container":"_45139719","full":"ec8619a2","large":"_86a1d5a4","medium":"_11d61de3","small":"aee19643","xlarge":"fe449c81","expand":"_61ffb38f","buttonContainer":"_49ffdac0","headerContent":"ee92ccb3"};
 
-const _excluded$p = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "exceptionallySetOverlayClassName", "autoFocus", "hideOnEscape", "hideOnInteractOutside", "children", "portalElement", "onKeyDown", "className"],
+const _excluded$6 = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "exceptionallySetOverlayClassName", "autoFocus", "hideOnEscape", "hideOnInteractOutside", "children", "portalElement", "onKeyDown", "className"],
       _excluded2$2 = ["children", "button", "withDivider", "exceptionallySetClassName"],
-      _excluded3 = ["exceptionallySetClassName", "children"],
-      _excluded4 = ["exceptionallySetClassName", "withDivider"],
-      _excluded5 = ["children"];
-const ModalContext = /*#__PURE__*/React.createContext({
+      _excluded3$1 = ["exceptionallySetClassName", "children"],
+      _excluded4$1 = ["exceptionallySetClassName", "withDivider"],
+      _excluded5$1 = ["children"];
+const ModalContext = /*#__PURE__*/React__namespace.createContext({
   onDismiss: undefined,
   height: 'fitContent'
 });
@@ -2234,9 +2260,9 @@ function Modal(_ref) {
     // @ts-expect-error we want to make sure to not pass it to the Dialog component
     className
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$p);
+      props = _objectWithoutProperties(_ref, _excluded$6);
 
-  const setOpen = React.useCallback(visible => {
+  const setOpen = React__namespace.useCallback(visible => {
     if (!visible) {
       onDismiss == null ? void 0 : onDismiss();
     }
@@ -2245,14 +2271,14 @@ function Modal(_ref) {
     open: isOpen,
     setOpen
   });
-  const contextValue = React.useMemo(() => ({
+  const contextValue = React__namespace.useMemo(() => ({
     onDismiss,
     height
   }), [onDismiss, height]);
-  const portalRef = React.useRef(null);
-  const dialogRef = React.useRef(null);
-  const backdropRef = React.useRef(null);
-  const handleBackdropClick = React.useCallback(event => {
+  const portalRef = React__namespace.useRef(null);
+  const dialogRef = React__namespace.useRef(null);
+  const backdropRef = React__namespace.useRef(null);
+  const handleBackdropClick = React__namespace.useCallback(event => {
     var _dialogRef$current, _backdropRef$current;
 
     if ( // The focus lock element takes up the same space as the backdrop and is where the event bubbles up from,
@@ -2263,14 +2289,14 @@ function Modal(_ref) {
       onDismiss == null ? void 0 : onDismiss();
     }
   }, [onDismiss]);
-  React.useLayoutEffect(function disableAccessibilityTreeOutside() {
+  React__namespace.useLayoutEffect(function disableAccessibilityTreeOutside() {
     if (!isOpen || !portalRef.current) {
       return;
     }
 
     return ariaHidden.hideOthers(portalRef.current);
   }, [isOpen]);
-  const handleKeyDown = React.useCallback(function handleKeyDown(event) {
+  const handleKeyDown = React__namespace.useCallback(function handleKeyDown(event) {
     if (hideOnEscape && onDismiss != null && event.key === 'Escape' && !event.defaultPrevented) {
       event.stopPropagation();
       onDismiss();
@@ -2283,13 +2309,13 @@ function Modal(_ref) {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(react.Portal, {
+  return /*#__PURE__*/React__namespace.createElement(react.Portal, {
     portalRef: portalRef,
     portalElement: portalElement
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React__namespace.createElement(Box$1, {
     "data-testid": "modal-overlay",
     "data-overlay": true,
-    className: classNames(modules_8f59d13b.overlay, modules_8f59d13b[height], modules_8f59d13b[width], exceptionallySetOverlayClassName),
+    className: classNames__default["default"](modules_8f59d13b.overlay, modules_8f59d13b[height], modules_8f59d13b[width], exceptionallySetOverlayClassName),
 
     /**
      * We're using `onPointerDown` instead of `onClick` to prevent the modal from
@@ -2297,13 +2323,13 @@ function Modal(_ref) {
      */
     onPointerDown: hideOnInteractOutside ? handleBackdropClick : undefined,
     ref: backdropRef
-  }, /*#__PURE__*/React.createElement(FocusLock, {
+  }, /*#__PURE__*/React__namespace.createElement(FocusLock__default["default"], {
     autoFocus: autoFocus,
     whiteList: isNotInternalFrame,
     returnFocus: true
-  }, /*#__PURE__*/React.createElement(react.Dialog, _objectSpread2(_objectSpread2({}, props), {}, {
+  }, /*#__PURE__*/React__namespace.createElement(react.Dialog, _objectSpread2(_objectSpread2({}, props), {}, {
     ref: dialogRef,
-    render: /*#__PURE__*/React.createElement(Box, {
+    render: /*#__PURE__*/React__namespace.createElement(Box$1, {
       borderRadius: "full",
       background: "default",
       display: "flex",
@@ -2312,7 +2338,7 @@ function Modal(_ref) {
       height: height === 'expand' ? 'full' : undefined,
       flexGrow: height === 'expand' ? 1 : 0
     }),
-    className: classNames(exceptionallySetClassName, modules_8f59d13b.container),
+    className: classNames__default["default"](exceptionallySetClassName, modules_8f59d13b.container),
     store: store,
     preventBodyScroll: true,
     // Disable focus lock as we set up our own using ReactFocusLock
@@ -2326,7 +2352,7 @@ function Modal(_ref) {
     hideOnInteractOutside: false,
     hideOnEscape: false,
     onKeyDown: handleKeyDown
-  }), /*#__PURE__*/React.createElement(ModalContext.Provider, {
+  }), /*#__PURE__*/React__namespace.createElement(ModalContext.Provider, {
     value: contextValue
   }, children)))));
 }
@@ -2340,20 +2366,20 @@ function Modal(_ref) {
 function ModalCloseButton(props) {
   const {
     onDismiss
-  } = React.useContext(ModalContext);
-  const [includeInTabOrder, setIncludeInTabOrder] = React.useState(false);
-  const [isMounted, setIsMounted] = React.useState(false);
-  React.useEffect(function skipAutoFocus() {
+  } = React__namespace.useContext(ModalContext);
+  const [includeInTabOrder, setIncludeInTabOrder] = React__namespace.useState(false);
+  const [isMounted, setIsMounted] = React__namespace.useState(false);
+  React__namespace.useEffect(function skipAutoFocus() {
     if (isMounted) {
       setIncludeInTabOrder(true);
     } else {
       setIsMounted(true);
     }
   }, [isMounted]);
-  return /*#__PURE__*/React.createElement(IconButton, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(IconButton, _objectSpread2(_objectSpread2({}, props), {}, {
     variant: "quaternary",
     onClick: onDismiss,
-    icon: /*#__PURE__*/React.createElement(CloseIcon, null),
+    icon: /*#__PURE__*/React__namespace.createElement(CloseIcon, null),
     tabIndex: includeInTabOrder ? 0 : -1
   }));
 }
@@ -2374,27 +2400,27 @@ function ModalHeader(_ref2) {
   } = _ref2,
       props = _objectWithoutProperties(_ref2, _excluded2$2);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     as: "header",
     paddingLeft: "large",
     paddingRight: button === false || button === null ? 'large' : 'small',
     paddingY: "small",
     className: exceptionallySetClassName
-  }), /*#__PURE__*/React.createElement(Columns, {
+  }), /*#__PURE__*/React__namespace.createElement(Columns, {
     space: "large",
     alignY: "center"
-  }, /*#__PURE__*/React.createElement(Column, {
+  }, /*#__PURE__*/React__namespace.createElement(Column, {
     width: "auto"
-  }, children), button === false || button === null ? /*#__PURE__*/React.createElement("div", {
+  }, children), button === false || button === null ? /*#__PURE__*/React__namespace.createElement("div", {
     className: modules_8f59d13b.headerContent
-  }) : /*#__PURE__*/React.createElement(Column, {
+  }) : /*#__PURE__*/React__namespace.createElement(Column, {
     width: "content",
     exceptionallySetClassName: modules_8f59d13b.buttonContainer,
     "data-testid": "button-container"
-  }, typeof button === 'boolean' ? /*#__PURE__*/React.createElement(ModalCloseButton, {
+  }, typeof button === 'boolean' ? /*#__PURE__*/React__namespace.createElement(ModalCloseButton, {
     "aria-label": "Close modal",
     autoFocus: false
-  }) : button))), withDivider ? /*#__PURE__*/React.createElement(Divider, null) : null);
+  }) : button))), withDivider ? /*#__PURE__*/React__namespace.createElement(Divider, null) : null);
 }
 /**
  * Renders the body of a modal.
@@ -2414,17 +2440,17 @@ function ModalBody(_ref3) {
     exceptionallySetClassName,
     children
   } = _ref3,
-      props = _objectWithoutProperties(_ref3, _excluded3);
+      props = _objectWithoutProperties(_ref3, _excluded3$1);
 
   const {
     height
-  } = React.useContext(ModalContext);
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  } = React__namespace.useContext(ModalContext);
+  return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     className: exceptionallySetClassName,
     flexGrow: height === 'expand' ? 1 : 0,
     height: height === 'expand' ? 'full' : undefined,
     overflow: "auto"
-  }), /*#__PURE__*/React.createElement(Box, {
+  }), /*#__PURE__*/React__namespace.createElement(Box$1, {
     padding: "large",
     paddingBottom: "xxlarge"
   }, children));
@@ -2442,9 +2468,9 @@ function ModalFooter(_ref4) {
     exceptionallySetClassName,
     withDivider = false
   } = _ref4,
-      props = _objectWithoutProperties(_ref4, _excluded4);
+      props = _objectWithoutProperties(_ref4, _excluded4$1);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, withDivider ? /*#__PURE__*/React.createElement(Divider, null) : null, /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, withDivider ? /*#__PURE__*/React__namespace.createElement(Divider, null) : null, /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({
     as: "footer"
   }, props), {}, {
     className: exceptionallySetClassName,
@@ -2460,9 +2486,9 @@ function ModalActions(_ref5) {
   let {
     children
   } = _ref5,
-      props = _objectWithoutProperties(_ref5, _excluded5);
+      props = _objectWithoutProperties(_ref5, _excluded5$1);
 
-  return /*#__PURE__*/React.createElement(ModalFooter, _objectSpread2({}, props), /*#__PURE__*/React.createElement(Inline, {
+  return /*#__PURE__*/React__namespace.createElement(ModalFooter, _objectSpread2({}, props), /*#__PURE__*/React__namespace.createElement(Inline, {
     align: "right",
     space: "large"
   }, children));
@@ -2470,9 +2496,9 @@ function ModalActions(_ref5) {
 
 var modules_40c67f5b = {"tab":"e96bf360","track":"_430e252d","tab-neutral":"f631ccbe","tab-themed":"_6ba96acc","track-neutral":"ef4cd8d3","track-themed":"_344b3b10"};
 
-const _excluded$q = ["children", "space"],
-      _excluded2$3 = ["children", "id", "renderMode"];
-const TabsContext = /*#__PURE__*/React.createContext(null);
+const _excluded$5 = ["children", "space"],
+      _excluded2$1 = ["children", "id", "renderMode"];
+const TabsContext = /*#__PURE__*/React__namespace.createContext(null);
 /**
  * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.
  */
@@ -2490,7 +2516,7 @@ function Tabs({
     setSelectedId: onSelectedIdChange
   });
   const actualSelectedId = tabStore.useState('selectedId');
-  const memoizedTabState = React.useMemo(() => {
+  const memoizedTabState = React__namespace.useMemo(() => {
     var _ref;
 
     return {
@@ -2499,7 +2525,7 @@ function Tabs({
       selectedId: (_ref = selectedId != null ? selectedId : actualSelectedId) != null ? _ref : null
     };
   }, [variant, tabStore, selectedId, actualSelectedId]);
-  return /*#__PURE__*/React.createElement(TabsContext.Provider, {
+  return /*#__PURE__*/React__namespace.createElement(TabsContext.Provider, {
     value: memoizedTabState
   }, children);
 }
@@ -2508,25 +2534,27 @@ function Tabs({
  */
 
 
-const Tab = /*#__PURE__*/React.forwardRef(function Tab({
+const Tab = /*#__PURE__*/React__namespace.forwardRef(function Tab({
   children,
   id,
   exceptionallySetClassName,
-  render
+  render,
+  onClick
 }, ref) {
-  const tabContextValue = React.useContext(TabsContext);
+  const tabContextValue = React__namespace.useContext(TabsContext);
   if (!tabContextValue) return null;
   const {
     variant,
     tabStore
   } = tabContextValue;
-  const className = classNames(exceptionallySetClassName, modules_40c67f5b.tab, modules_40c67f5b["tab-" + variant]);
-  return /*#__PURE__*/React.createElement(react.Tab, {
-    render: render,
-    className: className,
+  const className = classNames__default["default"](exceptionallySetClassName, modules_40c67f5b.tab, modules_40c67f5b["tab-" + variant]);
+  return /*#__PURE__*/React__namespace.createElement(react.Tab, {
     id: id,
+    ref: ref,
     store: tabStore,
-    ref: ref
+    render: render,
+    className: className,
+    onClick: onClick
   }, children);
 });
 /**
@@ -2538,9 +2566,9 @@ function TabList(_ref2) {
     children,
     space
   } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded$q);
+      props = _objectWithoutProperties(_ref2, _excluded$5);
 
-  const tabContextValue = React.useContext(TabsContext);
+  const tabContextValue = React__namespace.useContext(TabsContext);
 
   if (!tabContextValue) {
     return null;
@@ -2554,15 +2582,15 @@ function TabList(_ref2) {
     /*#__PURE__*/
     // The extra <div> prevents <Inline>'s negative margins from collapsing when used in a flex container
     // which will render the track with the wrong height
-    React.createElement("div", null, /*#__PURE__*/React.createElement(react.TabList, _objectSpread2({
+    React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement(react.TabList, _objectSpread2({
       store: tabStore,
-      render: /*#__PURE__*/React.createElement(Box, {
+      render: /*#__PURE__*/React__namespace.createElement(Box$1, {
         position: "relative",
         width: "maxContent"
       })
-    }, props), /*#__PURE__*/React.createElement(Box, {
+    }, props), /*#__PURE__*/React__namespace.createElement(Box$1, {
       className: [modules_40c67f5b.track, modules_40c67f5b["track-" + variant]]
-    }), /*#__PURE__*/React.createElement(Inline, {
+    }), /*#__PURE__*/React__namespace.createElement(Inline, {
       space: space
     }, children)))
   );
@@ -2573,19 +2601,19 @@ function TabList(_ref2) {
  */
 
 
-const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(_ref3, ref) {
+const TabPanel = /*#__PURE__*/React__namespace.forwardRef(function TabPanel(_ref3, ref) {
   let {
     children,
     id,
     renderMode = 'always'
   } = _ref3,
-      props = _objectWithoutProperties(_ref3, _excluded2$3);
+      props = _objectWithoutProperties(_ref3, _excluded2$1);
 
-  const tabContextValue = React.useContext(TabsContext);
-  const [tabRendered, setTabRendered] = React.useState(false);
+  const tabContextValue = React__namespace.useContext(TabsContext);
+  const [tabRendered, setTabRendered] = React__namespace.useState(false);
   const selectedId = tabContextValue == null ? void 0 : tabContextValue.tabStore.useState('selectedId');
   const tabIsActive = selectedId === id;
-  React.useEffect(function trackTabRenderedState() {
+  React__namespace.useEffect(function trackTabRenderedState() {
     if (!tabRendered && tabIsActive) {
       setTabRendered(true);
     }
@@ -2599,7 +2627,7 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(_ref3, ref) {
     tabStore
   } = tabContextValue;
   const shouldRender = renderMode === 'always' || renderMode === 'active' && tabIsActive || renderMode === 'lazy' && (tabIsActive || tabRendered);
-  return shouldRender ? /*#__PURE__*/React.createElement(react.TabPanel, _objectSpread2(_objectSpread2({}, props), {}, {
+  return shouldRender ? /*#__PURE__*/React__namespace.createElement(react.TabPanel, _objectSpread2(_objectSpread2({}, props), {}, {
     tabId: id,
     store: tabStore,
     ref: ref
@@ -2613,20 +2641,20 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(_ref3, ref) {
 function TabAwareSlot({
   children
 }) {
-  const tabContextValue = React.useContext(TabsContext);
+  const tabContextValue = React__namespace.useContext(TabsContext);
   const selectedId = tabContextValue == null ? void 0 : tabContextValue.tabStore.useState('selectedId');
   return tabContextValue ? children({
     selectedId
   }) : null;
 }
 
-const _excluded$r = ["children", "onItemSelect"],
-      _excluded2$4 = ["exceptionallySetClassName"],
-      _excluded3$1 = ["render"],
-      _excluded4$1 = ["exceptionallySetClassName", "modal"],
-      _excluded5$1 = ["value", "children", "onSelect", "hideOnSelect", "onClick", "exceptionallySetClassName"],
+const _excluded$4 = ["children", "onItemSelect"],
+      _excluded2 = ["exceptionallySetClassName"],
+      _excluded3 = ["render"],
+      _excluded4 = ["exceptionallySetClassName", "modal"],
+      _excluded5 = ["value", "children", "onSelect", "hideOnSelect", "onClick", "exceptionallySetClassName"],
       _excluded6 = ["label", "children", "exceptionallySetClassName"];
-const MenuContext = /*#__PURE__*/React.createContext({
+const MenuContext = /*#__PURE__*/React__namespace.createContext({
   menuStore: null,
   handleItemSelect: () => undefined,
   getAnchorRect: null,
@@ -2642,20 +2670,20 @@ function Menu(_ref) {
     children,
     onItemSelect
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$r);
+      props = _objectWithoutProperties(_ref, _excluded$4);
 
-  const [anchorRect, setAnchorRect] = React.useState(null);
-  const getAnchorRect = React.useMemo(() => anchorRect ? () => anchorRect : null, [anchorRect]);
+  const [anchorRect, setAnchorRect] = React__namespace.useState(null);
+  const getAnchorRect = React__namespace.useMemo(() => anchorRect ? () => anchorRect : null, [anchorRect]);
   const menuStore = react.useMenuStore(_objectSpread2({
     focusLoop: true
   }, props));
-  const value = React.useMemo(() => ({
+  const value = React__namespace.useMemo(() => ({
     menuStore,
     handleItemSelect: onItemSelect,
     getAnchorRect,
     setAnchorRect
   }), [menuStore, onItemSelect, getAnchorRect, setAnchorRect]);
-  return /*#__PURE__*/React.createElement(MenuContext.Provider, {
+  return /*#__PURE__*/React__namespace.createElement(MenuContext.Provider, {
     value: value
   }, children);
 }
@@ -2664,42 +2692,42 @@ function Menu(_ref) {
  */
 
 
-const MenuButton = /*#__PURE__*/React.forwardRef(function MenuButton(_ref2, ref) {
+const MenuButton = /*#__PURE__*/React__namespace.forwardRef(function MenuButton(_ref2, ref) {
   let {
     exceptionallySetClassName
   } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2$4);
+      props = _objectWithoutProperties(_ref2, _excluded2);
 
   const {
     menuStore
-  } = React.useContext(MenuContext);
+  } = React__namespace.useContext(MenuContext);
 
   if (!menuStore) {
     throw new Error('MenuButton must be wrapped in <Menu/>');
   }
 
-  return /*#__PURE__*/React.createElement(react.MenuButton, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(react.MenuButton, _objectSpread2(_objectSpread2({}, props), {}, {
     store: menuStore,
     ref: ref,
-    className: classNames('reactist_menubutton', exceptionallySetClassName)
+    className: classNames__default["default"]('reactist_menubutton', exceptionallySetClassName)
   }));
 });
-const ContextMenuTrigger = /*#__PURE__*/React.forwardRef(function ContextMenuTrigger(_ref3, ref) {
+const ContextMenuTrigger = /*#__PURE__*/React__namespace.forwardRef(function ContextMenuTrigger(_ref3, ref) {
   let {
     render
   } = _ref3,
-      props = _objectWithoutProperties(_ref3, _excluded3$1);
+      props = _objectWithoutProperties(_ref3, _excluded3);
 
   const {
     setAnchorRect,
     menuStore
-  } = React.useContext(MenuContext);
+  } = React__namespace.useContext(MenuContext);
 
   if (!menuStore) {
     throw new Error('ContextMenuTrigger must be wrapped in <Menu/>');
   }
 
-  const handleContextMenu = React.useCallback(function handleContextMenu(event) {
+  const handleContextMenu = React__namespace.useCallback(function handleContextMenu(event) {
     event.preventDefault();
     setAnchorRect({
       x: event.clientX,
@@ -2708,10 +2736,10 @@ const ContextMenuTrigger = /*#__PURE__*/React.forwardRef(function ContextMenuTri
     menuStore.show();
   }, [setAnchorRect, menuStore]);
   const isOpen = menuStore.useState('open');
-  React.useEffect(() => {
+  React__namespace.useEffect(() => {
     if (!isOpen) setAnchorRect(null);
   }, [isOpen, setAnchorRect]);
-  return /*#__PURE__*/React.createElement(react.Role.div, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(react.Role.div, _objectSpread2(_objectSpread2({}, props), {}, {
     onContextMenu: handleContextMenu,
     ref: ref,
     render: render
@@ -2721,31 +2749,31 @@ const ContextMenuTrigger = /*#__PURE__*/React.forwardRef(function ContextMenuTri
  * The dropdown menu itself, containing a list of menu items.
  */
 
-const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(_ref4, ref) {
+const MenuList = /*#__PURE__*/React__namespace.forwardRef(function MenuList(_ref4, ref) {
   let {
     exceptionallySetClassName,
     modal = true
   } = _ref4,
-      props = _objectWithoutProperties(_ref4, _excluded4$1);
+      props = _objectWithoutProperties(_ref4, _excluded4);
 
   const {
     menuStore,
     getAnchorRect
-  } = React.useContext(MenuContext);
+  } = React__namespace.useContext(MenuContext);
 
   if (!menuStore) {
     throw new Error('MenuList must be wrapped in <Menu/>');
   }
 
   const isOpen = menuStore.useState('open');
-  return isOpen ? /*#__PURE__*/React.createElement(react.Portal, {
+  return isOpen ? /*#__PURE__*/React__namespace.createElement(react.Portal, {
     preserveTabOrder: true
-  }, /*#__PURE__*/React.createElement(react.Menu, _objectSpread2(_objectSpread2({}, props), {}, {
+  }, /*#__PURE__*/React__namespace.createElement(react.Menu, _objectSpread2(_objectSpread2({}, props), {}, {
     store: menuStore,
     gutter: 8,
     shift: 4,
     ref: ref,
-    className: classNames('reactist_menulist', exceptionallySetClassName),
+    className: classNames__default["default"]('reactist_menulist', exceptionallySetClassName),
     getAnchorRect: getAnchorRect != null ? getAnchorRect : undefined,
     modal: modal
   }))) : null;
@@ -2755,7 +2783,7 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(_ref4, ref) {
  * callback.
  */
 
-const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(_ref5, ref) {
+const MenuItem = /*#__PURE__*/React__namespace.forwardRef(function MenuItem(_ref5, ref) {
   let {
     value,
     children,
@@ -2764,12 +2792,12 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(_ref5, ref) {
     onClick,
     exceptionallySetClassName
   } = _ref5,
-      props = _objectWithoutProperties(_ref5, _excluded5$1);
+      props = _objectWithoutProperties(_ref5, _excluded5);
 
   const {
     handleItemSelect,
     menuStore
-  } = React.useContext(MenuContext);
+  } = React__namespace.useContext(MenuContext);
 
   if (!menuStore) {
     throw new Error('MenuItem must be wrapped in <Menu/>');
@@ -2778,14 +2806,14 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(_ref5, ref) {
   const {
     hide
   } = menuStore;
-  const handleClick = React.useCallback(function handleClick(event) {
+  const handleClick = React__namespace.useCallback(function handleClick(event) {
     onClick == null ? void 0 : onClick(event);
     const onSelectResult = onSelect && !event.defaultPrevented ? onSelect() : undefined;
     const shouldClose = onSelectResult !== false && hideOnSelect;
     handleItemSelect == null ? void 0 : handleItemSelect(value);
     if (shouldClose) hide();
   }, [onSelect, onClick, handleItemSelect, hideOnSelect, hide, value]);
-  return /*#__PURE__*/React.createElement(react.MenuItem, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(react.MenuItem, _objectSpread2(_objectSpread2({}, props), {}, {
     store: menuStore,
     ref: ref,
     onClick: handleClick,
@@ -2815,14 +2843,14 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(_ref5, ref) {
  * opening a sub-menu with the menu items list below it.
  */
 
-const SubMenu = /*#__PURE__*/React.forwardRef(function SubMenu({
+const SubMenu = /*#__PURE__*/React__namespace.forwardRef(function SubMenu({
   children,
   onItemSelect
 }, ref) {
   const {
     handleItemSelect: parentMenuItemSelect,
     menuStore
-  } = React.useContext(MenuContext);
+  } = React__namespace.useContext(MenuContext);
 
   if (!menuStore) {
     throw new Error('SubMenu must be wrapped in <Menu/>');
@@ -2831,16 +2859,16 @@ const SubMenu = /*#__PURE__*/React.forwardRef(function SubMenu({
   const {
     hide: parentMenuHide
   } = menuStore;
-  const handleSubItemSelect = React.useCallback(function handleSubItemSelect(value) {
+  const handleSubItemSelect = React__namespace.useCallback(function handleSubItemSelect(value) {
     onItemSelect == null ? void 0 : onItemSelect(value);
     parentMenuItemSelect == null ? void 0 : parentMenuItemSelect(value);
     parentMenuHide();
   }, [parentMenuHide, parentMenuItemSelect, onItemSelect]);
-  const [button, list] = React.Children.toArray(children);
+  const [button, list] = React__namespace.Children.toArray(children);
   const buttonElement = button;
-  return /*#__PURE__*/React.createElement(Menu, {
+  return /*#__PURE__*/React__namespace.createElement(Menu, {
     onItemSelect: handleSubItemSelect
-  }, /*#__PURE__*/React.createElement(react.MenuItem, {
+  }, /*#__PURE__*/React__namespace.createElement(react.MenuItem, {
     store: menuStore,
     ref: ref,
     hideOnClick: false,
@@ -2854,7 +2882,7 @@ const SubMenu = /*#__PURE__*/React.forwardRef(function SubMenu({
  * before and/or after the group if you so wish.
  */
 
-const MenuGroup = /*#__PURE__*/React.forwardRef(function MenuGroup(_ref6, ref) {
+const MenuGroup = /*#__PURE__*/React__namespace.forwardRef(function MenuGroup(_ref6, ref) {
   let {
     label,
     children,
@@ -2864,28 +2892,28 @@ const MenuGroup = /*#__PURE__*/React.forwardRef(function MenuGroup(_ref6, ref) {
 
   const {
     menuStore
-  } = React.useContext(MenuContext);
+  } = React__namespace.useContext(MenuContext);
 
   if (!menuStore) {
     throw new Error('MenuGroup must be wrapped in <Menu/>');
   }
 
-  return /*#__PURE__*/React.createElement(react.MenuGroup, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React__namespace.createElement(react.MenuGroup, _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
     store: menuStore,
     className: exceptionallySetClassName
-  }), label ? /*#__PURE__*/React.createElement("div", {
+  }), label ? /*#__PURE__*/React__namespace.createElement("div", {
     role: "presentation",
     className: "reactist_menugroup__label"
   }, label) : null, children);
 });
 
-const _excluded$s = ["type", "variant", "size", "loading", "disabled", "tooltip", "onClick", "children"];
+const _excluded$3 = ["type", "variant", "size", "loading", "disabled", "tooltip", "onClick", "children"];
 /**
  * @deprecated
  */
 
-const Button$1 = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
+const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(_ref, ref) {
   let {
     type = 'button',
     variant,
@@ -2896,38 +2924,38 @@ const Button$1 = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
     onClick,
     children
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$s);
+      props = _objectWithoutProperties(_ref, _excluded$3);
 
-  const className = classNames('reactist_button', variant ? "reactist_button--" + variant : null, size !== 'default' ? "reactist_button--" + size : null, {
+  const className = classNames__default["default"]('reactist_button', variant ? "reactist_button--" + variant : null, size !== 'default' ? "reactist_button--" + size : null, {
     'reactist_button--loading': loading
   }, props.className);
-  const button = /*#__PURE__*/React.createElement("button", _objectSpread2(_objectSpread2({}, props), {}, {
+  const button = /*#__PURE__*/React__namespace.createElement("button", _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
     type: type,
     className: className,
     "aria-disabled": disabled || loading,
     onClick: disabled || loading ? undefined : onClick
   }), children);
-  return tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+  return tooltip ? /*#__PURE__*/React__namespace.createElement(Tooltip, {
     content: tooltip
   }, button) : button;
 });
-Button$1.displayName = 'Button';
-Button$1.defaultProps = {
+Button.displayName = 'Button';
+Button.defaultProps = {
   size: 'default',
   loading: false,
   disabled: false
 };
 
-const _excluded$t = ["children", "onClick", "tooltip", "className"];
+const _excluded$2 = ["children", "onClick", "tooltip", "className"];
 
-class Box$1 extends React.Component {
+class Box extends React__namespace.Component {
   constructor(props, context) {
     super(props, context);
     this._timeout = void 0;
 
     this._handleClickOutside = event => {
-      const dropdownDOMNode = ReactDOM.findDOMNode(this);
+      const dropdownDOMNode = ReactDOM__default["default"].findDOMNode(this);
       if (dropdownDOMNode && !dropdownDOMNode.contains(event.target)) this._toggleShowBody();else if (!this.props.allowBodyInteractions) {
         // won't close when body interactions are allowed
         this._timeout = setTimeout(() => {
@@ -2959,13 +2987,13 @@ class Box$1 extends React.Component {
         const scrollingParent = document.getElementById(this.props.scrolling_parent ? this.props.scrolling_parent : '');
 
         if (scrollingParent) {
-          const dropdown = ReactDOM.findDOMNode(this);
+          const dropdown = ReactDOM__default["default"].findDOMNode(this);
 
           if (!dropdown) {
             return;
           }
 
-          const dropdownVerticalPosition = ReactDOM.findDOMNode(this).offsetTop;
+          const dropdownVerticalPosition = ReactDOM__default["default"].findDOMNode(this).offsetTop;
           const dropdownTrigger = dropdown.querySelector('.trigger');
 
           if (!dropdownTrigger) {
@@ -3008,7 +3036,7 @@ class Box$1 extends React.Component {
 
     const _trigger = (_this$props$children = this.props.children) == null ? void 0 : _this$props$children[0];
 
-    return _trigger ? /*#__PURE__*/React.cloneElement(_trigger, {
+    return _trigger ? /*#__PURE__*/React__namespace.cloneElement(_trigger, {
       onClick: this._toggleShowBody
     }) : undefined;
   } // https://facebook.github.io/react/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components
@@ -3031,15 +3059,15 @@ class Box$1 extends React.Component {
       right,
       setPosition: this._setPosition
     };
-    const className = classNames({
+    const className = classNames__default["default"]({
       body_wrapper: true,
       with_arrow: true,
       top: top,
       bottom: !top
     });
     const body = children == null ? void 0 : children[1];
-    const contentMarkup = typeof body === 'function' ? body(props) : body ? /*#__PURE__*/React.cloneElement(body, props) : undefined;
-    return /*#__PURE__*/React.createElement("div", {
+    const contentMarkup = typeof body === 'function' ? body(props) : body ? /*#__PURE__*/React__namespace.cloneElement(body, props) : undefined;
+    return /*#__PURE__*/React__namespace.createElement("div", {
       className: className,
       style: {
         position: 'relative'
@@ -3048,11 +3076,11 @@ class Box$1 extends React.Component {
   }
 
   render() {
-    const className = classNames('reactist_dropdown', this.props.className);
+    const className = classNames__default["default"]('reactist_dropdown', this.props.className);
     const {
       top
     } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__namespace.createElement("div", {
       style: {
         display: 'inline-block'
       },
@@ -3063,16 +3091,16 @@ class Box$1 extends React.Component {
 
 }
 
-Box$1.displayName = void 0;
-Box$1.displayName = 'Dropdown.Box';
-const Trigger = /*#__PURE__*/React.forwardRef(function Trigger(_ref, ref) {
+Box.displayName = void 0;
+Box.displayName = 'Dropdown.Box';
+const Trigger = /*#__PURE__*/React__namespace.forwardRef(function Trigger(_ref, ref) {
   let {
     children,
     onClick,
     tooltip,
     className
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$t);
+      props = _objectWithoutProperties(_ref, _excluded$2);
 
   function handleClick(event) {
     event.preventDefault();
@@ -3080,8 +3108,8 @@ const Trigger = /*#__PURE__*/React.forwardRef(function Trigger(_ref, ref) {
     if (onClick) onClick(event);
   }
 
-  return /*#__PURE__*/React.createElement(Button$1, _objectSpread2(_objectSpread2({}, props), {}, {
-    className: classNames('trigger', className),
+  return /*#__PURE__*/React__namespace.createElement(Button, _objectSpread2(_objectSpread2({}, props), {}, {
+    className: classNames__default["default"]('trigger', className),
     onClick: handleClick,
     tooltip: tooltip,
     ref: ref
@@ -3111,7 +3139,7 @@ function Body({
     style.left = 0;
   }
 
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__namespace.createElement("div", {
     ref: setPosition,
     style: style,
     className: "body",
@@ -3122,7 +3150,7 @@ function Body({
 
 Body.displayName = 'Dropdown.Body';
 const Dropdown = {
-  Box: Box$1,
+  Box,
   Trigger,
   Body
 };
@@ -3142,26 +3170,26 @@ function ColorPicker({
   onChange,
   colorList = COLORS
 }) {
-  return /*#__PURE__*/React.createElement(Dropdown.Box, {
+  return /*#__PURE__*/React__namespace.createElement(Dropdown.Box, {
     right: true,
     className: "reactist_color_picker"
-  }, /*#__PURE__*/React.createElement(Dropdown.Trigger, null, (() => {
+  }, /*#__PURE__*/React__namespace.createElement(Dropdown.Trigger, null, (() => {
     const backgroundColor = _getColor(colorList, color);
 
-    return /*#__PURE__*/React.createElement("span", {
-      className: classNames('color_trigger', {
+    return /*#__PURE__*/React__namespace.createElement("span", {
+      className: classNames__default["default"]('color_trigger', {
         small
       }),
       style: {
         backgroundColor: _isNamedColor(backgroundColor) ? backgroundColor.color : backgroundColor
       }
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React__namespace.createElement("span", {
       className: "color_trigger--inner_ring"
     }));
-  })()), /*#__PURE__*/React.createElement(Dropdown.Body, null, /*#__PURE__*/React.createElement("div", {
+  })()), /*#__PURE__*/React__namespace.createElement(Dropdown.Body, null, /*#__PURE__*/React__namespace.createElement("div", {
     className: "color_options"
   }, colorList.reduce((items, currentColor, currentIndex) => {
-    items.push( /*#__PURE__*/React.createElement(ColorItem, {
+    items.push( /*#__PURE__*/React__namespace.createElement(ColorItem, {
       isActive: color >= colorList.length ? currentIndex === 0 : currentIndex === color,
       key: currentIndex,
       color: _isNamedColor(currentColor) ? currentColor.color : currentColor,
@@ -3182,24 +3210,24 @@ function ColorItem({
   onClick,
   tooltip
 }) {
-  const item = /*#__PURE__*/React.createElement("span", {
+  const item = /*#__PURE__*/React__namespace.createElement("span", {
     "data-testid": "reactist-color-item",
     className: 'reactist color_item' + (isActive ? ' active' : ''),
     style: {
       backgroundColor: color
     },
     onClick: () => onClick == null ? void 0 : onClick(colorIndex)
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__namespace.createElement("span", {
     className: "color_item--inner_ring"
   }));
-  return tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+  return tooltip ? /*#__PURE__*/React__namespace.createElement(Tooltip, {
     content: tooltip
   }, item) : item;
 }
 
 ColorItem.displayName = 'ColorItem';
 
-const _excluded$u = ["children", "className", "translateKey", "isMac"];
+const _excluded$1 = ["children", "className", "translateKey", "isMac"];
 // Support for setting up how to translate modifiers globally.
 //
 
@@ -3281,16 +3309,16 @@ function KeyboardShortcut(_ref) {
     translateKey = globalTranslateKey,
     isMac = (_navigator$platform$t = (_navigator$platform = navigator.platform) == null ? void 0 : _navigator$platform.toUpperCase().includes('MAC')) != null ? _navigator$platform$t : false
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$u);
+      props = _objectWithoutProperties(_ref, _excluded$1);
 
   const shortcuts = typeof children === 'string' ? [children] : children;
-  return /*#__PURE__*/React.createElement("span", _objectSpread2({
-    className: classNames('reactist_keyboard_shortcut', className, {
+  return /*#__PURE__*/React__namespace.createElement("span", _objectSpread2({
+    className: classNames__default["default"]('reactist_keyboard_shortcut', className, {
       'reactist_keyboard_shortcut--macos': isMac
     })
-  }, props), shortcuts.map((shortcut, i) => /*#__PURE__*/React.createElement(React.Fragment, {
+  }, props), shortcuts.map((shortcut, i) => /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
     key: i
-  }, i === 0 ? null : ', ', /*#__PURE__*/React.createElement("kbd", null, parseKeys(shortcut, isMac, translateKey).map((key, j) => /*#__PURE__*/React.createElement("kbd", {
+  }, i === 0 ? null : ', ', /*#__PURE__*/React__namespace.createElement("kbd", null, parseKeys(shortcut, isMac, translateKey).map((key, j) => /*#__PURE__*/React__namespace.createElement("kbd", {
     key: j
   }, key))))));
 }
@@ -3436,7 +3464,7 @@ function KeyCapturer(props) {
     children,
     eventName = 'onKeyDown'
   } = props;
-  const composingRef = React.useRef(false);
+  const composingRef = React__namespace.useRef(false);
   const composingEventHandlers = props.onEnter ? {
     onCompositionStart: () => {
       composingRef.current = true;
@@ -3472,7 +3500,7 @@ function KeyCapturer(props) {
     }
   }
 
-  return /*#__PURE__*/React.cloneElement(children, _objectSpread2({
+  return /*#__PURE__*/React__namespace.cloneElement(children, _objectSpread2({
     [eventName]: handleKeyEvent
   }, composingEventHandlers));
 }
@@ -3482,16 +3510,16 @@ function ProgressBar({
   className,
   'aria-valuetext': ariaValuetext
 }) {
-  const finalClassName = classNames('reactist_progress_bar', className);
+  const finalClassName = classNames__default["default"]('reactist_progress_bar', className);
   const width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__namespace.createElement("div", {
     className: finalClassName
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__namespace.createElement("div", {
     className: "inner",
     style: {
       width: width + "%"
     }
-  }), /*#__PURE__*/React.createElement(HiddenVisually, null, /*#__PURE__*/React.createElement("progress", {
+  }), /*#__PURE__*/React__namespace.createElement(HiddenVisually, null, /*#__PURE__*/React__namespace.createElement("progress", {
     value: width,
     max: 100,
     "aria-valuetext": ariaValuetext != null ? ariaValuetext : undefined
@@ -3500,7 +3528,7 @@ function ProgressBar({
 
 ProgressBar.displayName = 'ProgressBar';
 
-dayjs.extend(LocalizedFormat);
+dayjs__default["default"].extend(LocalizedFormat__default["default"]);
 const TimeUtils = {
   SHORT_FORMAT_CURRENT_YEAR: 'L',
   SHORT_FORMAT_PAST_YEAR: 'LL',
@@ -3516,8 +3544,8 @@ const TimeUtils = {
       minutesSuffix = 'm',
       momentsAgo = 'moments ago'
     } = config;
-    const now = dayjs();
-    const date = dayjs(timestamp * 1000);
+    const now = dayjs__default["default"]();
+    const date = dayjs__default["default"](timestamp * 1000);
     date.locale(locale);
     const diffMinutes = now.diff(date, 'minute');
     const diffHours = now.diff(date, 'hour');
@@ -3546,10 +3574,10 @@ const TimeUtils = {
       shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,
       shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR
     } = config;
-    const date = dayjs(timestamp * 1000);
+    const date = dayjs__default["default"](timestamp * 1000);
     date.locale(locale);
 
-    if (date.isSame(dayjs(), 'year')) {
+    if (date.isSame(dayjs__default["default"](), 'year')) {
       return date.format(shortFormatCurrentYear);
     } else {
       return date.format(shortFormatPastYear);
@@ -3561,7 +3589,7 @@ const TimeUtils = {
       locale = 'en',
       longFormat = this.LONG_FORMAT
     } = config;
-    const date = dayjs(timestamp * 1000);
+    const date = dayjs__default["default"](timestamp * 1000);
     date.locale(locale);
     return date.format(longFormat);
   }
@@ -3570,7 +3598,7 @@ const TimeUtils = {
 
 const DELAY = 60000;
 
-class Time extends React.Component {
+class Time extends React__namespace.Component {
   constructor(props) {
     super(props);
     this.refreshInterval = void 0;
@@ -3659,13 +3687,13 @@ class Time extends React.Component {
 
     const timeComponent = this._renderTime(this.props.config);
 
-    return /*#__PURE__*/React.createElement("time", {
+    return /*#__PURE__*/React__namespace.createElement("time", {
       className: className,
       onMouseEnter: event => this._setHovered(true, event),
       onMouseLeave: event => this._setHovered(false, event)
-    }, this.props.tooltipOnHover ? /*#__PURE__*/React.createElement(Tooltip, {
+    }, this.props.tooltipOnHover ? /*#__PURE__*/React__namespace.createElement(Tooltip, {
       content: this.props.tooltip || this.props.time && TimeUtils.formatTimeLong(this.props.time, this.props.config)
-    }, /*#__PURE__*/React.createElement("span", null, timeComponent)) : timeComponent);
+    }, /*#__PURE__*/React__namespace.createElement("span", null, timeComponent)) : timeComponent);
   }
 
 }
@@ -3691,16 +3719,16 @@ Time.defaultProps = {
  * @deprecated
  */
 
-const Input = /*#__PURE__*/React.forwardRef(function Input(props, ref) {
-  const className = classNames('reactist_input', props.className);
-  return /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
+const Input = /*#__PURE__*/React__namespace.forwardRef(function Input(props, ref) {
+  const className = classNames__default["default"]('reactist_input', props.className);
+  return /*#__PURE__*/React__namespace.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
     className: className,
     ref: ref
   }));
 });
 Input.displayName = 'Input';
 
-const _excluded$v = ["value", "options", "onChange", "disabled", "className", "defaultValue"];
+const _excluded = ["value", "options", "onChange", "disabled", "className", "defaultValue"];
 
 function Select(_ref) {
   let {
@@ -3711,18 +3739,18 @@ function Select(_ref) {
     className = '',
     defaultValue
   } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded$v);
+      otherProps = _objectWithoutProperties(_ref, _excluded);
 
-  const selectClassName = classNames('reactist_select', {
+  const selectClassName = classNames__default["default"]('reactist_select', {
     disabled
   }, className);
-  return /*#__PURE__*/React.createElement("select", _objectSpread2({
+  return /*#__PURE__*/React__namespace.createElement("select", _objectSpread2({
     className: selectClassName,
     value: value,
     onChange: event => onChange ? onChange(event.target.value) : undefined,
     disabled: disabled,
     defaultValue: defaultValue
-  }, otherProps), options == null ? void 0 : options.map(option => /*#__PURE__*/React.createElement("option", {
+  }, otherProps), options == null ? void 0 : options.map(option => /*#__PURE__*/React__namespace.createElement("option", {
     key: option.key || option.value,
     value: option.value,
     disabled: option.disabled
@@ -3739,15 +3767,15 @@ exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
 exports.Banner = Banner;
-exports.Box = Box;
-exports.Button = Button;
+exports.Box = Box$1;
+exports.Button = Button$1;
 exports.COLORS = COLORS;
 exports.CheckboxField = CheckboxField;
 exports.ColorPicker = ColorPicker;
 exports.Column = Column;
 exports.Columns = Columns;
 exports.ContextMenuTrigger = ContextMenuTrigger;
-exports.DeprecatedButton = Button$1;
+exports.DeprecatedButton = Button;
 exports.DeprecatedDropdown = Dropdown;
 exports.DeprecatedInput = Input;
 exports.DeprecatedSelect = Select;