npm - @epignosis_llc/gnosis - Versions diffs - 1.2.0 → 1.3.3 - Mend

@epignosis_llc/gnosis 1.2.0 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (809) hide show

package/dist/cjs/{index-8fa8ad19.js → index-795034df.js} RENAMED Viewed

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.1.0
+   * @epignosis_llc/gnosis.js v1.3.2
    * Released under the MIT license.
    */
@@ -96,7 +96,13 @@ var StyleSheet = /*#__PURE__*/function () {
       var before;
       if (_this.tags.length === 0) {
-        before = _this.prepend ? _this.container.firstChild : _this.before;
+        if (_this.insertionPoint) {
+          before = _this.insertionPoint.nextSibling;
+        } else if (_this.prepend) {
+          before = _this.container.firstChild;
+        } else {
+          before = _this.before;
+        }
       } else {
         before = _this.tags[_this.tags.length - 1].nextSibling;
       }
@@ -114,6 +120,7 @@ var StyleSheet = /*#__PURE__*/function () {
     this.key = options.key;
     this.container = options.container;
     this.prepend = options.prepend;
+    this.insertionPoint = options.insertionPoint;
     this.before = null;
   }
@@ -1247,7 +1254,8 @@ var createCache = function createCache(options) {
       container: container,
       nonce: options.nonce,
       speedy: options.speedy,
-      prepend: options.prepend
+      prepend: options.prepend,
+      insertionPoint: options.insertionPoint
     }),
     nonce: options.nonce,
     inserted: inserted,
@@ -2066,7 +2074,7 @@ var serializeStyles = function serializeStyles(args, registered, mergedProps) {
   };
 };
-var hasOwnProperty$3 = Object.prototype.hasOwnProperty;
+var hasOwnProperty$3 = {}.hasOwnProperty;
 var EmotionCacheContext = /* #__PURE__ */React$n.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
 // because this module is primarily intended for the browser and node
@@ -2201,6 +2209,11 @@ var createEmotionProps = function createEmotionProps(type, props) {
   return newProps;
 };
+var Noop$1 = function Noop() {
+  return null;
+};
 var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
   var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
   // not passing the registered cache to serializeStyles because it would
@@ -2243,8 +2256,10 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
   newProps.ref = ref;
   newProps.className = className;
   var ele = /*#__PURE__*/React$n.createElement(type, newProps);
