@zendeskgarden/react-forms 8.47.1 → 8.48.2

package/dist/index.cjs.js

@@ -10,11 +10,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var PropTypes = require('prop-types');
 var containerField = require('@zendeskgarden/container-field');
 var styled = require('styled-components');
 var reactTheming = require('@zendeskgarden/react-theming');
 var polished = require('polished');
+var PropTypes = require('prop-types');
 var containerUtilities = require('@zendeskgarden/container-utilities');
 var mergeRefs = require('react-merge-refs');
 var debounce = require('lodash.debounce');
@@ -30,21 +30,19 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 
@@ -53,14 +51,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -68,19 +61,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -237,9 +223,9 @@ var useFieldContext = function useFieldContext() {
 };
 
 var COMPONENT_ID$K = 'forms.field';
-var StyledField = styled__default['default'].div.attrs({
+var StyledField = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$K,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledField",
   componentId: "sc-12gzfsu-0"
@@ -253,10 +239,10 @@ StyledField.defaultProps = {
 };
 
 var COMPONENT_ID$J = 'forms.fieldset';
-var StyledFieldset = styled__default['default'](StyledField).attrs({
+var StyledFieldset = styled__default["default"](StyledField).attrs({
   as: 'fieldset',
   'data-garden-id': COMPONENT_ID$J,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledFieldset",
   componentId: "sc-1vr4mxv-0"
@@ -270,9 +256,9 @@ StyledFieldset.defaultProps = {
 };
 
 var COMPONENT_ID$I = 'forms.input_label';
-var StyledLabel = styled__default['default'].label.attrs({
+var StyledLabel = styled__default["default"].label.attrs({
   'data-garden-id': COMPONENT_ID$I,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-2utmsz-0"
@@ -304,10 +290,10 @@ StyledLabel.defaultProps = {
 };
 
 var COMPONENT_ID$H = 'forms.fieldset_legend';
-var StyledLegend = styled__default['default'](StyledLabel).attrs({
+var StyledLegend = styled__default["default"](StyledLabel).attrs({
   as: 'legend',
   'data-garden-id': COMPONENT_ID$H,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledLegend",
   componentId: "sc-6s0zwq-0"
@@ -319,9 +305,9 @@ StyledLegend.defaultProps = {
 };
 
 var COMPONENT_ID$G = 'forms.input_hint';
-var StyledHint = styled__default['default'].div.attrs({
+var StyledHint = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$G,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledHint",
   componentId: "sc-17c2wu8-0"
@@ -340,90 +326,86 @@ StyledHint.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
+var _g$2, _circle$5;
+
 function _extends$s() { _extends$s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
 
-var _ref$s = /*#__PURE__*/React__namespace.createElement("g", {
-  fill: "none",
-  stroke: "currentColor"
-}, /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 7.5,
-  cy: 8.5,
-  r: 7
-}), /*#__PURE__*/React__namespace.createElement("path", {
-  strokeLinecap: "round",
-  d: "M7.5 4.5V9"
-}));
-
-var _ref2$5 = /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 7.5,
-  cy: 12,
-  r: 1,
-  fill: "currentColor"
-});
-
-function SvgAlertErrorStroke(props) {
+var SvgAlertErrorStroke = function SvgAlertErrorStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$s, _ref2$5);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
+    fill: "none",
+    stroke: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 7.5,
+    cy: 8.5,
+    r: 7
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    strokeLinecap: "round",
+    d: "M7.5 4.5V9"
+  }))), _circle$5 || (_circle$5 = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 7.5,
+    cy: 12,
+    r: 1,
+    fill: "currentColor"
+  })));
+};
 
-function _extends$r() { _extends$r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
+var _path$n, _circle$4;
 
-var _ref$r = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M.88 13.77L7.06 1.86c.19-.36.7-.36.89 0l6.18 11.91c.17.33-.07.73-.44.73H1.32c-.37 0-.61-.4-.44-.73zM7.5 6v3.5"
-});
-
-var _ref2$4 = /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 7.5,
-  cy: 12,
-  r: 1,
-  fill: "currentColor"
-});
+function _extends$r() { _extends$r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
 
-function SvgAlertWarningStroke(props) {
+var SvgAlertWarningStroke = function SvgAlertWarningStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$r, _ref2$4);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M.88 13.77L7.06 1.86c.19-.36.7-.36.89 0l6.18 11.91c.17.33-.07.73-.44.73H1.32c-.37 0-.61-.4-.44-.73zM7.5 6v3.5"
+  })), _circle$4 || (_circle$4 = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 7.5,
+    cy: 12,
+    r: 1,
+    fill: "currentColor"
+  })));
+};
+
+var _g$1;
 
 function _extends$q() { _extends$q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
 
-var _ref$q = /*#__PURE__*/React__namespace.createElement("g", {
-  fill: "none",
-  stroke: "currentColor"
-}, /*#__PURE__*/React__namespace.createElement("path", {
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  d: "M4 9l2.5 2.5 5-5"
-}), /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 7.5,
-  cy: 8.5,
-  r: 7
-}));
-
-function SvgCheckCircleStroke$1(props) {
+var SvgCheckCircleStroke$1 = function SvgCheckCircleStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$q);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
+    fill: "none",
+    stroke: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M4 9l2.5 2.5 5-5"
+  }), /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 7.5,
+    cy: 8.5,
+    r: 7
+  }))));
+};
 
 var _excluded$i = ["children", "validation"];
 var MessageIcon = function MessageIcon(_ref) {
@@ -432,20 +414,20 @@ var MessageIcon = function MessageIcon(_ref) {
       props = _objectWithoutProperties(_ref, _excluded$i);
   var retVal;
   if (validation === 'error') {
-    retVal = React__default['default'].createElement(SvgAlertErrorStroke, props);
+    retVal = React__default["default"].createElement(SvgAlertErrorStroke, props);
   } else if (validation === 'success') {
-    retVal = React__default['default'].createElement(SvgCheckCircleStroke$1, props);
+    retVal = React__default["default"].createElement(SvgCheckCircleStroke$1, props);
   } else if (validation === 'warning') {
-    retVal = React__default['default'].createElement(SvgAlertWarningStroke, props);
+    retVal = React__default["default"].createElement(SvgAlertWarningStroke, props);
   } else {
-    retVal = React__default['default'].cloneElement(React.Children.only(children));
+    retVal = React__default["default"].cloneElement(React.Children.only(children));
   }
   return retVal;
 };
 var COMPONENT_ID$F = 'forms.input_message_icon';
-var StyledMessageIcon = styled__default['default'](MessageIcon).attrs({
+var StyledMessageIcon = styled__default["default"](MessageIcon).attrs({
   'data-garden-id': COMPONENT_ID$F,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledMessageIcon",
   componentId: "sc-1ph2gba-0"
@@ -476,9 +458,9 @@ var validationStyles = function validationStyles(props) {
   return styled.css(["padding-", ":", ";color:", ";"], rtl ? 'right' : 'left', props.validation && padding, color);
 };
 var COMPONENT_ID$E = 'forms.input_message';
-var StyledMessage = styled__default['default'].div.attrs({
+var StyledMessage = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$E,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledMessage",
   componentId: "sc-30hgg7-0"
@@ -567,10 +549,10 @@ var sizeStyles$f = function sizeStyles(props) {
   var swatchMarginHorizontal = polished.math("".concat(paddingVertical, " + ").concat(swatchMarginVertical, " - ").concat(paddingHorizontal));
   return styled.css(["padding:", ";min-height:", ";line-height:", ";font-size:", ";&::-ms-browse{font-size:", ";}&[type='date'],&[type='datetime-local'],&[type='file'],&[type='month'],&[type='time'],&[type='week']{max-height:", ";}&[type='file']{line-height:1;}@supports (-ms-ime-align:auto){&[type='color']{padding:", ";}}&::-moz-color-swatch{margin-top:", ";margin-left:", ";width:calc(100% + ", ");height:", ";}&::-webkit-color-swatch{margin:", " ", ";}", ":not([hidden]) + &&,", " + &&,", " + &&,&& + ", ",&& + ", "{margin-top:", "px;}"], padding, props.isBare ? '1em' : height, reactTheming.getLineHeight(lineHeight, fontSize), fontSize, browseFontSize, height, props.isCompact ? '0 2px' : '1px 3px', swatchMarginVertical, swatchMarginHorizontal, polished.math("".concat(swatchMarginHorizontal, " * -2")), swatchHeight, swatchMarginVertical, swatchMarginHorizontal, StyledLabel, StyledHint, StyledMessage, StyledHint, StyledMessage, props.theme.space.base * (props.isCompact ? 1 : 2));
 };
-var StyledTextInput = styled__default['default'].input.attrs(function (props) {
+var StyledTextInput = styled__default["default"].input.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$D,
-    'data-garden-version': '8.47.1',
+    'data-garden-version': '8.48.2',
     'aria-invalid': isInvalid(props.validation)
   };
 }).withConfig({
@@ -603,10 +585,10 @@ StyledTextInput.defaultProps = {
 
 var COMPONENT_ID$C = 'forms.textarea';
 var hiddenStyles = "\n  visibility: hidden;\n  position: absolute;\n  overflow: hidden;\n  height: 0;\n  top: 0;\n  left: 0;\n  transform: translateZ(0);\n";
-var StyledTextarea = styled__default['default'](StyledTextInput).attrs({
+var StyledTextarea = styled__default["default"](StyledTextInput).attrs({
   as: 'textarea',
   'data-garden-id': COMPONENT_ID$C,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledTextarea",
   componentId: "sc-wxschl-0"
@@ -644,7 +626,7 @@ var sizeStyles$e = function sizeStyles(props) {
   }
   return styled.css(["margin:", ";width:", ";height:", ";"], margin, size, size);
 };
-var StyledTextMediaFigure = styled__default['default'](
+var StyledTextMediaFigure = styled__default["default"](
 function (_ref) {
   var children = _ref.children;
       _ref.position;
@@ -654,10 +636,10 @@ function (_ref) {
       _ref.isRotated;
       _ref.theme;
       var props = _objectWithoutProperties(_ref, _excluded$h);
-  return React__default['default'].cloneElement(React.Children.only(children), props);
+  return React__default["default"].cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$B,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledTextMediaFigure",
   componentId: "sc-1qepknj-0"
@@ -675,13 +657,13 @@ StyledTextMediaFigure.defaultProps = {
 };
 
 var COMPONENT_ID$A = 'forms.faux_input';
-var StyledTextFauxInput = styled__default['default'](StyledTextInput).attrs(function (props) {
+var StyledTextFauxInput = styled__default["default"](StyledTextInput).attrs(function (props) {
   return {
     as: 'div',
     'aria-readonly': props.isReadOnly,
     'aria-disabled': props.isDisabled,
     'data-garden-id': COMPONENT_ID$A,
-    'data-garden-version': '8.47.1'
+    'data-garden-version': '8.48.2'
   };
 }).withConfig({
   displayName: "StyledTextFauxInput",
@@ -704,9 +686,9 @@ StyledTextFauxInput.defaultProps = {
 };
 
 var COMPONENT_ID$z = 'forms.media_input';
-var StyledTextMediaInput = styled__default['default'](StyledTextInput).attrs({
+var StyledTextMediaInput = styled__default["default"](StyledTextInput).attrs({
   'data-garden-id': COMPONENT_ID$z,
-  'data-garden-version': '8.47.1',
+  'data-garden-version': '8.48.2',
   isBare: true
 }).withConfig({
   displayName: "StyledTextMediaInput",
@@ -729,9 +711,9 @@ var itemStyles = function itemStyles(props) {
   var horizontal = props.theme.rtl ? 'right' : 'left';
   return styled.css(["& > *{margin-", ":-", " !important;z-index:-1;}& > ", ":hover,& > button:hover,& > ", "[data-garden-focus-visible],& > button[data-garden-focus-visible],& > ", ":active,& > button:active{z-index:1;}& > button:disabled{border-top-width:0;border-bottom-width:0;}& > ", ":disabled{z-index:-2;}& > *:first-child:not(:last-child){margin-", ":0;border-top-", "-radius:0;border-bottom-", "-radius:0;}& > *:last-child:not(:first-child){border-top-", "-radius:0;border-bottom-", "-radius:0;}& > *:not(:first-child):not(:last-child){border-radius:0;}"], horizontal, props.theme.borderWidths.sm, StyledTextInput, StyledTextInput, StyledTextInput, StyledTextInput, props.theme.rtl ? 'right' : 'left', props.theme.rtl ? 'left' : 'right', props.theme.rtl ? 'left' : 'right', props.theme.rtl ? 'right' : 'left', props.theme.rtl ? 'right' : 'left');
 };
-var StyledInputGroup = styled__default['default'].div.attrs({
+var StyledInputGroup = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$y,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledInputGroup",
   componentId: "sc-kjh1f0-0"
@@ -753,9 +735,9 @@ var sizeStyles$d = function sizeStyles(props) {
   var lineHeight = props.theme.space.base * 5;
   return styled.css(["padding-", ":", "px;&[hidden]{padding-", ":", "px;line-height:", "px;}"], props.theme.rtl ? 'right' : 'left', padding, props.theme.rtl ? 'right' : 'left', size, lineHeight);
 };
-var StyledRadioLabel = styled__default['default'](StyledLabel).attrs({
+var StyledRadioLabel = styled__default["default"](StyledLabel).attrs({
   'data-garden-id': COMPONENT_ID$x,
-  'data-garden-version': '8.47.1',
+  'data-garden-version': '8.48.2',
   isRadio: true
 }).withConfig({
   displayName: "StyledRadioLabel",
@@ -770,9 +752,9 @@ StyledRadioLabel.defaultProps = {
 };
 
 var COMPONENT_ID$w = 'forms.checkbox_label';
-var StyledCheckLabel = styled__default['default'](StyledRadioLabel).attrs({
+var StyledCheckLabel = styled__default["default"](StyledRadioLabel).attrs({
   'data-garden-id': COMPONENT_ID$w,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledCheckLabel",
   componentId: "sc-x7nr1-0"
@@ -784,9 +766,9 @@ StyledCheckLabel.defaultProps = {
 };
 
 var COMPONENT_ID$v = 'forms.radio_hint';
-var StyledRadioHint = styled__default['default'](StyledHint).attrs({
+var StyledRadioHint = styled__default["default"](StyledHint).attrs({
   'data-garden-id': COMPONENT_ID$v,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledRadioHint",
   componentId: "sc-eo8twg-0"
@@ -802,9 +784,9 @@ StyledRadioHint.defaultProps = {
 };
 
 var COMPONENT_ID$u = 'forms.checkbox_hint';
-var StyledCheckHint = styled__default['default'](StyledRadioHint).attrs({
+var StyledCheckHint = styled__default["default"](StyledRadioHint).attrs({
   'data-garden-id': COMPONENT_ID$u,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledCheckHint",
   componentId: "sc-1kl8e8c-0"
@@ -844,16 +826,16 @@ var sizeStyles$c = function sizeStyles(props) {
   var iconPosition = polished.math("(".concat(size, " - ").concat(iconSize, ") / 2"));
   var iconTop = polished.math("".concat(iconPosition, " + ").concat(top));
   var marginTop = "".concat(props.theme.space.base * (props.isCompact ? 1 : 2), "px");
-  return styled.css(["& ~ ", "::before{top:", ";background-size:", ";width:", ";height:", ";box-sizing:border-box;}& ~ ", " > svg{top:", ";", ":", ";width:", ";height:", ";}&& ~ ", " ~ ", "{margin-top:", ";}"], StyledRadioLabel, top, props.theme.iconSizes.sm, size, size, StyledRadioLabel, iconTop, props.theme.rtl ? 'right' : 'left', iconPosition, iconSize, iconSize, StyledRadioLabel, StyledMessage, marginTop);
+  return styled.css(["top:", ";width:", ";height:", ";& ~ ", "::before{top:", ";background-size:", ";width:", ";height:", ";box-sizing:border-box;}& ~ ", " > svg{top:", ";", ":", ";width:", ";height:", ";}&& ~ ", " ~ ", "{margin-top:", ";}"], top, size, size, StyledRadioLabel, top, props.theme.iconSizes.sm, size, size, StyledRadioLabel, iconTop, props.theme.rtl ? 'right' : 'left', iconPosition, iconSize, iconSize, StyledRadioLabel, StyledMessage, marginTop);
 };
-var StyledRadioInput = styled__default['default'].input.attrs({
+var StyledRadioInput = styled__default["default"].input.attrs({
   'data-garden-id': COMPONENT_ID$t,
-  'data-garden-version': '8.47.1',
+  'data-garden-version': '8.48.2',
   type: 'radio'
 }).withConfig({
   displayName: "StyledRadioInput",
   componentId: "sc-qsavpv-0"
-})(["position:absolute;clip:rect(1px,1px,1px,1px);& ~ ", "::before{position:absolute;", ":0;transition:border-color .25s ease-in-out,box-shadow .1s ease-in-out,background-color .25s ease-in-out,color .25s ease-in-out;border:", ";border-radius:50%;background-repeat:no-repeat;background-position:center;content:'';}& ~ ", " > svg{position:absolute;}", ";&:focus ~ ", "::before{outline:none;}& ~ ", ":active::before{transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,color 0.1s ease-in-out;}", ";&:disabled ~ ", "{cursor:default;}", ";"], StyledRadioLabel, function (props) {
+})(["position:absolute;opacity:0;margin:0;& ~ ", "::before{position:absolute;", ":0;transition:border-color .25s ease-in-out,box-shadow .1s ease-in-out,background-color .25s ease-in-out,color .25s ease-in-out;border:", ";border-radius:50%;background-repeat:no-repeat;background-position:center;content:'';}& ~ ", " > svg{position:absolute;}", ";&:focus ~ ", "::before{outline:none;}& ~ ", ":active::before{transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,color 0.1s ease-in-out;}", ";&:disabled ~ ", "{cursor:default;}", ";"], StyledRadioLabel, function (props) {
   return props.theme.rtl ? 'right' : 'left';
 }, function (props) {
   return props.theme.borders.sm;
@@ -878,9 +860,9 @@ var colorStyles$8 = function colorStyles(props) {
   var indeterminateDisabledBackgroundColor = reactTheming.getColor('neutralHue', SHADE - 400, props.theme);
   return styled.css(["&:indeterminate ~ ", "::before{border-color:", ";background-color:", ";}&:enabled:indeterminate ~ ", ":active::before{border-color:", ";background-color:", ";}&:disabled:indeterminate ~ ", "::before{border-color:transparent;background-color:", ";}"], StyledCheckLabel, indeterminateBorderColor, indeterminateBackgroundColor, StyledCheckLabel, indeterminateActiveBorderColor, indeterminateActiveBackgroundColor, StyledCheckLabel, indeterminateDisabledBackgroundColor);
 };
-var StyledCheckInput = styled__default['default'](StyledRadioInput).attrs({
+var StyledCheckInput = styled__default["default"](StyledRadioInput).attrs({
   'data-garden-id': COMPONENT_ID$s,
-  'data-garden-version': '8.47.1',
+  'data-garden-version': '8.48.2',
   type: 'checkbox'
 }).withConfig({
   displayName: "StyledCheckInput",
@@ -897,9 +879,9 @@ StyledCheckInput.defaultProps = {
 };
 
 var COMPONENT_ID$r = 'forms.radio_message';
-var StyledRadioMessage = styled__default['default'](StyledMessage).attrs({
+var StyledRadioMessage = styled__default["default"](StyledMessage).attrs({
   'data-garden-id': COMPONENT_ID$r,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledRadioMessage",
   componentId: "sc-1pmi0q8-0"
@@ -915,9 +897,9 @@ StyledRadioMessage.defaultProps = {
 };
 
 var COMPONENT_ID$q = 'forms.checkbox_message';
-var StyledCheckMessage = styled__default['default'](StyledRadioMessage).attrs({
+var StyledCheckMessage = styled__default["default"](StyledRadioMessage).attrs({
   'data-garden-id': COMPONENT_ID$q,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledCheckMessage",
   componentId: "sc-s4p6kd-0"
@@ -928,32 +910,32 @@ StyledCheckMessage.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-function _extends$p() { _extends$p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
+var _path$m;
 
-var _ref$p = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: 2,
-  d: "M3 6l2 2 4-4"
-});
+function _extends$p() { _extends$p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
 
-function SvgCheckSmFill(props) {
+var SvgCheckSmFill = function SvgCheckSmFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$p);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M3 6l2 2 4-4"
+  })));
+};
 
 var COMPONENT_ID$p = 'forms.check_svg';
-var StyledCheckSvg = styled__default['default'](SvgCheckSmFill).attrs({
+var StyledCheckSvg = styled__default["default"](SvgCheckSmFill).attrs({
   'data-garden-id': COMPONENT_ID$p,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledCheckSvg",
   componentId: "sc-fvxetk-0"
@@ -964,30 +946,30 @@ StyledCheckSvg.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-function _extends$o() { _extends$o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
+var _path$l;
 
-var _ref$o = /*#__PURE__*/React__namespace.createElement("path", {
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  strokeWidth: 2,
-  d: "M3 6h6"
-});
+function _extends$o() { _extends$o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
 
-function SvgDashFill(props) {
+var SvgDashFill = function SvgDashFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$o);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeWidth: 2,
+    d: "M3 6h6"
+  })));
+};
 
 var COMPONENT_ID$o = 'forms.dash_svg';
-var StyledDashSvg = styled__default['default'](SvgDashFill).attrs({
+var StyledDashSvg = styled__default["default"](SvgDashFill).attrs({
   'data-garden-id': COMPONENT_ID$o,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledDashSvg",
   componentId: "sc-z3vq71-0"
@@ -1016,9 +998,9 @@ var sizeStyles$b = function sizeStyles(props) {
   var lineHeight = reactTheming.getLineHeight(props.theme.space.base * 5, fontSize);
   return styled.css(["padding:", " ", ";min-width:4em;line-height:", ";font-size:", ";", ":not([hidden]) + &&,", " + &&,", " + &&,&& + ", ",&& + ", "{margin-top:", ";}"], paddingVertical, paddingHorizontal, lineHeight, fontSize, StyledLabel, StyledHint, StyledMessage, StyledHint, StyledMessage, marginTop);
 };
-var StyledFileUpload = styled__default['default'].div.attrs({
+var StyledFileUpload = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$n,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledFileUpload",
   componentId: "sc-1rodjgn-0"
@@ -1036,9 +1018,9 @@ StyledFileUpload.defaultProps = {
 };
 
 var COMPONENT_ID$m = 'forms.file.close';
-var StyledFileClose = styled__default['default'].div.attrs({
+var StyledFileClose = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledFileClose",
   componentId: "sc-1m31jbf-0"
@@ -1079,9 +1061,9 @@ var sizeStyles$a = function sizeStyles(props) {
   var lineHeight = reactTheming.getLineHeight(props.theme.space.base * 5, fontSize);
   return "\n    box-sizing: border-box;\n    border: ".concat(props.theme.borders.sm, ";\n    border-radius: ").concat(props.theme.borderRadii.md, ";\n    padding: 0 ").concat(spacing, ";\n    height: ").concat(size, ";\n    line-height: ").concat(lineHeight, ";\n    font-size: ").concat(fontSize, ";\n\n    & > span {\n      width: 100%;\n    }\n\n    & > ").concat(StyledFileClose, " {\n      width: ").concat(size, ";\n      height: ").concat(size, ";\n      margin-").concat(props.theme.rtl ? 'left' : 'right', ": -").concat(spacing, ";\n    }\n  ");
 };
-var StyledFile = styled__default['default'].div.attrs({
+var StyledFile = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledFile",
   componentId: "sc-195lzp1-0"
@@ -1095,9 +1077,9 @@ StyledFile.defaultProps = {
 };
 
 var COMPONENT_ID$k = 'forms.file.delete';
-var StyledFileDelete = styled__default['default'](StyledFileClose).attrs({
+var StyledFileDelete = styled__default["default"](StyledFileClose).attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledFileDelete",
   componentId: "sc-a8nnhx-0"
@@ -1112,15 +1094,15 @@ StyledFileDelete.defaultProps = {
 
 var _excluded$g = ["children", "isCompact", "theme"];
 var COMPONENT_ID$j = 'forms.file.icon';
-var StyledFileIcon = styled__default['default'](function (_ref) {
+var StyledFileIcon = styled__default["default"](function (_ref) {
   var children = _ref.children;
       _ref.isCompact;
       _ref.theme;
       var props = _objectWithoutProperties(_ref, _excluded$g);
-  return React__default['default'].cloneElement(React.Children.only(children), props);
+  return React__default["default"].cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledFileIcon",
   componentId: "sc-7b3q0c-0"
@@ -1138,9 +1120,9 @@ StyledFileIcon.defaultProps = {
 };
 
 var COMPONENT_ID$i = 'forms.file_list';
-var StyledFileList = styled__default['default'].ul.attrs({
+var StyledFileList = styled__default["default"].ul.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledFileList",
   componentId: "sc-gbahjg-0"
@@ -1152,9 +1134,9 @@ StyledFileList.defaultProps = {
 };
 
 var COMPONENT_ID$h = 'forms.file_list.item';
-var StyledFileListItem = styled__default['default'].li.attrs({
+var StyledFileListItem = styled__default["default"].li.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledFileListItem",
   componentId: "sc-1ova3lo-0"
@@ -1167,30 +1149,30 @@ StyledFileListItem.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-function _extends$n() { _extends$n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
+var _circle$3;
 
-var _ref$n = /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 6,
-  cy: 6,
-  r: 2,
-  fill: "currentColor"
-});
+function _extends$n() { _extends$n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
 
-function SvgCircleSmFill$1(props) {
+var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$n);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _circle$3 || (_circle$3 = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 6,
+    cy: 6,
+    r: 2,
+    fill: "currentColor"
+  })));
+};
 
 var COMPONENT_ID$g = 'forms.radio_svg';
-var StyledRadioSvg = styled__default['default'](SvgCircleSmFill$1).attrs({
+var StyledRadioSvg = styled__default["default"](SvgCircleSmFill$1).attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledRadioSvg",
   componentId: "sc-1r1qtr1-0"
@@ -1207,9 +1189,9 @@ var sizeStyles$9 = function sizeStyles(props) {
   var padding = size + props.theme.space.base * 2;
   return styled.css(["padding-", ":", "px;&[hidden]{padding-", ":", "px;}"], props.theme.rtl ? 'right' : 'left', padding, props.theme.rtl ? 'right' : 'left', size);
 };
-var StyledToggleLabel = styled__default['default'](StyledCheckLabel).attrs({
+var StyledToggleLabel = styled__default["default"](StyledCheckLabel).attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledToggleLabel",
   componentId: "sc-e0asdk-0"
@@ -1223,9 +1205,9 @@ StyledToggleLabel.defaultProps = {
 };
 
 var COMPONENT_ID$e = 'forms.toggle_hint';
-var StyledToggleHint = styled__default['default'](StyledHint).attrs({
+var StyledToggleHint = styled__default["default"](StyledHint).attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledToggleHint",
   componentId: "sc-nziggu-0"
@@ -1254,11 +1236,11 @@ var sizeStyles$8 = function sizeStyles(props) {
   var iconSize = props.theme.iconSizes.md;
   var iconPosition = polished.math("(".concat(height, " - ").concat(iconSize, ") / 2"));
   var checkedIconPosition = polished.math("".concat(width, " - ").concat(iconSize, " - ").concat(iconPosition));
-  return styled.css(["& ~ ", "::before{width:", ";height:", ";}& ~ ", " > svg{top:", ";", ":", ";width:", ";height:", ";}&:checked ~ ", " > svg{", ":", ";}"], StyledToggleLabel, width, height, StyledToggleLabel, iconPosition, props.theme.rtl ? 'right' : 'left', iconPosition, iconSize, iconSize, StyledToggleLabel, props.theme.rtl ? 'right' : 'left', checkedIconPosition);
+  return styled.css(["top:0;width:", ";height:", ";& ~ ", "::before{width:", ";height:", ";}& ~ ", " > svg{top:", ";", ":", ";width:", ";height:", ";}&:checked ~ ", " > svg{", ":", ";}"], width, height, StyledToggleLabel, width, height, StyledToggleLabel, iconPosition, props.theme.rtl ? 'right' : 'left', iconPosition, iconSize, iconSize, StyledToggleLabel, props.theme.rtl ? 'right' : 'left', checkedIconPosition);
 };
-var StyledToggleInput = styled__default['default'](StyledCheckInput).attrs({
+var StyledToggleInput = styled__default["default"](StyledCheckInput).attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledToggleInput",
   componentId: "sc-sgp47s-0"
@@ -1274,9 +1256,9 @@ StyledToggleInput.defaultProps = {
 };
 
 var COMPONENT_ID$c = 'forms.toggle_message';
-var StyledToggleMessage = styled__default['default'](StyledMessage).attrs({
+var StyledToggleMessage = styled__default["default"](StyledMessage).attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledToggleMessage",
   componentId: "sc-13vuvl1-0"
@@ -1295,30 +1277,30 @@ StyledToggleMessage.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-function _extends$m() { _extends$m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
+var _circle$2;
 
-var _ref$m = /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 8,
-  cy: 8,
-  r: 6,
-  fill: "currentColor"
-});
+function _extends$m() { _extends$m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
 
-function SvgCircleSmFill(props) {
+var SvgCircleSmFill = function SvgCircleSmFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$m);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _circle$2 || (_circle$2 = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 8,
+    cy: 8,
+    r: 6,
+    fill: "currentColor"
+  })));
+};
 
 var COMPONENT_ID$b = 'forms.toggle_svg';
-var StyledToggleSvg = styled__default['default'](SvgCircleSmFill).attrs({
+var StyledToggleSvg = styled__default["default"](SvgCircleSmFill).attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledToggleSvg",
   componentId: "sc-162xbyx-0"
@@ -1340,9 +1322,9 @@ var sizeStyles$7 = function sizeStyles(props) {
   var iconHorizontalPosition = "".concat(props.theme.space.base * 3, "px");
   return styled.css(["padding-", ":", ";& + ", "{top:", ";", ":", ";}"], props.theme.rtl ? 'left' : 'right', !props.isBare && padding, StyledTextMediaFigure, iconVerticalPosition, props.theme.rtl ? 'left' : 'right', iconHorizontalPosition);
 };
-var StyledSelect = styled__default['default'](StyledTextInput).attrs({
+var StyledSelect = styled__default["default"](StyledTextInput).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.47.1',
+  'data-garden-version': '8.48.2',
   as: 'select'
 }).withConfig({
   displayName: "StyledSelect",
@@ -1359,9 +1341,9 @@ StyledSelect.defaultProps = {
 };
 
 var COMPONENT_ID$9 = 'forms.select_wrapper';
-var StyledSelectWrapper = styled__default['default'](StyledTextFauxInput).attrs({
+var StyledSelectWrapper = styled__default["default"](StyledTextFauxInput).attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.47.1',
+  'data-garden-version': '8.48.2',
   isBare: true
 }).withConfig({
   displayName: "StyledSelectWrapper",
@@ -1411,10 +1393,10 @@ var sizeStyles$6 = function sizeStyles(props) {
   var thumbMargin = polished.math("(".concat(trackHeight, " - ").concat(thumbSize, ") / 2"));
   return styled.css(["", ":not([hidden]) + &,", " + &,", " + &,& + ", ",& + ", "{margin-top:", ";}", ";", " ", ""], StyledLabel, StyledHint, StyledMessage, StyledHint, StyledMessage, polished.math("".concat(props.theme.space.base, " * 2px")), trackStyles("\n      margin: ".concat(trackMargin, " 0;\n      border-radius: ").concat(trackBorderRadius, ";\n      height: ").concat(trackHeight, ";\n    ")), thumbStyles("\n      margin: ".concat(thumbMargin, " 0; /* reset for IE */\n      width: ").concat(thumbSize, ";\n      height: ").concat(thumbSize, ";\n    ")), trackLowerStyles("\n      border-top-".concat(props.theme.rtl ? 'right' : 'left', "-radius: ").concat(trackBorderRadius, ";\n      border-bottom-").concat(props.theme.rtl ? 'right' : 'left', "-radius: ").concat(trackBorderRadius, ";\n      height: ").concat(trackHeight, ";\n    ")));
 };
-var StyledRangeInput = styled__default['default'].input.attrs(function (props) {
+var StyledRangeInput = styled__default["default"].input.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$8,
-    'data-garden-version': '8.47.1',
+    'data-garden-version': '8.48.2',
     type: 'range',
     style: {
       backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1443,10 +1425,10 @@ StyledRangeInput.defaultProps = {
 };
 
 var COMPONENT_ID$7 = 'forms.slider';
-var StyledSlider = styled__default['default'].div.attrs(function (props) {
+var StyledSlider = styled__default["default"].div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$7,
-    'data-garden-version': '8.47.1',
+    'data-garden-version': '8.48.2',
     'aria-disabled': props.isDisabled
   };
 }).withConfig({
@@ -1483,10 +1465,10 @@ var sizeStyles$5 = function sizeStyles(props) {
   var marginTop = polished.math("".concat(size, " / -2"));
   return styled.css(["margin-top:", ";width:", ";height:", ";"], marginTop, size, size);
 };
-var StyledSliderThumb = styled__default['default'].div.attrs(function (props) {
+var StyledSliderThumb = styled__default["default"].div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$6,
-    'data-garden-version': '8.47.1',
+    'data-garden-version': '8.48.2',
     'aria-disabled': props.isDisabled
   };
 }).withConfig({
@@ -1527,10 +1509,10 @@ var sizeStyles$4 = function sizeStyles(props) {
   var padding = polished.math("".concat(props.theme.space.base, " * 2.5px"));
   return styled.css(["margin-top:", ";border-radius:", ";background-position:", ";background-size:", ";padding:0 ", ";"], marginTop, borderRadius, backgroundPosition, backgroundSize, padding);
 };
-var StyledSliderTrack = styled__default['default'].div.attrs(function (props) {
+var StyledSliderTrack = styled__default["default"].div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$5,
-    'data-garden-version': '8.47.1',
+    'data-garden-version': '8.48.2',
     'aria-disabled': props.isDisabled
   };
 }).withConfig({
@@ -1555,9 +1537,9 @@ var sizeStyles$3 = function sizeStyles(props) {
   var margin = polished.math("".concat(props.theme.space.base, " * 2.5px"));
   return styled.css(["margin:0 ", " 0 ", ";height:", ";"], props.theme.rtl ? "-".concat(margin) : margin, props.theme.rtl ? margin : "-".concat(margin), height);
 };
-var StyledSliderTrackRail = styled__default['default'].div.attrs({
+var StyledSliderTrackRail = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledSliderTrackRail",
   componentId: "sc-1o5owbd-0"
@@ -1586,9 +1568,9 @@ var sizeStyles$2 = function sizeStyles(props) {
   }
   return styled.css(["position:", ";top:", ";", ";& > *{width:", ";height:", ";}"], position, top, horizontalValue, iconSize, iconSize);
 };
-var StyledTileIcon = styled__default['default'].span.attrs({
+var StyledTileIcon = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledTileIcon",
   componentId: "sc-1wazhg4-0"
@@ -1625,10 +1607,10 @@ var colorStyles = function colorStyles(props) {
   var selectedDisabledBackgroundColor = disabledBorderColor;
   return styled.css(["border:", " ", ";border-color:", ";background-color:", ";color:", ";", "{color:", ";}&:focus{outline:none;}&:hover:not([aria-disabled='true']){border-color:", ";background-color:", ";", "{color:", ";}}&[data-garden-focus-visible='true']{border-color:", ";box-shadow:", ";}&:active:not([aria-disabled='true']){border-color:", ";background-color:", ";", "{color:", ";}}&[data-garden-selected='true']{border-color:", ";background-color:", ";color:", ";", "{color:", ";}}&[data-garden-selected='true']:not([aria-disabled='true']):hover{border-color:", ";background-color:", ";color:", ";", "{color:", ";}}&[data-garden-selected='true']:not([aria-disabled='true']):active{border-color:", ";background-color:", ";color:", ";", "{color:", ";}}&[aria-disabled='true']{border-color:", ";background-color:", ";color:", ";", "{color:", ";}}&[data-garden-selected='true'][aria-disabled='true']{background-color:", ";color:", ";", "{color:", ";}}"], props.theme.borders.sm, reactTheming.getColor('neutralHue', SHADE - 300, props.theme), borderColor, props.theme.colors.background, color, StyledTileIcon, iconColor, hoverBorderColor, hoverBackgroundColor, StyledTileIcon, color, focusBorderColor, focusBoxShadow, activeBorderColor, activeBackgroundColor, StyledTileIcon, color, selectedBorderColor, selectedBackgroundColor, props.theme.colors.background, StyledTileIcon, props.theme.colors.background, selectedHoverBorderColor, selectedHoverBackgroundColor, props.theme.colors.background, StyledTileIcon, props.theme.colors.background, selectedActiveBorderColor, selectedActiveBackgroundColor, props.theme.colors.background, StyledTileIcon, props.theme.colors.background, disabledBorderColor, disabledBackgroundColor, disabledColor, StyledTileIcon, disabledColor, selectedDisabledBackgroundColor, disabledColor, StyledTileIcon, disabledColor);
 };
-var StyledTile = styled__default['default'].label.attrs(function (props) {
+var StyledTile = styled__default["default"].label.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$2,
-    'data-garden-version': '8.47.1',
+    'data-garden-version': '8.48.2',
     'data-garden-focus-visible': props.isFocused,
     'data-garden-selected': props.isSelected
   };
@@ -1664,9 +1646,9 @@ var sizeStyles$1 = function sizeStyles(props) {
   }
   return styled.css(["margin-top:", "px;margin-", ":", ";"], props.theme.space.base, marginDirection, marginValue);
 };
-var StyledTileDescription = styled__default['default'].span.attrs({
+var StyledTileDescription = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledTileDescription",
   componentId: "sc-xfuu7u-0"
@@ -1685,7 +1667,7 @@ StyledTileDescription.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var StyledTileInput = styled__default['default'].input.withConfig({
+var StyledTileInput = styled__default["default"].input.withConfig({
   displayName: "StyledTileInput",
   componentId: "sc-1nq2m6q-0"
 })(["position:absolute;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
@@ -1707,9 +1689,9 @@ var sizeStyles = function sizeStyles(props) {
   }
   return styled.css(["margin-top:", ";margin-", ":", ";"], marginTop, marginDirection, marginValue);
 };
-var StyledTileLabel = styled__default['default'].span.attrs({
+var StyledTileLabel = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledTileLabel",
   componentId: "sc-1mypv27-0"
@@ -1730,7 +1712,7 @@ StyledTileLabel.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var Field = React__default['default'].forwardRef(function (props, ref) {
+var Field = React__default["default"].forwardRef(function (props, ref) {
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isLabelActive = _useState2[0],
@@ -1756,15 +1738,13 @@ var Field = React__default['default'].forwardRef(function (props, ref) {
       multiThumbRangeRef: multiThumbRangeRef
     });
   }, [propGetters, isLabelActive, isLabelHovered]);
-  return React__default['default'].createElement(FieldContext.Provider, {
+  return React__default["default"].createElement(FieldContext.Provider, {
     value: fieldProps
-  }, React__default['default'].createElement(StyledField, _extends$t({}, props, {
+  }, React__default["default"].createElement(StyledField, _extends$t({}, props, {
     ref: ref
   })));
 });
-Field.propTypes = {
-  id: PropTypes__default['default'].string
-};
+Field.displayName = 'Field';
 
 var FieldsetContext = React.createContext(undefined);
 var useFieldsetContext = function useFieldsetContext() {
@@ -1772,35 +1752,37 @@ var useFieldsetContext = function useFieldsetContext() {
   return fieldsetContext;
 };
 
-var Legend = React.forwardRef(function (props, ref) {
+var LegendComponent = React.forwardRef(function (props, ref) {
   var fieldsetContext = useFieldsetContext();
-  return React__default['default'].createElement(StyledLegend, _extends$t({}, props, fieldsetContext, {
+  return React__default["default"].createElement(StyledLegend, _extends$t({}, props, fieldsetContext, {
     ref: ref
   }));
 });
-Legend.displayName = 'Legend';
+LegendComponent.displayName = 'Fieldset.Legend';
+var Legend = LegendComponent;
 
-var Fieldset = React.forwardRef(function (props, ref) {
+var FieldsetComponent = React.forwardRef(function (props, ref) {
   var fieldsetContext = React.useMemo(function () {
     return {
       isCompact: props.isCompact
     };
   }, [props.isCompact]);
-  return React__default['default'].createElement(FieldsetContext.Provider, {
+  return React__default["default"].createElement(FieldsetContext.Provider, {
     value: fieldsetContext
-  }, React__default['default'].createElement(StyledFieldset, _extends$t({}, props, {
+  }, React__default["default"].createElement(StyledFieldset, _extends$t({}, props, {
     ref: ref
   })));
 });
+FieldsetComponent.displayName = 'Fieldset';
+var Fieldset = FieldsetComponent;
 Fieldset.Legend = Legend;
-Fieldset.displayName = 'Fieldset';
 
 var InputContext = React.createContext(undefined);
 var useInputContext = function useInputContext() {
   return React.useContext(InputContext);
 };
 
-var Hint = React__default['default'].forwardRef(function (props, ref) {
+var Hint = React__default["default"].forwardRef(function (props, ref) {
   var fieldContext = useFieldContext();
   var type = useInputContext();
   var HintComponent;
@@ -1817,13 +1799,13 @@ var Hint = React__default['default'].forwardRef(function (props, ref) {
   if (fieldContext) {
     combinedProps = fieldContext.getHintProps(combinedProps);
   }
-  return React__default['default'].createElement(HintComponent, _extends$t({
+  return React__default["default"].createElement(HintComponent, _extends$t({
     ref: ref
   }, combinedProps));
 });
 Hint.displayName = 'Hint';
 
-var Label$1 = React__default['default'].forwardRef(function (props, ref) {
+var Label$1 = React__default["default"].forwardRef(function (props, ref) {
   var fieldContext = useFieldContext();
   var fieldsetContext = useFieldsetContext();
   var type = useInputContext();
@@ -1859,9 +1841,9 @@ var Label$1 = React__default['default'].forwardRef(function (props, ref) {
     });
   }
   if (type === 'radio') {
-    return React__default['default'].createElement(StyledRadioLabel, _extends$t({
+    return React__default["default"].createElement(StyledRadioLabel, _extends$t({
       ref: ref
-    }, combinedProps), React__default['default'].createElement(StyledRadioSvg, null), props.children);
+    }, combinedProps), React__default["default"].createElement(StyledRadioSvg, null), props.children);
   } else if (type === 'checkbox') {
     var onLabelSelect = function onLabelSelect(e) {
       var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
@@ -1881,25 +1863,25 @@ var Label$1 = React__default['default'].forwardRef(function (props, ref) {
     combinedProps = _objectSpread2(_objectSpread2({}, combinedProps), {}, {
       onClick: containerUtilities.composeEventHandlers(combinedProps.onClick, onLabelSelect)
     });
-    return React__default['default'].createElement(StyledCheckLabel, _extends$t({
+    return React__default["default"].createElement(StyledCheckLabel, _extends$t({
       ref: ref
-    }, combinedProps), React__default['default'].createElement(StyledCheckSvg, null), React__default['default'].createElement(StyledDashSvg, null), props.children);
+    }, combinedProps), React__default["default"].createElement(StyledCheckSvg, null), React__default["default"].createElement(StyledDashSvg, null), props.children);
   } else if (type === 'toggle') {
-    return React__default['default'].createElement(StyledToggleLabel, _extends$t({
+    return React__default["default"].createElement(StyledToggleLabel, _extends$t({
       ref: ref
-    }, combinedProps), React__default['default'].createElement(StyledToggleSvg, null), props.children);
+    }, combinedProps), React__default["default"].createElement(StyledToggleSvg, null), props.children);
   }
-  return React__default['default'].createElement(StyledLabel, _extends$t({
+  return React__default["default"].createElement(StyledLabel, _extends$t({
     ref: ref
   }, combinedProps));
 });
 Label$1.displayName = 'Label';
 Label$1.propTypes = {
-  isRegular: PropTypes__default['default'].bool
+  isRegular: PropTypes__default["default"].bool
 };
 
 var _excluded$f = ["validation", "children"];
-var Message = React__default['default'].forwardRef(function (_ref, ref) {
+var Message = React__default["default"].forwardRef(function (_ref, ref) {
   var validation = _ref.validation,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded$f);
@@ -1921,19 +1903,19 @@ var Message = React__default['default'].forwardRef(function (_ref, ref) {
   if (fieldContext) {
     combinedProps = fieldContext.getMessageProps(combinedProps);
   }
-  return React__default['default'].createElement(MessageComponent, _extends$t({
+  return React__default["default"].createElement(MessageComponent, _extends$t({
     ref: ref
-  }, combinedProps), validation && React__default['default'].createElement(StyledMessageIcon, {
+  }, combinedProps), validation && React__default["default"].createElement(StyledMessageIcon, {
     validation: validation
   }), children);
 });
 Message.displayName = 'Message';
 Message.propTypes = {
-  validation: PropTypes__default['default'].oneOf(['success', 'warning', 'error'])
+  validation: PropTypes__default["default"].oneOf(['success', 'warning', 'error'])
 };
 
 var _excluded$e = ["indeterminate", "children"];
-var Checkbox = React__default['default'].forwardRef(function (_ref, ref) {
+var Checkbox = React__default["default"].forwardRef(function (_ref, ref) {
   var indeterminate = _ref.indeterminate,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded$e);
@@ -1959,9 +1941,9 @@ var Checkbox = React__default['default'].forwardRef(function (_ref, ref) {
   if (fieldContext) {
     combinedProps = fieldContext.getInputProps(combinedProps);
   }
-  return React__default['default'].createElement(InputContext.Provider, {
+  return React__default["default"].createElement(InputContext.Provider, {
     value: "checkbox"
-  }, React__default['default'].createElement(StyledCheckInput, combinedProps), children);
+  }, React__default["default"].createElement(StyledCheckInput, combinedProps), children);
 });
 Checkbox.displayName = 'Checkbox';
 
@@ -1971,7 +1953,7 @@ var useInputGroupContext = function useInputGroupContext() {
 };
 
 var _excluded$d = ["onSelect"];
-var Input = React__default['default'].forwardRef(function (_ref, ref) {
+var Input = React__default["default"].forwardRef(function (_ref, ref) {
   var onSelect = _ref.onSelect,
       props = _objectWithoutProperties(_ref, _excluded$d);
   var fieldContext = useFieldContext();
@@ -1994,17 +1976,18 @@ var Input = React__default['default'].forwardRef(function (_ref, ref) {
       isDescribed: true
     });
   }
-  return React__default['default'].createElement(StyledTextInput, combinedProps);
+  return React__default["default"].createElement(StyledTextInput, combinedProps);
 });
 Input.propTypes = {
-  isCompact: PropTypes__default['default'].bool,
-  isBare: PropTypes__default['default'].bool,
-  focusInset: PropTypes__default['default'].bool,
-  validation: PropTypes__default['default'].oneOf(['success', 'warning', 'error'])
+  isCompact: PropTypes__default["default"].bool,
+  isBare: PropTypes__default["default"].bool,
+  focusInset: PropTypes__default["default"].bool,
+  validation: PropTypes__default["default"].oneOf(['success', 'warning', 'error'])
 };
+Input.displayName = 'Input';
 
 var _excluded$c = ["children"];
-var Radio = React__default['default'].forwardRef(function (_ref, ref) {
+var Radio = React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded$c);
   var fieldsetContext = useFieldsetContext();
@@ -2015,14 +1998,14 @@ var Radio = React__default['default'].forwardRef(function (_ref, ref) {
   if (fieldContext) {
     combinedProps = fieldContext.getInputProps(combinedProps);
   }
-  return React__default['default'].createElement(InputContext.Provider, {
+  return React__default["default"].createElement(InputContext.Provider, {
     value: "radio"
-  }, React__default['default'].createElement(StyledRadioInput, combinedProps), children);
+  }, React__default["default"].createElement(StyledRadioInput, combinedProps), children);
 });
 Radio.displayName = 'Radio';
 
 var _excluded$b = ["hasLowerTrack", "min", "max", "step"];
-var Range = React__default['default'].forwardRef(function (_ref, ref) {
+var Range = React__default["default"].forwardRef(function (_ref, ref) {
   var hasLowerTrack = _ref.hasLowerTrack,
       min = _ref.min,
       max = _ref.max,
@@ -2051,7 +2034,7 @@ var Range = React__default['default'].forwardRef(function (_ref, ref) {
     updateBackgroundWidthFromInput(event.target);
   }) : props.onChange;
   var combinedProps = _objectSpread2(_objectSpread2({
-    ref: mergeRefs__default['default']([rangeRef, ref]),
+    ref: mergeRefs__default["default"]([rangeRef, ref]),
     hasLowerTrack: hasLowerTrack,
     min: min,
     max: max,
@@ -2065,7 +2048,7 @@ var Range = React__default['default'].forwardRef(function (_ref, ref) {
       isDescribed: true
     });
   }
-  return React__default['default'].createElement(StyledRangeInput, combinedProps);
+  return React__default["default"].createElement(StyledRangeInput, combinedProps);
 });
 Range.defaultProps = {
   hasLowerTrack: true,
@@ -2073,12 +2056,13 @@ Range.defaultProps = {
   max: 100,
   step: 1
 };
+Range.displayName = 'Range';
 
 var _excluded$a = ["minRows", "maxRows", "style", "onChange", "onSelect"];
 var parseStyleValue = function parseStyleValue(value) {
   return parseInt(value, 10) || 0;
 };
-var Textarea = React__default['default'].forwardRef(function (_ref, ref) {
+var Textarea = React__default["default"].forwardRef(function (_ref, ref) {
   var minRows = _ref.minRows,
       maxRows = _ref.maxRows,
       style = _ref.style,
@@ -2144,7 +2128,7 @@ var Textarea = React__default['default'].forwardRef(function (_ref, ref) {
     if (!isAutoResizable) {
       return undefined;
     }
-    var resizeHandler = debounce__default['default'](function () {
+    var resizeHandler = debounce__default["default"](function () {
       calculateHeight();
     });
     window.addEventListener('resize', resizeHandler);
@@ -2165,7 +2149,7 @@ var Textarea = React__default['default'].forwardRef(function (_ref, ref) {
     event.currentTarget.select();
   }) : onSelect;
   var combinedProps = _objectSpread2({
-    ref: mergeRefs__default['default']([textAreaRef, ref]),
+    ref: mergeRefs__default["default"]([textAreaRef, ref]),
     rows: minRows,
     onChange: onChangeHandler,
     onSelect: onSelectHandler,
@@ -2176,7 +2160,7 @@ var Textarea = React__default['default'].forwardRef(function (_ref, ref) {
       isDescribed: true
     });
   }
-  return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(StyledTextarea, combinedProps), isAutoResizable && React__default['default'].createElement(StyledTextarea, {
+  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledTextarea, combinedProps), isAutoResizable && React__default["default"].createElement(StyledTextarea, {
     "aria-hidden": true,
     readOnly: true,
     isHidden: true,
@@ -2189,17 +2173,18 @@ var Textarea = React__default['default'].forwardRef(function (_ref, ref) {
   }));
 });
 Textarea.propTypes = {
-  isCompact: PropTypes__default['default'].bool,
-  isBare: PropTypes__default['default'].bool,
-  focusInset: PropTypes__default['default'].bool,
-  isResizable: PropTypes__default['default'].bool,
-  minRows: PropTypes__default['default'].number,
-  maxRows: PropTypes__default['default'].number,
-  validation: PropTypes__default['default'].oneOf(['success', 'warning', 'error'])
+  isCompact: PropTypes__default["default"].bool,
+  isBare: PropTypes__default["default"].bool,
+  focusInset: PropTypes__default["default"].bool,
+  isResizable: PropTypes__default["default"].bool,
+  minRows: PropTypes__default["default"].number,
+  maxRows: PropTypes__default["default"].number,
+  validation: PropTypes__default["default"].oneOf(['success', 'warning', 'error'])
 };
+Textarea.displayName = 'Textarea';
 
 var _excluded$9 = ["children"];
-var Toggle = React__default['default'].forwardRef(function (_ref, ref) {
+var Toggle = React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded$9);
   var fieldsetContext = useFieldsetContext();
@@ -2210,42 +2195,48 @@ var Toggle = React__default['default'].forwardRef(function (_ref, ref) {
   if (fieldContext) {
     combinedProps = fieldContext.getInputProps(combinedProps);
   }
-  return React__default['default'].createElement(InputContext.Provider, {
+  return React__default["default"].createElement(InputContext.Provider, {
     value: "toggle"
-  }, React__default['default'].createElement(StyledToggleInput, combinedProps), children);
+  }, React__default["default"].createElement(StyledToggleInput, combinedProps), children);
 });
 Toggle.displayName = 'Toggle';
 
-function _extends$l() { _extends$l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
+var _path$k;
 
-var _ref$l = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
-});
+function _extends$l() { _extends$l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
 
-function SvgChevronDownStroke(props) {
+var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$l);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
+  })));
+};
 
-var _excluded$8 = ["onFocus", "onBlur", "disabled", "readOnly", "isFocused"];
-var StartIcon = function StartIcon(props) {
-  return React__default['default'].createElement(StyledTextMediaFigure, _extends$t({
+var StartIconComponent = function StartIconComponent(props) {
+  return React__default["default"].createElement(StyledTextMediaFigure, _extends$t({
     position: "start"
   }, props));
 };
-var EndIcon = function EndIcon(props) {
-  return React__default['default'].createElement(StyledTextMediaFigure, _extends$t({
+StartIconComponent.displayName = 'FauxInput.StartIcon';
+var StartIcon = StartIconComponent;
+
+var EndIconComponent = function EndIconComponent(props) {
+  return React__default["default"].createElement(StyledTextMediaFigure, _extends$t({
     position: "end"
   }, props));
 };
-var FauxInput = React.forwardRef(function (_ref, ref) {
+EndIconComponent.displayName = 'FauxInput.EndIcon';
+var EndIcon = EndIconComponent;
+
+var _excluded$8 = ["onFocus", "onBlur", "disabled", "readOnly", "isFocused"];
+var FauxInputComponent = React.forwardRef(function (_ref, ref) {
   var onFocus = _ref.onFocus,
       onBlur = _ref.onBlur,
       disabled = _ref.disabled,
@@ -2262,7 +2253,7 @@ var FauxInput = React.forwardRef(function (_ref, ref) {
   var onBlurHandler = containerUtilities.composeEventHandlers(onBlur, function () {
     setIsFocused(false);
   });
-  return React__default['default'].createElement(StyledTextFauxInput, _extends$t({
+  return React__default["default"].createElement(StyledTextFauxInput, _extends$t({
     onFocus: onFocusHandler,
     onBlur: onBlurHandler,
     isFocused: controlledIsFocused === undefined ? isFocused : controlledIsFocused,
@@ -2273,20 +2264,21 @@ var FauxInput = React.forwardRef(function (_ref, ref) {
     ref: ref
   }));
 });
-FauxInput.StartIcon = StartIcon;
-FauxInput.EndIcon = EndIcon;
-FauxInput.displayName = 'FauxInput';
-FauxInput.propTypes = {
-  isCompact: PropTypes__default['default'].bool,
-  isBare: PropTypes__default['default'].bool,
-  focusInset: PropTypes__default['default'].bool,
-  disabled: PropTypes__default['default'].bool,
-  readOnly: PropTypes__default['default'].bool,
-  validation: PropTypes__default['default'].oneOf(['success', 'warning', 'error'])
+FauxInputComponent.displayName = 'FauxInput';
+FauxInputComponent.propTypes = {
+  isCompact: PropTypes__default["default"].bool,
+  isBare: PropTypes__default["default"].bool,
+  focusInset: PropTypes__default["default"].bool,
+  disabled: PropTypes__default["default"].bool,
+  readOnly: PropTypes__default["default"].bool,
+  validation: PropTypes__default["default"].oneOf(['success', 'warning', 'error'])
 };
+var FauxInput = FauxInputComponent;
+FauxInput.EndIcon = EndIcon;
+FauxInput.StartIcon = StartIcon;
 
 var _excluded$7 = ["disabled", "isCompact"];
-var Select = React__default['default'].forwardRef(function (_ref, ref) {
+var Select = React__default["default"].forwardRef(function (_ref, ref) {
   var disabled = _ref.disabled,
       isCompact = _ref.isCompact,
       props = _objectWithoutProperties(_ref, _excluded$7);
@@ -2301,21 +2293,22 @@ var Select = React__default['default'].forwardRef(function (_ref, ref) {
       isDescribed: true
     });
   }
-  return React__default['default'].createElement(StyledSelectWrapper, {
+  return React__default["default"].createElement(StyledSelectWrapper, {
     isCompact: isCompact
-  }, React__default['default'].createElement(StyledSelect, combinedProps), !props.isBare && React__default['default'].createElement(FauxInput.EndIcon, {
+  }, React__default["default"].createElement(StyledSelect, combinedProps), !props.isBare && React__default["default"].createElement(FauxInput.EndIcon, {
     isDisabled: disabled
-  }, React__default['default'].createElement(SvgChevronDownStroke, null)));
+  }, React__default["default"].createElement(SvgChevronDownStroke, null)));
 });
 Select.propTypes = {
-  isCompact: PropTypes__default['default'].bool,
-  isBare: PropTypes__default['default'].bool,
-  focusInset: PropTypes__default['default'].bool,
-  validation: PropTypes__default['default'].oneOf(['success', 'warning', 'error'])
+  isCompact: PropTypes__default["default"].bool,
+  isBare: PropTypes__default["default"].bool,
+  focusInset: PropTypes__default["default"].bool,
+  validation: PropTypes__default["default"].oneOf(['success', 'warning', 'error'])
 };
+Select.displayName = 'Select';
 
-var _excluded$6 = ["min", "max", "minValue", "maxValue", "disabled", "step", "onChange", "theme", "onMouseDown"];
-var MultiThumbRange = function MultiThumbRange(_ref) {
+var _excluded$6 = ["min", "max", "minValue", "maxValue", "disabled", "step", "onChange", "onMouseDown"];
+var MultiThumbRange = React.forwardRef(function (_ref, ref) {
   var min = _ref.min,
       max = _ref.max,
       minValue = _ref.minValue,
@@ -2323,9 +2316,9 @@ var MultiThumbRange = function MultiThumbRange(_ref) {
       disabled = _ref.disabled,
       step = _ref.step,
       onChange = _ref.onChange,
-      theme = _ref.theme,
       onMouseDown = _ref.onMouseDown,
       props = _objectWithoutProperties(_ref, _excluded$6);
+  var theme = React.useContext(styled.ThemeContext);
   var themedDocument = reactTheming.useDocument(theme);
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -2347,7 +2340,7 @@ var MultiThumbRange = function MultiThumbRange(_ref) {
       isLabelHovered = _ref2.isLabelHovered,
       isLabelActive = _ref2.isLabelActive,
       multiThumbRangeRef = _ref2.multiThumbRangeRef;
-  var onWindowResize = React.useCallback(debounce__default['default'](function () {
+  var onWindowResize = React.useCallback(debounce__default["default"](function () {
     if (trackRailRef.current) {
       setRailWidth(trackRailRef.current.getBoundingClientRect().width);
     }
@@ -2555,16 +2548,17 @@ var MultiThumbRange = function MultiThumbRange(_ref) {
   var maxPosition = calculateMaxPosition(MIN_DISTANCE);
   var sliderBackgroundSize = Math.abs(maxPosition) - Math.abs(minPosition);
   var onSliderMouseDown = containerUtilities.composeEventHandlers(onMouseDown, onTrackMouseDown);
-  return React__default['default'].createElement(StyledSlider, _extends$t({
+  return React__default["default"].createElement(StyledSlider, _extends$t({
+    ref: ref,
     isDisabled: disabled,
     onMouseDown: onSliderMouseDown
-  }, props), React__default['default'].createElement(StyledSliderTrack, {
+  }, props), React__default["default"].createElement(StyledSliderTrack, {
     backgroundSize: sliderBackgroundSize,
     backgroundPosition: theme.rtl ? railWidth - maxPosition : minPosition,
     isDisabled: disabled
-  }, React__default['default'].createElement(StyledSliderTrackRail, {
+  }, React__default["default"].createElement(StyledSliderTrackRail, {
     ref: trackRailRef
-  }, React__default['default'].createElement(StyledSliderThumb, {
+  }, React__default["default"].createElement(StyledSliderThumb, {
     role: "slider",
     tabIndex: disabled ? undefined : 0,
     "aria-valuemin": min,
@@ -2591,7 +2585,7 @@ var MultiThumbRange = function MultiThumbRange(_ref) {
     },
     "data-garden-active": isLabelActive,
     "data-garden-hover": isLabelHovered
-  }), React__default['default'].createElement(StyledSliderThumb, {
+  }), React__default["default"].createElement(StyledSliderThumb, {
     role: "slider",
     tabIndex: disabled ? undefined : 0,
     "aria-valuemin": minValue,
@@ -2611,25 +2605,24 @@ var MultiThumbRange = function MultiThumbRange(_ref) {
       maxThumbRef.current && maxThumbRef.current.focus();
     }
   }))));
-};
+});
+MultiThumbRange.displayName = 'MultiThumbRange';
 MultiThumbRange.propTypes = {
-  min: PropTypes__default['default'].number,
-  max: PropTypes__default['default'].number,
-  minValue: PropTypes__default['default'].number,
-  maxValue: PropTypes__default['default'].number,
-  step: PropTypes__default['default'].number,
-  disabled: PropTypes__default['default'].bool,
-  onChange: PropTypes__default['default'].func
+  min: PropTypes__default["default"].number,
+  max: PropTypes__default["default"].number,
+  minValue: PropTypes__default["default"].number,
+  maxValue: PropTypes__default["default"].number,
+  step: PropTypes__default["default"].number,
+  disabled: PropTypes__default["default"].bool,
+  onChange: PropTypes__default["default"].func
 };
 MultiThumbRange.defaultProps = {
   min: 0,
   max: 100,
   minValue: 0,
   maxValue: 100,
-  step: 1,
-  theme: reactTheming.DEFAULT_THEME
+  step: 1
 };
-var MultiThumbRange$1 = reactTheming.withTheme(MultiThumbRange);
 
 var TilesContext = React.createContext(undefined);
 var useTilesContext = function useTilesContext() {
@@ -2637,7 +2630,7 @@ var useTilesContext = function useTilesContext() {
 };
 
 var _excluded$5 = ["children", "value", "disabled"];
-var Tile = React__default['default'].forwardRef(function (_ref, ref) {
+var TileComponent = React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       value = _ref.value,
       disabled = _ref.disabled,
@@ -2656,13 +2649,13 @@ var Tile = React__default['default'].forwardRef(function (_ref, ref) {
       onChange: tilesContext.onChange
     };
   }
-  return React__default['default'].createElement(StyledTile, _extends$t({
+  return React__default["default"].createElement(StyledTile, _extends$t({
     ref: ref,
     "aria-disabled": disabled,
     isDisabled: disabled,
     isFocused: isFocused,
     isSelected: tilesContext && tilesContext.value === value
-  }, props), children, React__default['default'].createElement(StyledTileInput, _extends$t({}, inputProps, {
+  }, props), children, React__default["default"].createElement(StyledTileInput, _extends$t({}, inputProps, {
     disabled: disabled,
     value: value,
     onBlur: function onBlur() {
@@ -2680,31 +2673,34 @@ var Tile = React__default['default'].forwardRef(function (_ref, ref) {
     ref: inputRef
   })));
 });
-Tile.displayName = 'Tile';
-Tile.propTypes = {
-  value: PropTypes__default['default'].string,
-  disabled: PropTypes__default['default'].bool
+TileComponent.displayName = 'Tiles.Tile';
+TileComponent.propTypes = {
+  value: PropTypes__default["default"].string,
+  disabled: PropTypes__default["default"].bool
 };
+var Tile = TileComponent;
 
-var Description = React__default['default'].forwardRef(function (props, ref) {
+var DescriptionComponent = React.forwardRef(function (props, ref) {
   var tilesContext = useTilesContext();
-  return React__default['default'].createElement(StyledTileDescription, _extends$t({
+  return React__default["default"].createElement(StyledTileDescription, _extends$t({
     ref: ref,
     isCentered: tilesContext && tilesContext.isCentered
   }, props));
 });
-Description.displayName = 'TileDescription';
+DescriptionComponent.displayName = 'Tiles.Description';
+var Description = DescriptionComponent;
 
-var Icon = React__default['default'].forwardRef(function (props, ref) {
+var IconComponent = React.forwardRef(function (props, ref) {
   var tileContext = useTilesContext();
-  return React__default['default'].createElement(StyledTileIcon, _extends$t({
+  return React__default["default"].createElement(StyledTileIcon, _extends$t({
     ref: ref,
     isCentered: tileContext && tileContext.isCentered
   }, props));
 });
-Icon.displayName = 'TileIcon';
+IconComponent.displayName = 'Tiles.Icon';
+var Icon = IconComponent;
 
-var Label = React__default['default'].forwardRef(function (props, forwardedRef) {
+var LabelComponent = React.forwardRef(function (props, forwardedRef) {
   var _useState = React.useState(''),
       _useState2 = _slicedToArray(_useState, 2),
       title = _useState2[0],
@@ -2716,16 +2712,17 @@ var Label = React__default['default'].forwardRef(function (props, forwardedRef)
       setTitle(ref.current.textContent || undefined);
     }
   }, [ref]);
-  return React__default['default'].createElement(StyledTileLabel, _extends$t({
-    ref: mergeRefs__default['default']([ref, forwardedRef]),
+  return React__default["default"].createElement(StyledTileLabel, _extends$t({
+    ref: mergeRefs__default["default"]([ref, forwardedRef]),
     title: title,
     isCentered: tilesContext && tilesContext.isCentered
   }, props));
 });
-Label.displayName = 'TileLabel';
+LabelComponent.displayName = 'Tiles.Label';
+var Label = LabelComponent;
 
 var _excluded$4 = ["onChange", "value", "name", "isCentered"];
-var Tiles = React__default['default'].forwardRef(function (_ref, ref) {
+var TilesComponent = React.forwardRef(function (_ref, ref) {
   var onChange = _ref.onChange,
       controlledValue = _ref.value,
       name = _ref.name,
@@ -2753,30 +2750,31 @@ var Tiles = React__default['default'].forwardRef(function (_ref, ref) {
       isCentered: isCentered
     };
   }, [handleOnChange, selectedValue, name, isCentered]);
-  return React__default['default'].createElement(TilesContext.Provider, {
+  return React__default["default"].createElement(TilesContext.Provider, {
     value: tileContext
-  }, React__default['default'].createElement("div", _extends$t({
+  }, React__default["default"].createElement("div", _extends$t({
     ref: ref,
     role: "radiogroup"
   }, props)));
 });
-Tiles.displayName = 'Tiles';
-Tiles.Tile = Tile;
-Tiles.Icon = Icon;
-Tiles.Label = Label;
-Tiles.Description = Description;
-Tiles.propTypes = {
-  value: PropTypes__default['default'].string,
-  onChange: PropTypes__default['default'].func,
-  name: PropTypes__default['default'].string.isRequired,
-  isCentered: PropTypes__default['default'].bool
+TilesComponent.displayName = 'Tiles';
+TilesComponent.propTypes = {
+  value: PropTypes__default["default"].string,
+  onChange: PropTypes__default["default"].func,
+  name: PropTypes__default["default"].string.isRequired,
+  isCentered: PropTypes__default["default"].bool
 };
-Tiles.defaultProps = {
+TilesComponent.defaultProps = {
   isCentered: true
 };
+var Tiles = TilesComponent;
+Tiles.Description = Description;
+Tiles.Icon = Icon;
+Tiles.Label = Label;
+Tiles.Tile = Tile;
 
 var _excluded$3 = ["isCompact"];
-var InputGroup = React__default['default'].forwardRef(function (_ref, ref) {
+var InputGroup = React__default["default"].forwardRef(function (_ref, ref) {
   var isCompact = _ref.isCompact,
       props = _objectWithoutProperties(_ref, _excluded$3);
   var contextValue = React.useMemo(function () {
@@ -2784,538 +2782,534 @@ var InputGroup = React__default['default'].forwardRef(function (_ref, ref) {
       isCompact: isCompact
     };
   }, [isCompact]);
-  return React__default['default'].createElement(InputGroupContext.Provider, {
+  return React__default["default"].createElement(InputGroupContext.Provider, {
     value: contextValue
-  }, React__default['default'].createElement(StyledInputGroup, _extends$t({
+  }, React__default["default"].createElement(StyledInputGroup, _extends$t({
     ref: ref,
     isCompact: isCompact
   }, props)));
 });
 InputGroup.displayName = 'InputGroup';
 InputGroup.propTypes = {
-  isCompact: PropTypes__default['default'].bool
+  isCompact: PropTypes__default["default"].bool
 };
 
 var _excluded$2 = ["disabled"];
-var FileUpload = React__default['default'].forwardRef(function (_ref, ref) {
+var FileUpload = React__default["default"].forwardRef(function (_ref, ref) {
   var disabled = _ref.disabled,
       props = _objectWithoutProperties(_ref, _excluded$2);
-  return React__default['default'].createElement(StyledFileUpload, _extends$t({
+  return React__default["default"].createElement(StyledFileUpload, _extends$t({
     ref: ref,
     "aria-disabled": disabled
   }, props));
 });
 FileUpload.propTypes = {
-  isDragging: PropTypes__default['default'].bool,
-  isCompact: PropTypes__default['default'].bool,
-  disabled: PropTypes__default['default'].bool
+  isDragging: PropTypes__default["default"].bool,
+  isCompact: PropTypes__default["default"].bool,
+  disabled: PropTypes__default["default"].bool
 };
 FileUpload.displayName = 'FileUpload';
 
-var Item = React.forwardRef(function (_ref, ref) {
+var ItemComponent = React.forwardRef(function (_ref, ref) {
   var props = _extends$t({}, _ref);
-  return React__default['default'].createElement(StyledFileListItem, _extends$t({}, props, {
+  return React__default["default"].createElement(StyledFileListItem, _extends$t({}, props, {
     ref: ref
   }));
 });
-Item.displayName = 'FileList.Item';
+ItemComponent.displayName = 'FileList.Item';
+var Item = ItemComponent;
 
-var FileList = React.forwardRef(function (_ref, ref) {
+var FileListComponent = React.forwardRef(function (_ref, ref) {
   var props = _extends$t({}, _ref);
-  return React__default['default'].createElement(StyledFileList, _extends$t({}, props, {
+  return React__default["default"].createElement(StyledFileList, _extends$t({}, props, {
     ref: ref
   }));
 });
-FileList.displayName = 'FileList';
+FileListComponent.displayName = 'FileList';
+var FileList = FileListComponent;
 FileList.Item = Item;
 
-function _extends$k() { _extends$k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
+var _path$j;
 
-var _ref$k = /*#__PURE__*/React__namespace.createElement("path", {
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M3 9l6-6m0 6L3 3"
-});
+function _extends$k() { _extends$k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
 
-function SvgXStroke$1(props) {
+var SvgXStroke$1 = function SvgXStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$k);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M3 9l6-6m0 6L3 3"
+  })));
+};
 
-function _extends$j() { _extends$j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
+var _path$i;
 
-var _ref$j = /*#__PURE__*/React__namespace.createElement("path", {
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M3 13L13 3m0 10L3 3"
-});
+function _extends$j() { _extends$j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
 
-function SvgXStroke(props) {
+var SvgXStroke = function SvgXStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$j);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M3 13L13 3m0 10L3 3"
+  })));
+};
 
 var FileContext = React.createContext(undefined);
 var useFileContext = function useFileContext() {
   return React.useContext(FileContext);
 };
 
-var Close = React__default['default'].forwardRef(function (props, ref) {
+var CloseComponent = React__default["default"].forwardRef(function (props, ref) {
   var fileContext = useFileContext();
   var onMouseDown = containerUtilities.composeEventHandlers(props.onMouseDown, function (event) {
     return event.preventDefault();
   }
   );
-  return React__default['default'].createElement(StyledFileClose, _extends$t({
+  return React__default["default"].createElement(StyledFileClose, _extends$t({
     ref: ref
   }, props, {
     onMouseDown: onMouseDown
-  }), fileContext && fileContext.isCompact ? React__default['default'].createElement(SvgXStroke$1, null) : React__default['default'].createElement(SvgXStroke, null));
+  }), fileContext && fileContext.isCompact ? React__default["default"].createElement(SvgXStroke$1, null) : React__default["default"].createElement(SvgXStroke, null));
 });
-Close.displayName = 'File.Close';
+CloseComponent.displayName = 'File.Close';
+var Close = CloseComponent;
 
-function _extends$i() { _extends$i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
+var _path$h;
 
-var _ref$i = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M4.5 2.5V1c0-.3.2-.5.5-.5h2c.3 0 .5.2.5.5v1.5M2 2.5h8m-5.5 7V5m3 4.5V5m-5-.5V11c0 .3.2.5.5.5h6c.3 0 .5-.2.5-.5V4.5"
-});
+function _extends$i() { _extends$i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
 
-function SvgTrashStroke$1(props) {
+var SvgTrashStroke$1 = function SvgTrashStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$i);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M4.5 2.5V1c0-.3.2-.5.5-.5h2c.3 0 .5.2.5.5v1.5M2 2.5h8m-5.5 7V5m3 4.5V5m-5-.5V11c0 .3.2.5.5.5h6c.3 0 .5-.2.5-.5V4.5"
+  })));
+};
 
-function _extends$h() { _extends$h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
+var _path$g;
 
-var _ref$h = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M6.5 2.5V1c0-.3.2-.5.5-.5h2c.3 0 .5.2.5.5v1.5M3 2.5h10m-6.5 11v-8m3 8v-8m-6-1V15c0 .3.2.5.5.5h8c.3 0 .5-.2.5-.5V4.5"
-});
+function _extends$h() { _extends$h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
 
-function SvgTrashStroke(props) {
+var SvgTrashStroke = function SvgTrashStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$h);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M6.5 2.5V1c0-.3.2-.5.5-.5h2c.3 0 .5.2.5.5v1.5M3 2.5h10m-6.5 11v-8m3 8v-8m-6-1V15c0 .3.2.5.5.5h8c.3 0 .5-.2.5-.5V4.5"
+  })));
+};
 
-var Delete = React__default['default'].forwardRef(function (props, ref) {
+var DeleteComponent = React__default["default"].forwardRef(function (props, ref) {
   var fileContext = useFileContext();
   var onMouseDown = containerUtilities.composeEventHandlers(props.onMouseDown, function (event) {
     return event.preventDefault();
   }
   );
-  return React__default['default'].createElement(StyledFileDelete, _extends$t({
+  return React__default["default"].createElement(StyledFileDelete, _extends$t({
     ref: ref
   }, props, {
     onMouseDown: onMouseDown
-  }), fileContext && fileContext.isCompact ? React__default['default'].createElement(SvgTrashStroke$1, null) : React__default['default'].createElement(SvgTrashStroke, null));
+  }), fileContext && fileContext.isCompact ? React__default["default"].createElement(SvgTrashStroke$1, null) : React__default["default"].createElement(SvgTrashStroke, null));
 });
-Delete.displayName = 'File.Delete';
-
-function _extends$g() { _extends$g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
+DeleteComponent.displayName = 'File.Delete';
+var Delete = DeleteComponent;
 
-var _ref$g = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M10.5 3.21V11a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5V1A.5.5 0 012 .5h5.79a.5.5 0 01.35.15l2.21 2.21a.5.5 0 01.15.35zM7.5.5V3a.5.5 0 00.5.5h2.5m-7 6h5"
-});
+var _path$f, _rect$1;
 
-var _ref2$3 = /*#__PURE__*/React__namespace.createElement("rect", {
-  width: 6,
-  height: 3,
-  x: 3,
-  y: 5,
-  fill: "currentColor",
-  rx: 0.5,
-  ry: 0.5
-});
+function _extends$g() { _extends$g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
 
-function SvgFilePdfStroke$1(props) {
+var SvgFilePdfStroke$1 = function SvgFilePdfStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$g, _ref2$3);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M10.5 3.21V11a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5V1A.5.5 0 012 .5h5.79a.5.5 0 01.35.15l2.21 2.21a.5.5 0 01.15.35zM7.5.5V3a.5.5 0 00.5.5h2.5m-7 6h5"
+  })), _rect$1 || (_rect$1 = /*#__PURE__*/React__namespace.createElement("rect", {
+    width: 6,
+    height: 3,
+    x: 3,
+    y: 5,
+    fill: "currentColor",
+    rx: 0.5,
+    ry: 0.5
+  })));
+};
 
-function _extends$f() { _extends$f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
+var _path$e;
 
-var _ref$f = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M4.5.5v8m0-6h1m-2 1h1m0 1h1m-2 1h1m0 1h1m-2 1h1m6-4.29V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"
-});
+function _extends$f() { _extends$f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
 
-function SvgFileZipStroke$1(props) {
+var SvgFileZipStroke$1 = function SvgFileZipStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$f);
-}
-
-function _extends$e() { _extends$e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M4.5.5v8m0-6h1m-2 1h1m0 1h1m-2 1h1m0 1h1m-2 1h1m6-4.29V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"
+  })));
+};
 
-var _ref$e = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  d: "M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5m-7 6L5 8l1.5 1.5 1-1 1 1"
-});
+var _path$d, _circle$1;
 
-var _ref2$2 = /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 8,
-  cy: 6,
-  r: 1,
-  fill: "currentColor"
-});
+function _extends$e() { _extends$e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
 
-function SvgFileImageStroke$1(props) {
+var SvgFileImageStroke$1 = function SvgFileImageStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$e, _ref2$2);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5m-7 6L5 8l1.5 1.5 1-1 1 1"
+  })), _circle$1 || (_circle$1 = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 8,
+    cy: 6,
+    r: 1,
+    fill: "currentColor"
+  })));
+};
 
-function _extends$d() { _extends$d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
+var _path$c;
 
-var _ref$d = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M3.5 5.5h5m-5 2h5m-5 2h5m2-6.29V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"
-});
+function _extends$d() { _extends$d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
 
-function SvgFileDocumentStroke$1(props) {
+var SvgFileDocumentStroke$1 = function SvgFileDocumentStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$d);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M3.5 5.5h5m-5 2h5m-5 2h5m2-6.29V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"
+  })));
+};
 
-function _extends$c() { _extends$c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
+var _path$b;
 
-var _ref$c = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M3.5 5.5h1m-1 2h1m-1 2h1m2-4h2m-2 2h2m-2 2h2m2-6.29V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"
-});
+function _extends$c() { _extends$c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
 
-function SvgFileSpreadsheetStroke$1(props) {
+var SvgFileSpreadsheetStroke$1 = function SvgFileSpreadsheetStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$c);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M3.5 5.5h1m-1 2h1m-1 2h1m2-4h2m-2 2h2m-2 2h2m2-6.29V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"
+  })));
+};
 
-function _extends$b() { _extends$b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
+var _path$a;
 
-var _ref$b = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  d: "M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM6 9.5h2c.28 0 .5-.22.5-.5V8c0-.28-.22-.5-.5-.5H6c-.28 0-.5.22-.5.5v1c0 .28.22.5.5.5zm-2-2h2c.28 0 .5-.22.5-.5V6c0-.28-.22-.5-.5-.5H4c-.28 0-.5.22-.5.5v1c0 .28.22.5.5.5zm3.5-7V3c0 .28.22.5.5.5h2.5"
-});
+function _extends$b() { _extends$b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
 
-function SvgFilePresentationStroke$1(props) {
+var SvgFilePresentationStroke$1 = function SvgFilePresentationStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$b);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    d: "M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM6 9.5h2c.28 0 .5-.22.5-.5V8c0-.28-.22-.5-.5-.5H6c-.28 0-.5.22-.5.5v1c0 .28.22.5.5.5zm-2-2h2c.28 0 .5-.22.5-.5V6c0-.28-.22-.5-.5-.5H4c-.28 0-.5.22-.5.5v1c0 .28.22.5.5.5zm3.5-7V3c0 .28.22.5.5.5h2.5"
+  })));
+};
 
-function _extends$a() { _extends$a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
+var _path$9;
 
-var _ref$a = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  d: "M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"
-});
+function _extends$a() { _extends$a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
 
-function SvgFileGenericStroke$1(props) {
+var SvgFileGenericStroke$1 = function SvgFileGenericStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$a);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    d: "M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"
+  })));
+};
+
+var _g;
 
 function _extends$9() { _extends$9 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
 
-var _ref$9 = /*#__PURE__*/React__namespace.createElement("g", {
-  fill: "none",
-  stroke: "currentColor"
-}, /*#__PURE__*/React__namespace.createElement("path", {
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  d: "M3.5 6l2 2L9 4.5"
-}), /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 6,
-  cy: 6,
-  r: 5.5
-}));
-
-function SvgCheckCircleStroke(props) {
+var SvgCheckCircleStroke = function SvgCheckCircleStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$9);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    fill: "none",
+    stroke: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M3.5 6l2 2L9 4.5"
+  }), /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 6,
+    cy: 6,
+    r: 5.5
+  }))));
+};
 
-function _extends$8() { _extends$8 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
+var _path$8;
 
-var _ref$8 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5M4 9.5l4-4m0 4l-4-4"
-});
+function _extends$8() { _extends$8 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
 
-function SvgFileErrorStroke$1(props) {
+var SvgFileErrorStroke$1 = function SvgFileErrorStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$8);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5M4 9.5l4-4m0 4l-4-4"
+  })));
+};
 
-function _extends$7() { _extends$7 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
+var _path$7, _rect;
 
-var _ref$7 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M14.5 4.2V15a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5V1A.5.5 0 012 .5h8.85a.5.5 0 01.36.15l3.15 3.2a.5.5 0 01.14.35zm-10 8.3h7m-7-2h7m-1-10V4a.5.5 0 00.5.5h3.5"
-});
-
-var _ref2$1 = /*#__PURE__*/React__namespace.createElement("rect", {
-  width: 8,
-  height: 2,
-  x: 4,
-  y: 7,
-  fill: "currentColor",
-  rx: 0.5,
-  ry: 0.5
-});
+function _extends$7() { _extends$7 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
 
-function SvgFilePdfStroke(props) {
+var SvgFilePdfStroke = function SvgFilePdfStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$7, _ref2$1);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M14.5 4.2V15a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5V1A.5.5 0 012 .5h8.85a.5.5 0 01.36.15l3.15 3.2a.5.5 0 01.14.35zm-10 8.3h7m-7-2h7m-1-10V4a.5.5 0 00.5.5h3.5"
+  })), _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
+    width: 8,
+    height: 2,
+    x: 4,
+    y: 7,
+    fill: "currentColor",
+    rx: 0.5,
+    ry: 0.5
+  })));
+};
 
-function _extends$6() { _extends$6 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+var _path$6;
 
-var _ref$6 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M6.5.5v11M5 2.5h1.5m0 1H8m-3 1h1.5m0 1H8m-3 1h1.5m0 1H8m-3 1h1.5m0 1H8m-3 1h1.5m8-6.3V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"
-});
+function _extends$6() { _extends$6 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
 
-function SvgFileZipStroke(props) {
+var SvgFileZipStroke = function SvgFileZipStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$6);
-}
-
-function _extends$5() { _extends$5 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M6.5.5v11M5 2.5h1.5m0 1H8m-3 1h1.5m0 1H8m-3 1h1.5m0 1H8m-3 1h1.5m0 1H8m-3 1h1.5m8-6.3V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"
+  })));
+};
 
-var _ref$5 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M14.5 4.2V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5m-11 9l2.65-2.65c.2-.2.51-.2.71 0l1.79 1.79c.2.2.51.2.71 0l.79-.79c.2-.2.51-.2.71 0l1.65 1.65"
-});
+var _path$5, _circle;
 
-var _ref2 = /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 10.5,
-  cy: 8.5,
-  r: 1.5,
-  fill: "currentColor"
-});
+function _extends$5() { _extends$5 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
 
-function SvgFileImageStroke(props) {
+var SvgFileImageStroke = function SvgFileImageStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$5, _ref2);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M14.5 4.2V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5m-11 9l2.65-2.65c.2-.2.51-.2.71 0l1.79 1.79c.2.2.51.2.71 0l.79-.79c.2-.2.51-.2.71 0l1.65 1.65"
+  })), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 10.5,
+    cy: 8.5,
+    r: 1.5,
+    fill: "currentColor"
+  })));
+};
 
-function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+var _path$4;
 
-var _ref$4 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M4.5 7.5h7m-7 1.97h7m-7 2h7m3-7.27V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"
-});
+function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
 
-function SvgFileDocumentStroke(props) {
+var SvgFileDocumentStroke = function SvgFileDocumentStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$4);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M4.5 7.5h7m-7 1.97h7m-7 2h7m3-7.27V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"
+  })));
+};
 
-function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+var _path$3;
 
-var _ref$3 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M4.5 7.5h2m-2 2h2m-2 2h2m2-4h3m-3 2h3m-3 2h3m3-7.3V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"
-});
+function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
 
-function SvgFileSpreadsheetStroke(props) {
+var SvgFileSpreadsheetStroke = function SvgFileSpreadsheetStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$3);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M4.5 7.5h2m-2 2h2m-2 2h2m2-4h3m-3 2h3m-3 2h3m3-7.3V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"
+  })));
+};
 
-function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
+var _path$2;
 
-var _ref$2 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  d: "M14.5 4.2V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5M7 9.5h4c.28 0 .5.22.5.5v3c0 .28-.22.5-.5.5H7c-.28 0-.5-.22-.5-.5v-3c0-.28.22-.5.5-.5zm-.5 2H5c-.28 0-.5-.22-.5-.5V8c0-.28.22-.5.5-.5h4c.28 0 .5.22.5.5v1.5"
-});
+function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 
-function SvgFilePresentationStroke(props) {
+var SvgFilePresentationStroke = function SvgFilePresentationStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$2);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    d: "M14.5 4.2V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5M7 9.5h4c.28 0 .5.22.5.5v3c0 .28-.22.5-.5.5H7c-.28 0-.5-.22-.5-.5v-3c0-.28.22-.5.5-.5zm-.5 2H5c-.28 0-.5-.22-.5-.5V8c0-.28.22-.5.5-.5h4c.28 0 .5.22.5.5v1.5"
+  })));
+};
 
-function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+var _path$1;
 
-var _ref$1 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  d: "M14.5 4.2V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"
-});
+function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 
-function SvgFileGenericStroke(props) {
+var SvgFileGenericStroke = function SvgFileGenericStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$1);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    d: "M14.5 4.2V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"
+  })));
+};
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _path;
 
-var _ref = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M14.5 4.205V15a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5V1A.5.5 0 012 .5h8.853a.5.5 0 01.356.15l3.148 3.204a.5.5 0 01.143.35zM10.5.5V4a.5.5 0 00.5.5h3.5m-9 8l5-5m0 5l-5-5"
-});
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function SvgFileErrorStroke(props) {
+var SvgFileErrorStroke = function SvgFileErrorStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M14.5 4.205V15a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5V1A.5.5 0 012 .5h8.853a.5.5 0 01.356.15l3.148 3.204a.5.5 0 01.143.35zM10.5.5V4a.5.5 0 00.5.5h3.5m-9 8l5-5m0 5l-5-5"
+  })));
+};
 
 var FileType;
 (function (FileType) {
@@ -3334,30 +3328,30 @@ var ValidationType;
 })(ValidationType || (ValidationType = {}));
 var ARRAY_FILE_TYPE = _toConsumableArray(Object.values(FileType));
 var fileIconsDefault = {
-  pdf: React__default['default'].createElement(SvgFilePdfStroke, null),
-  zip: React__default['default'].createElement(SvgFileZipStroke, null),
-  image: React__default['default'].createElement(SvgFileImageStroke, null),
-  document: React__default['default'].createElement(SvgFileDocumentStroke, null),
-  spreadsheet: React__default['default'].createElement(SvgFileSpreadsheetStroke, null),
-  presentation: React__default['default'].createElement(SvgFilePresentationStroke, null),
-  generic: React__default['default'].createElement(SvgFileGenericStroke, null),
-  success: React__default['default'].createElement(SvgCheckCircleStroke$1, null),
-  error: React__default['default'].createElement(SvgFileErrorStroke, null)
+  pdf: React__default["default"].createElement(SvgFilePdfStroke, null),
+  zip: React__default["default"].createElement(SvgFileZipStroke, null),
+  image: React__default["default"].createElement(SvgFileImageStroke, null),
+  document: React__default["default"].createElement(SvgFileDocumentStroke, null),
+  spreadsheet: React__default["default"].createElement(SvgFileSpreadsheetStroke, null),
+  presentation: React__default["default"].createElement(SvgFilePresentationStroke, null),
+  generic: React__default["default"].createElement(SvgFileGenericStroke, null),
+  success: React__default["default"].createElement(SvgCheckCircleStroke$1, null),
+  error: React__default["default"].createElement(SvgFileErrorStroke, null)
 };
 var fileIconsCompact = {
-  pdf: React__default['default'].createElement(SvgFilePdfStroke$1, null),
-  zip: React__default['default'].createElement(SvgFileZipStroke$1, null),
-  image: React__default['default'].createElement(SvgFileImageStroke$1, null),
-  document: React__default['default'].createElement(SvgFileDocumentStroke$1, null),
-  spreadsheet: React__default['default'].createElement(SvgFileSpreadsheetStroke$1, null),
-  presentation: React__default['default'].createElement(SvgFilePresentationStroke$1, null),
-  generic: React__default['default'].createElement(SvgFileGenericStroke$1, null),
-  success: React__default['default'].createElement(SvgCheckCircleStroke, null),
-  error: React__default['default'].createElement(SvgFileErrorStroke$1, null)
+  pdf: React__default["default"].createElement(SvgFilePdfStroke$1, null),
+  zip: React__default["default"].createElement(SvgFileZipStroke$1, null),
+  image: React__default["default"].createElement(SvgFileImageStroke$1, null),
+  document: React__default["default"].createElement(SvgFileDocumentStroke$1, null),
+  spreadsheet: React__default["default"].createElement(SvgFileSpreadsheetStroke$1, null),
+  presentation: React__default["default"].createElement(SvgFilePresentationStroke$1, null),
+  generic: React__default["default"].createElement(SvgFileGenericStroke$1, null),
+  success: React__default["default"].createElement(SvgCheckCircleStroke, null),
+  error: React__default["default"].createElement(SvgFileErrorStroke$1, null)
 };
 
 var _excluded$1 = ["children", "type", "isCompact", "focusInset", "validation"];
-var File = React.forwardRef(function (_ref, ref) {
+var FileComponent = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       type = _ref.type,
       isCompact = _ref.isCompact,
@@ -3370,32 +3364,33 @@ var File = React.forwardRef(function (_ref, ref) {
     };
   }, [isCompact]);
   var validationType = validation || type;
-  return React__default['default'].createElement(FileContext.Provider, {
+  return React__default["default"].createElement(FileContext.Provider, {
     value: fileContextValue
-  }, React__default['default'].createElement(StyledFile, _extends$t({}, props, {
+  }, React__default["default"].createElement(StyledFile, _extends$t({}, props, {
     isCompact: isCompact,
     focusInset: focusInset,
     validation: validation,
     ref: ref
-  }), validationType && React__default['default'].createElement(StyledFileIcon, {
+  }), validationType && React__default["default"].createElement(StyledFileIcon, {
     isCompact: isCompact
   }, isCompact ? fileIconsCompact[validationType] : fileIconsDefault[validationType]), React.Children.map(children, function (child) {
-    return typeof child === 'string' ? React__default['default'].createElement("span", null, child) : child;
+    return typeof child === 'string' ? React__default["default"].createElement("span", null, child) : child;
   })));
 });
-File.displayName = 'File';
+FileComponent.displayName = 'File';
+FileComponent.propTypes = {
+  focusInset: PropTypes__default["default"].bool,
+  isCompact: PropTypes__default["default"].bool,
+  type: PropTypes__default["default"].oneOf(ARRAY_FILE_TYPE),
+  validation: PropTypes__default["default"].oneOf(['success', 'error'])
+};
+var File = FileComponent;
 File.Close = Close;
 File.Delete = Delete;
-File.propTypes = {
-  focusInset: PropTypes__default['default'].bool,
-  isCompact: PropTypes__default['default'].bool,
-  type: PropTypes__default['default'].oneOf(ARRAY_FILE_TYPE),
-  validation: PropTypes__default['default'].oneOf(['success', 'error'])
-};
 
 var _excluded = ["start", "end", "disabled", "isCompact", "isBare", "focusInset", "readOnly", "validation", "wrapperProps", "wrapperRef", "onSelect"],
     _excluded2 = ["onClick", "onFocus", "onBlur", "onMouseOver", "onMouseOut"];
-var MediaInput = React__default['default'].forwardRef(function (_ref, ref) {
+var MediaInput = React__default["default"].forwardRef(function (_ref, ref) {
   var start = _ref.start,
       end = _ref.end,
       disabled = _ref.disabled,
@@ -3446,7 +3441,7 @@ var MediaInput = React__default['default'].forwardRef(function (_ref, ref) {
   var combinedProps = _objectSpread2({
     disabled: disabled,
     readOnly: readOnly,
-    ref: mergeRefs__default['default']([inputRef, ref]),
+    ref: mergeRefs__default["default"]([inputRef, ref]),
     onSelect: onSelectHandler
   }, props);
   var isLabelHovered;
@@ -3456,7 +3451,7 @@ var MediaInput = React__default['default'].forwardRef(function (_ref, ref) {
     });
     isLabelHovered = fieldContext.isLabelHovered;
   }
-  return React__default['default'].createElement(FauxInput, _extends$t({
+  return React__default["default"].createElement(FauxInput, _extends$t({
     tabIndex: null,
     onClick: onFauxInputClickHandler,
     onFocus: onFauxInputFocusHandler,
@@ -3474,25 +3469,26 @@ var MediaInput = React__default['default'].forwardRef(function (_ref, ref) {
     mediaLayout: true
   }, otherWrapperProps, {
     ref: wrapperRef
-  }), start && React__default['default'].createElement(FauxInput.StartIcon, {
+  }), start && React__default["default"].createElement(FauxInput.StartIcon, {
     isDisabled: disabled,
     isFocused: isFocused,
     isHovered: isHovered || isLabelHovered
-  }, start), React__default['default'].createElement(StyledTextMediaInput, combinedProps), end && React__default['default'].createElement(FauxInput.EndIcon, {
+  }, start), React__default["default"].createElement(StyledTextMediaInput, combinedProps), end && React__default["default"].createElement(FauxInput.EndIcon, {
     isDisabled: disabled,
     isFocused: isFocused,
     isHovered: isHovered || isLabelHovered
   }, end));
 });
 MediaInput.propTypes = {
-  isCompact: PropTypes__default['default'].bool,
-  isBare: PropTypes__default['default'].bool,
-  focusInset: PropTypes__default['default'].bool,
-  start: PropTypes__default['default'].node,
-  end: PropTypes__default['default'].node,
-  validation: PropTypes__default['default'].oneOf(['success', 'warning', 'error']),
-  wrapperProps: PropTypes__default['default'].object
+  isCompact: PropTypes__default["default"].bool,
+  isBare: PropTypes__default["default"].bool,
+  focusInset: PropTypes__default["default"].bool,
+  start: PropTypes__default["default"].node,
+  end: PropTypes__default["default"].node,
+  validation: PropTypes__default["default"].oneOf(['success', 'warning', 'error']),
+  wrapperProps: PropTypes__default["default"].object
 };
+MediaInput.displayName = 'MediaInput';
 
 exports.Checkbox = Checkbox;
 exports.FauxInput = FauxInput;
@@ -3507,7 +3503,7 @@ exports.InputGroup = InputGroup;
 exports.Label = Label$1;
 exports.MediaInput = MediaInput;
 exports.Message = Message;
-exports.MultiThumbRange = MultiThumbRange$1;
+exports.MultiThumbRange = MultiThumbRange;
 exports.Radio = Radio;
 exports.Range = Range;
 exports.Select = Select;