+  var possiblyStyleElement = /*#__PURE__*/React$n.createElement(Noop$1, null);
-  return ele;
+  return /*#__PURE__*/React$n.createElement(React$n.Fragment, null, possiblyStyleElement, ele);
 });
 if (process.env.NODE_ENV !== 'production') {
@@ -2253,7 +2268,7 @@ if (process.env.NODE_ENV !== 'production') {
 var pkg = {
 	name: "@emotion/react",
-	version: "11.5.0",
+	version: "11.6.0",
 	main: "dist/emotion-react.cjs.js",
 	module: "dist/emotion-react.esm.js",
 	browser: {
@@ -2266,7 +2281,7 @@ var pkg = {
 		"dist",
 		"jsx-runtime",
 		"jsx-dev-runtime",
-		"isolated-hoist-non-react-statics-do-not-use-this-in-your-code",
+		"_isolated-hnrs",
 		"types/*.d.ts",
 		"macro.js",
 		"macro.d.ts",
@@ -2280,9 +2295,9 @@ var pkg = {
 	},
 	dependencies: {
 		"@babel/runtime": "^7.13.10",
-		"@emotion/cache": "^11.5.0",
+		"@emotion/cache": "^11.6.0",
 		"@emotion/serialize": "^1.0.2",
-		"@emotion/sheet": "^1.0.3",
+		"@emotion/sheet": "^1.1.0",
 		"@emotion/utils": "^1.0.0",
 		"@emotion/weak-memoize": "^0.2.5",
 		"hoist-non-react-statics": "^3.3.1"
@@ -2304,7 +2319,7 @@ var pkg = {
 		"@emotion/css": "11.5.0",
 		"@emotion/css-prettifier": "1.0.0",
 		"@emotion/server": "11.4.0",
-		"@emotion/styled": "11.3.0",
+		"@emotion/styled": "11.6.0",
 		"@types/react": "^16.9.11",
 		dtslint: "^0.3.0",
 		"html-tag-names": "^1.1.2",
@@ -2321,7 +2336,7 @@ var pkg = {
 			"./index.js",
 			"./jsx-runtime.js",
 			"./jsx-dev-runtime.js",
-			"./isolated-hoist-non-react-statics-do-not-use-this-in-your-code.js"
+			"./_isolated-hnrs.js"
 		],
 		umdName: "emotionReact"
 	}
@@ -2513,6 +2528,10 @@ function merge$1(registered, css, className) {
   return rawClassName + css(registeredStyles);
 }
+var Noop = function Noop() {
+  return null;
+};
 var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
   var hasRendered = false;
@@ -2553,8 +2572,10 @@ var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
   };
   var ele = props.children(content);
   hasRendered = true;
+  var possiblyStyleElement = /*#__PURE__*/React$n.createElement(Noop, null);
-  return ele;
+  return /*#__PURE__*/React$n.createElement(React$n.Fragment, null, possiblyStyleElement, ele);
 });
 if (process.env.NODE_ENV !== 'production') {
@@ -3225,7 +3246,7 @@ var store$2 = sharedStore;
 (shared$3.exports = function (key, value) {
   return store$2[key] || (store$2[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.19.0',
+  version: '3.19.1',
   mode: 'global',
   copyright: '© 2021 Denis Pushkarev (zloirock.ru)'
 });
@@ -4069,6 +4090,25 @@ $$c({ target: 'Array', proto: true, forced: [].forEach != forEach$1 }, {
   forEach: forEach$1
 });
+var TO_STRING_TAG_SUPPORT$1 = toStringTagSupport;
+var classof$3 = classof$5;
+// `Object.prototype.toString` method implementation
+// https://tc39.es/ecma262/#sec-object.prototype.tostring
+var objectToString$1 = TO_STRING_TAG_SUPPORT$1 ? {}.toString : function toString() {
+  return '[object ' + classof$3(this) + ']';
+};
+var TO_STRING_TAG_SUPPORT = toStringTagSupport;
+var redefine$2 = redefine$4.exports;
+var toString$7 = objectToString$1;
+// `Object.prototype.toString` method
+// https://tc39.es/ecma262/#sec-object.prototype.tostring
+if (!TO_STRING_TAG_SUPPORT) {
+  redefine$2(Object.prototype, 'toString', toString$7, { unsafe: true });
+}
 // iterable DOM collections
 // flag - `iterable` interface - 'entries', 'keys', 'values', 'forEach' methods
 var domIterables = {
@@ -4220,18 +4260,18 @@ var uncurryThis$9 = functionUncurryThis;
 var thisNumberValue$1 = uncurryThis$9(1.0.valueOf);
 var global$a = global$y;
-var classof$3 = classof$5;
+var classof$2 = classof$5;
 var String$2 = global$a.String;
-var toString$7 = function (argument) {
-  if (classof$3(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
+var toString$6 = function (argument) {
+  if (classof$2(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
   return String$2(argument);
 };
 var global$9 = global$y;
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$4;
-var toString$6 = toString$7;
+var toString$5 = toString$6;
 var requireObjectCoercible$3 = requireObjectCoercible$6;
 var RangeError$2 = global$9.RangeError;
@@ -4239,7 +4279,7 @@ var RangeError$2 = global$9.RangeError;
 // `String.prototype.repeat` method implementation
 // https://tc39.es/ecma262/#sec-string.prototype.repeat
 var stringRepeat = function repeat(count) {
-  var str = toString$6(requireObjectCoercible$3(this));
+  var str = toString$5(requireObjectCoercible$3(this));
   var result = '';
   var n = toIntegerOrInfinity$1(count);
   if (n < 0 || n == Infinity) throw RangeError$2('Wrong number of repetitions');
@@ -4418,7 +4458,7 @@ var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u200
 var uncurryThis$7 = functionUncurryThis;
 var requireObjectCoercible$2 = requireObjectCoercible$6;
-var toString$5 = toString$7;
+var toString$4 = toString$6;
 var whitespaces$1 = whitespaces$2;
 var replace$2 = uncurryThis$7(''.replace);
@@ -4429,7 +4469,7 @@ var rtrim = RegExp(whitespace + whitespace + '*$');
 // `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
 var createMethod$1 = function (TYPE) {
   return function ($this) {
-    var string = toString$5(requireObjectCoercible$2($this));
+    var string = toString$4(requireObjectCoercible$2($this));
     if (TYPE & 1) string = replace$2(string, ltrim, '');
     if (TYPE & 2) string = replace$2(string, rtrim, '');
     return string;
@@ -4451,7 +4491,7 @@ var stringTrim = {
 var global$7 = global$y;
 var fails$5 = fails$f;
 var uncurryThis$6 = functionUncurryThis;
-var toString$4 = toString$7;
+var toString$3 = toString$6;
 var trim = stringTrim.trim;
 var whitespaces = whitespaces$2;
@@ -4467,7 +4507,7 @@ var FORCED$1 = $parseInt$1(whitespaces + '08') !== 8 || $parseInt$1(whitespaces
 // `parseInt` method
 // https://tc39.es/ecma262/#sec-parseint-string-radix
 var numberParseInt = FORCED$1 ? function parseInt(string, radix) {
-  var S = trim(toString$4(string));
+  var S = trim(toString$3(string));
   return $parseInt$1(S, (radix >>> 0) || (exec(hex$1, S) ? 16 : 10));
 } : $parseInt$1;
@@ -6958,9 +6998,10 @@ var formElements = {
   input: {
     placeholderColor: "#737373",
     borderHoverColor: colors$1.blue.base,
-    inputBorderColor: colors$1.gray.light,
-    background: colors$1.white,
-    iconColor: colors$1.gray.darker
+    inputBorderColor: "#E8E8E8",
+    background: "#F1F1F1",
+    backgroundFocus: colors$1.white,
+    iconColor: colors$1.black
   },
   radioButtonGroup: {
     normalBackground: colors$1.gray.lighter,
@@ -7064,7 +7105,7 @@ var defaultTheme = {
 var uncurryThis$4 = functionUncurryThis;
 var requireObjectCoercible$1 = requireObjectCoercible$6;
-var toString$3 = toString$7;
+var toString$2 = toString$6;
 var quot = /"/g;
 var replace$1 = uncurryThis$4(''.replace);
@@ -7072,9 +7113,9 @@ var replace$1 = uncurryThis$4(''.replace);
 // `CreateHTML` abstract operation
 // https://tc39.es/ecma262/#sec-createhtml
 var createHtml = function (string, tag, attribute, value) {
-  var S = toString$3(requireObjectCoercible$1(string));
+  var S = toString$2(requireObjectCoercible$1(string));
   var p1 = '<' + tag;
-  if (attribute !== '') p1 += ' ' + attribute + '="' + replace$1(toString$3(value), quot, '&quot;') + '"';
+  if (attribute !== '') p1 += ' ' + attribute + '="' + replace$1(toString$2(value), quot, '&quot;') + '"';
   return p1 + '>' + S + '</' + tag + '>';
 };
@@ -15554,24 +15595,29 @@ var container$8 = function container(_ref, _ref2) {
   );
 };
+var _excluded$y = ["fullScreen", "size"];
 var Loader = function Loader(_ref) {
   var _ref$fullScreen = _ref.fullScreen,
       fullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "lg" : _ref$size;
-  return jsx("div", {
+      size = _ref$size === void 0 ? "lg" : _ref$size,
+      rest = _objectWithoutProperties(_ref, _excluded$y);
+  return jsx("div", _extends$d({
     css: function css(theme) {
       return container$8(theme, {
         fullScreen: fullScreen,
         size: size
       });
     },
-    "data-testid": "loader",
-    className: "loading-container"
-  }, jsx(reactSpinners.PulseLoader, null));
+    "data-testid": "loader"
+  }, rest, {
+    className: "loading-container".concat(rest !== null && rest !== void 0 && rest.className ? " ".concat(rest === null || rest === void 0 ? void 0 : rest.className) : "")
+  }), jsx(reactSpinners.PulseLoader, null));
 };
-var _excluded$h = ["color", "size"];
+var _excluded$x = ["color", "size"];
 var roundDimensions = {
   md: "3.5rem",
   lg: "5rem"
@@ -15670,7 +15716,7 @@ var btnContainer = function btnContainer(_ref3, _ref4) {
   var color = _ref4.color,
       size = _ref4.size,
-      attrs = _objectWithoutProperties(_ref4, _excluded$h);
+      attrs = _objectWithoutProperties(_ref4, _excluded$x);
   return (
     /*#__PURE__*/
@@ -15684,7 +15730,7 @@ var btnContainer = function btnContainer(_ref3, _ref4) {
   );
 };
-var _excluded$g = ["as", "color", "size", "variant", "block", "isLoading", "noGutters", "className", "rounded", "iconBefore", "iconAfter", "children", "disabled"];
+var _excluded$w = ["as", "color", "size", "variant", "block", "isLoading", "noGutters", "className", "rounded", "iconBefore", "iconAfter", "children", "disabled"];
 var iconSizes = {
   sm: 28,
   md: 30,
@@ -15731,7 +15777,7 @@ var Button = function Button(props) {
       iconAfter = props.iconAfter,
       children = props.children,
       disabled = props.disabled,
-      rest = _objectWithoutProperties(props, _excluded$g);
+      rest = _objectWithoutProperties(props, _excluded$w);
   var Component = as || "button";
   var PrefixIcon = iconBefore;
@@ -16011,7 +16057,7 @@ var chip = function chip(_ref, _ref2) {
   );
 };
-var _excluded$f = ["size", "onClose", "children", "style"];
+var _excluded$v = ["size", "onClose", "children", "style"];
 var Chip = function Chip(_ref) {
   var _ref$size = _ref.size,
@@ -16023,7 +16069,7 @@ var Chip = function Chip(_ref) {
     backgroundColor: "#5c5c5c",
     color: "#fff"
   } : _ref$style,
-      rest = _objectWithoutProperties(_ref, _excluded$f);
+      rest = _objectWithoutProperties(_ref, _excluded$v);
   return jsx("div", _extends$d({
     css: function css(theme) {
@@ -16076,6 +16122,8 @@ var avatar = function avatar(_ref, _ref2) {
   );
 };
+var _excluded$u = ["src", "size", "bgColor", "alt", "children"];
 var Avatar = function Avatar(_ref) {
   var src = _ref.src,
       _ref$size = _ref.size,
@@ -16084,16 +16132,16 @@ var Avatar = function Avatar(_ref) {
       bgColor = _ref$bgColor === void 0 ? "#0E59BB" : _ref$bgColor,
       alt = _ref.alt,
       children = _ref.children,
-      className = _ref.className;
-  return jsx("figure", {
+      rest = _objectWithoutProperties(_ref, _excluded$u);
+  return jsx("figure", _extends$d({
     css: function css(theme) {
       return avatar(theme, {
         size: size,
         bgColor: bgColor
       });
-    },
-    className: className
-  }, Boolean(src) && jsx("img", {
+    }
+  }, rest), Boolean(src) && jsx("img", {
     src: src,
     alt: alt
   }), children !== undefined && jsx("span", {
@@ -16111,7 +16159,7 @@ var tag = function tag(_ref) {
   );
 };
-var _excluded$e = ["children", "style"];
+var _excluded$t = ["children", "style"];
 var Tag = function Tag(_ref) {
   var children = _ref.children,
@@ -16120,7 +16168,7 @@ var Tag = function Tag(_ref) {
     backgroundColor: "#a3dfe3",
     color: "#5c5c5c"
   } : _ref$style,
-      rest = _objectWithoutProperties(_ref, _excluded$e);
+      rest = _objectWithoutProperties(_ref, _excluded$t);
   return jsx("span", _extends$d({
     css: tag,
@@ -16137,13 +16185,17 @@ var aspectRatioContainer = function aspectRatioContainer(padding) {
   );
 };
+var _excluded$s = ["ratio", "children"];
 var AspectRatio = function AspectRatio(_ref) {
   var ratio = _ref.ratio,
-      children = _ref.children;
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded$s);
   var paddingPercentage = ratio[1] / ratio[0] * 100;
-  return jsx("div", {
+  return jsx("div", _extends$d({
     css: aspectRatioContainer(paddingPercentage)
-  }, jsx("div", {
+  }, rest), jsx("div", {
     className: "aspect-ratio-wrapper"
   }, children));
 };
@@ -16163,6 +16215,8 @@ var container$7 = function container(_ref, _ref2) {
   );
 };
+var _excluded$r = ["size", "offset", "children"];
 var Badge = function Badge(_ref) {
   var _ref$size = _ref.size,
       size = _ref$size === void 0 ? "md" : _ref$size,
@@ -16171,15 +16225,17 @@ var Badge = function Badge(_ref) {
     top: "0",
     right: "-8px"
   } : _ref$offset,
-      children = _ref.children;
-  return jsx("span", {
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded$r);
+  return jsx("span", _extends$d({
     css: function css(theme) {
       return container$7(theme, {
         size: size,
         offset: offset
       });
     }
-  }, children);
+  }, rest), children);
 };
 var global$4 = global$y;
@@ -16226,10 +16282,10 @@ var arrayReduce = {
   right: createMethod(true)
 };
-var classof$2 = classofRaw$1;
+var classof$1 = classofRaw$1;
 var global$3 = global$y;
-var engineIsNode = classof$2(global$3.process) == 'process';
+var engineIsNode = classof$1(global$3.process) == 'process';
 var $$5 = _export;
 var $reduce = arrayReduce.left;
@@ -16796,7 +16852,7 @@ var weakSetHas = hasWeakSet ? WeakSet.prototype.has : null;
 var hasWeakRef = typeof WeakRef === 'function' && WeakRef.prototype;
 var weakRefDeref = hasWeakRef ? WeakRef.prototype.deref : null;
 var booleanValueOf = Boolean.prototype.valueOf;
-var objectToString$1 = Object.prototype.toString;
+var objectToString = Object.prototype.toString;
 var functionToString$1 = Function.prototype.toString;
 var match = String.prototype.match;
 var bigIntValueOf = typeof BigInt === 'function' ? BigInt.prototype.valueOf : null;
@@ -17042,7 +17098,7 @@ function has$5(obj, key) {
 }
 function toStr(obj) {
-    return objectToString$1.call(obj);
+    return objectToString.call(obj);
 }
 function nameOf(f) {
@@ -19359,12 +19415,12 @@ function cancel2Throw(opt) {
     }
   });
 }
-var toString$2 = Object.prototype.toString; // Check env is browser or node
+var toString$1 = Object.prototype.toString; // Check env is browser or node
 function getEnv() {
   var env; // Only Node.JS has a process variable that is of [[Class]] process
-  if (typeof process !== 'undefined' && toString$2.call(process) === '[object process]') {
+  if (typeof process !== 'undefined' && toString$1.call(process) === '[object process]') {
     // For node use HTTP adapter
     env = 'NODE';
   }
@@ -23048,7 +23104,7 @@ var screenfull = {exports: {}};
 /*!
 * screenfull
-* v5.1.0 - 2020-12-24
+* v5.2.0 - 2021-11-03
 * (c) Sindre Sorhus; MIT License
 */
@@ -24003,6 +24059,7 @@ var container$6 = function container(_ref, _ref2) {
   );
 };
+var _excluded$q = ["type", "children", "onClose", "icon"];
 var ICONS = {
   info: jsx(SvgInfo, {
     height: 56
@@ -24022,14 +24079,16 @@ var Alert = function Alert(_ref) {
   var type = _ref.type,
       children = _ref.children,
       onClose = _ref.onClose,
-      Icon = _ref.icon;
-  return jsx("div", {
+      Icon = _ref.icon,
+      rest = _objectWithoutProperties(_ref, _excluded$q);
+  return jsx("div", _extends$d({
     css: function css(theme) {
       return container$6(theme, {
         type: type
       });
     }
-  }, Icon ? jsx(Icon, {
+  }, rest), Icon ? jsx(Icon, {
     height: 56,
     className: "icon",
     "data-testid": "icon"
@@ -24062,14 +24121,18 @@ var container$5 = function container(_ref, _ref2) {
   );
 };
+var _excluded$p = ["percent", "size", "rounded"];
 var ProgressBar$1 = function ProgressBar(_ref) {
   var percent = _ref.percent,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "md" : _ref$size,
       _ref$rounded = _ref.rounded,
-      rounded = _ref$rounded === void 0 ? true : _ref$rounded;
+      rounded = _ref$rounded === void 0 ? true : _ref$rounded,
+      rest = _objectWithoutProperties(_ref, _excluded$p);
   var showPercentage = percent >= 0 && percent <= 100;
-  return jsx("div", {
+  return jsx("div", _extends$d({
     css: function css(theme) {
       return container$5(theme, {
         percent: percent,
@@ -24077,7 +24140,7 @@ var ProgressBar$1 = function ProgressBar(_ref) {
         rounded: rounded
       });
     }
-  }, showPercentage && jsx("div", null, percent, "%"));
+  }, rest), showPercentage && jsx("div", null, percent, "%"));
 };
 var top = 'top';
@@ -25995,7 +26058,7 @@ var createPopper = /*#__PURE__*/popperGenerator({
 }); // eslint-disable-next-line import/no-unused-modules
 /**!
-* tippy.js v6.3.2
+* tippy.js v6.3.7
 * (c) 2017-2021 atomiks
 * MIT License
 */
@@ -26135,7 +26198,7 @@ function getOwnerDocument(elementOrElements) {
       element = _normalizeToArray[0]; // Elements created via a <template> have an ownerDocument with no reference to the body
-  return (element == null ? void 0 : (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body) ? element.ownerDocument : document;
+  return element != null && (_element$ownerDocumen = element.ownerDocument) != null && _element$ownerDocumen.body ? element.ownerDocument : document;
 }
 function isCursorOutsideInteractiveBorder(popperTreeData, event) {
   var clientX = event.clientX,
@@ -26180,13 +26243,13 @@ function actualContains(parent, child) {
   var target = child;
   while (target) {
-    var _ref2;
+    var _target$getRootNode;
     if (parent.contains(target)) {
       return true;
     }
-    target = (_ref2 = target.getRootNode == null ? void 0 : target.getRootNode()) == null ? void 0 : _ref2.host;
+    target = target.getRootNode == null ? void 0 : (_target$getRootNode = target.getRootNode()) == null ? void 0 : _target$getRootNode.host;
   }
   return false;
@@ -26365,7 +26428,7 @@ var defaultProps$1 = Object.assign({
   touch: true,
   trigger: 'mouseenter focus',
   triggerTarget: null
-}, pluginProps, {}, renderProps);
+}, pluginProps, renderProps);
 var defaultKeys = Object.keys(defaultProps$1);
 var setDefaultProps = function setDefaultProps(partialProps) {
   /* istanbul ignore else */
@@ -26392,7 +26455,7 @@ function getExtendedPassedProps(passedProps) {
     return acc;
   }, {});
-  return Object.assign({}, passedProps, {}, pluginProps);
+  return Object.assign({}, passedProps, pluginProps);
 }
 function getDataAttributeProps(reference, plugins) {
   var propKeys = plugins ? Object.keys(getExtendedPassedProps(Object.assign({}, defaultProps$1, {
@@ -26423,7 +26486,7 @@ function evaluateProps(reference, props) {
   var out = Object.assign({}, props, {
     content: invokeWithArgsOrReturn(props.content, [reference])
   }, props.ignoreAttributes ? {} : getDataAttributeProps(reference, props.plugins));
-  out.aria = Object.assign({}, defaultProps$1.aria, {}, out.aria);
+  out.aria = Object.assign({}, defaultProps$1.aria, out.aria);
   out.aria = {
     expanded: out.aria.expanded === 'auto' ? props.interactive : out.aria.expanded,
     content: out.aria.content === 'auto' ? props.interactive ? null : 'describedby' : out.aria.content
@@ -26476,7 +26539,7 @@ var mouseMoveListeners = []; // Used by `hideAll()`
 var mountedInstances = [];
 function createTippy(reference, passedProps) {
-  var props = evaluateProps(reference, Object.assign({}, defaultProps$1, {}, getExtendedPassedProps(removeUndefinedProps(passedProps)))); // ===========================================================================
+  var props = evaluateProps(reference, Object.assign({}, defaultProps$1, getExtendedPassedProps(removeUndefinedProps(passedProps)))); // ===========================================================================
   // 🔒 Private members
   // ===========================================================================
@@ -26576,10 +26639,9 @@ function createTippy(reference, passedProps) {
       instance.clearDelayTimeouts();
     }
   });
-  popper.addEventListener('mouseleave', function (event) {
+  popper.addEventListener('mouseleave', function () {
     if (instance.props.interactive && instance.props.trigger.indexOf('mouseenter') >= 0) {
       getDocument().addEventListener('mousemove', debouncedOnMouseMove);
-      debouncedOnMouseMove(event);
     }
   });
   return instance; // ===========================================================================
@@ -26599,7 +26661,7 @@ function createTippy(reference, passedProps) {
     var _instance$props$rende;
     // @ts-ignore
-    return !!((_instance$props$rende = instance.props.render) == null ? void 0 : _instance$props$rende.$$tippy);
+    return !!((_instance$props$rende = instance.props.render) != null && _instance$props$rende.$$tippy);
   }
   function getCurrentTarget() {
@@ -26626,8 +26688,12 @@ function createTippy(reference, passedProps) {
     return getValueAtIndexOrReturn(instance.props.delay, isShow ? 0 : 1, defaultProps$1.delay);
   }
-  function handleStyles() {
-    popper.style.pointerEvents = instance.props.interactive && instance.state.isVisible ? '' : 'none';
+  function handleStyles(fromHide) {
+    if (fromHide === void 0) {
+      fromHide = false;
+    }
+    popper.style.pointerEvents = instance.props.interactive && !fromHide ? '' : 'none';
     popper.style.zIndex = "" + instance.props.zIndex;
   }
@@ -26638,7 +26704,7 @@ function createTippy(reference, passedProps) {
     pluginsHooks.forEach(function (pluginHooks) {
       if (pluginHooks[hook]) {
-        pluginHooks[hook].apply(void 0, args);
+        pluginHooks[hook].apply(pluginHooks, args);
       }
     });
@@ -26713,7 +26779,9 @@ function createTippy(reference, passedProps) {
     } // Clicked on the event listeners target
-    if (actualContains(getCurrentTarget(), actualTarget)) {
+    if (normalizeToArray(instance.props.triggerTarget || reference).some(function (el) {
+      return actualContains(el, actualTarget);
+    })) {
       if (currentInput.isTouch) {
         return;
       }
@@ -27079,6 +27147,7 @@ function createTippy(reference, passedProps) {
       parentNode.appendChild(popper);
     }
+    instance.state.isMounted = true;
     createPopperInstance();
     /* istanbul ignore else */
@@ -27186,7 +27255,7 @@ function createTippy(reference, passedProps) {
     invokeHook('onBeforeUpdate', [instance, partialProps]);
     removeListeners();
     var prevProps = instance.props;
-    var nextProps = evaluateProps(reference, Object.assign({}, instance.props, {}, partialProps, {
+    var nextProps = evaluateProps(reference, Object.assign({}, prevProps, removeUndefinedProps(partialProps), {
       ignoreAttributes: true
     }));
     instance.props = nextProps;
@@ -27315,7 +27384,6 @@ function createTippy(reference, passedProps) {
       // popper has been positioned for the first time
       (_instance$popperInsta2 = instance.popperInstance) == null ? void 0 : _instance$popperInsta2.forceUpdate();
-      instance.state.isMounted = true;
       invokeHook('onMount', [instance]);
       if (instance.props.animation && getIsDefaultRenderFn()) {
@@ -27362,7 +27430,7 @@ function createTippy(reference, passedProps) {
     cleanupInteractiveMouseListeners();
     removeDocumentPress();
-    handleStyles();
+    handleStyles(true);
     if (getIsDefaultRenderFn()) {
       var _getDefaultTemplateCh4 = getDefaultTemplateChildren(),
@@ -27741,17 +27809,16 @@ function TippyGenerator(tippy) {
     if (render) {
       computedProps = Object.assign({}, props, {
-        plugins: isSingletonMode ? [].concat(plugins, [{
+        plugins: isSingletonMode && singleton.data != null ? [].concat(plugins, [{
           fn: function fn() {
             return {
-              onTrigger: function onTrigger(_, event) {
-                var _singleton$data$child = singleton.data.children.find(function (_ref2) {
+              onTrigger: function onTrigger(instance, event) {
+                var node = singleton.data.children.find(function (_ref2) {
                   var instance = _ref2.instance;
                   return instance.reference === event.currentTarget;
-                }),
-                    content = _singleton$data$child.content;
-                setSingletonContent(content);
+                });
+                instance.state.$$activeSingletonInstance = node.instance;
+                setSingletonContent(node.content);
               }
             };
           }
@@ -27790,7 +27857,8 @@ function TippyGenerator(tippy) {
         singleton.hook({
           instance: instance,
           content: content,
-          props: computedProps
+          props: computedProps,
+          setSingletonContent: setSingletonContent
         });
       }
@@ -27833,7 +27901,8 @@ function TippyGenerator(tippy) {
         singleton.hook({
           instance: instance,
           content: content,
-          props: computedProps
+          props: computedProps,
+          setSingletonContent: setSingletonContent
         });
       }
     });
@@ -27924,7 +27993,7 @@ var tooltipContainer = function tooltipContainer(_ref) {
   );
 };
-var _excluded$d = ["children", "content", "as", "placement"];
+var _excluded$o = ["children", "content", "as", "placement"];
 var Tooltip = function Tooltip(_ref) {
   var children = _ref.children,
@@ -27933,7 +28002,7 @@ var Tooltip = function Tooltip(_ref) {
       as = _ref$as === void 0 ? "div" : _ref$as,
       _ref$placement = _ref.placement,
       placement = _ref$placement === void 0 ? "top" : _ref$placement,
-      rest = _objectWithoutProperties(_ref, _excluded$d);
+      rest = _objectWithoutProperties(_ref, _excluded$o);
   var Tag = as;
   return jsx(Tippy, _extends$d({
@@ -28999,7 +29068,9 @@ ToastContainer.defaultProps = {
 var containers = /*#__PURE__*/new Map();
 var latestInstance;
 var containerDomNode;
+var containerConfig;
 var queue = [];
+var lazy$1 = false;
 /**
  * Check whether any container is currently mounted in the DOM
  */
@@ -29007,6 +29078,17 @@ var queue = [];
 function isAnyContainerMounted() {
   return containers.size > 0;
 }
+/**
+ * Get the toast by id, given it's in the DOM, otherwise returns null
+ */
+function getToast(toastId, _ref) {
+  var containerId = _ref.containerId;
+  var container = containers.get(containerId || latestInstance);
+  if (!container) return null;
+  return container.getToast(toastId);
+}
 /**
  * Generate a random toastId
  */
@@ -29043,6 +29125,13 @@ function dispatchToast(content, options) {
       content: content,
       options: options
     });
+    if (lazy$1 && canUseDom) {
+      lazy$1 = false;
+      containerDomNode = document.createElement('div');
+      document.body.appendChild(containerDomNode);
+      require$$1$1.render(React$n.createElement(ToastContainer, Object.assign({}, containerConfig)), containerDomNode);
+    }
   }
   return options.toastId;
@@ -29065,11 +29154,125 @@ var createToastByType = function createToastByType(type) {
   };
 };
-/*#__PURE__*/createToastByType(TYPE.SUCCESS);
-/*#__PURE__*/createToastByType(TYPE.INFO);
-/*#__PURE__*/createToastByType(TYPE.ERROR);
-/*#__PURE__*/createToastByType(TYPE.WARNING);
-/*#__PURE__*/createToastByType(TYPE.DARK);
+var toast = function toast(content, options) {
+  return dispatchToast(content, mergeOptions(TYPE.DEFAULT, options));
+};
+toast.success = /*#__PURE__*/createToastByType(TYPE.SUCCESS);
+toast.info = /*#__PURE__*/createToastByType(TYPE.INFO);
+toast.error = /*#__PURE__*/createToastByType(TYPE.ERROR);
+toast.warning = /*#__PURE__*/createToastByType(TYPE.WARNING);
+toast.dark = /*#__PURE__*/createToastByType(TYPE.DARK);
+toast.warn = toast.warning;
+/**
+ * Remove toast programmaticaly
+ */
+toast.dismiss = function (id) {
+  return eventManager.emit(1
+  /* Clear */
+  , id);
+};
+/**
+ * Clear waiting queue when limit is used
+ */
+toast.clearWaitingQueue = function (params) {
+  if (params === void 0) {
+    params = {};
+  }
+  return eventManager.emit(5
+  /* ClearWaitingQueue */
+  , params);
+};
+/**
+ * return true if one container is displaying the toast
+ */
+toast.isActive = function (id) {
+  var isToastActive = false;
+  containers.forEach(function (container) {
+    if (container.isToastActive && container.isToastActive(id)) {
+      isToastActive = true;
+    }
+  });
+  return isToastActive;
+};
+toast.update = function (toastId, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  // if you call toast and toast.update directly nothing will be displayed
+  // this is why I defered the update
+  setTimeout(function () {
+    var toast = getToast(toastId, options);
+    if (toast) {
+      var oldOptions = toast.props,
+          oldContent = toast.content;
+      var nextOptions = _extends$2({}, oldOptions, options, {
+        toastId: options.toastId || toastId,
+        updateId: generateToastId()
+      });
+      if (nextOptions.toastId !== toastId) nextOptions.staleId = toastId;
+      var content = nextOptions.render || oldContent;
+      delete nextOptions.render;
+      dispatchToast(content, nextOptions);
+    }
+  }, 0);
+};
+/**
+ * Used for controlled progress bar.
+ */
+toast.done = function (id) {
+  toast.update(id, {
+    progress: 1
+  });
+};
+/**
+ * Track changes. The callback get the number of toast displayed
+ *
+ */
+toast.onChange = function (callback) {
+  if (isFn(callback)) {
+    eventManager.on(4
+    /* Change */
+    , callback);
+  }
+  return function () {
+    isFn(callback) && eventManager.off(4
+    /* Change */
+    , callback);
+  };
+};
+/**
+ * Configure the ToastContainer when lazy mounted
+ */
+toast.configure = function (config) {
+  if (config === void 0) {
+    config = {};
+  }
+  lazy$1 = true;
+  containerConfig = config;
+};
+toast.POSITION = POSITION;
+toast.TYPE = TYPE;
 /**
  * Wait until the ToastContainer is mounted to dispatch the toast
  * and attach isActive method
@@ -30273,8 +30476,13 @@ function hidesContents(element) {
 function visible(element) {
   var parentElement = element;
+  var rootNode = element.getRootNode && element.getRootNode();
   while (parentElement) {
     if (parentElement === document.body) break;
+    // if we are not hidden yet, skip to checking outside the Web Component
+    if (rootNode && parentElement === rootNode) parentElement = rootNode.host.parentNode;
     if (hidesContents(parentElement)) return false;
     parentElement = parentElement.parentNode;
   }
@@ -30295,7 +30503,10 @@ function tabbable(element) {
 }
 function findTabbableDescendants(element) {
-  return [].slice.call(element.querySelectorAll("*"), 0).filter(tabbable);
+  var descendants = [].slice.call(element.querySelectorAll("*"), 0).reduce(function (finished, el) {
+    return finished.concat(!el.shadowRoot ? [el] : findTabbableDescendants(el.shadowRoot));
+  }, []);
+  return descendants.filter(tabbable);
 }
 module.exports = exports["default"];
 }(tabbable, tabbable.exports));
@@ -30331,13 +30542,14 @@ function resetState$4() {
 /* istanbul ignore next */
 function log$4() {
-  if (process.env.NODE_ENV === "production") return;
-  console.log("focusManager ----------");
-  focusLaterElements.forEach(function (f) {
-    var check = f || {};
-    console.log(check.nodeName, check.className, check.id);
-  });
-  console.log("end focusManager ----------");
+  if (process.env.NODE_ENV !== "production") {
+    console.log("focusManager ----------");
+    focusLaterElements.forEach(function (f) {
+      var check = f || {};
+      console.log(check.nodeName, check.className, check.id);
+    });
+    console.log("end focusManager ----------");
+  }
 }
 /* eslint-enable no-console */
@@ -30430,6 +30642,12 @@ var _tabbable2 = _interopRequireDefault(_tabbable);
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function getActiveElement() {
+  var el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
+  return el.activeElement.shadowRoot ? getActiveElement(el.activeElement.shadowRoot) : el.activeElement;
+}
 function scopeTab(node, event) {
   var tabbable = (0, _tabbable2.default)(node);
@@ -30444,19 +30662,20 @@ function scopeTab(node, event) {
   var shiftKey = event.shiftKey;
   var head = tabbable[0];
   var tail = tabbable[tabbable.length - 1];
+  var activeElement = getActiveElement();
   // proceed with default browser behavior on tab.
   // Focus on last element on shift + tab.
-  if (node === document.activeElement) {
+  if (node === activeElement) {
     if (!shiftKey) return;
     target = tail;
   }
-  if (tail === document.activeElement && !shiftKey) {
+  if (tail === activeElement && !shiftKey) {
     target = head;
   }
-  if (head === document.activeElement && shiftKey) {
+  if (head === activeElement && shiftKey) {
     target = tail;
   }
@@ -30484,7 +30703,7 @@ function scopeTab(node, event) {
   // the focus
   if (!isSafariDesktop) return;
-  var x = tabbable.indexOf(document.activeElement);
+  var x = tabbable.indexOf(activeElement);
   if (x > -1) {
     x += shiftKey ? -1 : 1;
@@ -30680,11 +30899,12 @@ function resetState$3() {
 /* istanbul ignore next */
 function log$3() {
-  if (process.env.NODE_ENV === "production") return;
-  var check = globalElement || {};
-  console.log("ariaAppHider ----------");
-  console.log(check.nodeName, check.className, check.id);
-  console.log("end ariaAppHider ----------");
+  if (process.env.NODE_ENV !== "production") {
+    var check = globalElement || {};
+    console.log("ariaAppHider ----------");
+    console.log(check.nodeName, check.className, check.id);
+    console.log("end ariaAppHider ----------");
+  }
 }
 /* eslint-enable no-console */
@@ -30808,26 +31028,26 @@ function resetState$2() {
 /* istanbul ignore next */
 function log$2() {
-  if (process.env.NODE_ENV === "production") return;
-  var classes = document.getElementsByTagName("html")[0].className;
-  var buffer = "Show tracked classes:\n\n";
+  if (process.env.NODE_ENV !== "production") {
+    var classes = document.getElementsByTagName("html")[0].className;
+    var buffer = "Show tracked classes:\n\n";
-  buffer += "<html /> (" + classes + "):\n";
-  for (var x in htmlClassList) {
-    buffer += "  " + x + " " + htmlClassList[x] + "\n";
-  }
+    buffer += "<html /> (" + classes + "):\n  ";
+    for (var x in htmlClassList) {
+      buffer += "  " + x + " " + htmlClassList[x] + "\n  ";
+    }
-  classes = document.body.className;
+    classes = document.body.className;
-  buffer += "\n\ndoc.body (" + classes + "):\n";
-  for (var _x in docBodyClassList) {
-    buffer += "  " + _x + " " + docBodyClassList[_x] + "\n";
-  }
+    buffer += "\n\ndoc.body (" + classes + "):\n  ";
+    for (var _x in docBodyClassList) {
+      buffer += "  " + _x + " " + docBodyClassList[_x] + "\n  ";
+    }
-  buffer += "\n";
+    buffer += "\n";
-  console.log(buffer);
+    console.log(buffer);
+  }
 }
 /* eslint-enable no-console */
@@ -32001,7 +32221,7 @@ var headingContainer = function headingContainer(_ref, _ref2) {
   );
 };
-var _excluded$c = ["size", "as", "children"];
+var _excluded$n = ["size", "as", "children"];
 var SIZES = {
   h1: "3xl",
   h2: "2xl",
@@ -32016,7 +32236,7 @@ var Heading = function Heading(_ref) {
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? "h2" : _ref$as,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$c);
+      rest = _objectWithoutProperties(_ref, _excluded$n);
   var HeadingTag = as;
   var selectedSize = size || SIZES[as];
@@ -32621,7 +32841,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerYouTube' */
-    './YouTube-1f2dbde9.js'); }).then(function (n) { return n.YouTube; });
+    './YouTube-9193ae8b.js'); }).then(function (n) { return n.YouTube; });
   })
 }, {
   key: 'soundcloud',
@@ -32630,7 +32850,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerSoundCloud' */
-    './SoundCloud-1857247c.js'); }).then(function (n) { return n.SoundCloud; });
+    './SoundCloud-2062e0ad.js'); }).then(function (n) { return n.SoundCloud; });
   })
 }, {
   key: 'vimeo',
@@ -32639,7 +32859,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerVimeo' */
-    './Vimeo-254acde4.js'); }).then(function (n) { return n.Vimeo; });
+    './Vimeo-5c941d47.js'); }).then(function (n) { return n.Vimeo; });
   })
 }, {
   key: 'facebook',
@@ -32648,7 +32868,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerFacebook' */
-    './Facebook-c07789a8.js'); }).then(function (n) { return n.Facebook; });
+    './Facebook-67936778.js'); }).then(function (n) { return n.Facebook; });
   })
 }, {
   key: 'streamable',
@@ -32657,7 +32877,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerStreamable' */
-    './Streamable-4770e7b5.js'); }).then(function (n) { return n.Streamable; });
+    './Streamable-62289a64.js'); }).then(function (n) { return n.Streamable; });
   })
 }, {
   key: 'wistia',
@@ -32666,7 +32886,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerWistia' */
-    './Wistia-b1f89309.js'); }).then(function (n) { return n.Wistia; });
+    './Wistia-2d54f29d.js'); }).then(function (n) { return n.Wistia; });
   })
 }, {
   key: 'twitch',
@@ -32675,7 +32895,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerTwitch' */
-    './Twitch-3b438e15.js'); }).then(function (n) { return n.Twitch; });
+    './Twitch-9253bb0a.js'); }).then(function (n) { return n.Twitch; });
   })
 }, {
   key: 'dailymotion',
@@ -32684,7 +32904,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerDailyMotion' */
-    './DailyMotion-17a696aa.js'); }).then(function (n) { return n.DailyMotion; });
+    './DailyMotion-72f9e030.js'); }).then(function (n) { return n.DailyMotion; });
   })
 }, {
   key: 'mixcloud',
@@ -32693,7 +32913,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerMixcloud' */
-    './Mixcloud-b8b2e829.js'); }).then(function (n) { return n.Mixcloud; });
+    './Mixcloud-8872b07c.js'); }).then(function (n) { return n.Mixcloud; });
   })
 }, {
   key: 'vidyard',
@@ -32702,7 +32922,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerVidyard' */
-    './Vidyard-5c1d4508.js'); }).then(function (n) { return n.Vidyard; });
+    './Vidyard-e6c67d31.js'); }).then(function (n) { return n.Vidyard; });
   })
 }, {
   key: 'kaltura',
@@ -32711,7 +32931,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerKaltura' */
-    './Kaltura-dabbe3dd.js'); }).then(function (n) { return n.Kaltura; });
+    './Kaltura-6bbfd729.js'); }).then(function (n) { return n.Kaltura; });
   })
 }, {
   key: 'file',
@@ -32723,7 +32943,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerFilePlayer' */
-    './FilePlayer-f7f5d6a6.js'); }).then(function (n) { return n.FilePlayer; });
+    './FilePlayer-09c75e58.js'); }).then(function (n) { return n.FilePlayer; });
   })
 }];
 exports["default"] = _default;
@@ -33629,7 +33849,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var Preview = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () { return require(
   /* webpackChunkName: 'reactPlayerPreview' */
-  './Preview-275e5495.js'); }).then(function (n) { return n.Preview; });
+  './Preview-686c319e.js'); }).then(function (n) { return n.Preview; });
 });
 var IS_BROWSER = typeof window !== 'undefined' && window.document;
 var IS_GLOBAL = typeof commonjsGlobal !== 'undefined' && commonjsGlobal.window && commonjsGlobal.window.document;
@@ -33890,17 +34110,18 @@ var videoPlayerContainer = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
 };
-var _excluded$b = ["src", "controls"];
+var _excluded$m = ["src", "controls", "containerAttrs"];
 var VideoPlayer = function VideoPlayer(_ref) {
   var src = _ref.src,
       _ref$controls = _ref.controls,
       controls = _ref$controls === void 0 ? true : _ref$controls,
-      rest = _objectWithoutProperties(_ref, _excluded$b);
+      containerAttrs = _ref.containerAttrs,
+      rest = _objectWithoutProperties(_ref, _excluded$m);
-  return jsx("div", {
+  return jsx("div", _extends$d({
     css: videoPlayerContainer
-  }, jsx(ReactPlayer, _extends$d({
+  }, containerAttrs), jsx(ReactPlayer, _extends$d({
     className: "react-player",
     url: src,
     controls: controls,
@@ -33909,28 +34130,29 @@ var VideoPlayer = function VideoPlayer(_ref) {
   }, rest)));
 };
-var _excluded$a = ["src", "controls"];
+var _excluded$l = ["src", "controls", "containerAttrs"];
 var AudioPlayer = function AudioPlayer(_ref) {
   var src = _ref.src,
       _ref$controls = _ref.controls,
       controls = _ref$controls === void 0 ? true : _ref$controls,
-      rest = _objectWithoutProperties(_ref, _excluded$a);
+      containerAttrs = _ref.containerAttrs,
+      rest = _objectWithoutProperties(_ref, _excluded$l);
-  return jsx(ReactPlayer, _extends$d({
+  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$d({
     url: src,
     controls: controls,
     className: "react-player",
     height: "3.5rem",
     width: "100%"
-  }, rest));
+  }, rest)));
 };
-var _excluded$9 = ["type"];
+var _excluded$k = ["type"];
 var MediaPlayer = function MediaPlayer(_ref) {
   var type = _ref.type,
-      rest = _objectWithoutProperties(_ref, _excluded$9);
+      rest = _objectWithoutProperties(_ref, _excluded$k);
   switch (type) {
     case "video":
@@ -33956,13 +34178,13 @@ var label = function label(_ref, _ref2) {
   );
 };
-var _excluded$8 = ["size", "children"];
+var _excluded$j = ["size", "children"];
 var Label = function Label(_ref) {
   var _ref$size = _ref.size,
       size = _ref$size === void 0 ? "md" : _ref$size,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$8);
+      rest = _objectWithoutProperties(_ref, _excluded$j);
   return jsx("label", _extends$d({
     css: function css(theme) {
@@ -33984,7 +34206,7 @@ var inputContainerBaseStyles = function inputContainerBaseStyles(_ref) {
     /*#__PURE__*/
     /*#__PURE__*/
-    css(block && "width: 100%", ";display:inline-flex;flex-direction:column;&.inline{flex-direction:row;align-items:center;label{margin:0 0.75rem 0 0;}}label{margin:0 0 0.5rem 0.5rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainerBaseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMkIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSW5wdXRTaXplIH0gZnJvbSBcIi4vSW5wdXQvSW5wdXRcIjtcblxuY29uc3QgaW5wdXRIZWlnaHQgPSB7XG4gIG1kOiBcIjIuNXJlbVwiLFxuICBsZzogXCIzcmVtXCIsXG59O1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXJCYXNlU3R5bGVzID0gKHtcbiAgYmxvY2sgPSB0cnVlLFxufToge1xuICBibG9jazogYm9vbGVhbjtcbn0pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtibG9jayAmJiBcIndpZHRoOiAxMDAlXCJ9O1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAmLmlubGluZSB7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgbGFiZWwge1xuICAgICAgbWFyZ2luOiAwIDAuNzVyZW0gMCAwO1xuICAgIH1cbiAgfVxuXG4gIGxhYmVsIHtcbiAgICBtYXJnaW46IDAgMCAwLjVyZW0gMC41cmVtO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgaW5wdXRCYXNlU3R5bGVzID0gKFxuICBmb3JtRWxlbWVudHM6IFRoZW1lW1wiZm9ybUVsZW1lbnRzXCJdLFxuICB7IGJsb2NrLCBzaXplIH06IHsgYmxvY2s/OiBib29sZWFuOyBzaXplPzogSW5wdXRTaXplIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtzaXplICYmIGBoZWlnaHQ6ICR7aW5wdXRIZWlnaHRbc2l6ZV19YH07XG4gICR7YmxvY2sgJiYgXCJ3aWR0aDogMTAwJVwifTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgcGFkZGluZzogMCAwLjc1cmVtO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5pbnB1dEJvcmRlckNvbG9yfTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmlucHV0LmJvcmRlckhvdmVyQ29sb3J9O1xuICB9XG5cbiAgJjo6cGxhY2Vob2xkZXIge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQucGxhY2Vob2xkZXJDb2xvcn07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainerBaseStyles;")
+    css(block && "width: 100%", ";display:inline-flex;flex-direction:column;&.inline{flex-direction:row;align-items:center;label{margin:0 0.75rem 0 0;}}label{margin:0 0 0.5rem 0.5rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainerBaseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMkIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSW5wdXRTaXplIH0gZnJvbSBcIi4vSW5wdXQvSW5wdXRcIjtcblxuY29uc3QgaW5wdXRIZWlnaHQgPSB7XG4gIG1kOiBcIjIuNXJlbVwiLFxuICBsZzogXCIzcmVtXCIsXG59O1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXJCYXNlU3R5bGVzID0gKHtcbiAgYmxvY2sgPSB0cnVlLFxufToge1xuICBibG9jazogYm9vbGVhbjtcbn0pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtibG9jayAmJiBcIndpZHRoOiAxMDAlXCJ9O1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAmLmlubGluZSB7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgbGFiZWwge1xuICAgICAgbWFyZ2luOiAwIDAuNzVyZW0gMCAwO1xuICAgIH1cbiAgfVxuXG4gIGxhYmVsIHtcbiAgICBtYXJnaW46IDAgMCAwLjVyZW0gMC41cmVtO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgaW5wdXRCYXNlU3R5bGVzID0gKFxuICBmb3JtRWxlbWVudHM6IFRoZW1lW1wiZm9ybUVsZW1lbnRzXCJdLFxuICB7IGJsb2NrLCBzaXplIH06IHsgYmxvY2s/OiBib29sZWFuOyBzaXplPzogSW5wdXRTaXplIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtzaXplICYmIGBoZWlnaHQ6ICR7aW5wdXRIZWlnaHRbc2l6ZV19YH07XG4gICR7YmxvY2sgJiYgXCJ3aWR0aDogMTAwJVwifTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgcGFkZGluZzogMCAwLjc1cmVtO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5pbnB1dEJvcmRlckNvbG9yfTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmlucHV0LmJvcmRlckhvdmVyQ29sb3J9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZEZvY3VzfTtcbiAgfVxuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XG4gICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LnBsYWNlaG9sZGVyQ29sb3J9O1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainerBaseStyles;")
   );
 };
 var inputBaseStyles = function inputBaseStyles(formElements, _ref2) {
@@ -33994,7 +34216,7 @@ var inputBaseStyles = function inputBaseStyles(formElements, _ref2) {
     /*#__PURE__*/
     /*#__PURE__*/
-    css(size && "height: ".concat(inputHeight[size]), ";", block && "width: 100%", ";display:inline-block;background-color:", formElements.input.background, ";padding:0 0.75rem;border:1px solid ", formElements.input.inputBorderColor, ";border-radius:5px;&:hover,&:focus{border:1px solid ", formElements.input.borderHoverColor, ";}&::placeholder{font-style:italic;color:", formElements.input.placeholderColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputBaseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQzBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0U2l6ZSB9IGZyb20gXCIuL0lucHV0L0lucHV0XCI7XG5cbmNvbnN0IGlucHV0SGVpZ2h0ID0ge1xuICBtZDogXCIyLjVyZW1cIixcbiAgbGc6IFwiM3JlbVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IGlucHV0Q29udGFpbmVyQmFzZVN0eWxlcyA9ICh7XG4gIGJsb2NrID0gdHJ1ZSxcbn06IHtcbiAgYmxvY2s6IGJvb2xlYW47XG59KTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7YmxvY2sgJiYgXCJ3aWR0aDogMTAwJVwifTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJi5pbmxpbmUge1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGxhYmVsIHtcbiAgICAgIG1hcmdpbjogMCAwLjc1cmVtIDAgMDtcbiAgICB9XG4gIH1cblxuICBsYWJlbCB7XG4gICAgbWFyZ2luOiAwIDAgMC41cmVtIDAuNXJlbTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGlucHV0QmFzZVN0eWxlcyA9IChcbiAgZm9ybUVsZW1lbnRzOiBUaGVtZVtcImZvcm1FbGVtZW50c1wiXSxcbiAgeyBibG9jaywgc2l6ZSB9OiB7IGJsb2NrPzogYm9vbGVhbjsgc2l6ZT86IElucHV0U2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7c2l6ZSAmJiBgaGVpZ2h0OiAke2lucHV0SGVpZ2h0W3NpemVdfWB9O1xuICAke2Jsb2NrICYmIFwid2lkdGg6IDEwMCVcIn07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuaW5wdXRCb3JkZXJDb2xvcn07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5ib3JkZXJIb3ZlckNvbG9yfTtcbiAgfVxuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XG4gICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LnBsYWNlaG9sZGVyQ29sb3J9O1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:inputBaseStyles;")
+    css(size && "height: ".concat(inputHeight[size]), ";", block && "width: 100%", ";display:inline-block;background-color:", formElements.input.background, ";padding:0 0.75rem;border:1px solid ", formElements.input.inputBorderColor, ";border-radius:5px;&:hover,&:focus{border:1px solid ", formElements.input.borderHoverColor, ";}&:focus{background-color:", formElements.input.backgroundFocus, ";}&::placeholder{font-style:italic;color:", formElements.input.placeholderColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputBaseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQzBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0U2l6ZSB9IGZyb20gXCIuL0lucHV0L0lucHV0XCI7XG5cbmNvbnN0IGlucHV0SGVpZ2h0ID0ge1xuICBtZDogXCIyLjVyZW1cIixcbiAgbGc6IFwiM3JlbVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IGlucHV0Q29udGFpbmVyQmFzZVN0eWxlcyA9ICh7XG4gIGJsb2NrID0gdHJ1ZSxcbn06IHtcbiAgYmxvY2s6IGJvb2xlYW47XG59KTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7YmxvY2sgJiYgXCJ3aWR0aDogMTAwJVwifTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJi5pbmxpbmUge1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGxhYmVsIHtcbiAgICAgIG1hcmdpbjogMCAwLjc1cmVtIDAgMDtcbiAgICB9XG4gIH1cblxuICBsYWJlbCB7XG4gICAgbWFyZ2luOiAwIDAgMC41cmVtIDAuNXJlbTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGlucHV0QmFzZVN0eWxlcyA9IChcbiAgZm9ybUVsZW1lbnRzOiBUaGVtZVtcImZvcm1FbGVtZW50c1wiXSxcbiAgeyBibG9jaywgc2l6ZSB9OiB7IGJsb2NrPzogYm9vbGVhbjsgc2l6ZT86IElucHV0U2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7c2l6ZSAmJiBgaGVpZ2h0OiAke2lucHV0SGVpZ2h0W3NpemVdfWB9O1xuICAke2Jsb2NrICYmIFwid2lkdGg6IDEwMCVcIn07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuaW5wdXRCb3JkZXJDb2xvcn07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5ib3JkZXJIb3ZlckNvbG9yfTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmJhY2tncm91bmRGb2N1c307XG4gIH1cblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgZm9udC1zdHlsZTogaXRhbGljO1xuICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5wbGFjZWhvbGRlckNvbG9yfTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:inputBaseStyles;")
   );
 };
@@ -34007,17 +34229,20 @@ var selectContainer = function selectContainer(_ref, _ref2) {
     /*#__PURE__*/
     css(inputContainerBaseStyles({
       block: true
-    }), " label{margin:0 0 0.5rem 0.5rem;}&.error{.select-input-wrapper select{border-color:", formElements.errors.errorBorderColor, ";}}select{", inputBaseStyles(formElements, {
+    }), " label{margin:0 0 0.5rem 0.5rem;}&.error{.select-input-wrapper select{border-color:", formElements.errors.errorBorderColor, ";}}&:focus-within{.select-input-wrapper{.carret-wrapper{z-index:1;}}}select{", inputBaseStyles(formElements, {
       block: true,
       size: size
-    }), ";background-color:transparent;padding-right:2.5rem;appearance:none;&:hover,&:focus{border:1px solid ", formElements.input.borderHoverColor, ";}}.select-input-wrapper{position:relative;width:100%;background-color:", formElements.input.background, ";z-index:1;.carret-wrapper{position:absolute;right:0.75rem;height:100%;display:inline-flex;align-items:center;z-index:-1;svg{color:#000;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi4vSW5wdXQvSW5wdXRcIjtcblxuZXhwb3J0IGNvbnN0IHNlbGVjdENvbnRhaW5lciA9IChcbiAgeyBmb3JtRWxlbWVudHMgfTogVGhlbWUsXG4gIHsgc2l6ZSB9OiB7IHNpemU6IElucHV0U2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7aW5wdXRDb250YWluZXJCYXNlU3R5bGVzKHsgYmxvY2s6IHRydWUgfSl9XG5cbiAgbGFiZWwge1xuICAgIG1hcmdpbjogMCAwIDAuNXJlbSAwLjVyZW07XG4gIH1cblxuICAmLmVycm9yIHtcbiAgICAuc2VsZWN0LWlucHV0LXdyYXBwZXIgc2VsZWN0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtmb3JtRWxlbWVudHMuZXJyb3JzLmVycm9yQm9yZGVyQ29sb3J9O1xuICAgIH1cbiAgfVxuXG4gIHNlbGVjdCB7XG4gICAgJHtpbnB1dEJhc2VTdHlsZXMoZm9ybUVsZW1lbnRzLCB7IGJsb2NrOiB0cnVlLCBzaXplIH0pfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAyLjVyZW07XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcblxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5ib3JkZXJIb3ZlckNvbG9yfTtcbiAgICB9XG4gIH1cblxuICAuc2VsZWN0LWlucHV0LXdyYXBwZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgICB6LWluZGV4OiAxO1xuXG4gICAgLmNhcnJldC13cmFwcGVyIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHJpZ2h0OiAwLjc1cmVtO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgei1pbmRleDogLTE7XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAjMDAwO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;")
+    }), ";background-color:transparent;padding-right:2.5rem;appearance:none;&:hover,&:focus{border:1px solid ", formElements.input.borderHoverColor, ";}}.select-input-wrapper{position:relative;width:100%;background-color:", formElements.input.background, ";border-radius:5px;z-index:1;.carret-wrapper{position:absolute;right:0.75rem;height:100%;display:inline-flex;align-items:center;z-index:-1;svg{color:#000;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi4vSW5wdXQvSW5wdXRcIjtcblxuZXhwb3J0IGNvbnN0IHNlbGVjdENvbnRhaW5lciA9IChcbiAgeyBmb3JtRWxlbWVudHMgfTogVGhlbWUsXG4gIHsgc2l6ZSB9OiB7IHNpemU6IElucHV0U2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7aW5wdXRDb250YWluZXJCYXNlU3R5bGVzKHsgYmxvY2s6IHRydWUgfSl9XG5cbiAgbGFiZWwge1xuICAgIG1hcmdpbjogMCAwIDAuNXJlbSAwLjVyZW07XG4gIH1cblxuICAmLmVycm9yIHtcbiAgICAuc2VsZWN0LWlucHV0LXdyYXBwZXIgc2VsZWN0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtmb3JtRWxlbWVudHMuZXJyb3JzLmVycm9yQm9yZGVyQ29sb3J9O1xuICAgIH1cbiAgfVxuXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICAuc2VsZWN0LWlucHV0LXdyYXBwZXIge1xuICAgICAgLmNhcnJldC13cmFwcGVyIHtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBzZWxlY3Qge1xuICAgICR7aW5wdXRCYXNlU3R5bGVzKGZvcm1FbGVtZW50cywgeyBibG9jazogdHJ1ZSwgc2l6ZSB9KX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZy1yaWdodDogMi41cmVtO1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuYm9yZGVySG92ZXJDb2xvcn07XG4gICAgfVxuICB9XG5cbiAgLnNlbGVjdC1pbnB1dC13cmFwcGVyIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICAuY2FycmV0LXdyYXBwZXIge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgcmlnaHQ6IDAuNzVyZW07XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB6LWluZGV4OiAtMTtcblxuICAgICAgc3ZnIHtcbiAgICAgICAgY29sb3I6ICMwMDA7XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;")
   );
 };
-var _excluded$7 = ["id", "status", "size", "label", "inline", "onChange", "className", "children"];
+var _excluded$i = ["id", "status", "size", "label", "inline", "onChange", "children", "containerAttrs"];
 var Select = function Select(props, forwardedRef) {
-  var id = props.id,
+  var _containerAttrs$class;
+  var _props$id = props.id,
+      id = _props$id === void 0 ? "" : _props$id,
       _props$status = props.status,
       status = _props$status === void 0 ? "valid" : _props$status,
       _props$size = props.size,
@@ -34026,34 +34251,35 @@ var Select = function Select(props, forwardedRef) {
       _props$inline = props.inline,
       inline = _props$inline === void 0 ? false : _props$inline,
       onChange = props.onChange,
-      _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
       children = props.children,
-      rest = _objectWithoutProperties(props, _excluded$7);
+      containerAttrs = props.containerAttrs,
+      rest = _objectWithoutProperties(props, _excluded$i);
   var hasLabel = Boolean(label);
   var containerClassNames = classNames(_defineProperty$3({
     valid: status === "valid",
     error: status === "error",
     inline: hasLabel && inline
-  }, className, className));
-  return jsx("div", {
+  }, (_containerAttrs$class = containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className) !== null && _containerAttrs$class !== void 0 ? _containerAttrs$class : "", Boolean(containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className)));
+  return jsx("div", _extends$d({
     css: function css(theme) {
       return selectContainer(theme, {
         size: size
       });
-    },
+    }
+  }, containerAttrs, {
     className: containerClassNames
-  }, hasLabel && jsx(Label, {
-    htmlFor: id
+  }), hasLabel && jsx(Label, {
+    htmlFor: id,
+    "aria-labelledby": id
   }, label), jsx("div", {
     className: "select-input-wrapper"
   }, jsx("select", _extends$d({
     ref: forwardedRef,
-    id: id,
     onChange: onChange && function (e) {
       return onChange(e.target.value);
-    }
+    },
+    id: id
   }, rest), children), jsx("span", {
     className: "carret-wrapper"
   }, jsx(SvgCaretDown, {
@@ -34067,25 +34293,26 @@ var container$4 =
 /*#__PURE__*/
 /*#__PURE__*/
-css("display:flex;justify-content:center;align-items:center;>div{display:inline-block;}#mobile-pagination{margin:0 1rem;}.previous-page-btn{margin-right:2rem;}.current-page{margin:0 1rem;}.total-pages{", mq["md"], "{margin-right:2rem;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCJAdGhlbWUvdXRpbHMvYnJlYWtwb2ludHNcIjtcblxuZXhwb3J0IGNvbnN0IGNvbnRhaW5lciA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgPiBkaXYge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgfVxuXG4gICNtb2JpbGUtcGFnaW5hdGlvbiB7XG4gICAgbWFyZ2luOiAwIDFyZW07XG4gIH1cblxuICAucHJldmlvdXMtcGFnZS1idG4ge1xuICAgIG1hcmdpbi1yaWdodDogMnJlbTtcbiAgfVxuXG4gIC5jdXJyZW50LXBhZ2Uge1xuICAgIG1hcmdpbjogMCAxcmVtO1xuICB9XG5cbiAgLnRvdGFsLXBhZ2VzIHtcbiAgICAke21xW1wibWRcIl19IHtcbiAgICAgIG1hcmdpbi1yaWdodDogMnJlbTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:container;");
+css("display:flex;justify-content:center;align-items:center;>div{display:inline-block;}.mobile-pagination{margin:0 1rem;}.previous-page-btn{margin-right:2rem;}.current-page{margin:0 1rem;}.total-pages{", mq["md"], "{margin-right:2rem;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCJAdGhlbWUvdXRpbHMvYnJlYWtwb2ludHNcIjtcblxuZXhwb3J0IGNvbnN0IGNvbnRhaW5lciA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgPiBkaXYge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgfVxuXG4gIC5tb2JpbGUtcGFnaW5hdGlvbiB7XG4gICAgbWFyZ2luOiAwIDFyZW07XG4gIH1cblxuICAucHJldmlvdXMtcGFnZS1idG4ge1xuICAgIG1hcmdpbi1yaWdodDogMnJlbTtcbiAgfVxuXG4gIC5jdXJyZW50LXBhZ2Uge1xuICAgIG1hcmdpbjogMCAxcmVtO1xuICB9XG5cbiAgLnRvdGFsLXBhZ2VzIHtcbiAgICAke21xW1wibWRcIl19IHtcbiAgICAgIG1hcmdpbi1yaWdodDogMnJlbTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:container;");
 var Pagination = function Pagination(_ref) {
   var current = _ref.current,
       _onChange = _ref.onChange,
       totalPages = _ref.totalPages,
       _ref$responsiveView = _ref.responsiveView,
-      responsiveView = _ref$responsiveView === void 0 ? false : _ref$responsiveView;
-  return jsx("div", {
+      responsiveView = _ref$responsiveView === void 0 ? false : _ref$responsiveView,
+      containerAttrs = _ref.containerAttrs;
+  return jsx("div", _extends$d({
     css: container$4
-  }, current > 1 && jsx(React__default["default"].Fragment, null, !responsiveView ? jsx(Button, {
-    "data-testid": "previous-page-btn",
+  }, containerAttrs), current > 1 && jsx(React__default["default"].Fragment, null, !responsiveView ? jsx(Button, {
     className: "previous-page-btn",
+    "data-testid": "previous-page-btn",
     name: "Previous page",
     onClick: function onClick() {
       return _onChange(current - 1);
     }
   }, "Previous") : jsx(Button, {
-    id: "mobile-pagination",
+    className: "mobile-pagination mobile-previous-page-btn",
     noGutters: true,
     name: "Previous page",
     onClick: function onClick() {
@@ -34097,7 +34324,7 @@ var Pagination = function Pagination(_ref) {
   }))), jsx("div", null, "Page"), jsx("div", {
     className: "current-page"
   }, jsx(Select$1, {
-    id: "pagination-page",
+    id: "page-selection",
     "data-testid": "pagination-page",
     value: current,
     onChange: function onChange(value) {
@@ -34111,13 +34338,14 @@ var Pagination = function Pagination(_ref) {
   }))), jsx("div", {
     className: "total-pages"
   }, "of ", totalPages), current < totalPages && jsx(React__default["default"].Fragment, null, !responsiveView ? jsx(Button, {
+    className: "next-page-btn",
     "data-testid": "next-page-btn",
     name: "Next page",
     onClick: function onClick() {
       return _onChange(current + 1);
     }
   }, "Next") : jsx(Button, {
-    id: "mobile-pagination",
+    className: "mobile-pagination mobile-next-page-btn",
     noGutters: true,
     name: "Next page",
     onClick: function onClick() {
@@ -34206,6 +34434,8 @@ var TabsContent = function TabsContent(_ref) {
   }, content);
 };
+var _excluded$h = ["children", "stickyHeader", "responsiveHeader"];
 var TabPane = function TabPane() {
   return null;
 };
@@ -34215,7 +34445,8 @@ var Tabs = function Tabs(_ref) {
       _ref$stickyHeader = _ref.stickyHeader,
       stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
       _ref$responsiveHeader = _ref.responsiveHeader,
-      responsiveHeader = _ref$responsiveHeader === void 0 ? false : _ref$responsiveHeader;
+      responsiveHeader = _ref$responsiveHeader === void 0 ? false : _ref$responsiveHeader,
+      rest = _objectWithoutProperties(_ref, _excluded$h);
   var _useState = React$n.useState(0),
       _useState2 = _slicedToArray$2(_useState, 2),
@@ -34241,9 +34472,9 @@ var Tabs = function Tabs(_ref) {
   };
   var displayResponsiveHeader = (tabTitles === null || tabTitles === void 0 ? void 0 : tabTitles.length) && responsiveHeader;
-  return jsx("section", {
+  return jsx("section", _extends$d({
     css: container$3
-  }, jsx("nav", {
+  }, rest), jsx("nav", {
     css: function css(theme) {
       return tabsHeader(theme, {
         stickyHeader: stickyHeader
@@ -34300,6 +34531,8 @@ var textContainer = function textContainer(_ref, weight, size) {
   );
 };
+var _excluded$g = ["children", "weight", "fontSize", "as"];
 var Text = function Text(_ref) {
   var children = _ref.children,
       _ref$weight = _ref.weight,
@@ -34307,15 +34540,15 @@ var Text = function Text(_ref) {
       fontSize = _ref.fontSize,
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? "span" : _ref$as,
-      className = _ref.className;
+      rest = _objectWithoutProperties(_ref, _excluded$g);
   var Tag = as;
-  return jsx(Tag, {
+  return jsx(Tag, _extends$d({
     "data-testid": "text-component",
     css: function css(theme) {
       return textContainer(theme, weight, fontSize);
-    },
-    className: className
-  }, children);
+    }
+  }, rest), children);
 };
 var container$2 = function container(_ref, _ref2) {
@@ -34330,6 +34563,8 @@ var container$2 = function container(_ref, _ref2) {
   );
 };
+var _excluded$f = ["icon", "title", "info", "footer", "size"];
 var getIconSize = function getIconSize(isMd) {
   return {
     md: isMd ? 100 : 75,
@@ -34343,21 +34578,22 @@ var Result = function Result(_ref) {
       info = _ref.info,
       footer = _ref.footer,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "lg" : _ref$size;
+      size = _ref$size === void 0 ? "lg" : _ref$size,
+      rest = _objectWithoutProperties(_ref, _excluded$f);
   var _useResponsive = useResponsive(),
       md = _useResponsive.md;
   var Icon = icon;
   var iconSize = getIconSize(md);
-  return jsx("article", {
+  return jsx("article", _extends$d({
     "data-testid": "empty-state-container",
     css: function css(theme) {
       return container$2(theme, {
         size: size
       });
     }
-  }, Icon && jsx(Icon, {
+  }, rest), Icon && jsx(Icon, {
     height: iconSize[size],
     "data-testid": "result-icon"
   }), jsx("div", {
@@ -34382,6 +34618,8 @@ var container$1 = function container(_ref, _ref2) {
   );
 };
+var _excluded$e = ["children", "breadcrumbEl", "separator"];
 var Item$1 = function Item(_ref) {
   var children = _ref.children,
       _ref$current = _ref.current,
@@ -34396,16 +34634,17 @@ var Breadcrumb = function Breadcrumb(_ref2) {
       _ref2$breadcrumbEl = _ref2.breadcrumbEl,
       breadcrumbEl = _ref2$breadcrumbEl === void 0 ? null : _ref2$breadcrumbEl,
       _ref2$separator = _ref2.separator,
-      separator = _ref2$separator === void 0 ? "/" : _ref2$separator;
+      separator = _ref2$separator === void 0 ? "/" : _ref2$separator,
+      rest = _objectWithoutProperties(_ref2, _excluded$e);
-  var breadcrumb = jsx("nav", {
+  var breadcrumb = jsx("nav", _extends$d({
     css: function css(theme) {
       return container$1(theme, {
         separator: separator
       });
     },
     "aria-label": "breadcrumbs"
-  }, jsx("ol", null, children));
+  }, rest), jsx("ol", null, children));
   return breadcrumbEl ? /*#__PURE__*/require$$1$1.createPortal(breadcrumb, breadcrumbEl) : breadcrumb;
 };
@@ -34517,6 +34756,7 @@ var Footer = function Footer(_ref) {
   }, children);
 };
+var _excluded$d = ["isOpen", "onClose", "placement", "showMask", "width", "dialogStyles", "dialogClassName", "children"];
 var dialogVariants = {
   initial: function initial(_ref) {
     var placement = _ref.placement,
@@ -34558,7 +34798,9 @@ var Drawer$1 = function Drawer(props) {
       width = _props$width === void 0 ? "31.5rem" : _props$width,
       dialogStyles = props.dialogStyles,
       dialogClassName = props.dialogClassName,
-      children = props.children;
+      children = props.children,
+      rest = _objectWithoutProperties(props, _excluded$d);
   var clonedChildren = React$n.Children.map(children, function (child) {
     var _props;
@@ -34575,10 +34817,10 @@ var Drawer$1 = function Drawer(props) {
   var drawer = jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(AnimatePresence, null, isOpen && jsx("div", {
+  }, jsx(AnimatePresence, null, isOpen && jsx("div", _extends$d({
     css: drawerContainer$1(width),
     "data-testid": "drawer"
-  }, showMask && jsx(Mask, {
+  }, rest), showMask && jsx(Mask, {
     onClose: onClose
   }), jsx(m$1.div, {
     id: "drawer-dialog",
@@ -34704,6 +34946,7 @@ var NavHandle = function NavHandle(_ref) {
   var isExpanded = _ref.isExpanded,
       toggleMainNav = _ref.toggleMainNav;
   return jsx("button", {
+    className: "nav-handle",
     css: navHandleContainer,
     onClick: toggleMainNav
   }, jsx(NavItem, {
@@ -34715,7 +34958,7 @@ var NavHandle = function NavHandle(_ref) {
   }));
 };
-var _excluded$6 = ["isCollapsed", "onToggle", "children"];
+var _excluded$c = ["isCollapsed", "onToggle", "children"];
 var navVariants = {
   expanded: {
     minWidth: "15rem",
@@ -34754,7 +34997,7 @@ var Sidebar = function Sidebar(_ref) {
     return void 0;
   } : _ref$onToggle,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$6);
+      rest = _objectWithoutProperties(_ref, _excluded$c);
   var isReducedMotion = useReducedMotion();
   var animate;
@@ -34768,11 +35011,11 @@ var Sidebar = function Sidebar(_ref) {
   return jsx(LazyMotion, {
     features: domAnimation
   }, jsx(m$1.nav, _extends$d({
-    id: "sidebar",
     css: mainNavContainer,
     initial: false,
     animate: animate,
-    variants: navVariants
+    variants: navVariants,
+    id: "sidebar"
   }, rest), jsx("div", {
     className: "nav-items-wrapper"
   }, jsx(NavHandle, {
@@ -34978,16 +35221,20 @@ var Drawer = function Drawer(_ref) {
   }))), jsx("p", null, children)), footer && jsx("footer", null, footer))));
 };
+var _excluded$b = ["children"];
 var Card = function Card(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded$b);
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(AnimatePresence, null, jsx(m$1.article, {
+  }, jsx(AnimatePresence, null, jsx(m$1.article, _extends$d({
     initial: "rest",
     whileHover: "hover",
     css: cardContainer,
     "data-testid": "card"
-  }, children)));
+  }, rest), children)));
 };
 Card.Header = CardHeader;
@@ -34998,7 +35245,7 @@ Card.Overlay = Overlay;
 Card.Drawer = Drawer;
 var uncurryThis$3 = functionUncurryThis;
-var redefine$2 = redefine$4.exports;
+var redefine$1 = redefine$4.exports;
 var DatePrototype = Date.prototype;
 var INVALID_DATE = 'Invalid Date';
@@ -35009,32 +35256,13 @@ var getTime = uncurryThis$3(DatePrototype.getTime);
 // `Date.prototype.toString` method
 // https://tc39.es/ecma262/#sec-date.prototype.tostring
 if (String(new Date(NaN)) != INVALID_DATE) {
-  redefine$2(DatePrototype, TO_STRING$1, function toString() {
+  redefine$1(DatePrototype, TO_STRING$1, function toString() {
     var value = getTime(this);
     // eslint-disable-next-line no-self-compare -- NaN check
     return value === value ? un$DateToString(this) : INVALID_DATE;
   });
 }
-var TO_STRING_TAG_SUPPORT$1 = toStringTagSupport;
-var classof$1 = classof$5;
-// `Object.prototype.toString` method implementation
-// https://tc39.es/ecma262/#sec-object.prototype.tostring
-var objectToString = TO_STRING_TAG_SUPPORT$1 ? {}.toString : function toString() {
-  return '[object ' + classof$1(this) + ']';
-};
-var TO_STRING_TAG_SUPPORT = toStringTagSupport;
-var redefine$1 = redefine$4.exports;
-var toString$1 = objectToString;
-// `Object.prototype.toString` method
-// https://tc39.es/ecma262/#sec-object.prototype.tostring
-if (!TO_STRING_TAG_SUPPORT) {
-  redefine$1(Object.prototype, 'toString', toString$1, { unsafe: true });
-}
 var anObject$3 = anObject$6;
 // `RegExp.prototype.flags` getter implementation
@@ -35056,7 +35284,7 @@ var PROPER_FUNCTION_NAME = functionName.PROPER;
 var redefine = redefine$4.exports;
 var anObject$2 = anObject$6;
 var isPrototypeOf = objectIsPrototypeOf;
-var $toString = toString$7;
+var $toString = toString$6;
 var fails = fails$f;
 var regExpFlags = regexpFlags;
@@ -35149,7 +35377,8 @@ var gridItem = function gridItem(_ref2) {
   );
 };
-var _excluded$5 = ["colSpan", "colStart", "colEnd", "rowSpan", "rowStart", "rowEnd", "as", "children"];
+var _excluded$a = ["gap", "columnGap", "rowGap", "templateColumns", "as", "children"],
+    _excluded2 = ["colSpan", "colStart", "colEnd", "rowSpan", "rowStart", "rowEnd", "as", "children"];
 var generateGridValues = function generateGridValues(values) {
   switch (_typeof$2(values)) {
@@ -35177,19 +35406,19 @@ var Grid = function Grid(props) {
       templateColumns = props.templateColumns,
       _props$as = props.as,
       as = _props$as === void 0 ? "div" : _props$as,
-      className = props.className,
-      children = props.children;
+      children = props.children,
+      rest = _objectWithoutProperties(props, _excluded$a);
   var templateColumnAttrs = generateGridValues(templateColumns);
   var Component = as;
-  return jsx(Component, {
+  return jsx(Component, _extends$d({
     css: gridContainer({
       templateColumns: templateColumnAttrs,
       gap: gap,
       columnGap: columnGap,
       rowGap: rowGap
-    }),
-    className: className
-  }, children);
+    })
+  }, rest), children);
 };
 var Item = function Item(props) {
@@ -35202,7 +35431,7 @@ var Item = function Item(props) {
       _props$as2 = props.as,
       as = _props$as2 === void 0 ? "div" : _props$as2,
       children = props.children,
-      rest = _objectWithoutProperties(props, _excluded$5);
+      rest = _objectWithoutProperties(props, _excluded2);
   var colSpanAttrs = generateGridValues(colSpan);
   var colStartAttrs = generateGridValues(colStart);
@@ -35234,14 +35463,14 @@ var inputContainer = function inputContainer(_ref, _ref2) {
     /*#__PURE__*/
     css(inputContainerBaseStyles({
       block: true
-    }), ";&.error{.input-wrapper input{border-color:", formElements.errors.errorBorderColor, ";}}&.with-prefix-icon{.input-wrapper input{padding-left:3.2rem;}}&.with-suffix-icon{.input-wrapper input{padding-right:3.2rem;}}.input-wrapper{width:100%;position:relative;background-color:", formElements.input.background, ";z-index:1;input{", inputBaseStyles(formElements, {
+    }), ";&.error{.input-wrapper input{border-color:", formElements.errors.errorBorderColor, ";}}&.with-prefix-icon{.input-wrapper input{padding-left:3.2rem;}}&.with-suffix-icon{.input-wrapper input{padding-right:3.2rem;}}.input-wrapper{width:100%;position:relative;background-color:", formElements.input.background, ";z-index:1;border-radius:5px;&:focus-within{.prefix-icon,.suffix-icon{z-index:1;}}input{", inputBaseStyles(formElements, {
       block: true,
       size: size
-    }), ";background-color:transparent;}.prefix-icon,.suffix-icon{height:100%;position:absolute;bottom:0;display:flex;align-items:center;z-index:-1;}.prefix-icon{margin:0 0.75rem;color:", formElements.input.iconColor, ";}.suffix-icon{right:0;padding-right:0.5rem;color:", formElements.input.iconColor, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi9JbnB1dFwiO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPSAoXG4gIHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lLFxuICB7IHNpemUgfTogeyBzaXplOiBJbnB1dFNpemUgfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2lucHV0Q29udGFpbmVyQmFzZVN0eWxlcyh7IGJsb2NrOiB0cnVlIH0pfTtcblxuICAmLmVycm9yIHtcbiAgICAuaW5wdXQtd3JhcHBlciBpbnB1dCB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmVycm9ycy5lcnJvckJvcmRlckNvbG9yfTtcbiAgICB9XG4gIH1cblxuICAmLndpdGgtcHJlZml4LWljb24ge1xuICAgIC5pbnB1dC13cmFwcGVyIGlucHV0IHtcbiAgICAgIHBhZGRpbmctbGVmdDogMy4ycmVtO1xuICAgIH1cbiAgfVxuXG4gICYud2l0aC1zdWZmaXgtaWNvbiB7XG4gICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgcGFkZGluZy1yaWdodDogMy4ycmVtO1xuICAgIH1cbiAgfVxuXG4gIC5pbnB1dC13cmFwcGVyIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gICAgei1pbmRleDogMTtcblxuICAgIGlucHV0IHtcbiAgICAgICR7aW5wdXRCYXNlU3R5bGVzKGZvcm1FbGVtZW50cywgeyBibG9jazogdHJ1ZSwgc2l6ZSB9KX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICB9XG5cbiAgICAucHJlZml4LWljb24sXG4gICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgei1pbmRleDogLTE7XG4gICAgfVxuXG4gICAgLnByZWZpeC1pY29uIHtcbiAgICAgIG1hcmdpbjogMCAwLjc1cmVtO1xuICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgfVxuXG4gICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgcGFkZGluZy1yaWdodDogMC41cmVtO1xuICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZmlsZUlucHV0Q29udGFpbmVyID0gKHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIC5kcm9wLWFyZWEge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtaW4taGVpZ2h0OiA1cmVtO1xuICAgIGJvcmRlcjogMnB4IGRhc2hlZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5pbnB1dEJvcmRlckNvbG9yfTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG5cbiAgICBpbnB1dCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
+    }), ";background-color:transparent;}.prefix-icon,.suffix-icon{height:100%;position:absolute;bottom:0;display:flex;align-items:center;z-index:-1;}.prefix-icon{margin:0 0.75rem;color:", formElements.input.iconColor, ";}.suffix-icon{right:0;padding-right:0.5rem;color:", formElements.input.iconColor, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi9JbnB1dFwiO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPSAoXG4gIHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lLFxuICB7IHNpemUgfTogeyBzaXplOiBJbnB1dFNpemUgfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2lucHV0Q29udGFpbmVyQmFzZVN0eWxlcyh7IGJsb2NrOiB0cnVlIH0pfTtcblxuICAmLmVycm9yIHtcbiAgICAuaW5wdXQtd3JhcHBlciBpbnB1dCB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmVycm9ycy5lcnJvckJvcmRlckNvbG9yfTtcbiAgICB9XG4gIH1cblxuICAmLndpdGgtcHJlZml4LWljb24ge1xuICAgIC5pbnB1dC13cmFwcGVyIGlucHV0IHtcbiAgICAgIHBhZGRpbmctbGVmdDogMy4ycmVtO1xuICAgIH1cbiAgfVxuXG4gICYud2l0aC1zdWZmaXgtaWNvbiB7XG4gICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgcGFkZGluZy1yaWdodDogMy4ycmVtO1xuICAgIH1cbiAgfVxuXG4gIC5pbnB1dC13cmFwcGVyIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gICAgei1pbmRleDogMTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG5cbiAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAucHJlZml4LWljb24sXG4gICAgICAuc3VmZml4LWljb24ge1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgfVxuICAgIH1cblxuICAgIGlucHV0IHtcbiAgICAgICR7aW5wdXRCYXNlU3R5bGVzKGZvcm1FbGVtZW50cywgeyBibG9jazogdHJ1ZSwgc2l6ZSB9KX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICB9XG5cbiAgICAucHJlZml4LWljb24sXG4gICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgei1pbmRleDogLTE7XG4gICAgfVxuXG4gICAgLnByZWZpeC1pY29uIHtcbiAgICAgIG1hcmdpbjogMCAwLjc1cmVtO1xuICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgfVxuXG4gICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgcGFkZGluZy1yaWdodDogMC41cmVtO1xuICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgfVxuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
   );
 };
-var _excluded$4 = ["size", "status", "iconBefore", "iconAfter", "label", "inline", "id", "className"];
+var _excluded$9 = ["size", "status", "iconBefore", "iconAfter", "label", "inline", "id", "containerAttrs"];
 var Input = function Input(_ref, forwardedRef) {
   var _ref$size = _ref.size,
@@ -35254,27 +35483,27 @@ var Input = function Input(_ref, forwardedRef) {
       _ref$inline = _ref.inline,
       inline = _ref$inline === void 0 ? false : _ref$inline,
       id = _ref.id,
-      className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$4);
+      containerAttrs = _ref.containerAttrs,
+      rest = _objectWithoutProperties(_ref, _excluded$9);
   var IconBefore = iconBefore;
   var IconAfter = iconAfter;
   var hasLabel = Boolean(label);
-  var containerClasses = classNames(_defineProperty$3({
+  var containerClasses = classNames({
     valid: status === "valid",
     error: status === "error",
     "with-prefix-icon": Boolean(iconBefore),
     "with-suffix-icon": Boolean(iconAfter),
     inline: hasLabel && inline
-  }, className !== null && className !== void 0 ? className : "", className));
-  return jsx("div", {
+  });
+  return jsx("div", _extends$d({
     css: function css(theme) {
       return inputContainer(theme, {
         size: size
       });
     },
     className: containerClasses
-  }, hasLabel && jsx(Label, {
+  }, containerAttrs), hasLabel && jsx(Label, {
     htmlFor: id
   }, label), jsx("div", {
     className: "input-wrapper"
@@ -35307,11 +35536,15 @@ var errorContainer = function errorContainer(_ref) {
   );
 };
+var _excluded$8 = ["children"];
 var FormError = function FormError(_ref) {
-  var children = _ref.children;
-  return jsx("article", {
+  var children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded$8);
+  return jsx("article", _extends$d({
     css: errorContainer
-  }, children);
+  }, rest), children);
 };
 var inputError = function inputError(_ref) {
@@ -35324,13 +35557,13 @@ var inputError = function inputError(_ref) {
   );
 };
-var _excluded$3 = ["as", "children"];
+var _excluded$7 = ["as", "children"];
 var InputError = function InputError(_ref) {
   var _ref$as = _ref.as,
       as = _ref$as === void 0 ? "div" : _ref$as,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$3);
+      rest = _objectWithoutProperties(_ref, _excluded$7);
   var InputErrorTag = as;
   return jsx(InputErrorTag, _extends$d({
@@ -35526,7 +35759,7 @@ var $$1 = _export;
 var uncurryThis$1 = functionUncurryThis;
 var notARegExp = notARegexp;
 var requireObjectCoercible = requireObjectCoercible$6;
-var toString = toString$7;
+var toString = toString$6;
 var correctIsRegExpLogic = correctIsRegexpLogic;
 var stringIndexOf = uncurryThis$1(''.indexOf);
@@ -35609,7 +35842,7 @@ var checkboxContainer = function checkboxContainer(_ref, _ref2) {
   );
 };
-var _excluded$2 = ["id", "label", "size", "inline", "containerClassName"];
+var _excluded$6 = ["id", "label", "size", "inline", "containerAttrs"];
 var Checkbox = function Checkbox(props, ref) {
   var id = props.id,
@@ -35618,19 +35851,18 @@ var Checkbox = function Checkbox(props, ref) {
       size = _props$size === void 0 ? "md" : _props$size,
       _props$inline = props.inline,
       inline = _props$inline === void 0 ? false : _props$inline,
-      containerClassName = props.containerClassName,
-      rest = _objectWithoutProperties(props, _excluded$2);
+      containerAttrs = props.containerAttrs,
+      rest = _objectWithoutProperties(props, _excluded$6);
-  return jsx("div", {
+  return jsx("div", _extends$d({
     ref: ref,
     css: function css(theme) {
       return checkboxContainer(theme, {
         size: size,
         inline: inline
       });
-    },
-    className: containerClassName
-  }, jsx("input", _extends$d({
+    }
+  }, containerAttrs), jsx("input", _extends$d({
     id: id,
     type: "checkbox"
   }, rest)), jsx("label", {
@@ -35644,6 +35876,8 @@ var Checkbox = function Checkbox(props, ref) {
 var Checkbox$1 = /*#__PURE__*/React$n.forwardRef(Checkbox);
+var _excluded$5 = ["groupname", "options", "onChange", "initialValues", "inline", "size"];
 var CheckboxGroup = function CheckboxGroup(_ref) {
   var groupname = _ref.groupname,
       options = _ref.options,
@@ -35654,8 +35888,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
       inline = _ref$inline === void 0 ? false : _ref$inline,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "md" : _ref$size,
-      id = _ref.id,
-      className = _ref.className;
+      rest = _objectWithoutProperties(_ref, _excluded$5);
   var _useState = React$n.useState(initialValues),
       _useState2 = _slicedToArray$2(_useState, 2),
@@ -35692,11 +35925,9 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   React$n.useEffect(function () {
     onChange && onChange(selectedValues);
   }, [selectedValues, onChange]);
-  return jsx("fieldset", {
-    css: checkboxGroupContainer(inline),
-    id: id,
-    className: className
-  }, jsx("legend", null, isPartiallySelected && jsx("span", {
+  return jsx("fieldset", _extends$d({
+    css: checkboxGroupContainer(inline)
+  }, rest), jsx("legend", null, isPartiallySelected && jsx("span", {
     className: "dash"
   }), jsx(Checkbox$1, {
     id: "".concat(groupname, "-container"),
@@ -35741,13 +35972,16 @@ var radioButton = function radioButton(_ref, _ref2) {
   );
 };
+var _excluded$4 = ["index", "label", "value", "selectedValue", "onClick", "size"];
 var RadioButton = function RadioButton(_ref) {
   var index = _ref.index,
       label = _ref.label,
       value = _ref.value,
       selectedValue = _ref.selectedValue,
       onClick = _ref.onClick,
-      size = _ref.size;
+      size = _ref.size,
+      rest = _objectWithoutProperties(_ref, _excluded$4);
   var handleClick = function handleClick(e) {
     e.preventDefault();
@@ -35757,9 +35991,10 @@ var RadioButton = function RadioButton(_ref) {
   var cssClasses = classNames({
     "is-selected": value === selectedValue
   });
-  return jsx("button", {
+  var propHTMLClass = rest !== null && rest !== void 0 && rest.className ? rest === null || rest === void 0 ? void 0 : rest.className : "";
+  return jsx("button", _extends$d({
     id: "radio-".concat(index),
-    className: cssClasses,
+    className: "".concat(cssClasses).concat(propHTMLClass),
     onClick: handleClick,
     css: function css(theme) {
       return radioButton(theme, {
@@ -35767,30 +36002,28 @@ var RadioButton = function RadioButton(_ref) {
       });
     },
     "aria-selected": value === selectedValue
-  }, label);
+  }, rest), label);
 };
+var _excluded$3 = ["options", "value", "size", "onChange"];
 var RadioButtonGroup = function RadioButtonGroup(props) {
   var options = props.options,
       _props$value = props.value,
       value = _props$value === void 0 ? "" : _props$value,
       _props$size = props.size,
       size = _props$size === void 0 ? "md" : _props$size,
-      id = props.id,
-      className = props.className,
-      onChange = props.onChange;
-  return jsx("div", {
-    id: id,
-    className: className
-  }, options.map(function (option, index) {
+      onChange = props.onChange,
+      rest = _objectWithoutProperties(props, _excluded$3);
+  return jsx("div", rest, options.map(function (option, index) {
     return jsx(RadioButton, _extends$d({
       key: option.value,
       index: index,
       size: size,
-      selectedValue: value
-    }, option, {
+      selectedValue: value,
       onClick: onChange
-    }));
+    }, option));
   }));
 };
@@ -35819,7 +36052,7 @@ var radioButtonContainer = function radioButtonContainer(_ref, _ref2) {
   );
 };
-var _excluded$1 = ["id", "label", "size", "inline"];
+var _excluded$2 = ["id", "label", "size", "inline", "containerAttrs"];
 var Radio = function Radio(_ref) {
   var id = _ref.id,
@@ -35828,16 +36061,17 @@ var Radio = function Radio(_ref) {
       size = _ref$size === void 0 ? "md" : _ref$size,
       _ref$inline = _ref.inline,
       inline = _ref$inline === void 0 ? false : _ref$inline,
-      rest = _objectWithoutProperties(_ref, _excluded$1);
+      containerAttrs = _ref.containerAttrs,
+      rest = _objectWithoutProperties(_ref, _excluded$2);
-  return jsx("div", {
+  return jsx("div", _extends$d({
     css: function css(theme) {
       return radioButtonContainer(theme, {
         size: size,
         inline: inline
       });
     }
-  }, jsx("input", _extends$d({
+  }, containerAttrs), jsx("input", _extends$d({
     id: id,
     type: "radio"
   }, rest)), jsx("label", {
@@ -35845,7 +36079,11 @@ var Radio = function Radio(_ref) {
   }, label));
 };
+var _excluded$1 = ["groupname", "options", "onChange", "initialValue", "inline", "size"];
 var RadioGroup = function RadioGroup(_ref) {
+  var _rest$id;
   var groupname = _ref.groupname,
       options = _ref.options,
       onChange = _ref.onChange,
@@ -35855,8 +36093,7 @@ var RadioGroup = function RadioGroup(_ref) {
       inline = _ref$inline === void 0 ? false : _ref$inline,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "md" : _ref$size,
-      id = _ref.id,
-      className = _ref.className;
+      rest = _objectWithoutProperties(_ref, _excluded$1);
   var _useState = React$n.useState(initialValue),
       _useState2 = _slicedToArray$2(_useState, 2),
@@ -35870,11 +36107,10 @@ var RadioGroup = function RadioGroup(_ref) {
   React$n.useEffect(function () {
     onChange && onChange(selectedValue);
   }, [selectedValue, onChange]);
-  return jsx("fieldset", {
+  return jsx("fieldset", _extends$d({
     css: container(inline),
-    id: id || groupname,
-    className: className
-  }, options.map(function (option) {
+    id: (_rest$id = rest === null || rest === void 0 ? void 0 : rest.id) !== null && _rest$id !== void 0 ? _rest$id : groupname
+  }, rest), options.map(function (option) {
     return jsx(Radio, _extends$d({
       key: option.value,
       id: "".concat(groupname, "-").concat(option.value),
@@ -35902,9 +36138,11 @@ var textareaContainer = function textareaContainer(_ref, _ref2) {
   );
 };
-var _excluded = ["label", "inline", "id", "resize", "status"];
+var _excluded = ["label", "inline", "id", "resize", "status", "containerAttrs"];
 var Textarea = function Textarea(props, forwardedRef) {
+  var _containerAttrs$class;
   var label = props.label,
       _props$inline = props.inline,
       inline = _props$inline === void 0 ? false : _props$inline,
@@ -35913,22 +36151,24 @@ var Textarea = function Textarea(props, forwardedRef) {
       resize = _props$resize === void 0 ? "none" : _props$resize,
       _props$status = props.status,
       status = _props$status === void 0 ? "valid" : _props$status,
+      containerAttrs = props.containerAttrs,
       rest = _objectWithoutProperties(props, _excluded);
   var hasLabel = Boolean(label);
-  var containerClassNames = classNames({
+  var containerClassNames = classNames(_defineProperty$3({
     inline: hasLabel && inline,
     valid: status === "valid",
     error: status === "error"
-  });
-  return jsx("div", {
+  }, (_containerAttrs$class = containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className) !== null && _containerAttrs$class !== void 0 ? _containerAttrs$class : "", Boolean(containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className)));
+  return jsx("div", _extends$d({
     css: function css(theme) {
       return textareaContainer(theme, {
         resize: resize
       });
-    },
+    }
+  }, containerAttrs, {
     className: containerClassNames
-  }, hasLabel && jsx(Label, {
+  }), hasLabel && jsx(Label, {
     htmlFor: id
   }, label), jsx("textarea", _extends$d({
     id: id,
@@ -35974,5 +36214,6 @@ exports.Toaster = Toaster;
 exports.Tooltip = Tooltip;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
 exports.patterns = patterns;
+exports.toast = toast;
 exports.utils = utils;
-//# sourceMappingURL=index-8fa8ad19.js.map
+//# sourceMappingURL=index-795034df.js.map