npm - @equinor/eds-core-react - Versions diffs - 0.32.1 → 0.32.2 - Mend

@equinor/eds-core-react 0.32.1 → 0.32.2

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

Files changed (2) hide show

package/dist/eds-core-react.cjs +585 -573
package/package.json +1 -1

package/dist/eds-core-react.cjs CHANGED Viewed

@@ -19,7 +19,10 @@ var ReactDom = require('react-dom');
 var downshift = require('downshift');
 var reactVirtual = require('@tanstack/react-virtual');
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -36,7 +39,16 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
-var ReactDom__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDom);
+var _objectSpread__default = /*#__PURE__*/_interopDefault(_objectSpread);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+var _typeof__default = /*#__PURE__*/_interopDefault(_typeof);
+var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefault(_toConsumableArray);
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectDestructuringEmpty__default = /*#__PURE__*/_interopDefault(_objectDestructuringEmpty);
+var _extends__default = /*#__PURE__*/_interopDefault(_extends);
+var ReactDom__namespace = /*#__PURE__*/_interopNamespace(ReactDom);
 var buttonTypography = edsTokens.tokens.typography.navigation.button,
   _tokens$colors$intera$l = edsTokens.tokens.colors.interactive,
@@ -56,7 +68,7 @@ var buttonTypography = edsTokens.tokens.typography.navigation.button,
 var button = {
   background: 'transparent',
   height: "var(--eds_button__height, ".concat(buttonHeight, ")"),
-  typography: _objectSpread(_objectSpread({}, buttonTypography), {}, {
+  typography: _objectSpread__default.default(_objectSpread__default.default({}, buttonTypography), {}, {
     textAlign: 'center',
     fontSize: "var(--eds_button__font_size, ".concat(buttonTypography.fontSize, ")")
   }),
@@ -114,7 +126,7 @@ var button = {
         color: disabledBorderColor$2,
         style: 'solid'
       },
-      typography: _objectSpread(_objectSpread({}, buttonTypography), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, buttonTypography), {}, {
         color: disabledTextColor$3,
         textAlign: 'center'
       })
@@ -140,7 +152,7 @@ var button = {
 };
 function _isPlaceholder(a) {
-  return a != null && _typeof(a) === 'object' && a['@@functional/placeholder'] === true;
+  return a != null && _typeof__default.default(a) === 'object' && a['@@functional/placeholder'] === true;
 }
 /**
@@ -718,11 +730,11 @@ var token$5 = {
   }
 };
-var FullWidthCenterContent = styled.span.withConfig({
+var FullWidthCenterContent = styled__default.default.span.withConfig({
   displayName: "InnerFullWidth__FullWidthCenterContent",
   componentId: "sc-qeawkb-0"
 })(["text-align:center;flex:1;"]);
-var FullWidthInner = styled.span.withConfig({
+var FullWidthInner = styled__default.default.span.withConfig({
   displayName: "InnerFullWidth__FullWidthInner",
   componentId: "sc-qeawkb-1"
 })(["height:100%;display:flex;align-items:center;> :is(svg,img){margin-top:var(--eds_button__margin_y,inherit);margin-bottom:var(--eds_button__margin_y,inherit);}> :is(svg,img):first-child{margin-right:var(--eds_button__fullwidth__icon__margin_x,8px);}> :is(svg,img):last-child{margin-left:var(--eds_button__fullwidth__icon__margin_x,8px);}> :is(svg,img):only-child{margin-left:auto;margin-right:auto;}> span:first-child{margin-left:var(--eds_button__fullwidth__margin_x,32px);}> span:last-child{margin-right:var(--eds_button__fullwidth__margin_x,32px);}> span:only-child{margin-right:0;margin-left:0;}"]);
@@ -730,7 +742,7 @@ var InnerFullWidth = /*#__PURE__*/react.forwardRef(function InnerFullWidth(_ref,
   var children = _ref.children;
   // We need everything in elements for proper flexing 💪
   var updatedChildren = react.Children.map(children, function (child) {
-    return _typeof(child) !== 'object' ? /*#__PURE__*/jsxRuntime.jsx(FullWidthCenterContent, {
+    return _typeof__default.default(child) !== 'object' ? /*#__PURE__*/jsxRuntime.jsx(FullWidthCenterContent, {
       children: child
     }) : child;
   });
@@ -748,15 +760,15 @@ var EdsContext = /*#__PURE__*/react.createContext(initalState$3);
 var EdsProvider = function EdsProvider(_ref) {
   var children = _ref.children,
     density = _ref.density;
-  var _useState = react.useState(_objectSpread(_objectSpread({}, initalState$3), {}, {
+  var _useState = react.useState(_objectSpread__default.default(_objectSpread__default.default({}, initalState$3), {}, {
       density: density || 'comfortable'
     })),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
   var setDensity = function setDensity(density) {
     return setState(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
+      return _objectSpread__default.default(_objectSpread__default.default({}, prevState), {}, {
         density: density
       });
     });
@@ -806,11 +818,11 @@ var getToken$1 = function getToken(variant, color) {
       return getVariant(token$5.primary, variant);
   }
 };
-var Inner = styled.span.withConfig({
+var Inner = styled__default.default.span.withConfig({
   displayName: "Button__Inner",
   componentId: "sc-1hs0myn-0"
 })(["display:grid;grid-gap:var(--eds_button__gap,8px);grid-auto-flow:column;align-items:center;height:100%;justify-content:center;& > :is(svg,img){margin-top:var(--eds_button__icon__margin_y,0);margin-bottom:var(--eds_button__icon__margin_y,0);}"]);
-var ButtonBase = styled.button.withConfig({
+var ButtonBase = styled__default.default.button.withConfig({
   displayName: "Button__ButtonBase",
   componentId: "sc-1hs0myn-1"
 })(function (_ref) {
@@ -836,7 +848,7 @@ var Button$2 = /*#__PURE__*/react.forwardRef(function Button(_ref2, ref) {
     tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex,
     _ref2$fullWidth = _ref2.fullWidth,
     fullWidth = _ref2$fullWidth === void 0 ? false : _ref2$fullWidth,
-    other = _objectWithoutProperties(_ref2, _excluded$1s);
+    other = _objectWithoutProperties__default.default(_ref2, _excluded$1s);
   var _useEds = useEds(),
     density = _useEds.density;
   var token = edsUtils.useToken({
@@ -845,7 +857,7 @@ var Button$2 = /*#__PURE__*/react.forwardRef(function Button(_ref2, ref) {
   var as = href && !disabled ? 'a' : other.as ? other.as : 'button';
   var type = href || other.as ? undefined : 'button';
   tabIndex = disabled ? -1 : tabIndex;
-  var buttonProps = _objectSpread({
+  var buttonProps = _objectSpread__default.default({
     ref: ref,
     as: as,
     href: href,
@@ -855,7 +867,7 @@ var Button$2 = /*#__PURE__*/react.forwardRef(function Button(_ref2, ref) {
   }, other);
   return /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
     theme: token,
-    children: /*#__PURE__*/jsxRuntime.jsx(ButtonBase, _objectSpread(_objectSpread({}, buttonProps), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(ButtonBase, _objectSpread__default.default(_objectSpread__default.default({}, buttonProps), {}, {
       children: fullWidth ? /*#__PURE__*/jsxRuntime.jsx(InnerFullWidth, {
         children: children
       }) : /*#__PURE__*/jsxRuntime.jsx(Inner, {
@@ -876,7 +888,7 @@ var group = {
 var _excluded$1r = ["children", "vertical"];
 var border$5 = group.border;
 var radius$1 = border$5.radius;
-var ButtonGroupBase = styled.div.withConfig({
+var ButtonGroupBase = styled__default.default.div.withConfig({
   displayName: "ButtonGroup__ButtonGroupBase",
   componentId: "sc-1fn8jon-0"
 })(["display:inline-flex;> *{border-radius:0;@media (hover:hover) and (pointer:fine){&:hover{border-radius:0;}}}", ""], function (_ref) {
@@ -886,12 +898,12 @@ var ButtonGroupBase = styled.div.withConfig({
 var ButtonGroup = /*#__PURE__*/react.forwardRef(function ButtonGroup(_ref2, ref) {
   var children = _ref2.children,
     vertical = _ref2.vertical,
-    rest = _objectWithoutProperties(_ref2, _excluded$1r);
-  var props = _objectSpread({
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$1r);
+  var props = _objectSpread__default.default({
     ref: ref,
     vertical: vertical
   }, rest);
-  return /*#__PURE__*/jsxRuntime.jsx(ButtonGroupBase, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(ButtonGroupBase, _objectSpread__default.default(_objectSpread__default.default({
     role: "group"
   }, props), {}, {
     children: children
@@ -907,7 +919,7 @@ var _tokens$colors$j = edsTokens.tokens.colors,
   spacingSmall$4 = _tokens$spacings$comf$e.small,
   borderRadius$7 = edsTokens.tokens.shape.corners.borderRadius;
 var tooltip = {
-  typography: _objectSpread(_objectSpread({}, ui.tooltip), {}, {
+  typography: _objectSpread__default.default(_objectSpread__default.default({}, ui.tooltip), {}, {
     color: white
   }),
   background: background$e,
@@ -939,15 +951,15 @@ var tooltip = {
 };
 var _excluded$1q = ["title", "placement", "children", "style", "enterDelay"];
-var StyledTooltip = styled.div.withConfig({
+var StyledTooltip = styled__default.default.div.withConfig({
   displayName: "Tooltip__StyledTooltip",
   componentId: "sc-m2im2p-0"
 })(["", " ", " ", " background:", ";z-index:1500;white-space:nowrap;&::before{content:'; Has tooltip: ';clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;}"], edsUtils.typographyTemplate(tooltip.typography), edsUtils.spacingsTemplate(tooltip.spacings), edsUtils.bordersTemplate(tooltip.border), tooltip.background);
-var ArrowWrapper$1 = styled.div.withConfig({
+var ArrowWrapper$1 = styled__default.default.div.withConfig({
   displayName: "Tooltip__ArrowWrapper",
   componentId: "sc-m2im2p-1"
 })(["position:absolute;width:", ";height:", ";z-index:-1;"], tooltip.entities.arrow.width, tooltip.entities.arrow.height);
-var TooltipArrow = styled.svg.withConfig({
+var TooltipArrow = styled__default.default.svg.withConfig({
   displayName: "Tooltip__TooltipArrow",
   componentId: "sc-m2im2p-2"
 })(["width:", ";height:", ";position:absolute;fill:", ";"], tooltip.entities.arrow.width, tooltip.entities.arrow.height, tooltip.background);
@@ -959,10 +971,10 @@ var Tooltip$2 = /*#__PURE__*/react.forwardRef(function Tooltip(_ref, ref) {
     style = _ref.style,
     _ref$enterDelay = _ref.enterDelay,
     enterDelay = _ref$enterDelay === void 0 ? 100 : _ref$enterDelay,
-    rest = _objectWithoutProperties(_ref, _excluded$1q);
+    rest = _objectWithoutProperties__default.default(_ref, _excluded$1q);
   var arrowRef = react.useRef(null);
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
   var shouldOpen = title !== '';
@@ -1031,18 +1043,18 @@ var Tooltip$2 = /*#__PURE__*/react.forwardRef(function Tooltip(_ref, ref) {
         top: arrowY != null ? "".concat(arrowY, "px") : '',
         right: '',
         bottom: ''
-      }, _defineProperty(_Object$assign, staticSide, '-6px'), _defineProperty(_Object$assign, "transform", arrowTransform), _Object$assign));
+      }, _defineProperty__default.default(_Object$assign, staticSide, '-6px'), _defineProperty__default.default(_Object$assign, "transform", arrowTransform), _Object$assign));
     }
   });
-  var updatedChildren = /*#__PURE__*/react.cloneElement(children, _objectSpread({}, getReferenceProps(_objectSpread({
+  var updatedChildren = /*#__PURE__*/react.cloneElement(children, _objectSpread__default.default({}, getReferenceProps(_objectSpread__default.default({
     ref: anchorRef
   }, children.props))));
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(react$1.FloatingPortal, {
       id: "eds-tooltip-container",
-      children: shouldOpen && open && /*#__PURE__*/jsxRuntime.jsxs(StyledTooltip, _objectSpread(_objectSpread(_objectSpread({}, rest), getFloatingProps({
+      children: shouldOpen && open && /*#__PURE__*/jsxRuntime.jsxs(StyledTooltip, _objectSpread__default.default(_objectSpread__default.default(_objectSpread__default.default({}, rest), getFloatingProps({
         ref: tooltipRef,
-        style: _objectSpread(_objectSpread({}, style), {}, {
+        style: _objectSpread__default.default(_objectSpread__default.default({}, style), {}, {
           position: strategy,
           top: y || 0,
           left: x || 0
@@ -1068,9 +1080,9 @@ var ToggleButton = /*#__PURE__*/react.forwardRef(function ToggleButton(_ref, ref
     multiple = _ref.multiple,
     selectedIndexes = _ref.selectedIndexes,
     onChange = _ref.onChange,
-    props = _objectWithoutProperties(_ref, _excluded$1p);
+    props = _objectWithoutProperties__default.default(_ref, _excluded$1p);
   var _useState = react.useState(selectedIndexes || []),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     pickedIndexes = _useState2[0],
     setPickedIndexes = _useState2[1];
   react.useEffect(function () {
@@ -1091,7 +1103,7 @@ var ToggleButton = /*#__PURE__*/react.forwardRef(function ToggleButton(_ref, ref
           if (multiple) {
             updatedSelection = pickedIndexes.includes(index) ? pickedIndexes.filter(function (i) {
               return i !== index;
-            }) : [].concat(_toConsumableArray(pickedIndexes), [index]);
+            }) : [].concat(_toConsumableArray__default.default(pickedIndexes), [index]);
           }
           setPickedIndexes(updatedSelection);
           if (onChange) {
@@ -1114,7 +1126,7 @@ var ToggleButton = /*#__PURE__*/react.forwardRef(function ToggleButton(_ref, ref
       return updateProps(childElement, isSelected, index);
     }
   });
-  return /*#__PURE__*/jsxRuntime.jsx(ButtonGroup, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(ButtonGroup, _objectSpread__default.default(_objectSpread__default.default({
     ref: ref
   }, props), {}, {
     children: updatedChildren
@@ -1148,7 +1160,7 @@ var colors$5 = {
   success: success$2,
   disabled: disabled
 };
-var quickVariants = _objectSpread(_objectSpread({}, heading), paragraph$2);
+var quickVariants = _objectSpread__default.default(_objectSpread__default.default({}, heading), paragraph$2);
 var link = {
   states: {
     focus: {
@@ -1203,7 +1215,7 @@ var toVariantName = function toVariantName(variant) {
   var link = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   return "".concat(variant).concat(bold ? '_bold' : '').concat(italic ? '_italic' : '').concat(link ? '_link' : '');
 };
-var StyledTypography$1 = styled.p.withConfig({
+var StyledTypography$1 = styled__default.default.p.withConfig({
   displayName: "Typography__StyledTypography",
   componentId: "sc-179guof-0"
 })(["", " ", " ", " ", ""], function (_ref) {
@@ -1236,16 +1248,16 @@ var Typography = /*#__PURE__*/react.forwardRef(function Typography(_ref5, ref) {
     group = _ref5.group,
     token = _ref5.token,
     providedAs = _ref5.as,
-    other = _objectWithoutProperties(_ref5, _excluded$1o);
+    other = _objectWithoutProperties__default.default(_ref5, _excluded$1o);
   var as = providedAs ? providedAs : getElementType(variant, link);
   var variantName = toVariantName(variant, bold, italic, link);
   var typography = findTypography(variantName, group);
   if (typeof typography === 'undefined') {
     throw new Error("Typography variant not found for variant \"".concat(variantName, "\" (\"").concat(variant, "\") & group \"").concat(group || '', "\""));
   }
-  return /*#__PURE__*/jsxRuntime.jsx(StyledTypography$1, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(StyledTypography$1, _objectSpread__default.default(_objectSpread__default.default({
     as: as,
-    typography: _objectSpread(_objectSpread({}, typography), token),
+    typography: _objectSpread__default.default(_objectSpread__default.default({}, typography), token),
     $link: link,
     ref: ref,
     $color: color
@@ -1294,14 +1306,14 @@ var tableCell = {
     left: "var(--eds_table__cell__padding_x, ".concat(medium$6, ")"),
     right: "var(--eds_table__cell__padding_x, ".concat(medium$6, ")")
   },
-  typography: _objectSpread(_objectSpread({}, cellTypography$1), {}, {
+  typography: _objectSpread__default.default(_objectSpread__default.default({}, cellTypography$1), {}, {
     color: typographyColor$3,
     fontSize: "var(--eds_table__font_size, ".concat(cellTypography$1.fontSize, ")")
   }),
   states: {
     active: {
       background: activeBackgroundColor$2,
-      typography: _objectSpread(_objectSpread({}, cellTypography$1), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, cellTypography$1), {}, {
         color: primaryRestingColor$1
       }),
       border: {
@@ -1311,7 +1323,7 @@ var tableCell = {
       }
     },
     disabled: {
-      typography: _objectSpread(_objectSpread({}, cellTypography$1), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, cellTypography$1), {}, {
         color: disabledTextColor$2
       }),
       border: {
@@ -1336,7 +1348,7 @@ var tableCell = {
   modes: {
     compact: {
       height: 'var(--eds_table__cell__height_compact, 32px)',
-      typography: _objectSpread(_objectSpread({}, compactTypography$1.table.cell_text), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, compactTypography$1.table.cell_text), {}, {
         color: typographyColor$3
       }),
       spacings: {
@@ -1354,12 +1366,12 @@ var tableCell = {
   },
   variants: {
     numeric: {
-      typography: _objectSpread(_objectSpread({}, cellNumericTypography), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, cellNumericTypography), {}, {
         color: typographyColor$3
       }),
       modes: {
         compact: {
-          typography: _objectSpread(_objectSpread({}, compactTypography$1.table.cell_numeric_monospaced), {}, {
+          typography: _objectSpread__default.default(_objectSpread__default.default({}, compactTypography$1.table.cell_numeric_monospaced), {}, {
             color: typographyColor$3
           })
         }
@@ -1377,14 +1389,14 @@ var applyVariant = function applyVariant(variant, token) {
 };
 var _excluded$1n = ["children"];
-var TableBase$1 = styled.table.withConfig({
+var TableBase$1 = styled__default.default.table.withConfig({
   displayName: "Table__TableBase",
   componentId: "sc-14kktwc-0"
 })(["border-spacing:0;background:", ";"], tableCell.background);
 var Table$1 = /*#__PURE__*/react.forwardRef(function Table(_ref, ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$1n);
-  return /*#__PURE__*/jsxRuntime.jsx(TableBase$1, _objectSpread(_objectSpread({}, props), {}, {
+    props = _objectWithoutProperties__default.default(_ref, _excluded$1n);
+  return /*#__PURE__*/jsxRuntime.jsx(TableBase$1, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     ref: ref,
     children: children
   }));
@@ -1398,18 +1410,18 @@ var initalState$2 = {
 var InnerContext = /*#__PURE__*/react.createContext(initalState$2);
 var _excluded$1m = ["children"];
-var TableBase = styled.tbody.withConfig({
+var TableBase = styled__default.default.tbody.withConfig({
   displayName: "Body__TableBase",
   componentId: "sc-1pdmiku-0"
 })([""]);
 var Body = /*#__PURE__*/react.forwardRef(function Body(_ref, ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$1m);
+    props = _objectWithoutProperties__default.default(_ref, _excluded$1m);
   return /*#__PURE__*/jsxRuntime.jsx(InnerContext.Provider, {
     value: {
       variant: 'body'
     },
-    children: /*#__PURE__*/jsxRuntime.jsx(TableBase, _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(TableBase, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
       ref: ref,
       children: children
     }))
@@ -1417,7 +1429,7 @@ var Body = /*#__PURE__*/react.forwardRef(function Body(_ref, ref) {
 });
 var _excluded$1l = ["children", "variant"];
-var StyledTableCell$1 = styled.td.withConfig({
+var StyledTableCell$1 = styled__default.default.td.withConfig({
   displayName: "DataCell__StyledTableCell",
   componentId: "sc-15tuitc-0"
 })(function (_ref) {
@@ -1437,7 +1449,7 @@ var TableDataCell = /*#__PURE__*/react.forwardRef(function TableDataCell(_ref2,
   var children = _ref2.children,
     _ref2$variant = _ref2.variant,
     variant = _ref2$variant === void 0 ? 'text' : _ref2$variant,
-    rest = _objectWithoutProperties(_ref2, _excluded$1l);
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$1l);
   var _useEds = useEds(),
     density = _useEds.density;
   var token = edsUtils.useToken({
@@ -1445,7 +1457,7 @@ var TableDataCell = /*#__PURE__*/react.forwardRef(function TableDataCell(_ref2,
   }, applyVariant(variant, tableCell));
   return /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
     theme: token,
-    children: /*#__PURE__*/jsxRuntime.jsx(StyledTableCell$1, _objectSpread(_objectSpread({}, rest), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(StyledTableCell$1, _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
       ref: ref,
       children: children
     }))
@@ -1473,7 +1485,7 @@ var token$4 = {
   align: {
     vertical: 'var(--eds_table__cell__vertical_align, inherit)'
   },
-  typography: _objectSpread(_objectSpread({}, cellTypography), {}, {
+  typography: _objectSpread__default.default(_objectSpread__default.default({}, cellTypography), {}, {
     color: typographyColor$2,
     fontSize: "var(--eds_table__font_size, ".concat(cellTypography.fontSize, ")")
   }),
@@ -1495,7 +1507,7 @@ var token$4 = {
   states: {
     active: {
       background: activeBackgroundColor$1,
-      typography: _objectSpread(_objectSpread({}, cellTypography), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, cellTypography), {}, {
         color: primaryRestingColor
       }),
       border: {
@@ -1506,7 +1518,7 @@ var token$4 = {
       }
     },
     disabled: {
-      typography: _objectSpread(_objectSpread({}, cellTypography), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, cellTypography), {}, {
         color: disabledTextColor$1
       }),
       border: {
@@ -1543,7 +1555,7 @@ var token$4 = {
 };
 var _excluded$1k = ["children", "sort"];
-var StyledTableCell = styled.th.withConfig({
+var StyledTableCell = styled__default.default.th.withConfig({
   displayName: "HeaderCell__StyledTableCell",
   componentId: "sc-18w2o3a-0"
 })(function (props) {
@@ -1565,14 +1577,14 @@ var StyledTableCell = styled.th.withConfig({
   }
   return styled.css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", " ", " ", ""], height, height, background, edsUtils.spacingsTemplate(spacings), edsUtils.typographyTemplate(typography), edsUtils.bordersTemplate(theme.border), sortStylingHover, sortStylingActive, sticky ? styled.css(["position:sticky;top:0;z-index:1;"]) : '');
 });
-var CellInner = styled.div.withConfig({
+var CellInner = styled__default.default.div.withConfig({
   displayName: "HeaderCell__CellInner",
   componentId: "sc-18w2o3a-1"
 })(["display:flex;align-items:center;"]);
 var TableHeaderCell = /*#__PURE__*/react.forwardRef(function TableHeaderCell(_ref, ref) {
   var children = _ref.children,
     sort = _ref.sort,
-    rest = _objectWithoutProperties(_ref, _excluded$1k);
+    rest = _objectWithoutProperties__default.default(_ref, _excluded$1k);
   var _useEds = useEds(),
     density = _useEds.density;
   var token = edsUtils.useToken({
@@ -1580,7 +1592,7 @@ var TableHeaderCell = /*#__PURE__*/react.forwardRef(function TableHeaderCell(_re
   }, token$4);
   return /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
     theme: token,
-    children: /*#__PURE__*/jsxRuntime.jsx(StyledTableCell, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/jsxRuntime.jsx(StyledTableCell, _objectSpread__default.default(_objectSpread__default.default({
       "aria-sort": sort
     }, rest), {}, {
       ref: ref,
@@ -1592,20 +1604,20 @@ var TableHeaderCell = /*#__PURE__*/react.forwardRef(function TableHeaderCell(_re
 });
 var Cell = /*#__PURE__*/react.forwardRef(function Cell(_ref, ref) {
-  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  var rest = _extends__default.default({}, (_objectDestructuringEmpty__default.default(_ref), _ref));
   return /*#__PURE__*/jsxRuntime.jsx(InnerContext.Consumer, {
     children: function children(_ref2) {
       var variant = _ref2.variant,
         sticky = _ref2.sticky;
       switch (variant) {
         case 'head':
-          return /*#__PURE__*/jsxRuntime.jsx(TableHeaderCell, _objectSpread({
+          return /*#__PURE__*/jsxRuntime.jsx(TableHeaderCell, _objectSpread__default.default({
             ref: ref,
             sticky: sticky
           }, rest));
         default:
         case 'body':
-          return /*#__PURE__*/jsxRuntime.jsx(TableDataCell, _objectSpread({
+          return /*#__PURE__*/jsxRuntime.jsx(TableDataCell, _objectSpread__default.default({
             ref: ref
           }, rest));
       }
@@ -1630,20 +1642,20 @@ var token$3 = {
 };
 var _excluded$1j = ["children", "sticky"];
-var StyledTableHead = styled.thead.withConfig({
+var StyledTableHead = styled__default.default.thead.withConfig({
   displayName: "Head__StyledTableHead",
   componentId: "sc-g9tch7-0"
 })(["", " background:", ";"], edsUtils.bordersTemplate(token$3.border), token$3.background);
 var Head = /*#__PURE__*/react.forwardRef(function Head(_ref, ref) {
   var children = _ref.children,
     sticky = _ref.sticky,
-    props = _objectWithoutProperties(_ref, _excluded$1j);
+    props = _objectWithoutProperties__default.default(_ref, _excluded$1j);
   return /*#__PURE__*/jsxRuntime.jsx(InnerContext.Provider, {
     value: {
       variant: 'head',
       sticky: sticky
     },
-    children: /*#__PURE__*/jsxRuntime.jsx(StyledTableHead, _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(StyledTableHead, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
       ref: ref,
       children: children
     }))
@@ -1664,7 +1676,7 @@ var token$2 = {
   }
 };
-var StyledRow = styled.tr.withConfig({
+var StyledRow = styled__default.default.tr.withConfig({
   displayName: "Row__StyledRow",
   componentId: "sc-12c5lns-0"
 })(function (_ref) {
@@ -1680,15 +1692,15 @@ var StyledRow = styled.tr.withConfig({
   };
 });
 var Row = /*#__PURE__*/react.forwardRef(function Row(_ref2, ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
+  var props = _extends__default.default({}, (_objectDestructuringEmpty__default.default(_ref2), _ref2));
   var children = props.children;
-  return /*#__PURE__*/jsxRuntime.jsx(StyledRow, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(StyledRow, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     ref: ref,
     children: children
   }));
 });
-var StyledCaption = styled.caption.withConfig({
+var StyledCaption = styled__default.default.caption.withConfig({
   displayName: "Caption__StyledCaption",
   componentId: "sc-rtfr07-0"
 })(function (_ref) {
@@ -1699,7 +1711,7 @@ var StyledCaption = styled.caption.withConfig({
   };
 });
 var Caption = /*#__PURE__*/react.forwardRef(function Caption(props, ref) {
-  return /*#__PURE__*/jsxRuntime.jsx(StyledCaption, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(StyledCaption, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     ref: ref
   }));
 });
@@ -1756,7 +1768,7 @@ var tokens$4 = /*#__PURE__*/Object.freeze({
 var _excluded$1i = ["color", "variant", "size"];
 var divider = divider$1;
-var StyledDivider$3 = styled.hr.withConfig({
+var StyledDivider$3 = styled__default.default.hr.withConfig({
   displayName: "Divider__StyledDivider",
   componentId: "sc-1d8osde-0"
 })(function (_ref) {
@@ -1773,15 +1785,15 @@ var Divider = /*#__PURE__*/react.forwardRef(function Divider(_ref2, ref) {
     variant = _ref2$variant === void 0 ? 'medium' : _ref2$variant,
     _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? '1' : _ref2$size,
-    rest = _objectWithoutProperties(_ref2, _excluded$1i);
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$1i);
   var colorValue = color === 'medium' ? 'mediumColor' : color;
-  var props = _objectSpread({
+  var props = _objectSpread__default.default({
     backgroundColor: divider[colorValue].background,
     marginTop: tokens$4[variant].spacings.top,
     marginBottom: tokens$4[variant].spacings.bottom,
     dividerHeight: parseInt(size)
   }, rest);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledDivider$3, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(StyledDivider$3, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     ref: ref
   }));
 });
@@ -1791,7 +1803,7 @@ var colors$4 = edsTokens.tokens.colors,
   typography$f = edsTokens.tokens.typography;
 var label = {
   background: colors$4.ui.background__light.rgba,
-  typography: _objectSpread(_objectSpread({}, typography$f.input.label), {}, {
+  typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$f.input.label), {}, {
     color: colors$4.text.static_icons__tertiary.rgba
   }),
   spacings: {
@@ -1810,14 +1822,14 @@ var label = {
 };
 var _excluded$1h = ["label", "meta", "disabled"];
-var LabelBase = styled.label.withConfig({
+var LabelBase = styled__default.default.label.withConfig({
   displayName: "Label__LabelBase",
   componentId: "sc-1gi2bcn-0"
 })(["display:flex;justify-content:space-between;position:relative;", " margin-left:", ";margin-right:", ";color:", ";"], edsUtils.typographyTemplate(label.typography), label.spacings.left, label.spacings.right, function (_ref) {
   var disabledText = _ref.disabledText;
   return disabledText ? label.states.disabled.typography.color : label.typography.color;
 });
-var Text$3 = styled.span.withConfig({
+var Text$3 = styled__default.default.span.withConfig({
   displayName: "Label__Text",
   componentId: "sc-1gi2bcn-1"
 })(["margin:0;"]);
@@ -1827,11 +1839,11 @@ var Label$3 = /*#__PURE__*/react.forwardRef(function Label(props, ref) {
     meta = props.meta,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
-    other = _objectWithoutProperties(props, _excluded$1h);
+    other = _objectWithoutProperties__default.default(props, _excluded$1h);
   return (
     /*#__PURE__*/
     /*  @TODO: Other props spread has to be at the end for downshift to create the for attribute */
-    jsxRuntime.jsxs(LabelBase, _objectSpread(_objectSpread({
+    jsxRuntime.jsxs(LabelBase, _objectSpread__default.default(_objectSpread__default.default({
       ref: ref,
       disabledText: disabled
     }, other), {}, {
@@ -1851,7 +1863,7 @@ var colors$3 = edsTokens.tokens.colors,
   typography$e = edsTokens.tokens.typography;
 var helperText = {
   background: colors$3.ui.background__light.hex,
-  typography: _objectSpread(_objectSpread({}, typography$e.input.helper), {}, {
+  typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$e.input.helper), {}, {
     color: colors$3.text.static_icons__tertiary.rgba
   }),
   spacings: {
@@ -1871,7 +1883,7 @@ var helperText = {
 };
 var _excluded$1g = ["text", "icon", "color"];
-var Container$6 = styled.div.withConfig({
+var Container$6 = styled__default.default.div.withConfig({
   displayName: "HelperText__Container",
   componentId: "sc-189ug61-0"
 })(function (_ref) {
@@ -1885,7 +1897,7 @@ var Container$6 = styled.div.withConfig({
     color: color
   });
 });
-var Text$2 = styled.p.withConfig({
+var Text$2 = styled__default.default.p.withConfig({
   displayName: "HelperText__Text",
   componentId: "sc-189ug61-1"
 })(["margin:0;", ";"], edsUtils.typographyMixin(helperText.typography));
@@ -1894,11 +1906,11 @@ var TextfieldHelperText = /*#__PURE__*/react.forwardRef(function TextfieldHelper
     icon = _ref2.icon,
     _ref2$color = _ref2.color,
     color = _ref2$color === void 0 ? helperText.typography.color : _ref2$color,
-    rest = _objectWithoutProperties(_ref2, _excluded$1g);
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$1g);
   if (!text) {
     return null;
   }
-  return /*#__PURE__*/jsxRuntime.jsxs(Container$6, _objectSpread(_objectSpread({}, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Container$6, _objectSpread__default.default(_objectSpread__default.default({}, _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     color: color,
     ref: ref
   })), {}, {
@@ -1936,7 +1948,7 @@ var input$2 = {
     top: '6px',
     bottom: '6px'
   },
-  typography: _objectSpread(_objectSpread({}, typography$d.input.text), {}, {
+  typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$d.input.text), {}, {
     color: static_icons__default$1.rgba
   }),
   entities: {
@@ -1946,7 +1958,7 @@ var input$2 = {
       }
     },
     helperText: {
-      typography: _objectSpread(_objectSpread({}, typography$d.input.label), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$d.input.label), {}, {
         color: static_icons__tertiary$1.rgba
       }),
       states: {
@@ -2014,7 +2026,7 @@ var error$4 = mergeDeepRight$1(input$2, {
   },
   entities: {
     helperText: {
-      typography: _objectSpread(_objectSpread({}, typography$d.input.label), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$d.input.label), {}, {
         color: danger__hover$1.rgba
       })
     }
@@ -2034,7 +2046,7 @@ var warning$4 = mergeDeepRight$1(input$2, {
   },
   entities: {
     helperText: {
-      typography: _objectSpread(_objectSpread({}, typography$d.input.label), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$d.input.label), {}, {
         color: warning__hover$1.rgba
       })
     }
@@ -2054,7 +2066,7 @@ var success$1 = mergeDeepRight$1(input$2, {
   },
   entities: {
     helperText: {
-      typography: _objectSpread(_objectSpread({}, typography$d.input.label), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$d.input.label), {}, {
         color: success__hover$1.rgba
       })
     }
@@ -2068,15 +2080,15 @@ var inputToken$1 = {
 };
 var _excluded$1f = ["children", "color", "label", "labelProps", "helperProps", "helperIcon"];
-var Container$5 = styled.div.withConfig({
+var Container$5 = styled__default.default.div.withConfig({
   displayName: "InputWrapper__Container",
   componentId: "sc-v6o9z1-0"
 })([""]);
-var HelperText = styled(TextfieldHelperText).withConfig({
+var HelperText = styled__default.default(TextfieldHelperText).withConfig({
   displayName: "InputWrapper__HelperText",
   componentId: "sc-v6o9z1-1"
 })(["margin-top:8px;margin-left:8px;"]);
-var Label$2 = styled(Label$3).withConfig({
+var Label$2 = styled__default.default(Label$3).withConfig({
   displayName: "InputWrapper__Label",
   componentId: "sc-v6o9z1-2"
 })(["margin-left:8px;margin-right:8px;"]);
@@ -2090,7 +2102,7 @@ var InputWrapper$2 = /*#__PURE__*/react.forwardRef(function InputWrapper(_ref, r
     _ref$helperProps = _ref.helperProps,
     helperProps = _ref$helperProps === void 0 ? {} : _ref$helperProps,
     helperIcon = _ref.helperIcon,
-    other = _objectWithoutProperties(_ref, _excluded$1f);
+    other = _objectWithoutProperties__default.default(_ref, _excluded$1f);
   var _useEds = useEds(),
     density = _useEds.density;
   var actualVariant = color || 'input';
@@ -2106,13 +2118,13 @@ var InputWrapper$2 = /*#__PURE__*/react.forwardRef(function InputWrapper(_ref, r
   var hasLabel = Boolean(label || (labelProps === null || labelProps === void 0 ? void 0 : labelProps.label));
   return /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
     theme: token,
-    children: /*#__PURE__*/jsxRuntime.jsxs(Container$5, _objectSpread(_objectSpread({}, other), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Container$5, _objectSpread__default.default(_objectSpread__default.default({}, other), {}, {
       ref: ref,
-      children: [hasLabel && /*#__PURE__*/jsxRuntime.jsx(Label$2, _objectSpread({}, _objectSpread({
+      children: [hasLabel && /*#__PURE__*/jsxRuntime.jsx(Label$2, _objectSpread__default.default({}, _objectSpread__default.default({
         label: label
-      }, labelProps))), children, hasHelperText && /*#__PURE__*/jsxRuntime.jsx(HelperText, _objectSpread({
+      }, labelProps))), children, hasHelperText && /*#__PURE__*/jsxRuntime.jsx(HelperText, _objectSpread__default.default({
         color: helperTextColor
-      }, _objectSpread({
+      }, _objectSpread__default.default({
         icon: helperIcon
       }, helperProps)))]
     }))
@@ -2148,7 +2160,7 @@ var input$1 = {
     top: '6px',
     bottom: '6px'
   },
-  typography: _objectSpread(_objectSpread({}, typography$c.input.text), {}, {
+  typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$c.input.text), {}, {
     color: static_icons__default.rgba
   }),
   outline: {
@@ -2165,7 +2177,7 @@ var input$1 = {
       }
     },
     adornment: {
-      typography: _objectSpread(_objectSpread({}, typography$c.input.label), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$c.input.label), {}, {
         color: static_icons__tertiary.rgba
       }),
       spacings: {
@@ -2229,7 +2241,7 @@ var error$3 = mergeDeepRight$1(input$1, {
   },
   entities: {
     adornment: {
-      typography: _objectSpread(_objectSpread({}, typography$c.input.label), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$c.input.label), {}, {
         color: danger__resting.rgba
       }),
       states: {
@@ -2256,7 +2268,7 @@ var warning$3 = mergeDeepRight$1(input$1, {
   },
   entities: {
     adornment: {
-      typography: _objectSpread(_objectSpread({}, typography$c.input.label), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$c.input.label), {}, {
         color: warning__resting.rgba
       }),
       states: {
@@ -2283,7 +2295,7 @@ var success = mergeDeepRight$1(input$1, {
   },
   entities: {
     adornment: {
-      typography: _objectSpread(_objectSpread({}, typography$c.input.label), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$c.input.label), {}, {
         color: success__resting.rgba
       }),
       states: {
@@ -2313,7 +2325,7 @@ var tokens$3 = /*#__PURE__*/Object.freeze({
 });
 var _excluded$1e = ["variant", "disabled", "type", "leftAdornments", "rightAdornments", "readOnly", "className", "style", "leftAdornmentsProps", "rightAdornmentsProps", "leftAdornmentsWidth", "rightAdornmentsWidth"];
-var Container$4 = styled.div.withConfig({
+var Container$4 = styled__default.default.div.withConfig({
   displayName: "Input__Container",
   componentId: "sc-1ykv024-0"
 })(function (_ref) {
@@ -2328,7 +2340,7 @@ var Container$4 = styled.div.withConfig({
     boxShadow: states.readOnly.boxShadow
   }));
 });
-var StyledInput = styled.input.withConfig({
+var StyledInput = styled__default.default.input.withConfig({
   displayName: "Input__StyledInput",
   componentId: "sc-1ykv024-1"
 })(function (_ref2) {
@@ -2337,21 +2349,21 @@ var StyledInput = styled.input.withConfig({
     paddingRight = _ref2.paddingRight;
   return styled.css(["width:100%;border:none;background:transparent;", " ", " outline:none;padding-left:", ";padding-right:", ";&::placeholder{color:", ";}&:disabled{color:var(--eds-input-color);cursor:not-allowed;}"], edsUtils.spacingsTemplate(token.spacings), edsUtils.typographyMixin(token.typography), paddingLeft, paddingRight, token.entities.placeholder.typography.color);
 });
-var Adornments = styled.div.withConfig({
+var Adornments = styled__default.default.div.withConfig({
   displayName: "Input__Adornments",
   componentId: "sc-1ykv024-2"
 })(function (_ref3) {
   var token = _ref3.token;
   return styled.css(["position:absolute;top:", ";bottom:", ";display:flex;align-items:center;", " color:var(--eds-input-adornment-color);"], token.spacings.top, token.spacings.bottom, edsUtils.typographyMixin(token.entities.adornment.typography));
 });
-var LeftAdornments = styled(Adornments).withConfig({
+var LeftAdornments = styled__default.default(Adornments).withConfig({
   displayName: "Input__LeftAdornments",
   componentId: "sc-1ykv024-3"
 })(function (_ref4) {
   var token = _ref4.token;
   return styled.css(["left:0;padding-left:", ";"], token.entities.adornment.spacings.left);
 });
-var RightAdornments = styled(Adornments).withConfig({
+var RightAdornments = styled__default.default(Adornments).withConfig({
   displayName: "Input__RightAdornments",
   componentId: "sc-1ykv024-4"
 })(function (_ref5) {
@@ -2373,7 +2385,7 @@ var Input$4 = /*#__PURE__*/react.forwardRef(function Input(_ref6, ref) {
     rightAdornmentsProps = _ref6.rightAdornmentsProps,
     leftAdornmentsWidth = _ref6.leftAdornmentsWidth,
     rightAdornmentsWidth = _ref6.rightAdornmentsWidth,
-    other = _objectWithoutProperties(_ref6, _excluded$1e);
+    other = _objectWithoutProperties__default.default(_ref6, _excluded$1e);
   var inputVariant = inputToken[variant] ? inputToken[variant] : inputToken.input;
   var _useEds = useEds(),
     density = _useEds.density;
@@ -2381,24 +2393,24 @@ var Input$4 = /*#__PURE__*/react.forwardRef(function Input(_ref6, ref) {
     density: density
   }, inputVariant)();
   var _useState = react.useState(),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     rightAdornmentsRef = _useState2[0],
     setRightAdornmentsRef = _useState2[1];
   var _useState3 = react.useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     leftAdornmentsRef = _useState4[0],
     setLeftAdornmentsRef = _useState4[1];
   var token = react.useCallback(function () {
     var _leftAdornmentsWidth = leftAdornmentsWidth || (leftAdornmentsRef ? leftAdornmentsRef.clientWidth : 0);
     var _rightAdornmentsWidth = rightAdornmentsWidth || (rightAdornmentsRef ? rightAdornmentsRef.clientWidth : 0);
-    return _objectSpread(_objectSpread({}, _token), {}, {
-      spacings: _objectSpread(_objectSpread({}, _token.spacings), {}, {
+    return _objectSpread__default.default(_objectSpread__default.default({}, _token), {}, {
+      spacings: _objectSpread__default.default(_objectSpread__default.default({}, _token.spacings), {}, {
         left: "".concat(_leftAdornmentsWidth + parseInt(_token.spacings.left), "px"),
         right: "".concat(_rightAdornmentsWidth + parseInt(_token.spacings.right), "px")
       })
     });
   }, [leftAdornmentsWidth, leftAdornmentsRef, rightAdornmentsWidth, rightAdornmentsRef, _token])();
-  var inputProps = _objectSpread({
+  var inputProps = _objectSpread__default.default({
     ref: ref,
     type: type,
     disabled: disabled,
@@ -2415,24 +2427,24 @@ var Input$4 = /*#__PURE__*/react.forwardRef(function Input(_ref6, ref) {
     style: style,
     token: token
   };
-  var _leftAdornmentProps = _objectSpread(_objectSpread({}, leftAdornmentsProps), {}, {
+  var _leftAdornmentProps = _objectSpread__default.default(_objectSpread__default.default({}, leftAdornmentsProps), {}, {
     ref: setLeftAdornmentsRef,
     token: token
   });
-  var _rightAdornmentProps = _objectSpread(_objectSpread({}, rightAdornmentsProps), {}, {
+  var _rightAdornmentProps = _objectSpread__default.default(_objectSpread__default.default({}, rightAdornmentsProps), {}, {
     ref: setRightAdornmentsRef,
     token: token
   });
   return (
     /*#__PURE__*/
     // Not using <ThemeProvider> because of cascading styling messing with adornments
-    jsxRuntime.jsxs(Container$4, _objectSpread(_objectSpread({}, containerProps), {}, {
-      children: [leftAdornments ? /*#__PURE__*/jsxRuntime.jsx(LeftAdornments, _objectSpread(_objectSpread({}, _leftAdornmentProps), {}, {
+    jsxRuntime.jsxs(Container$4, _objectSpread__default.default(_objectSpread__default.default({}, containerProps), {}, {
+      children: [leftAdornments ? /*#__PURE__*/jsxRuntime.jsx(LeftAdornments, _objectSpread__default.default(_objectSpread__default.default({}, _leftAdornmentProps), {}, {
         children: leftAdornments
-      })) : null, /*#__PURE__*/jsxRuntime.jsx(StyledInput, _objectSpread({
+      })) : null, /*#__PURE__*/jsxRuntime.jsx(StyledInput, _objectSpread__default.default({
         paddingLeft: token.spacings.left,
         paddingRight: token.spacings.right
-      }, inputProps)), rightAdornments ? /*#__PURE__*/jsxRuntime.jsx(RightAdornments, _objectSpread(_objectSpread({}, _rightAdornmentProps), {}, {
+      }, inputProps)), rightAdornments ? /*#__PURE__*/jsxRuntime.jsx(RightAdornments, _objectSpread__default.default(_objectSpread__default.default({}, _rightAdornmentProps), {}, {
         children: rightAdornments
       })) : null]
     }))
@@ -2448,10 +2460,10 @@ var Textarea = /*#__PURE__*/react.forwardRef(function Textarea(_ref, ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'text' : _ref$type,
     rowsMax = _ref.rowsMax,
-    other = _objectWithoutProperties(_ref, _excluded$1d);
+    other = _objectWithoutProperties__default.default(_ref, _excluded$1d);
   var inputVariant = tokens$3[variant] ? tokens$3[variant] : input$1;
   var _useState = react.useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     textareaEl = _useState2[0],
     setTextareaEl = _useState2[1];
   var _useEds = useEds(),
@@ -2470,7 +2482,7 @@ var Textarea = /*#__PURE__*/react.forwardRef(function Textarea(_ref, ref) {
   var combinedRef = react.useCallback(function () {
     return edsUtils.mergeRefs(ref, setTextareaEl);
   }, [setTextareaEl, ref])();
-  var inputProps = _objectSpread({
+  var inputProps = _objectSpread__default.default({
     ref: combinedRef,
     type: type,
     disabled: disabled,
@@ -2483,7 +2495,7 @@ var Textarea = /*#__PURE__*/react.forwardRef(function Textarea(_ref, ref) {
       alignItems: 'flex-start'
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Input$4, _objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(Input$4, _objectSpread__default.default({
     as: "textarea",
     rightAdornmentsProps: adornmentsToTop,
     leftAdornmentsProps: adornmentsToTop,
@@ -2496,9 +2508,9 @@ var Textarea = /*#__PURE__*/react.forwardRef(function Textarea(_ref, ref) {
 var _excluded$1c = ["id", "label", "meta", "unit", "helperText", "placeholder", "disabled", "multiline", "className", "variant", "inputIcon", "helperIcon", "style", "rowsMax", "textareaRef", "inputRef"];
 /** Proxy component for working around typescript and element type switching */
 var Field = /*#__PURE__*/react.forwardRef(function Field(props, ref) {
-  return props.multiline ? /*#__PURE__*/jsxRuntime.jsx(Textarea, _objectSpread({
+  return props.multiline ? /*#__PURE__*/jsxRuntime.jsx(Textarea, _objectSpread__default.default({
     ref: ref
-  }, props)) : /*#__PURE__*/jsxRuntime.jsx(Input$4, _objectSpread({
+  }, props)) : /*#__PURE__*/jsxRuntime.jsx(Input$4, _objectSpread__default.default({
     ref: ref
   }, props));
 });
@@ -2520,9 +2532,9 @@ var TextField = /*#__PURE__*/react.forwardRef(function TextField(_ref, ref) {
     rowsMax = _ref.rowsMax,
     textareaRef = _ref.textareaRef,
     inputRef = _ref.inputRef,
-    other = _objectWithoutProperties(_ref, _excluded$1c);
+    other = _objectWithoutProperties__default.default(_ref, _excluded$1c);
   var helperTextId = edsUtils.useId(null, 'helpertext');
-  var fieldProps = _objectSpread({
+  var fieldProps = _objectSpread__default.default({
     'aria-invalid': variant === 'error' || undefined,
     disabled: disabled,
     placeholder: placeholder,
@@ -2546,7 +2558,7 @@ var TextField = /*#__PURE__*/react.forwardRef(function TextField(_ref, ref) {
   var containerProps = {
     ref: ref,
     className: className,
-    style: _objectSpread({
+    style: _objectSpread__default.default({
       width: '100%'
     }, style),
     color: variant
@@ -2558,18 +2570,18 @@ var TextField = /*#__PURE__*/react.forwardRef(function TextField(_ref, ref) {
     disabled: disabled
   };
   if (helperText) {
-    fieldProps = _objectSpread({
+    fieldProps = _objectSpread__default.default({
       'aria-describedby': helperTextId
     }, fieldProps);
-    helperProps = _objectSpread(_objectSpread({}, helperProps), {}, {
+    helperProps = _objectSpread__default.default(_objectSpread__default.default({}, helperProps), {}, {
       id: helperTextId
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsx(InputWrapper$2, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(InputWrapper$2, _objectSpread__default.default(_objectSpread__default.default({
     helperProps: helperProps,
     labelProps: labelProps
   }, containerProps), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsx(Field, _objectSpread({}, fieldProps))
+    children: /*#__PURE__*/jsxRuntime.jsx(Field, _objectSpread__default.default({}, fieldProps))
   }));
 });
@@ -2578,7 +2590,7 @@ var count = 0;
 /** Add icons to library to be used for rendering using name.
 This needs to be done lonly once */
 var add = function add(icons) {
-  _icons = _objectSpread(_objectSpread({}, _icons), icons);
+  _icons = _objectSpread__default.default(_objectSpread__default.default({}, _icons), icons);
 };
 var get = function get(name) {
   count += 1;
@@ -2593,7 +2605,7 @@ var transform = function transform(_ref) {
   var rotation = _ref.rotation;
   return rotation ? "transform: rotate(".concat(rotation, "deg)") : '';
 };
-var StyledSvg = styled.svg.attrs(function (_ref2) {
+var StyledSvg = styled__default.default.svg.attrs(function (_ref2) {
   var height = _ref2.height,
     width = _ref2.width,
     fill = _ref2.fill;
@@ -2608,7 +2620,7 @@ var StyledSvg = styled.svg.attrs(function (_ref2) {
   displayName: "Icon__StyledSvg",
   componentId: "sc-6evbi1-0"
 })(["", ""], transform);
-var StyledPath$2 = styled.path.attrs(function (_ref3) {
+var StyledPath$2 = styled__default.default.path.attrs(function (_ref3) {
   var height = _ref3.height,
     size = _ref3.size;
   return {
@@ -2650,7 +2662,7 @@ var Icon$2 = /*#__PURE__*/react.forwardRef(function Icon(_ref5, ref) {
     rotation = _ref5.rotation,
     title = _ref5.title,
     data = _ref5.data,
-    rest = _objectWithoutProperties(_ref5, _excluded$1b);
+    rest = _objectWithoutProperties__default.default(_ref5, _excluded$1b);
   // eslint-disable-next-line prefer-const
   var _findIcon = findIcon(name, data, size),
     icon = _findIcon.icon,
@@ -2679,19 +2691,19 @@ var Icon$2 = /*#__PURE__*/react.forwardRef(function Icon(_ref5, ref) {
   var titleId = '';
   if (title) {
     titleId = "".concat(icon.prefix, "-").concat(icon.name, "-").concat(count);
-    svgProps = _objectSpread(_objectSpread({}, svgProps), {}, {
+    svgProps = _objectSpread__default.default(_objectSpread__default.default({}, svgProps), {}, {
       title: title,
       role: 'img',
       'aria-hidden': undefined,
       'aria-labelledby': titleId
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsxs(StyledSvg, _objectSpread(_objectSpread(_objectSpread({}, svgProps), rest), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs(StyledSvg, _objectSpread__default.default(_objectSpread__default.default(_objectSpread__default.default({}, svgProps), rest), {}, {
     ref: ref,
     children: [title && /*#__PURE__*/jsxRuntime.jsx("title", {
       id: titleId,
       children: title
-    }), /*#__PURE__*/jsxRuntime.jsx(StyledPath$2, _objectSpread({
+    }), /*#__PURE__*/jsxRuntime.jsx(StyledPath$2, _objectSpread__default.default({
       "data-testid": "eds-icon-path"
     }, pathProps))]
   }));
@@ -2709,7 +2721,7 @@ var list = {
 var _excluded$1a = ["children", "variant"];
 var typography$b = list.typography;
-var StyledList$1 = styled.ul.withConfig({
+var StyledList$1 = styled__default.default.ul.withConfig({
   displayName: "List__StyledList",
   componentId: "sc-v9d2hy-0"
 })(["", " ", ""], function (_ref) {
@@ -2720,9 +2732,9 @@ var List$2 = /*#__PURE__*/react.forwardRef(function List(_ref2, ref) {
   var children = _ref2.children,
     _ref2$variant = _ref2.variant,
     variant = _ref2$variant === void 0 ? 'bullet' : _ref2$variant,
-    props = _objectWithoutProperties(_ref2, _excluded$1a);
+    props = _objectWithoutProperties__default.default(_ref2, _excluded$1a);
   var as = variant === 'numbered' ? 'ol' : 'ul';
-  return /*#__PURE__*/jsxRuntime.jsx(StyledList$1, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(StyledList$1, _objectSpread__default.default(_objectSpread__default.default({
     as: as,
     ref: ref
   }, props), {}, {
@@ -2733,8 +2745,8 @@ var List$2 = /*#__PURE__*/react.forwardRef(function List(_ref2, ref) {
 var _excluded$19 = ["children"];
 var ListItem$2 = /*#__PURE__*/react.forwardRef(function ListItem(_ref, ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$19);
-  return /*#__PURE__*/jsxRuntime.jsx("li", _objectSpread(_objectSpread({}, props), {}, {
+    props = _objectWithoutProperties__default.default(_ref, _excluded$19);
+  return /*#__PURE__*/jsxRuntime.jsx("li", _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     ref: ref,
     children: children
   }));
@@ -2794,12 +2806,12 @@ var accordion = {
           }
         },
         disabled: {
-          typography: _objectSpread(_objectSpread({}, typography$a), {}, {
+          typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$a), {}, {
             color: disabledColor$2
           })
         },
         active: {
-          typography: _objectSpread(_objectSpread({}, typography$a), {}, {
+          typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$a), {}, {
             color: activatedColor
           })
         },
@@ -2815,7 +2827,7 @@ var accordion = {
         right: mediumSpacing,
         top: mediumSpacing
       },
-      typography: _objectSpread({}, text)
+      typography: _objectSpread__default.default({}, text)
     },
     icon: {
       typography: {
@@ -2836,7 +2848,7 @@ var Accordion$1 = /*#__PURE__*/react.forwardRef(function Accordion(_ref, ref) {
     chevronPosition = _ref$chevronPosition === void 0 ? 'left' : _ref$chevronPosition,
     children = _ref.children,
     id = _ref.id,
-    props = _objectWithoutProperties(_ref, _excluded$18);
+    props = _objectWithoutProperties__default.default(_ref, _excluded$18);
   var accordionId = edsUtils.useId(id, 'accordion');
   var _useEds = useEds(),
     density = _useEds.density;
@@ -2854,7 +2866,7 @@ var Accordion$1 = /*#__PURE__*/react.forwardRef(function Accordion(_ref, ref) {
   });
   return /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
     theme: token,
-    children: /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
       ref: ref,
       children: AccordionItems
     }))
@@ -2873,9 +2885,9 @@ var AccordionItem = /*#__PURE__*/react.forwardRef(function AccordionItem(_ref, r
     onExpandedChange = _ref.onExpandedChange,
     children = _ref.children,
     disabled = _ref.disabled,
-    props = _objectWithoutProperties(_ref, _excluded$17);
+    props = _objectWithoutProperties__default.default(_ref, _excluded$17);
   var _useState = react.useState(isExpanded),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     expanded = _useState2[0],
     setExpanded = _useState2[1];
   var controlled = onExpandedChange != undefined;
@@ -2910,14 +2922,14 @@ var AccordionItem = /*#__PURE__*/react.forwardRef(function AccordionItem(_ref, r
       setExpanded(isExpanded);
     }
   }, [isExpanded, controlled]);
-  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     ref: ref,
     children: Children
   }));
 });
 var _excluded$16 = ["isExpanded", "disabled", "children"];
-var StyledAccordionHeaderTitle = styled.span.withConfig({
+var StyledAccordionHeaderTitle = styled__default.default.span.withConfig({
   displayName: "AccordionHeaderTitle__StyledAccordionHeaderTitle",
   componentId: "sc-g27uve-0"
 })(function (_ref) {
@@ -2932,8 +2944,8 @@ var AccordionHeaderTitle = /*#__PURE__*/react.forwardRef(function AccordionHeade
   var isExpanded = _ref2.isExpanded,
     disabled = _ref2.disabled,
     children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded$16);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledAccordionHeaderTitle, _objectSpread(_objectSpread({
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$16);
+  return /*#__PURE__*/jsxRuntime.jsx(StyledAccordionHeaderTitle, _objectSpread__default.default(_objectSpread__default.default({
     ref: ref,
     isExpanded: isExpanded,
     disabled: disabled
@@ -2943,7 +2955,7 @@ var AccordionHeaderTitle = /*#__PURE__*/react.forwardRef(function AccordionHeade
 });
 var _excluded$15 = ["isExpanded", "disabled", "children"];
-var StyledAccordionHeaderActions = styled.span.withConfig({
+var StyledAccordionHeaderActions = styled__default.default.span.withConfig({
   displayName: "AccordionHeaderActions__StyledAccordionHeaderActions",
   componentId: "sc-klu9el-0"
 })(function (_ref) {
@@ -2964,8 +2976,8 @@ var AccordionHeaderActions = /*#__PURE__*/react.forwardRef(function AccordionHea
   var isExpanded = _ref2.isExpanded,
     disabled = _ref2.disabled,
     children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded$15);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledAccordionHeaderActions, _objectSpread(_objectSpread({
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$15);
+  return /*#__PURE__*/jsxRuntime.jsx(StyledAccordionHeaderActions, _objectSpread__default.default(_objectSpread__default.default({
     ref: ref,
     isExpanded: isExpanded,
     disabled: disabled
@@ -2976,7 +2988,7 @@ var AccordionHeaderActions = /*#__PURE__*/react.forwardRef(function AccordionHea
 var _excluded$14 = ["parentIndex", "headerLevel", "chevronPosition", "panelId", "id", "isExpanded", "children", "toggleExpanded", "disabled", "className", "style"];
 var chevronToken = accordion.entities.chevron;
-var StyledAccordionHeader = styled.div.withConfig({
+var StyledAccordionHeader = styled__default.default.div.withConfig({
   displayName: "AccordionHeader__StyledAccordionHeader",
   componentId: "sc-cu2e95-0"
 })(function (_ref) {
@@ -2998,7 +3010,7 @@ var StyledAccordionHeader = styled.div.withConfig({
     }
   }));
 });
-var StyledAccordionHeaderButton = styled.button.attrs(function (_ref2) {
+var StyledAccordionHeaderButton = styled__default.default.button.attrs(function (_ref2) {
   var panelId = _ref2.panelId,
     isExpanded = _ref2.isExpanded,
     disabled = _ref2.disabled;
@@ -3026,7 +3038,7 @@ var StyledAccordionHeaderButton = styled.button.attrs(function (_ref2) {
     cursor: 'pointer'
   }), iconToken.typography.color);
 });
-var StyledIcon$1 = styled(Icon$1).withConfig({
+var StyledIcon$1 = styled__default.default(Icon$1).withConfig({
   displayName: "AccordionHeader__StyledIcon",
   componentId: "sc-cu2e95-2"
 })(function (_ref4) {
@@ -3050,7 +3062,7 @@ var AccordionHeader$1 = /*#__PURE__*/react.forwardRef(function AccordionHeader(_
     disabled = _ref5.disabled,
     className = _ref5.className,
     style = _ref5.style,
-    props = _objectWithoutProperties(_ref5, _excluded$14);
+    props = _objectWithoutProperties__default.default(_ref5, _excluded$14);
   var handleClick = function handleClick(e) {
     e.preventDefault();
     e.stopPropagation();
@@ -3112,7 +3124,7 @@ var AccordionHeader$1 = /*#__PURE__*/react.forwardRef(function AccordionHeader(_
     as: headerLevel,
     className: className,
     style: style,
-    children: [/*#__PURE__*/jsxRuntime.jsx(StyledAccordionHeaderButton, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/jsxRuntime.jsx(StyledAccordionHeaderButton, _objectSpread__default.default(_objectSpread__default.default({
       isExpanded: isExpanded,
       disabled: disabled,
       panelId: panelId,
@@ -3127,7 +3139,7 @@ var AccordionHeader$1 = /*#__PURE__*/react.forwardRef(function AccordionHeader(_
 });
 var _excluded$13 = ["id", "headerId", "hidden", "children"];
-var StyledAccordionPanel = styled.div.attrs(function (_ref) {
+var StyledAccordionPanel = styled__default.default.div.attrs(function (_ref) {
   var headerId = _ref.headerId;
   return {
     role: 'region',
@@ -3149,8 +3161,8 @@ var AccordionPanel = /*#__PURE__*/react.forwardRef(function AccordionPanel(_ref3
     headerId = _ref3.headerId,
     hidden = _ref3.hidden,
     children = _ref3.children,
-    props = _objectWithoutProperties(_ref3, _excluded$13);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledAccordionPanel, _objectSpread(_objectSpread({
+    props = _objectWithoutProperties__default.default(_ref3, _excluded$13);
+  return /*#__PURE__*/jsxRuntime.jsx(StyledAccordionPanel, _objectSpread__default.default(_objectSpread__default.default({
     headerId: headerId,
     id: id,
     hidden: hidden
@@ -3216,7 +3228,7 @@ var token$1 = {
           }
         }
       },
-      typography: _objectSpread({}, menu_title)
+      typography: _objectSpread__default.default({}, menu_title)
     },
     tab: {
       background: 'transparent',
@@ -3231,7 +3243,7 @@ var token$1 = {
         left: spacingMedium$7,
         right: spacingMedium$7
       },
-      typography: _objectSpread({
+      typography: _objectSpread__default.default({
         color: defaultColor,
         textAlign: 'center'
       }, menu_tabs),
@@ -3307,18 +3319,18 @@ var Tabs$1 = /*#__PURE__*/react.forwardRef(function Tabs(_ref, ref) {
     _ref$scrollable = _ref.scrollable,
     scrollable = _ref$scrollable === void 0 ? false : _ref$scrollable,
     id = _ref.id,
-    props = _objectWithoutProperties(_ref, _excluded$12);
+    props = _objectWithoutProperties__default.default(_ref, _excluded$12);
   var tabsId = edsUtils.useId(id, 'tabs');
   var tabsRef = react.useRef(null);
   var combinedTabsRef = react.useMemo(function () {
     return edsUtils.mergeRefs(tabsRef, ref);
   }, [tabsRef, ref]);
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     tabsFocused = _useState2[0],
     setTabsFocused = _useState2[1];
   var _useState3 = react.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     listenerAttached = _useState4[0],
     setListenerAttached = _useState4[1];
   var blurTimer;
@@ -3380,7 +3392,7 @@ var Tabs$1 = /*#__PURE__*/react.forwardRef(function Tabs(_ref, ref) {
         scrollable: scrollable,
         tabsFocused: tabsFocused
       },
-      children: /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
+      children: /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread__default.default(_objectSpread__default.default({
         ref: combinedTabsRef
       }, props), {}, {
         onBlur: handleBlur,
@@ -3395,7 +3407,7 @@ var variants$1 = {
   fullWidth: 'minmax(1%, 360px)',
   minWidth: 'max-content'
 };
-var StyledTabList = styled.div.attrs(function () {
+var StyledTabList = styled__default.default.div.attrs(function () {
   return {
     role: 'tablist'
   };
@@ -3412,7 +3424,7 @@ var StyledTabList = styled.div.attrs(function () {
 var TabList = /*#__PURE__*/react.forwardRef(function TabsList(_ref3, ref) {
   var _ref3$children = _ref3.children,
     children = _ref3$children === void 0 ? [] : _ref3$children,
-    props = _objectWithoutProperties(_ref3, _excluded$11);
+    props = _objectWithoutProperties__default.default(_ref3, _excluded$11);
   var _useContext = react.useContext(TabsContext),
     activeTab = _useContext.activeTab,
     handleChange = _useContext.handleChange,
@@ -3424,7 +3436,7 @@ var TabList = /*#__PURE__*/react.forwardRef(function TabsList(_ref3, ref) {
     tabsFocused = _useContext.tabsFocused;
   var currentTab = react.useRef(activeTab);
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     arrowNavigating = _useState2[0],
     setArrowNavigating = _useState2[1];
   var selectedTabRef = react.useCallback(function (node) {
@@ -3475,7 +3487,7 @@ var TabList = /*#__PURE__*/react.forwardRef(function TabsList(_ref3, ref) {
       handleTabsChange('right', firstFocusableChild);
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsx(StyledTabList, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(StyledTabList, _objectSpread__default.default(_objectSpread__default.default({
     onKeyDown: handleKeyPress,
     ref: ref
   }, props), {}, {
@@ -3486,7 +3498,7 @@ var TabList = /*#__PURE__*/react.forwardRef(function TabsList(_ref3, ref) {
 });
 var _excluded$10 = ["active"];
-var StyledTab = styled.button.attrs(function (_ref) {
+var StyledTab = styled__default.default.button.attrs(function (_ref) {
   var _ref$$active = _ref.$active,
     $active = _ref$$active === void 0 ? false : _ref$$active,
     _ref$disabled = _ref.disabled,
@@ -3510,8 +3522,8 @@ var StyledTab = styled.button.attrs(function (_ref) {
 });
 var Tab = /*#__PURE__*/react.forwardRef(function Tab(_ref3, ref) {
   var active = _ref3.active,
-    rest = _objectWithoutProperties(_ref3, _excluded$10);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledTab, _objectSpread({
+    rest = _objectWithoutProperties__default.default(_ref3, _excluded$10);
+  return /*#__PURE__*/jsxRuntime.jsx(StyledTab, _objectSpread__default.default({
     ref: ref,
     $active: active
   }, rest));
@@ -3520,7 +3532,7 @@ var Tab = /*#__PURE__*/react.forwardRef(function Tab(_ref3, ref) {
 var _excluded$$ = ["children"];
 var TabPanels = /*#__PURE__*/react.forwardRef(function TabPanels(_ref, ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$$);
+    props = _objectWithoutProperties__default.default(_ref, _excluded$$);
   var _useContext = react.useContext(TabsContext),
     activeTab = _useContext.activeTab,
     tabsId = _useContext.tabsId;
@@ -3531,14 +3543,14 @@ var TabPanels = /*#__PURE__*/react.forwardRef(function TabPanels(_ref, ref) {
       'aria-labelledby': "".concat(tabsId, "-tab-").concat(index + 1)
     });
   });
-  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread__default.default(_objectSpread__default.default({
     ref: ref
   }, props), {}, {
     children: Panels
   }));
 });
-var StyledTabPanel = styled.div.attrs(function () {
+var StyledTabPanel = styled__default.default.div.attrs(function () {
   return {
     tabIndex: 0,
     role: 'tabpanel'
@@ -3552,8 +3564,8 @@ var StyledTabPanel = styled.div.attrs(function () {
   return styled.css(["", " ", " &:focus{outline:none;}&[data-focus-visible-added]:focus{", "}&:focus-visible{", "}"], edsUtils.spacingsTemplate(panel.spacings), edsUtils.typographyTemplate(panel.typography), edsUtils.outlineTemplate(panel.states.focus.outline), edsUtils.outlineTemplate(panel.states.focus.outline));
 });
 var TabPanel = /*#__PURE__*/react.forwardRef(function TabPanel(_ref2, ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
-  return /*#__PURE__*/jsxRuntime.jsx(StyledTabPanel, _objectSpread(_objectSpread({
+  var props = _extends__default.default({}, (_objectDestructuringEmpty__default.default(_ref2), _ref2));
+  return /*#__PURE__*/jsxRuntime.jsx(StyledTabPanel, _objectSpread__default.default(_objectSpread__default.default({
     ref: ref
   }, props), {}, {
     children: props.children
@@ -3577,7 +3589,7 @@ var paper = {
 };
 var _excluded$_ = ["elevation"];
-var StyledPaper = styled.div.withConfig({
+var StyledPaper = styled__default.default.div.withConfig({
   displayName: "Paper__StyledPaper",
   componentId: "sc-6ncnv9-0"
 })(["background:", ";box-shadow:", ";"], paper.background, function (_ref) {
@@ -3587,11 +3599,11 @@ var StyledPaper = styled.div.withConfig({
 var Paper = /*#__PURE__*/react.forwardRef(function Paper(_ref2, ref) {
   var _elevationToken$eleva;
   var elevation$1 = _ref2.elevation,
-    rest = _objectWithoutProperties(_ref2, _excluded$_);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$_);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     $elevation: (_elevationToken$eleva = elevation[elevation$1]) !== null && _elevationToken$eleva !== void 0 ? _elevationToken$eleva : 'none'
   });
-  return /*#__PURE__*/jsxRuntime.jsx(StyledPaper, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(StyledPaper, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     ref: ref
   }));
 });
@@ -3636,7 +3648,7 @@ var tokens$2 = /*#__PURE__*/Object.freeze({
 var _excluded$Z = ["children", "variant", "elevation"];
 var primary$3 = primary$4;
-var StyledCard = styled(Paper).withConfig({
+var StyledCard = styled__default.default(Paper).withConfig({
   displayName: "Card__StyledCard",
   componentId: "sc-bjucjn-0"
 })(["width:100%;position:relative;background-color:", ";box-sizing:border-box;display:flex;flex-direction:column;grid-gap:16px;", ";"], function (_ref) {
@@ -3649,14 +3661,14 @@ var Card$1 = /*#__PURE__*/react.forwardRef(function Card(_ref2, ref) {
     variant = _ref2$variant === void 0 ? 'default' : _ref2$variant,
     _ref2$elevation = _ref2.elevation,
     elevation = _ref2$elevation === void 0 ? 'none' : _ref2$elevation,
-    rest = _objectWithoutProperties(_ref2, _excluded$Z);
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$Z);
   var cardVariant = variant === 'default' ? 'primary' : variant;
   var token = tokens$2[cardVariant];
-  var props = _objectSpread({
+  var props = _objectSpread__default.default({
     ref: ref,
     background: token.background
   }, rest);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledCard, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(StyledCard, _objectSpread__default.default(_objectSpread__default.default({
     elevation: elevation
   }, props), {}, {
     children: children
@@ -3665,7 +3677,7 @@ var Card$1 = /*#__PURE__*/react.forwardRef(function Card(_ref2, ref) {
 var _excluded$Y = ["children", "alignRight", "meta"];
 var spacings$6 = primary$4.spacings;
-var StyledCardActions = styled.div.withConfig({
+var StyledCardActions = styled__default.default.div.withConfig({
   displayName: "CardActions__StyledCardActions",
   componentId: "sc-1d5vskp-0"
 })(["display:grid;grid-gap:8px;grid-auto-flow:column;align-items:center;justify-content:", ";padding:0 ", " 0 ", ";margin-top:auto;&:first-child{padding-top:", ";}&:last-child{padding-bottom:", ";}"], function (_ref) {
@@ -3678,13 +3690,13 @@ var CardActions = /*#__PURE__*/react.forwardRef(function CardActions(_ref2, ref)
     alignRight = _ref2$alignRight === void 0 ? false : _ref2$alignRight,
     _ref2$meta = _ref2.meta,
     meta = _ref2$meta === void 0 ? '' : _ref2$meta,
-    rest = _objectWithoutProperties(_ref2, _excluded$Y);
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$Y);
   var justifyContent = alignRight ? 'flex-end' : 'flex-start';
-  var props = _objectSpread({
+  var props = _objectSpread__default.default({
     ref: ref,
     justifyContent: justifyContent
   }, rest);
-  return /*#__PURE__*/jsxRuntime.jsxs(StyledCardActions, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs(StyledCardActions, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     children: [children, meta !== '' && /*#__PURE__*/jsxRuntime.jsx(Typography, {
       variant: "caption",
       children: meta
@@ -3694,14 +3706,14 @@ var CardActions = /*#__PURE__*/react.forwardRef(function CardActions(_ref2, ref)
 var _excluded$X = ["children"];
 var spacings$5 = primary$4.spacings;
-var StyledCardContent = styled.div.withConfig({
+var StyledCardContent = styled__default.default.div.withConfig({
   displayName: "CardContent__StyledCardContent",
   componentId: "sc-esm4ym-0"
 })(["display:grid;padding:0 ", " 0 ", ";&:last-child{padding-bottom:", ";}"], spacings$5.right, spacings$5.left, spacings$5.bottom);
 var CardContent = /*#__PURE__*/react.forwardRef(function CardContent(_ref, ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$X);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledCardContent, _objectSpread(_objectSpread({
+    props = _objectWithoutProperties__default.default(_ref, _excluded$X);
+  return /*#__PURE__*/jsxRuntime.jsx(StyledCardContent, _objectSpread__default.default(_objectSpread__default.default({
     ref: ref
   }, props), {}, {
     children: children
@@ -3711,7 +3723,7 @@ var CardContent = /*#__PURE__*/react.forwardRef(function CardContent(_ref, ref)
 var _excluded$W = ["children", "fullWidth"];
 var spacings$4 = primary$4.spacings,
   border$4 = primary$4.border;
-var StyledCardMedia = styled.div.withConfig({
+var StyledCardMedia = styled__default.default.div.withConfig({
   displayName: "CardMedia__StyledCardMedia",
   componentId: "sc-kr8q9c-0"
 })(["display:flex;width:auto;", ""], function (_ref) {
@@ -3722,45 +3734,45 @@ var CardMedia = /*#__PURE__*/react.forwardRef(function CardMedia(_ref2, ref) {
   var children = _ref2.children,
     _ref2$fullWidth = _ref2.fullWidth,
     fullWidth = _ref2$fullWidth === void 0 ? false : _ref2$fullWidth,
-    rest = _objectWithoutProperties(_ref2, _excluded$W);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$W);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref,
     fullWidth: fullWidth
   });
-  return /*#__PURE__*/jsxRuntime.jsx(StyledCardMedia, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(StyledCardMedia, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     children: children
   }));
 });
 var _excluded$V = ["children"];
 var spacings$3 = primary$4.spacings;
-var StyledCardHeader = styled.div.withConfig({
+var StyledCardHeader = styled__default.default.div.withConfig({
   displayName: "CardHeader__StyledCardHeader",
   componentId: "sc-15k8edh-0"
 })(["display:flex;justify-content:space-between;align-items:center;padding:0 ", " 0 ", ";> :not(:first-child){margin-left:", ";}&:first-child{padding-top:", ";}&:last-child{padding-bottom:", ";}"], spacings$3.right, spacings$3.left, spacings$3.left, spacings$3.top, spacings$3.bottom);
 var CardHeader = /*#__PURE__*/react.forwardRef(function CardHeader(_ref, ref) {
   var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$V);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    rest = _objectWithoutProperties__default.default(_ref, _excluded$V);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref
   });
-  return /*#__PURE__*/jsxRuntime.jsx(StyledCardHeader, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(StyledCardHeader, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     children: children
   }));
 });
 var _excluded$U = ["children"];
-var StyledCardHeaderTitle = styled.div.withConfig({
+var StyledCardHeaderTitle = styled__default.default.div.withConfig({
   displayName: "CardHeaderTitle__StyledCardHeaderTitle",
   componentId: "sc-11m80r3-0"
 })(["display:grid;flex-grow:2;grid-auto-columns:auto;"]);
 var CardHeaderTitle = /*#__PURE__*/react.forwardRef(function CardHeaderTitle(_ref, ref) {
   var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$U);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    rest = _objectWithoutProperties__default.default(_ref, _excluded$U);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref
   });
-  return /*#__PURE__*/jsxRuntime.jsx(StyledCardHeaderTitle, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(StyledCardHeaderTitle, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     children: children
   }));
 });
@@ -3804,7 +3816,7 @@ var topbar = {
 };
 var _excluded$T = ["children", "elevation", "sticky"];
-var StyledTopBar = styled(Paper).withConfig({
+var StyledTopBar = styled__default.default(Paper).withConfig({
   displayName: "TopBar__StyledTopBar",
   componentId: "sc-1yj236q-0"
 })(function (_ref) {
@@ -3818,18 +3830,18 @@ var TopBar$1 = /*#__PURE__*/react.forwardRef(function TopBar(_ref2, ref) {
     elevation = _ref2$elevation === void 0 ? 'none' : _ref2$elevation,
     _ref2$sticky = _ref2.sticky,
     sticky = _ref2$sticky === void 0 ? true : _ref2$sticky,
-    props = _objectWithoutProperties(_ref2, _excluded$T);
+    props = _objectWithoutProperties__default.default(_ref2, _excluded$T);
   var _useEds = useEds(),
     density = _useEds.density;
   var token = edsUtils.useToken({
     density: density
   }, topbar);
-  var rest = _objectSpread(_objectSpread({}, props), {}, {
+  var rest = _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     ref: ref
   });
   return /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
     theme: token,
-    children: /*#__PURE__*/jsxRuntime.jsx(StyledTopBar, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/jsxRuntime.jsx(StyledTopBar, _objectSpread__default.default(_objectSpread__default.default({
       forwardedAs: 'header',
       elevation: elevation,
       sticky: sticky
@@ -3842,14 +3854,14 @@ var TopBar$1 = /*#__PURE__*/react.forwardRef(function TopBar(_ref2, ref) {
 // TopBar.displayName = 'eds-topbar'
 var _excluded$S = ["children"];
-var StyledActions = styled.div.withConfig({
+var StyledActions = styled__default.default.div.withConfig({
   displayName: "Actions__StyledActions",
   componentId: "sc-1251ang-0"
 })(["grid-area:right;text-align:right;align-items:center;display:flex;"]);
 var Actions = /*#__PURE__*/react.forwardRef(function Actions(_ref, ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$S);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledActions, _objectSpread(_objectSpread({
+    props = _objectWithoutProperties__default.default(_ref, _excluded$S);
+  return /*#__PURE__*/jsxRuntime.jsx(StyledActions, _objectSpread__default.default(_objectSpread__default.default({
     ref: ref
   }, props), {}, {
     children: children
@@ -3859,14 +3871,14 @@ var Actions = /*#__PURE__*/react.forwardRef(function Actions(_ref, ref) {
 // Actions.displayName = 'eds-topbar-actions'
 var _excluded$R = ["children"];
-var StyledHeader = styled.div.withConfig({
+var StyledHeader = styled__default.default.div.withConfig({
   displayName: "Header__StyledHeader",
   componentId: "sc-1fpllve-0"
 })(["grid-area:left;display:grid;grid-template-columns:auto auto;grid-gap:12px;align-items:center;"]);
 var Header$2 = /*#__PURE__*/react.forwardRef(function Header(_ref, ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$R);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledHeader, _objectSpread(_objectSpread({
+    props = _objectWithoutProperties__default.default(_ref, _excluded$R);
+  return /*#__PURE__*/jsxRuntime.jsx(StyledHeader, _objectSpread__default.default(_objectSpread__default.default({
     ref: ref
   }, props), {}, {
     children: children
@@ -3876,14 +3888,14 @@ var Header$2 = /*#__PURE__*/react.forwardRef(function Header(_ref, ref) {
 // Header.displayName = 'eds-topbar-header'
 var _excluded$Q = ["children"];
-var StyledCustomContent = styled.div.withConfig({
+var StyledCustomContent = styled__default.default.div.withConfig({
   displayName: "CustomContent__StyledCustomContent",
   componentId: "sc-d0e83a-0"
 })(["grid-area:center;"]);
 var CustomContent = /*#__PURE__*/react.forwardRef(function CustomContent(_ref, ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$Q);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledCustomContent, _objectSpread(_objectSpread({
+    props = _objectWithoutProperties__default.default(_ref, _excluded$Q);
+  return /*#__PURE__*/jsxRuntime.jsx(StyledCustomContent, _objectSpread__default.default(_objectSpread__default.default({
     ref: ref
   }, props), {}, {
     children: children
@@ -3950,7 +3962,7 @@ var dialog = {
 };
 var _excluded$P = ["children", "open", "onClose", "isDismissable", "dialogRef"];
-var StyledDialog = styled(Paper).attrs({
+var StyledDialog = styled__default.default(Paper).attrs({
   'aria-labelledby': 'eds-dialog-title',
   'aria-describedby': 'eds-dialog-customcontent'
 }).withConfig({
@@ -3960,7 +3972,7 @@ var StyledDialog = styled(Paper).attrs({
   var theme = _ref.theme;
   return styled.css(["width:", ";background:", ";display:grid;grid-auto-columns:auto;", ";", ";grid-gap:", ";overflow:hidden;"], theme.width, theme.background, edsUtils.typographyTemplate(theme.typography), edsUtils.bordersTemplate(theme.border), theme.spacings.bottom);
 });
-var StyledNativeDialog = styled.dialog.withConfig({
+var StyledNativeDialog = styled__default.default.dialog.withConfig({
   displayName: "Dialog__StyledNativeDialog",
   componentId: "sc-1mewo3f-1"
 })(function (_ref2) {
@@ -3974,7 +3986,7 @@ var Dialog$1 = /*#__PURE__*/react.forwardRef(function Dialog(_ref3, ref) {
     _ref3$isDismissable = _ref3.isDismissable,
     isDismissable = _ref3$isDismissable === void 0 ? false : _ref3$isDismissable,
     dialogRef = _ref3.dialogRef,
-    props = _objectWithoutProperties(_ref3, _excluded$P);
+    props = _objectWithoutProperties__default.default(_ref3, _excluded$P);
   var _useEds = useEds(),
     density = _useEds.density;
   var localRef = react.useRef(null);
@@ -4014,7 +4026,7 @@ var Dialog$1 = /*#__PURE__*/react.forwardRef(function Dialog(_ref3, ref) {
     children: /*#__PURE__*/jsxRuntime.jsx(StyledNativeDialog, {
       ref: combinedDialogRef,
       onMouseDown: handleDismiss,
-      children: open && /*#__PURE__*/jsxRuntime.jsx(StyledDialog, _objectSpread(_objectSpread({
+      children: open && /*#__PURE__*/jsxRuntime.jsx(StyledDialog, _objectSpread__default.default(_objectSpread__default.default({
         elevation: "above_scrim"
       }, props), {}, {
         ref: ref,
@@ -4027,7 +4039,7 @@ var Dialog$1 = /*#__PURE__*/react.forwardRef(function Dialog(_ref3, ref) {
 // Dialog.displayName = 'EdsDialog'
 var _excluded$O = ["children"];
-var StyledDialogActions = styled.div.withConfig({
+var StyledDialogActions = styled__default.default.div.withConfig({
   displayName: "DialogActions__StyledDialogActions",
   componentId: "sc-16ydtxd-0"
 })(function (_ref) {
@@ -4037,8 +4049,8 @@ var StyledDialogActions = styled.div.withConfig({
 });
 var DialogActions = /*#__PURE__*/react.forwardRef(function DialogActions(_ref2, ref) {
   var children = _ref2.children,
-    props = _objectWithoutProperties(_ref2, _excluded$O);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledDialogActions, _objectSpread(_objectSpread({
+    props = _objectWithoutProperties__default.default(_ref2, _excluded$O);
+  return /*#__PURE__*/jsxRuntime.jsx(StyledDialogActions, _objectSpread__default.default(_objectSpread__default.default({
     ref: ref
   }, props), {}, {
     children: children
@@ -4048,7 +4060,7 @@ var DialogActions = /*#__PURE__*/react.forwardRef(function DialogActions(_ref2,
 // Actions.displayName = 'EdsDialogActions'
 var _excluded$N = ["children"];
-var StyledDialogTitle = styled.div.withConfig({
+var StyledDialogTitle = styled__default.default.div.withConfig({
   displayName: "DialogTitle__StyledDialogTitle",
   componentId: "sc-1t3jljt-0"
 })(function (_ref) {
@@ -4058,9 +4070,9 @@ var StyledDialogTitle = styled.div.withConfig({
 });
 var DialogTitle = /*#__PURE__*/react.forwardRef(function DialogTitle(_ref2, ref) {
   var children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded$N);
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$N);
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/jsxRuntime.jsx(StyledDialogTitle, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/jsxRuntime.jsx(StyledDialogTitle, _objectSpread__default.default(_objectSpread__default.default({
       id: "eds-dialog-title",
       ref: ref
     }, rest), {}, {
@@ -4070,7 +4082,7 @@ var DialogTitle = /*#__PURE__*/react.forwardRef(function DialogTitle(_ref2, ref)
 });
 var _excluded$M = ["children", "scrollable"];
-var StyledDialogContent = styled.div.withConfig({
+var StyledDialogContent = styled__default.default.div.withConfig({
   displayName: "DialogContent__StyledDialogContent",
   componentId: "sc-1tze18k-0"
 })(function (_ref) {
@@ -4078,7 +4090,7 @@ var StyledDialogContent = styled.div.withConfig({
     scrollable = _ref.scrollable;
   return styled.css(["--content-spacing-top:", ";", " min-height:", ";align-self:stretch;justify-self:stretch;padding:0 ", " 0 ", ";&:first-child{padding-top:var(--content-spacing-top);}&:last-child{padding-bottom:", ";}", ""], theme.entities.children.spacings.top, edsUtils.typographyTemplate(theme.entities.content.typography), theme.entities.content.minHeight, theme.entities.children.spacings.right, theme.entities.children.spacings.left, theme.entities.children.spacings.bottom, scrollable && styled.css(["&:not(:first-child){margin-top:calc(var(--content-spacing-top) * -1);}padding-top:var(--content-spacing-top);margin-bottom:calc(var(--content-spacing-top) * -1);padding-bottom:var(--content-spacing-top);min-height:initial;height:", ";overflow-y:auto;"], theme.entities.content.height));
 });
-var StyledDivider$2 = styled(Divider).withConfig({
+var StyledDivider$2 = styled__default.default(Divider).withConfig({
   displayName: "DialogContent__StyledDivider",
   componentId: "sc-1tze18k-1"
 })(["width:100%;margin:0;"]);
@@ -4086,13 +4098,13 @@ var DialogContent = /*#__PURE__*/react.forwardRef(function DialogContent(_ref2,
   var children = _ref2.children,
     _ref2$scrollable = _ref2.scrollable,
     scrollable = _ref2$scrollable === void 0 ? false : _ref2$scrollable,
-    rest = _objectWithoutProperties(_ref2, _excluded$M);
-  var props = _objectSpread({
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$M);
+  var props = _objectSpread__default.default({
     scrollable: scrollable,
     ref: ref
   }, rest);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(StyledDialogContent, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/jsxRuntime.jsx(StyledDialogContent, _objectSpread__default.default(_objectSpread__default.default({
       id: "eds-dialog-customcontent"
     }, props), {}, {
       children: children
@@ -4104,24 +4116,24 @@ var DialogContent = /*#__PURE__*/react.forwardRef(function DialogContent(_ref2,
 });
 var _excluded$L = ["children"];
-var StyledDialogHeader = styled.div.withConfig({
+var StyledDialogHeader = styled__default.default.div.withConfig({
   displayName: "DialogHeader__StyledDialogHeader",
   componentId: "sc-mbwcos-0"
 })(function (_ref) {
   var theme = _ref.theme;
   return styled.css(["display:flex;justify-content:space-between;align-items:center;padding:", " ", " 0 ", ";"], theme.entities.children.spacings.top, theme.entities.children.spacings.right, theme.entities.children.spacings.left);
 });
-var StyledDivider$1 = styled(Divider).withConfig({
+var StyledDivider$1 = styled__default.default(Divider).withConfig({
   displayName: "DialogHeader__StyledDivider",
   componentId: "sc-mbwcos-1"
 })(["margin-bottom:0;"]);
 var DialogHeader = /*#__PURE__*/react.forwardRef(function DialogHeader(_ref2, ref) {
   var children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded$L);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$L);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref
   });
-  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     children: [/*#__PURE__*/jsxRuntime.jsx(StyledDialogHeader, {
       children: children
     }), /*#__PURE__*/jsxRuntime.jsx(StyledDivider$1, {
@@ -4149,11 +4161,11 @@ var scrim = {
 var _excluded$K = ["children", "onClose", "open", "isDismissable"];
 var background$7 = scrim.background;
-var StyledScrim = styled(react$1.FloatingOverlay).withConfig({
+var StyledScrim = styled__default.default(react$1.FloatingOverlay).withConfig({
   displayName: "Scrim__StyledScrim",
   componentId: "sc-1fr7uvy-0"
 })(["background:", ";z-index:1300;align-items:center;justify-content:center;display:flex;"], background$7);
-var ScrimContent = styled.div.withConfig({
+var ScrimContent = styled__default.default.div.withConfig({
   displayName: "Scrim__ScrimContent",
   componentId: "sc-1fr7uvy-1"
 })(["width:auto;height:auto;"]);
@@ -4163,7 +4175,7 @@ var Scrim = /*#__PURE__*/react.forwardRef(function Scrim(_ref, ref) {
     open = _ref.open,
     _ref$isDismissable = _ref.isDismissable,
     isDismissable = _ref$isDismissable === void 0 ? false : _ref$isDismissable,
-    rest = _objectWithoutProperties(_ref, _excluded$K);
+    rest = _objectWithoutProperties__default.default(_ref, _excluded$K);
   var scrimRef = react.useRef(null);
   var combinedScrimRef = react.useMemo(function () {
     return edsUtils.mergeRefs(scrimRef, ref);
@@ -4183,7 +4195,7 @@ var Scrim = /*#__PURE__*/react.forwardRef(function Scrim(_ref, ref) {
   if (!open) {
     return null;
   }
-  return /*#__PURE__*/jsxRuntime.jsx(StyledScrim, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(StyledScrim, _objectSpread__default.default(_objectSpread__default.default({
     lockScroll: true,
     onMouseDown: handleMouseClose,
     ref: combinedScrimRef
@@ -4208,7 +4220,7 @@ var _tokens$colors$b = edsTokens.tokens.colors,
   xxx_large$1 = _tokens$spacings$comf$a.xxx_large,
   typography$9 = edsTokens.tokens.typography;
 var tableOfContents = {
-  typography: _objectSpread(_objectSpread({}, typography$9.navigation.button), {}, {
+  typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$9.navigation.button), {}, {
     color: labelColor
   }),
   spacings: {
@@ -4224,7 +4236,7 @@ var tableOfContents = {
     },
     links: {
       width: 'calc(189px - 36px)',
-      typography: _objectSpread(_objectSpread({}, typography$9.navigation.button), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$9.navigation.button), {}, {
         color: primaryColor$3
       }),
       spacings: {
@@ -4264,7 +4276,7 @@ var tableOfContents = {
           background: primaryHover$3
         }
       },
-      typography: _objectSpread(_objectSpread({}, typography$9.navigation.button), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$9.navigation.button), {}, {
         color: primaryHover$3
       })
     }
@@ -4275,7 +4287,7 @@ var tableOfContents = {
 };
 var _excluded$J = ["children", "sticky", "label"];
-var StyledTableOfContents = styled.nav.withConfig({
+var StyledTableOfContents = styled__default.default.nav.withConfig({
   displayName: "TableOfContents__StyledTableOfContents",
   componentId: "sc-q23s6y-0"
 })(function (_ref) {
@@ -4283,11 +4295,11 @@ var StyledTableOfContents = styled.nav.withConfig({
     sticky = _ref.sticky;
   return styled.css(["margin-top:", ";margin-bottom:", ";", ""], theme.spacings.top, theme.spacings.bottom, sticky && styled.css(["position:fixed;top:", ";right:", ";"], theme.entities.sticky.spacings.top, theme.entities.sticky.spacings.right));
 });
-var TocList = styled(List$1).withConfig({
+var TocList = styled__default.default(List$1).withConfig({
   displayName: "TableOfContents__TocList",
   componentId: "sc-q23s6y-1"
 })(["margin:0;padding:0;"]);
-var TocLabel = styled(Typography).withConfig({
+var TocLabel = styled__default.default(Typography).withConfig({
   displayName: "TableOfContents__TocLabel",
   componentId: "sc-q23s6y-2"
 })(function (_ref2) {
@@ -4300,7 +4312,7 @@ var TableOfContents$1 = /*#__PURE__*/react.forwardRef(function TableOfContents(_
     sticky = _ref3$sticky === void 0 ? false : _ref3$sticky,
     _ref3$label = _ref3.label,
     label = _ref3$label === void 0 ? '' : _ref3$label,
-    rest = _objectWithoutProperties(_ref3, _excluded$J);
+    rest = _objectWithoutProperties__default.default(_ref3, _excluded$J);
   var _useEds = useEds(),
     density = _useEds.density;
   var token = edsUtils.useToken({
@@ -4308,7 +4320,7 @@ var TableOfContents$1 = /*#__PURE__*/react.forwardRef(function TableOfContents(_
   }, tableOfContents);
   return /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
     theme: token,
-    children: /*#__PURE__*/jsxRuntime.jsxs(StyledTableOfContents, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/jsxRuntime.jsxs(StyledTableOfContents, _objectSpread__default.default(_objectSpread__default.default({
       ref: ref,
       label: label,
       sticky: sticky
@@ -4324,7 +4336,7 @@ var TableOfContents$1 = /*#__PURE__*/react.forwardRef(function TableOfContents(_
 });
 var _excluded$I = ["children"];
-var StyledLinkItem = styled.li.withConfig({
+var StyledLinkItem = styled__default.default.li.withConfig({
   displayName: "LinkItem__StyledLinkItem",
   componentId: "sc-1tfuad4-0"
 })(function (_ref) {
@@ -4333,8 +4345,8 @@ var StyledLinkItem = styled.li.withConfig({
 });
 var LinkItem = /*#__PURE__*/react.forwardRef(function LinkItem(_ref2, ref) {
   var children = _ref2.children,
-    props = _objectWithoutProperties(_ref2, _excluded$I);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledLinkItem, _objectSpread(_objectSpread({}, props), {}, {
+    props = _objectWithoutProperties__default.default(_ref2, _excluded$I);
+  return /*#__PURE__*/jsxRuntime.jsx(StyledLinkItem, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     ref: ref,
     children: children
   }));
@@ -4367,7 +4379,7 @@ var comfortable$2 = {
       style: 'solid'
     }
   },
-  typography: _objectSpread({}, body_short)
+  typography: _objectSpread__default.default({}, body_short)
 };
 var variants = {
   small: '240px',
@@ -4381,14 +4393,14 @@ var background$5 = comfortable$2.background,
   spacings$2 = comfortable$2.spacings,
   border$3 = comfortable$2.border,
   typography$8 = comfortable$2.typography;
-var StyledSideSheet = styled.div.withConfig({
+var StyledSideSheet = styled__default.default.div.withConfig({
   displayName: "SideSheet__StyledSideSheet",
   componentId: "sc-wkzlnn-0"
 })(["height:100%;position:absolute;z-index:1200;top:0;right:0;box-sizing:border-box;background:", ";width:", ";", " ", ";", ""], background$5, function (_ref) {
   var width = _ref.width;
   return width;
 }, edsUtils.bordersTemplate(border$3), edsUtils.spacingsTemplate(spacings$2), edsUtils.typographyTemplate(typography$8));
-var Header$1 = styled.div.withConfig({
+var Header$1 = styled__default.default.div.withConfig({
   displayName: "SideSheet__Header",
   componentId: "sc-wkzlnn-1"
 })(["display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding-bottom:24px;padding-right:10px;"]);
@@ -4402,14 +4414,14 @@ var SideSheet = /*#__PURE__*/react.forwardRef(function SideSheet(_ref2, ref) {
     _ref2$open = _ref2.open,
     open = _ref2$open === void 0 ? true : _ref2$open,
     onClose = _ref2.onClose,
-    rest = _objectWithoutProperties(_ref2, _excluded$H);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$H);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref,
     width: width || variants[variant]
   });
   // Controller must set open={false} when pressing the close button
-  return open && /*#__PURE__*/jsxRuntime.jsxs(StyledSideSheet, _objectSpread(_objectSpread({}, props), {}, {
+  return open && /*#__PURE__*/jsxRuntime.jsxs(StyledSideSheet, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     children: [/*#__PURE__*/jsxRuntime.jsxs(Header$1, {
       children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
         variant: "h2",
@@ -4463,7 +4475,7 @@ var enabled$3 = {
     left: x_small$3,
     right: small$3
   },
-  typography: _objectSpread(_objectSpread({}, chipTypography), {}, {
+  typography: _objectSpread__default.default(_objectSpread__default.default({}, chipTypography), {}, {
     color: primaryColor$2
   }),
   states: {
@@ -4541,7 +4553,7 @@ Icon$1.add({
 });
 var enabled$2 = enabled$3,
   error$1 = error$2;
-var Icon = styled(Icon$1).withConfig({
+var Icon = styled__default.default(Icon$1).withConfig({
   displayName: "Icon",
   componentId: "sc-50ffvg-0"
 })(["cursor:pointer;padding:1px;", " z-index:11;&:hover{", ";}", ""], edsUtils.bordersTemplate(enabled$2.entities.icon.border), function (_ref) {
@@ -4566,7 +4578,7 @@ var background$4 = enabled$1.background,
   spacings$1 = enabled$1.spacings,
   border$2 = enabled$1.border,
   states$2 = enabled$1.states;
-var StyledChips = styled.div.attrs(function (_ref) {
+var StyledChips = styled__default.default.div.attrs(function (_ref) {
   var clickable = _ref.clickable,
     deletable = _ref.deletable;
   return {
@@ -4607,13 +4619,13 @@ var Chip = /*#__PURE__*/react.forwardRef(function Chip(_ref7, ref) {
     onClick = _ref7.onClick,
     _ref7$variant = _ref7.variant,
     variant = _ref7$variant === void 0 ? 'default' : _ref7$variant,
-    other = _objectWithoutProperties(_ref7, _excluded$G);
+    other = _objectWithoutProperties__default.default(_ref7, _excluded$G);
   var handleDelete = disabled ? undefined : onDelete;
   var handleClick = disabled ? undefined : onClick;
   var deletable = handleDelete !== undefined;
   var clickable = handleClick !== undefined;
   var onlyChild = typeof children === 'string';
-  var chipProps = _objectSpread(_objectSpread({}, other), {}, {
+  var chipProps = _objectSpread__default.default(_objectSpread__default.default({}, other), {}, {
     ref: ref,
     disabled: disabled,
     deletable: deletable,
@@ -4650,7 +4662,7 @@ var Chip = /*#__PURE__*/react.forwardRef(function Chip(_ref7, ref) {
       handleDelete(event);
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(StyledChips, _objectSpread(_objectSpread({}, chipProps), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs(StyledChips, _objectSpread__default.default(_objectSpread__default.default({}, chipProps), {}, {
     onClick: function onClick(event) {
       return clickable && handleClick(event);
     },
@@ -4681,14 +4693,14 @@ var avatar = {
 };
 var _excluded$F = ["src", "alt", "size", "disabled"];
-var StyledAvatar = styled.div.withConfig({
+var StyledAvatar = styled__default.default.div.withConfig({
   displayName: "Avatar__StyledAvatar",
   componentId: "sc-r7n7on-0"
 })(["position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;", ";", ""], edsUtils.bordersTemplate(avatar.border), function (_ref) {
   var size = _ref.size;
   return styled.css(["height:", "px;width:", "px;"], size, size);
 });
-var StyledImage = styled.img.withConfig({
+var StyledImage = styled__default.default.img.withConfig({
   displayName: "Avatar__StyledImage",
   componentId: "sc-r7n7on-1"
 })(["height:100%;text-align:center;color:transparent;", ";"], function (_ref2) {
@@ -4703,8 +4715,8 @@ var Avatar = /*#__PURE__*/react.forwardRef(function Avatar(_ref3, ref) {
     size = _ref3$size === void 0 ? 24 : _ref3$size,
     _ref3$disabled = _ref3.disabled,
     disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
-    rest = _objectWithoutProperties(_ref3, _excluded$F);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledAvatar, _objectSpread(_objectSpread({
+    rest = _objectWithoutProperties__default.default(_ref3, _excluded$F);
+  return /*#__PURE__*/jsxRuntime.jsx(StyledAvatar, _objectSpread__default.default(_objectSpread__default.default({
     size: size,
     disabled: disabled,
     ref: ref
@@ -4719,11 +4731,11 @@ var Avatar = /*#__PURE__*/react.forwardRef(function Avatar(_ref3, ref) {
 Avatar.displayName = 'Avatar';
 var _excluded$E = ["onChange", "style", "className"];
-var SearchInput = styled(Input$4).withConfig({
+var SearchInput = styled__default.default(Input$4).withConfig({
   displayName: "Search__SearchInput",
   componentId: "sc-v8l23u-0"
 })(["input{&[type='search']::-webkit-search-decoration,&[type='search']::-webkit-search-cancel-button,&[type='search']::-webkit-search-results-button,&[type='search']::-webkit-search-results-decoration{-webkit-appearance:none;}}"]);
-var InsideButton = styled(Button$1).withConfig({
+var InsideButton = styled__default.default(Button$1).withConfig({
   displayName: "Search__InsideButton",
   componentId: "sc-v8l23u-1"
 })(["height:24px;width:24px;"]);
@@ -4731,10 +4743,10 @@ var Search = /*#__PURE__*/react.forwardRef(function Search(_ref, ref) {
   var _onChange = _ref.onChange,
     style = _ref.style,
     className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded$E);
+    rest = _objectWithoutProperties__default.default(_ref, _excluded$E);
   var inputRef = react.useRef(null);
   var _useState = react.useState(Boolean(rest.defaultValue)),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     showClear = _useState2[0],
     setShowClear = _useState2[1];
   react.useEffect(function () {
@@ -4757,7 +4769,7 @@ var Search = /*#__PURE__*/react.forwardRef(function Search(_ref, ref) {
     role: "search",
     style: style,
     className: className,
-    children: /*#__PURE__*/jsxRuntime.jsx(SearchInput, _objectSpread({
+    children: /*#__PURE__*/jsxRuntime.jsx(SearchInput, _objectSpread__default.default({
       onChange: function onChange(e) {
         handleOnChange(e);
         if (_onChange) {
@@ -4836,7 +4848,7 @@ var slider = {
       }
     },
     output: {
-      typography: _objectSpread(_objectSpread({}, paragraph.overline), {}, {
+      typography: _objectSpread__default.default(_objectSpread__default.default({}, paragraph.overline), {}, {
         color: textColor$1
       })
     },
@@ -4899,7 +4911,7 @@ var slider = {
 var _tokens$entities$3 = slider.entities,
   track$3 = _tokens$entities$3.track,
   output$1 = _tokens$entities$3.output;
-var StyledMinMax = styled.span.withConfig({
+var StyledMinMax = styled__default.default.span.withConfig({
   displayName: "MinMax__StyledMinMax",
   componentId: "sc-lxmlid-0"
 })(["grid-row:2;", " position:absolute;left:2px;top:", ";pointer-events:none;text-align:left;transform:translate(calc(-1 * calc((100% - 8px) / 2)));&:last-child{left:auto;right:2px;transform:translate(calc((100% - 8px) / 2));}"], edsUtils.typographyTemplate(output$1.typography), track$3.spacings.top);
@@ -4914,7 +4926,7 @@ var MinMax = /*#__PURE__*/react.forwardRef(function MinMax(_ref, ref) {
 var _tokens$entities$2 = slider.entities,
   track$2 = _tokens$entities$2.track,
   output = _tokens$entities$2.output;
-var StyledOutput = styled.output.withConfig({
+var StyledOutput = styled__default.default.output.withConfig({
   displayName: "Output__StyledOutput",
   componentId: "sc-1dy945x-0"
 })(["--realWidth:calc(100% - 12px);width:fit-content;position:relative;z-index:1;", " background:", ";padding:0 5px;top:", ";pointer-events:none;margin-left:calc((var(--val) - var(--min)) / var(--dif) * var(--realWidth));transform:translate(calc(-1 * calc(var(--realWidth) / 2)));grid-row:2;grid-column:1 / -1;"], edsUtils.typographyTemplate(output.typography), slider.background, track$2.spacings.top);
@@ -4940,7 +4952,7 @@ var thumb = styled.css(["", " height:", ";width:", ";background:", ";cursor:poin
 var thumbHover = styled.css(["@media (hover:hover) and (pointer:fine){box-shadow:0px 0px 0px 6px ", ";border-color:", ";}"], handle$1.states.hover.background, handle$1.states.hover.border.color);
 var thumbHoverAndDisabled = styled.css(["@media (hover:hover) and (pointer:fine){cursor:not-allowed;box-shadow:none;}"]);
 var thumbDisabled = styled.css(["background-color:", ";border-color:", ";"], _disabled.background, _disabled.border.color);
-var StyledSliderInput = styled.input.attrs(function () {
+var StyledSliderInput = styled__default.default.input.attrs(function () {
   return {
     type: 'range'
   };
@@ -4958,8 +4970,8 @@ var SliderInput = /*#__PURE__*/react.forwardRef(function SliderInput(_ref, ref)
     _onMouseUp = _ref.onMouseUp,
     _onKeyUp = _ref.onKeyUp,
     disabled = _ref.disabled,
-    restProps = _objectWithoutProperties(_ref, _excluded$D);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledSliderInput, _objectSpread(_objectSpread({}, restProps), {}, {
+    restProps = _objectWithoutProperties__default.default(_ref, _excluded$D);
+  return /*#__PURE__*/jsxRuntime.jsx(StyledSliderInput, _objectSpread__default.default(_objectSpread__default.default({}, restProps), {}, {
     value: value,
     ref: ref,
     min: min,
@@ -4991,7 +5003,7 @@ var fakeTrackBgHover = styled.css({
 });
 var trackFill = styled.css(["grid-column:1 / span 2;grid-row:2;height:", ";margin-bottom:", ";align-self:end;content:'';"], track.height, track.spacings.bottom);
 var wrapperGrid = styled.css(["display:grid;grid-template-rows:max-content 24px;grid-template-columns:1fr 1fr;width:100%;position:relative;"]);
-var RangeWrapper = styled.div.attrs(function (_ref) {
+var RangeWrapper = styled__default.default.div.attrs(function (_ref) {
   var $min = _ref.$min,
     $max = _ref.$max,
     valA = _ref.valA,
@@ -4999,7 +5011,7 @@ var RangeWrapper = styled.div.attrs(function (_ref) {
     disabled = _ref.disabled,
     style = _ref.style;
   return {
-    style: _objectSpread({
+    style: _objectSpread__default.default({
       '--a': valA,
       '--b': valB,
       '--min': $min,
@@ -5011,14 +5023,14 @@ var RangeWrapper = styled.div.attrs(function (_ref) {
   displayName: "Slider__RangeWrapper",
   componentId: "sc-n1grrg-0"
 })(["--dif:calc(var(--max) - var(--min));--realWidth:calc(100% - 12px);", " ", " &::before,&::after{", ";background:var(--background);}&::before{margin-left:calc( calc(", " / 2) + (var(--a) - var(--min)) / var(--dif) * var(--realWidth) );width:calc((var(--b) - var(--a)) / var(--dif) * var(--realWidth));}&::after{margin-left:calc( calc(", " / 2) + (var(--b) - var(--min)) / var(--dif) * var(--realWidth) );width:calc((var(--a) - var(--b)) / var(--dif) * var(--realWidth));}@media (hover:hover) and (pointer:fine){&:hover:not([disabled]){", " &::before,&::after{background:", ";}}}"], wrapperGrid, fakeTrackBg, trackFill, handle.width, handle.width, fakeTrackBgHover, track.entities.indicator.states.hover.background);
-var Wrapper = styled.div.attrs(function (_ref2) {
+var Wrapper = styled__default.default.div.attrs(function (_ref2) {
   var $min = _ref2.$min,
     $max = _ref2.$max,
     value = _ref2.value,
     disabled = _ref2.disabled,
     style = _ref2.style;
   return {
-    style: _objectSpread({
+    style: _objectSpread__default.default({
       '--min': $min,
       '--max': $max,
       '--value': value,
@@ -5029,15 +5041,15 @@ var Wrapper = styled.div.attrs(function (_ref2) {
   displayName: "Slider__Wrapper",
   componentId: "sc-n1grrg-1"
 })(["--dif:calc(var(--max) - var(--min));--realWidth:calc(100% - 12px);", " ", " &::after{", " background:var(--background)}&::after{margin-right:calc( (var(--max) - var(--value)) / var(--dif) * var(--realWidth) );margin-left:3px;}@media (hover:hover) and (pointer:fine){&:hover:not([disabled]){", " &::after{background:", ";}}}"], wrapperGrid, fakeTrackBg, trackFill, fakeTrackBgHover, track.entities.indicator.states.hover.background);
-var WrapperGroupLabel = styled.div.withConfig({
+var WrapperGroupLabel = styled__default.default.div.withConfig({
   displayName: "Slider__WrapperGroupLabel",
   componentId: "sc-n1grrg-2"
 })(["grid-row:1;grid-column:1 / 3;"]);
-var WrapperGroupLabelDots = styled(WrapperGroupLabel).withConfig({
+var WrapperGroupLabelDots = styled__default.default(WrapperGroupLabel).withConfig({
   displayName: "Slider__WrapperGroupLabelDots",
   componentId: "sc-n1grrg-3"
 })(["&:before,&:after{content:' ';display:block;position:absolute;width:", ";height:", ";background:", ";", " bottom:", ";left:0;}&:after{right:0;left:auto;}"], dot.width, dot.height, slider.background, edsUtils.bordersTemplate(dot.border), dot.spacings.bottom);
-var SrOnlyLabel = styled.label.withConfig({
+var SrOnlyLabel = styled__default.default.label.withConfig({
   displayName: "Slider__SrOnlyLabel",
   componentId: "sc-n1grrg-4"
 })(["position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;"]);
@@ -5060,19 +5072,19 @@ var Slider = /*#__PURE__*/react.forwardRef(function Slider(_ref3, ref) {
     disabled = _ref3.disabled,
     ariaLabelledby = _ref3.ariaLabelledby,
     ariaLabelledbyNative = _ref3['aria-labelledby'],
-    rest = _objectWithoutProperties(_ref3, _excluded$C);
+    rest = _objectWithoutProperties__default.default(_ref3, _excluded$C);
   var isRangeSlider = Array.isArray(value);
   var parsedValue = isRangeSlider ? value : [value];
   var _useState = react.useState(parsedValue),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     initalValue = _useState2[0],
     setInitalValue = _useState2[1];
   var _useState3 = react.useState(parsedValue),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     sliderValue = _useState4[0],
     setSliderValue = _useState4[1];
   var _useState5 = react.useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default.default(_useState5, 2),
     mousePressed = _useState6[0],
     setMousePressed = _useState6[1];
   react.useEffect(function () {
@@ -5186,7 +5198,7 @@ var Slider = /*#__PURE__*/react.forwardRef(function Slider(_ref3, ref) {
     return null;
   }, [ariaLabelledbyNative, ariaLabelledby]);
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: isRangeSlider ? /*#__PURE__*/jsxRuntime.jsxs(RangeWrapper, _objectSpread(_objectSpread({}, rest), {}, {
+    children: isRangeSlider ? /*#__PURE__*/jsxRuntime.jsxs(RangeWrapper, _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
       ref: ref,
       role: "group",
       "aria-labelledby": getAriaLabelledby(),
@@ -5261,7 +5273,7 @@ var Slider = /*#__PURE__*/react.forwardRef(function Slider(_ref3, ref) {
       }), minMaxValues && /*#__PURE__*/jsxRuntime.jsx(MinMax, {
         children: getFormattedText(max)
       })]
-    })) : /*#__PURE__*/jsxRuntime.jsxs(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
+    })) : /*#__PURE__*/jsxRuntime.jsxs(Wrapper, _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
       ref: ref,
       $max: max,
       $min: min,
@@ -5305,7 +5317,7 @@ var Slider = /*#__PURE__*/react.forwardRef(function Slider(_ref3, ref) {
 });
 var _excluded$B = ["children"];
-var StyledSnackbarAction = styled.div.withConfig({
+var StyledSnackbarAction = styled__default.default.div.withConfig({
   displayName: "SnackbarAction__StyledSnackbarAction",
   componentId: "sc-1v5mjvd-0"
 })(function (_ref) {
@@ -5314,11 +5326,11 @@ var StyledSnackbarAction = styled.div.withConfig({
 });
 var SnackbarAction = /*#__PURE__*/react.forwardRef(function SnackbarAction(_ref2, ref) {
   var children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded$B);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$B);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref
   });
-  return /*#__PURE__*/jsxRuntime.jsx(StyledSnackbarAction, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(StyledSnackbarAction, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     children: react.Children.only(children)
   }));
 });
@@ -5361,7 +5373,7 @@ var snackbar = {
     right: spacingMedium$3,
     top: spacingMedium$3
   },
-  typography: _objectSpread(_objectSpread({}, typography$6), {}, {
+  typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$6), {}, {
     color: color
   }),
   modes: {
@@ -5370,7 +5382,7 @@ var snackbar = {
 };
 var _excluded$A = ["open", "autoHideDuration", "onClose", "placement", "children"];
-var StyledSnackbar = styled(Paper).withConfig({
+var StyledSnackbar = styled__default.default(Paper).withConfig({
   displayName: "Snackbar__StyledSnackbar",
   componentId: "sc-ac6no8-0"
 })(function (_ref) {
@@ -5393,9 +5405,9 @@ var Snackbar$1 = /*#__PURE__*/react.forwardRef(function Snackbar(_ref2, ref) {
     _ref2$placement = _ref2.placement,
     placement = _ref2$placement === void 0 ? 'bottom' : _ref2$placement,
     children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded$A);
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$A);
   var _useState = react.useState(open),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
   var timer = react.useRef();
@@ -5411,7 +5423,7 @@ var Snackbar$1 = /*#__PURE__*/react.forwardRef(function Snackbar(_ref2, ref) {
       return clearTimeout(timer.current);
     };
   }, [open, autoHideDuration, setVisible, onClose]);
-  var props = _objectSpread({
+  var props = _objectSpread__default.default({
     ref: ref,
     placement: placement
   }, rest);
@@ -5422,7 +5434,7 @@ var Snackbar$1 = /*#__PURE__*/react.forwardRef(function Snackbar(_ref2, ref) {
   }, snackbar);
   return /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
     theme: token,
-    children: visible && /*#__PURE__*/ReactDom__namespace.createPortal( /*#__PURE__*/jsxRuntime.jsx(StyledSnackbar, _objectSpread(_objectSpread({
+    children: visible && /*#__PURE__*/ReactDom__namespace.createPortal( /*#__PURE__*/jsxRuntime.jsx(StyledSnackbar, _objectSpread__default.default(_objectSpread__default.default({
       role: "alert",
       elevation: "overlay"
     }, props), {}, {
@@ -5494,7 +5506,7 @@ var popover = {
 };
 var _excluded$z = ["children", "placement", "anchorEl", "style", "open", "onClose", "withinPortal", "trapFocus"];
-var PopoverPaper = styled(Paper).withConfig({
+var PopoverPaper = styled__default.default(Paper).withConfig({
   displayName: "Popover__PopoverPaper",
   componentId: "sc-b7p1is-0"
 })(function (_ref) {
@@ -5502,21 +5514,21 @@ var PopoverPaper = styled(Paper).withConfig({
   var paper = theme.entities.paper;
   return styled.css(["", " background:", ";", " z-index:1400;&:focus-visible{", "}"], edsUtils.typographyTemplate(theme.typography), theme.background, edsUtils.bordersTemplate(theme.border), edsUtils.outlineTemplate(paper.states.focus.outline));
 });
-var ArrowWrapper = styled.div.withConfig({
+var ArrowWrapper = styled__default.default.div.withConfig({
   displayName: "Popover__ArrowWrapper",
   componentId: "sc-b7p1is-1"
 })(function (_ref2) {
   var theme = _ref2.theme;
   return styled.css(["position:absolute;width:", ";height:", ";z-index:-1;"], theme.entities.arrow.width, theme.entities.arrow.height);
 });
-var InnerWrapper = styled.div.withConfig({
+var InnerWrapper = styled__default.default.div.withConfig({
   displayName: "Popover__InnerWrapper",
   componentId: "sc-b7p1is-2"
 })(function (_ref3) {
   var theme = _ref3.theme;
   return styled.css(["display:grid;grid-gap:", ";max-height:", ";width:max-content;max-width:", ";overflow:auto;"], theme.spacings.bottom, theme.maxHeight, theme.maxWidth);
 });
-var PopoverArrow = styled.svg.withConfig({
+var PopoverArrow = styled__default.default.svg.withConfig({
   displayName: "Popover__PopoverArrow",
   componentId: "sc-b7p1is-3"
 })(function (_ref4) {
@@ -5533,7 +5545,7 @@ var Popover$1 = /*#__PURE__*/react.forwardRef(function Popover(_ref5, ref) {
     onClose = _ref5.onClose,
     withinPortal = _ref5.withinPortal,
     trapFocus = _ref5.trapFocus,
-    rest = _objectWithoutProperties(_ref5, _excluded$z);
+    rest = _objectWithoutProperties__default.default(_ref5, _excluded$z);
   var arrowRef = react.useRef(null);
   var _useFloating = react$1.useFloating({
       elements: {
@@ -5593,11 +5605,11 @@ var Popover$1 = /*#__PURE__*/react.forwardRef(function Popover(_ref5, ref) {
         top: arrowY != null ? "".concat(arrowY, "px") : '',
         right: '',
         bottom: ''
-      }, _defineProperty(_Object$assign, staticSide, '-6px'), _defineProperty(_Object$assign, "transform", arrowTransform), _Object$assign));
+      }, _defineProperty__default.default(_Object$assign, staticSide, '-6px'), _defineProperty__default.default(_Object$assign, "transform", arrowTransform), _Object$assign));
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [arrowRef.current, arrowX, arrowY, finalPlacement]);
-  var props = _objectSpread({
+  var props = _objectSpread__default.default({
     open: open
   }, rest);
   var _useEds = useEds(),
@@ -5607,11 +5619,11 @@ var Popover$1 = /*#__PURE__*/react.forwardRef(function Popover(_ref5, ref) {
   }, popover);
   var popover$1 = /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
     theme: token,
-    children: /*#__PURE__*/jsxRuntime.jsxs(PopoverPaper, _objectSpread(_objectSpread(_objectSpread({
+    children: /*#__PURE__*/jsxRuntime.jsxs(PopoverPaper, _objectSpread__default.default(_objectSpread__default.default(_objectSpread__default.default({
       elevation: "overlay"
     }, props), getFloatingProps({
       ref: popoverRef,
-      style: _objectSpread(_objectSpread({}, style), {}, {
+      style: _objectSpread__default.default(_objectSpread__default.default({}, style), {}, {
         position: strategy,
         top: y || 0,
         left: x || 0
@@ -5650,7 +5662,7 @@ var Popover$1 = /*#__PURE__*/react.forwardRef(function Popover(_ref5, ref) {
 });
 var _excluded$y = ["children"];
-var StyledPopoverTitle = styled.div.withConfig({
+var StyledPopoverTitle = styled__default.default.div.withConfig({
   displayName: "PopoverTitle__StyledPopoverTitle",
   componentId: "sc-1ben8su-0"
 })(function (_ref) {
@@ -5659,17 +5671,17 @@ var StyledPopoverTitle = styled.div.withConfig({
 });
 var PopoverTitle = /*#__PURE__*/react.forwardRef(function PopoverTitle(_ref2, ref) {
   var children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded$y);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$y);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref
   });
-  return /*#__PURE__*/jsxRuntime.jsx(StyledPopoverTitle, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(StyledPopoverTitle, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     children: children
   }));
 });
 var _excluded$x = ["children"];
-var ContentWrapper = styled.div.withConfig({
+var ContentWrapper = styled__default.default.div.withConfig({
   displayName: "PopoverContent__ContentWrapper",
   componentId: "sc-vwww9h-0"
 })(function (_ref) {
@@ -5678,11 +5690,11 @@ var ContentWrapper = styled.div.withConfig({
 });
 var PopoverContent = /*#__PURE__*/react.forwardRef(function PopoverContent(_ref2, ref) {
   var children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded$x);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$x);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref
   });
-  return /*#__PURE__*/jsxRuntime.jsx(ContentWrapper, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(ContentWrapper, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     children: children
   }));
 });
@@ -5690,24 +5702,24 @@ var PopoverContent = /*#__PURE__*/react.forwardRef(function PopoverContent(_ref2
 // PopoverContent.displayName = 'eds-popover-content'
 var _excluded$w = ["children"];
-var StyledPopoverHeader = styled.div.withConfig({
+var StyledPopoverHeader = styled__default.default.div.withConfig({
   displayName: "PopoverHeader__StyledPopoverHeader",
   componentId: "sc-ibcx7p-0"
 })(function (_ref) {
   var theme = _ref.theme;
   return styled.css(["display:flex;justify-content:space-between;align-items:center;padding:", " ", " 0 ", ";"], theme.entities.title.spacings.top, theme.spacings.right, theme.spacings.left);
 });
-var StyledDivider = styled(Divider).withConfig({
+var StyledDivider = styled__default.default(Divider).withConfig({
   displayName: "PopoverHeader__StyledDivider",
   componentId: "sc-ibcx7p-1"
 })(["margin-bottom:0;"]);
 var PopoverHeader = /*#__PURE__*/react.forwardRef(function PopoverHeader(_ref2, ref) {
   var children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded$w);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$w);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref
   });
-  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     children: [/*#__PURE__*/jsxRuntime.jsx(StyledPopoverHeader, {
       children: children
     }), /*#__PURE__*/jsxRuntime.jsx(StyledDivider, {
@@ -5717,7 +5729,7 @@ var PopoverHeader = /*#__PURE__*/react.forwardRef(function PopoverHeader(_ref2,
 });
 var _excluded$v = ["children"];
-var StyledPopoverActions = styled.div.withConfig({
+var StyledPopoverActions = styled__default.default.div.withConfig({
   displayName: "PopoverActions__StyledPopoverActions",
   componentId: "sc-1dkrhw6-0"
 })(function (_ref) {
@@ -5726,11 +5738,11 @@ var StyledPopoverActions = styled.div.withConfig({
 });
 var PopoverActions = /*#__PURE__*/react.forwardRef(function PopoverActions(_ref2, ref) {
   var children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded$v);
-  var props = _objectSpread({
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$v);
+  var props = _objectSpread__default.default({
     ref: ref
   }, rest);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledPopoverActions, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(StyledPopoverActions, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     children: children
   }));
 });
@@ -5759,7 +5771,7 @@ var messageTypography = edsTokens.tokens.typography.paragraph.body_long,
   minWidth$2 = _tokens$shape$circle.minWidth,
   borderRadius$1 = _tokens$shape$circle.borderRadius;
 var enabled = {
-  typography: _objectSpread({}, messageTypography),
+  typography: _objectSpread__default.default({}, messageTypography),
   background: backgroundColor,
   spacings: {
     left: medium$2,
@@ -5811,7 +5823,7 @@ var warning$1 = {
 var _excluded$u = ["children", "variant"];
 var info = info$1,
   warning = warning$1;
-var StyledBannerIcon = styled.span.withConfig({
+var StyledBannerIcon = styled__default.default.span.withConfig({
   displayName: "BannerIcon__StyledBannerIcon",
   componentId: "sc-7ow3zc-0"
 })(function (_ref) {
@@ -5823,17 +5835,17 @@ var BannerIcon = /*#__PURE__*/react.forwardRef(function BannerIcon(_ref2, ref) {
   var children = _ref2.children,
     _ref2$variant = _ref2.variant,
     variant = _ref2$variant === void 0 ? 'info' : _ref2$variant,
-    rest = _objectWithoutProperties(_ref2, _excluded$u);
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$u);
   var childrenWithColor = react.Children.map(children, function (child) {
     var color = variant === 'warning' ? warning.entities.icon.typography.color : info.entities.icon.typography.color;
     return /*#__PURE__*/react.isValidElement(child) && child.type === Icon$1 && /*#__PURE__*/react.cloneElement(child, {
       color: color
     }) || child;
   });
-  var props = _objectSpread({
+  var props = _objectSpread__default.default({
     ref: ref
   }, rest);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledBannerIcon, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(StyledBannerIcon, _objectSpread__default.default(_objectSpread__default.default({
     variant: variant
   }, props), {}, {
     children: childrenWithColor
@@ -5841,7 +5853,7 @@ var BannerIcon = /*#__PURE__*/react.forwardRef(function BannerIcon(_ref2, ref) {
 });
 var _excluded$t = ["children", "className", "elevation"];
-var Content$1 = styled.div.withConfig({
+var Content$1 = styled__default.default.div.withConfig({
   displayName: "Banner__Content",
   componentId: "sc-1ju451i-0"
 })(function (_ref) {
@@ -5849,7 +5861,7 @@ var Content$1 = styled.div.withConfig({
     hasIcon = _ref.hasIcon;
   return styled.css(["", " display:grid;grid-template-columns:", ";align-items:center;background-color:", ";"], edsUtils.spacingsTemplate(theme.spacings), hasIcon ? 'min-content 1fr auto' : '1fr auto', theme.background);
 });
-var NonMarginDivider = styled(Divider).withConfig({
+var NonMarginDivider = styled__default.default(Divider).withConfig({
   displayName: "Banner__NonMarginDivider",
   componentId: "sc-1ju451i-1"
 })(["margin:0;height:2px;"]);
@@ -5858,14 +5870,14 @@ var Banner$1 = /*#__PURE__*/react.forwardRef(function Banner(_ref2, ref) {
     className = _ref2.className,
     _ref2$elevation = _ref2.elevation,
     elevation = _ref2$elevation === void 0 ? 'none' : _ref2$elevation,
-    rest = _objectWithoutProperties(_ref2, _excluded$t);
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$t);
   var childrenWhereBannerIcon = react.Children.map(children, function (child) {
     return /*#__PURE__*/react.isValidElement(child) && child.type === BannerIcon;
   });
   var hasIcon = childrenWhereBannerIcon.some(function (bool) {
     return bool;
   });
-  var props = _objectSpread({
+  var props = _objectSpread__default.default({
     ref: ref
   }, rest);
   var _useEds = useEds(),
@@ -5875,7 +5887,7 @@ var Banner$1 = /*#__PURE__*/react.forwardRef(function Banner(_ref2, ref) {
   }, enabled);
   return /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
     theme: token,
-    children: /*#__PURE__*/jsxRuntime.jsxs(Paper, _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Paper, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
       className: className,
       elevation: elevation,
       role: "alert",
@@ -5890,17 +5902,17 @@ var Banner$1 = /*#__PURE__*/react.forwardRef(function Banner(_ref2, ref) {
 });
 var _excluded$s = ["children"];
-var StyledBannerMessage = styled(Typography).withConfig({
+var StyledBannerMessage = styled__default.default(Typography).withConfig({
   displayName: "BannerMessage__StyledBannerMessage",
   componentId: "sc-1lfqos1-0"
 })([""]);
 var BannerMessage = /*#__PURE__*/react.forwardRef(function BannerMessage(_ref, ref) {
   var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$s);
-  var props = _objectSpread({
+    rest = _objectWithoutProperties__default.default(_ref, _excluded$s);
+  var props = _objectSpread__default.default({
     ref: ref
   }, rest);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledBannerMessage, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(StyledBannerMessage, _objectSpread__default.default(_objectSpread__default.default({
     variant: "body_long"
   }, props), {}, {
     children: children
@@ -5908,7 +5920,7 @@ var BannerMessage = /*#__PURE__*/react.forwardRef(function BannerMessage(_ref, r
 });
 var _excluded$r = ["children", "placement"];
-var StyledBannerActions = styled.div.withConfig({
+var StyledBannerActions = styled__default.default.div.withConfig({
   displayName: "BannerActions__StyledBannerActions",
   componentId: "sc-1o38ds2-0"
 })(function (_ref) {
@@ -5923,11 +5935,11 @@ var BannerActions = /*#__PURE__*/react.forwardRef(function BannerActions(_ref2,
   var children = _ref2.children,
     _ref2$placement = _ref2.placement,
     placement = _ref2$placement === void 0 ? 'left' : _ref2$placement,
-    rest = _objectWithoutProperties(_ref2, _excluded$r);
-  var props = _objectSpread({
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$r);
+  var props = _objectSpread__default.default({
     ref: ref
   }, rest);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledBannerActions, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(StyledBannerActions, _objectSpread__default.default(_objectSpread__default.default({
     placement: placement
   }, props), {}, {
     children: children
@@ -5956,19 +5968,19 @@ var primary$2 = {
 var _excluded$q = ["variant", "value"];
 var indeterminate$2 = styled.keyframes(["0%{left:-200%;right:100%;}60%{left:107%;right:-8%;}100%{left:107%;right:-8%;}"]);
-var Track$2 = styled.div.withConfig({
+var Track$2 = styled__default.default.div.withConfig({
   displayName: "LinearProgress__Track",
   componentId: "sc-5orxpi-0"
 })(["position:relative;overflow:hidden;height:4px;background-color:", ";width:100%;border-radius:50px;"], primary$2.background);
-var ProgressBar = styled.div.withConfig({
+var ProgressBar = styled__default.default.div.withConfig({
   displayName: "LinearProgress__ProgressBar",
   componentId: "sc-5orxpi-1"
 })(["transition:transform 0.4s linear;background-color:", ";width:100%;border-radius:50px;position:absolute;left:0;bottom:0;top:0;transition:transform 0.2s linear;transform-origin:left;"], primary$2.entities.progress.background);
-var IndeterminateProgressBar = styled.div.withConfig({
+var IndeterminateProgressBar = styled__default.default.div.withConfig({
   displayName: "LinearProgress__IndeterminateProgressBar",
   componentId: "sc-5orxpi-2"
 })(["width:75%;border-radius:50px;position:absolute;left:0;bottom:0;top:0;transition:transform 0.2s linear;transform-origin:left;background-color:", ";animation:", " 1.5s cubic-bezier(0.165,0.84,0.44,1) 1s infinite;"], primary$2.entities.progress.background, indeterminate$2);
-var SrOnlyOutput$1 = styled.output.withConfig({
+var SrOnlyOutput$1 = styled__default.default.output.withConfig({
   displayName: "LinearProgress__SrOnlyOutput",
   componentId: "sc-5orxpi-3"
 })(["position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;"]);
@@ -5977,12 +5989,12 @@ var LinearProgress = /*#__PURE__*/react.forwardRef(function LinearProgress(_ref,
     variant = _ref$variant === void 0 ? 'indeterminate' : _ref$variant,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? null : _ref$value,
-    rest = _objectWithoutProperties(_ref, _excluded$q);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    rest = _objectWithoutProperties__default.default(_ref, _excluded$q);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref
   });
   var _useState = react.useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     srProgress = _useState2[0],
     setSrProgress = _useState2[1];
   var barStyle;
@@ -6014,7 +6026,7 @@ var LinearProgress = /*#__PURE__*/react.forwardRef(function LinearProgress(_ref,
     return "Loading ".concat(srProgress, "%");
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Track$2, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Track$2, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
       role: "progressbar",
       children: variant === 'indeterminate' ? /*#__PURE__*/jsxRuntime.jsx(IndeterminateProgressBar, {}) : /*#__PURE__*/jsxRuntime.jsx(ProgressBar, {
         style: transformStyle
@@ -6056,22 +6068,22 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
 var _excluded$p = ["variant", "value", "size", "color"];
 var indeterminate$1 = styled.keyframes(["100%{transform:rotate(360deg);}"]);
-var Svg$4 = styled.svg.withConfig({
+var Svg$4 = styled__default.default.svg.withConfig({
   displayName: "CircularProgress__Svg",
   componentId: "sc-hib054-0"
 })(["display:inline-block;", ";"], function (_ref) {
   var variant = _ref.variant;
   return variant === 'indeterminate' ? styled.css(["animation:", " 1.4s linear infinite;"], indeterminate$1) : styled.css(["transform:rotate(-90deg);"]);
 });
-var SrOnlyOutput = styled.output.withConfig({
+var SrOnlyOutput = styled__default.default.output.withConfig({
   displayName: "CircularProgress__SrOnlyOutput",
   componentId: "sc-hib054-1"
 })(["position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;"]);
-var TrackCircle = styled.circle.withConfig({
+var TrackCircle = styled__default.default.circle.withConfig({
   displayName: "CircularProgress__TrackCircle",
   componentId: "sc-hib054-2"
 })([""]);
-var ProgressCircle = styled.circle.withConfig({
+var ProgressCircle = styled__default.default.circle.withConfig({
   displayName: "CircularProgress__ProgressCircle",
   componentId: "sc-hib054-3"
 })([""]);
@@ -6097,17 +6109,17 @@ var CircularProgress = /*#__PURE__*/react.forwardRef(function CircularProgress(_
     size = _ref2$size === void 0 ? 48 : _ref2$size,
     _ref2$color = _ref2.color,
     color = _ref2$color === void 0 ? 'primary' : _ref2$color,
-    rest = _objectWithoutProperties(_ref2, _excluded$p);
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$p);
   var thickness = 4;
   var progress = Math.round(value);
   var trackStyle = {};
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref,
     variant: variant
   });
   var token = getToken(color);
   var _useState = react.useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     srProgress = _useState2[0],
     setSrProgress = _useState2[1];
   var circumference = 2 * Math.PI * ((48 - thickness) / 2);
@@ -6137,7 +6149,7 @@ var CircularProgress = /*#__PURE__*/react.forwardRef(function CircularProgress(_
     return "Loading ".concat(srProgress, "%");
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsxs(Svg$4, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(Svg$4, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
       viewBox: "24 24 48 48",
       role: "progressbar",
       height: size,
@@ -6176,7 +6188,7 @@ var token = {
 var _excluded$o = ["variant", "value", "size"];
 var indeterminate = styled.keyframes(["0%{opacity:1;}20%{opacity:0.8;}40%{opacity:0.6;}60%{opacity:0.4;}80%{opacity:0.2;}100%{opacity:0.05;}"]);
 var determinate = styled.keyframes(["0%{opacity:0;}10%{opacity:0.05;}20%{opacity:0.2;}40%{opacity:0.4;}60%{opacity:0.6;}80%{opacity:0.8;}100%{opacity:1;}"]);
-var Svg$3 = styled.svg.withConfig({
+var Svg$3 = styled__default.default.svg.withConfig({
   displayName: "StarProgress__Svg",
   componentId: "sc-c0byj9-0"
 })(["fill:", ";", ""], token.background, function (_ref) {
@@ -6191,11 +6203,11 @@ var StarProgress = /*#__PURE__*/react.forwardRef(function StarProgress(_ref2, re
     value = _ref2$value === void 0 ? null : _ref2$value,
     _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 48 : _ref2$size,
-    rest = _objectWithoutProperties(_ref2, _excluded$o);
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$o);
   var progress = Math.round(value);
   var height = size * 1.2;
   var width = size;
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref,
     variant: variant,
     progress: progress
@@ -6207,7 +6219,7 @@ var StarProgress = /*#__PURE__*/react.forwardRef(function StarProgress(_ref2, re
       props['aria-valuemax'] = 100;
     }
   }
-  return /*#__PURE__*/jsxRuntime.jsxs(Svg$3, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Svg$3, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     role: "progressbar",
     width: width,
     height: height,
@@ -6255,7 +6267,7 @@ var tokens = /*#__PURE__*/Object.freeze({
 var _excluded$n = ["color", "size"];
 var opacity = styled.keyframes(["0%{opacity:1;}100%{opacity:0.5;}"]);
-var Svg$2 = styled.svg.withConfig({
+var Svg$2 = styled__default.default.svg.withConfig({
   displayName: "DotProgress__Svg",
   componentId: "sc-1s6o2q7-0"
 })(["fill:", ";circle{&:nth-child(1){animation:", " 1s ease infinite;}&:nth-child(2){animation:", " 1s ease 0.2s infinite;}&:nth-child(3){animation:", " 1s ease 0.4s infinite;}}"], function (_ref) {
@@ -6273,14 +6285,14 @@ var DotProgress = /*#__PURE__*/react.forwardRef(function DotProgress(_ref2, ref)
     color = _ref2$color === void 0 ? 'neutral' : _ref2$color,
     _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 32 : _ref2$size,
-    rest = _objectWithoutProperties(_ref2, _excluded$n);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$n);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     color: getColor(color),
     ref: ref
   });
   var height = size / 4;
   var width = size;
-  return /*#__PURE__*/jsxRuntime.jsxs(Svg$2, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Svg$2, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     role: "progressbar",
     viewBox: "0 0 16 4",
     height: height,
@@ -6334,22 +6346,22 @@ var _excluded$m = ["children", "collapse", "wrap"];
 var spacings = breadcrumbs.spacings,
   typography$5 = breadcrumbs.typography,
   states$1 = breadcrumbs.states;
-var OrderedList$1 = styled.ol.withConfig({
+var OrderedList$1 = styled__default.default.ol.withConfig({
   displayName: "Breadcrumbs__OrderedList",
   componentId: "sc-12awlbz-0"
 })(["list-style:none;display:flex;padding:0;margin:0;flex-wrap:wrap;flex-wrap:", ";"], function (_ref) {
   var $wrap = _ref.$wrap;
   return $wrap ? 'wrap' : 'nowrap';
 });
-var ListItem$1 = styled.li.withConfig({
+var ListItem$1 = styled__default.default.li.withConfig({
   displayName: "Breadcrumbs__ListItem",
   componentId: "sc-12awlbz-1"
 })(["display:inline-block;min-width:30px;"]);
-var Separator = styled(Typography).withConfig({
+var Separator = styled__default.default(Typography).withConfig({
   displayName: "Breadcrumbs__Separator",
   componentId: "sc-12awlbz-2"
 })(["color:", ";", ""], typography$5.color, edsUtils.spacingsTemplate(spacings));
-var Collapsed = styled(Typography).withConfig({
+var Collapsed = styled__default.default(Typography).withConfig({
   displayName: "Breadcrumbs__Collapsed",
   componentId: "sc-12awlbz-3"
 })(["@media (hover:hover) and (pointer:fine){&:hover{text-decoration:underline;color:", ";}}color:", ";text-decoration:none;"], states$1.hover.typography.color, typography$5.color);
@@ -6358,12 +6370,12 @@ var Breadcrumbs$1 = /*#__PURE__*/react.forwardRef(function Breadcrumbs(_ref2, re
     collapse = _ref2.collapse,
     _ref2$wrap = _ref2.wrap,
     wrap = _ref2$wrap === void 0 ? true : _ref2$wrap,
-    rest = _objectWithoutProperties(_ref2, _excluded$m);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$m);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref
   });
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     expanded = _useState2[0],
     setExpanded = _useState2[1];
   var collapsedCrumbs = function collapsedCrumbs(allCrumbs) {
@@ -6418,7 +6430,7 @@ var Breadcrumbs$1 = /*#__PURE__*/react.forwardRef(function Breadcrumbs(_ref2, re
       }, "breadcrumb-".concat(index))
     );
   });
-  return /*#__PURE__*/jsxRuntime.jsx("nav", _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx("nav", _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     "aria-label": "breadcrumbs",
     children: /*#__PURE__*/jsxRuntime.jsx(OrderedList$1, {
       $wrap: wrap,
@@ -6432,7 +6444,7 @@ var Breadcrumbs$1 = /*#__PURE__*/react.forwardRef(function Breadcrumbs(_ref2, re
 var _excluded$l = ["children", "maxWidth", "forceTooltip", "href", "as"];
 var states = breadcrumbs.states,
   typography$4 = breadcrumbs.typography;
-var StyledTypography = styled(Typography).withConfig({
+var StyledTypography = styled__default.default(Typography).withConfig({
   displayName: "Breadcrumb__StyledTypography",
   componentId: "sc-10nvwte-0"
 })(["@media (hover:hover) and (pointer:fine){&:hover{text-decoration:underline;color:", ";cursor:pointer;}}white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;text-decoration:none;color:", ";width:100%;", ""], states.hover.typography.color, typography$4.color, function (_ref) {
@@ -6447,8 +6459,8 @@ var Breadcrumb = /*#__PURE__*/react.forwardRef(function Breadcrumb(_ref2, ref) {
     forceTooltip = _ref2.forceTooltip,
     href = _ref2.href,
     as = _ref2.as,
-    other = _objectWithoutProperties(_ref2, _excluded$l);
-  var props = _objectSpread(_objectSpread({}, other), {}, {
+    other = _objectWithoutProperties__default.default(_ref2, _excluded$l);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, other), {}, {
     href: href,
     ref: ref
   });
@@ -6457,7 +6469,7 @@ var Breadcrumb = /*#__PURE__*/react.forwardRef(function Breadcrumb(_ref2, ref) {
   var forwardedAs = react.useMemo(function () {
     return as ? as : isHrefDefined ? 'a' : 'span';
   }, [as, isHrefDefined]);
-  var crumb = /*#__PURE__*/jsxRuntime.jsx(StyledTypography, _objectSpread(_objectSpread({
+  var crumb = /*#__PURE__*/jsxRuntime.jsx(StyledTypography, _objectSpread__default.default(_objectSpread__default.default({
     link: isHrefDefined,
     forwardedAs: forwardedAs,
     variant: "body_short",
@@ -6485,7 +6497,7 @@ var MenuContext = /*#__PURE__*/react.createContext(initalState$1);
 var MenuProvider = function MenuProvider(_ref) {
   var children = _ref.children;
   var _useState = react.useState(initalState$1),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
   var focusedIndex = state.focusedIndex,
@@ -6493,14 +6505,14 @@ var MenuProvider = function MenuProvider(_ref) {
     onClose = state.onClose;
   var setFocusedIndex = function setFocusedIndex(i) {
     setState(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
+      return _objectSpread__default.default(_objectSpread__default.default({}, prevState), {}, {
         focusedIndex: i
       });
     });
   };
   var setInitialFocus = function setInitialFocus(initialFocus) {
     setState(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
+      return _objectSpread__default.default(_objectSpread__default.default({}, prevState), {}, {
         initialFocus: initialFocus
       });
     });
@@ -6512,7 +6524,7 @@ var MenuProvider = function MenuProvider(_ref) {
       onClose();
     };
     setState(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
+      return _objectSpread__default.default(_objectSpread__default.default({}, prevState), {}, {
         onClose: onCloseHelper
       });
     });
@@ -6561,7 +6573,7 @@ var menu = {
     type: 'border',
     radius: '4px'
   },
-  typography: _objectSpread(_objectSpread({}, typography$3), {}, {
+  typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$3), {}, {
     color: textColor
   }),
   entities: {
@@ -6583,7 +6595,7 @@ var menu = {
       },
       states: {
         active: {
-          typography: _objectSpread(_objectSpread({}, typography$3), {}, {
+          typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$3), {}, {
             color: activeTextColor
           }),
           background: activeBackground
@@ -6601,7 +6613,7 @@ var menu = {
           background: hoverBackground
         },
         disabled: {
-          typography: _objectSpread(_objectSpread({}, typography$3), {}, {
+          typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$3), {}, {
             color: disabledTextColor
           })
         }
@@ -6641,7 +6653,7 @@ var typography$2 = menu.typography,
   hover = _tokens$entities$item.hover,
   disabledToken = _tokens$entities$item.disabled,
   icon = _tokens$entities.icon;
-var Item = styled.button.attrs(function (_ref) {
+var Item = styled__default.default.button.attrs(function (_ref) {
   var $isFocused = _ref.$isFocused;
   return {
     role: 'menuitem',
@@ -6660,7 +6672,7 @@ var Item = styled.button.attrs(function (_ref) {
   var disabled = _ref4.disabled;
   return disabled ? styled.css(["*{color:", ";}svg{fill:", ";}&:focus{outline:none;}@media (hover:hover) and (pointer:fine){&:hover{cursor:not-allowed;}}"], disabledToken.typography.color, icon.states.disabled.typography.color) : styled.css(["@media (hover:hover) and (pointer:fine){&:hover{z-index:1;cursor:pointer;background:", ";}}&:focus{z-index:3;", "}"], hover.background, edsUtils.outlineTemplate(focus$2.outline));
 });
-var Content = styled.div.withConfig({
+var Content = styled__default.default.div.withConfig({
   displayName: "MenuItem__Content",
   componentId: "sc-1g9fpbe-1"
 })(["width:auto;display:grid;grid-gap:16px;grid-auto-flow:column;grid-auto-columns:max-content auto max-content;align-items:center;"]);
@@ -6675,7 +6687,7 @@ var MenuItem$1 = /*#__PURE__*/react.forwardRef(function MenuItem(_ref5, ref) {
     _onClick = _ref5.onClick,
     _ref5$closeMenuOnClic = _ref5.closeMenuOnClick,
     closeMenuOnClick = _ref5$closeMenuOnClic === void 0 ? true : _ref5$closeMenuOnClic,
-    rest = _objectWithoutProperties(_ref5, _excluded$k);
+    rest = _objectWithoutProperties__default.default(_ref5, _excluded$k);
   var _useMenu = useMenu(),
     focusedIndex = _useMenu.focusedIndex,
     setFocusedIndex = _useMenu.setFocusedIndex,
@@ -6686,12 +6698,12 @@ var MenuItem$1 = /*#__PURE__*/react.forwardRef(function MenuItem(_ref5, ref) {
     }
   };
   var isFocused = index === focusedIndex;
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     as: as,
     disabled: disabled,
     $isFocused: isFocused
   });
-  return /*#__PURE__*/jsxRuntime.jsx(Item, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(Item, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     $active: active,
     ref: edsUtils.mergeRefs(ref, function (el) {
       if (isFocused) {
@@ -6718,7 +6730,7 @@ var MenuItem$1 = /*#__PURE__*/react.forwardRef(function MenuItem(_ref5, ref) {
 });
 MenuItem$1.displayName = 'MenuItem';
-var Header = styled.div.attrs(function () {
+var Header = styled__default.default.div.attrs(function () {
   return {
     tabIndex: 0
   };
@@ -6748,7 +6760,7 @@ var MenuSection = /*#__PURE__*/react.memo(function MenuSection(props) {
 // MenuSection.displayName = 'EdsMenuSection'
 var _excluded$j = ["addCloseMenuOnClickIndex", "children"];
-var List = styled.div.withConfig({
+var List = styled__default.default.div.withConfig({
   displayName: "MenuList__List",
   componentId: "sc-104rzof-0"
 })(["position:relative;list-style:none;display:flex;flex-direction:column;margin:0;", " li:first-child{z-index:3;}"], edsUtils.spacingsTemplate(menu.spacings));
@@ -6763,7 +6775,7 @@ function closeMenuOnClick(item) {
 var MenuList = /*#__PURE__*/react.forwardRef(function MenuList(_ref, ref) {
   var addCloseMenuOnClickIndex = _ref.addCloseMenuOnClickIndex,
     children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$j);
+    rest = _objectWithoutProperties__default.default(_ref, _excluded$j);
   var _useMenu = useMenu(),
     focusedIndex = _useMenu.focusedIndex,
     setFocusedIndex = _useMenu.setFocusedIndex,
@@ -6830,7 +6842,7 @@ var MenuList = /*#__PURE__*/react.forwardRef(function MenuList(_ref, ref) {
       handleMenuItemChange('up', lastFocusIndex);
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsx(List, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(List, _objectSpread__default.default(_objectSpread__default.default({
     onKeyDown: handleKeyPress,
     role: "menu"
   }, rest), {}, {
@@ -6844,7 +6856,7 @@ var MenuList = /*#__PURE__*/react.forwardRef(function MenuList(_ref, ref) {
 var _excluded$i = ["children", "anchorEl", "onClose", "open"],
   _excluded2$1 = ["anchorEl", "open", "placement", "matchAnchorWidth", "onClose", "style", "className"];
 var border$1 = menu.border;
-var MenuPaper = styled(Paper).withConfig({
+var MenuPaper = styled__default.default(Paper).withConfig({
   displayName: "Menu__MenuPaper",
   componentId: "sc-1vlnqcj-0"
 })(["position:absolute;z-index:1400;width:fit-content;min-width:fit-content;", ";", ";"], edsUtils.bordersTemplate(border$1), function (_ref) {
@@ -6858,7 +6870,7 @@ var MenuContainer = /*#__PURE__*/react.forwardRef(function MenuContainer(_ref2,
     anchorEl = _ref2.anchorEl,
     onCloseCallback = _ref2.onClose,
     open = _ref2.open,
-    rest = _objectWithoutProperties(_ref2, _excluded$i);
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$i);
   var _useMenu = useMenu(),
     setOnClose = _useMenu.setOnClose,
     onClose = _useMenu.onClose,
@@ -6919,7 +6931,7 @@ var MenuContainer = /*#__PURE__*/react.forwardRef(function MenuContainer(_ref2,
       closeMenuOnClickIndexes.push(index);
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsx(MenuList, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(MenuList, _objectSpread__default.default(_objectSpread__default.default({
     addCloseMenuOnClickIndex: addCloseMenuOnClickIndex
   }, rest), {}, {
     ref: ref,
@@ -6936,7 +6948,7 @@ var Menu$1 = /*#__PURE__*/react.forwardRef(function Menu(_ref3, ref) {
     onClose = _ref3.onClose,
     style = _ref3.style,
     className = _ref3.className,
-    rest = _objectWithoutProperties(_ref3, _excluded2$1);
+    rest = _objectWithoutProperties__default.default(_ref3, _excluded2$1);
   var _useEds = useEds(),
     density = _useEds.density;
   var token = edsUtils.useToken({
@@ -6946,7 +6958,7 @@ var Menu$1 = /*#__PURE__*/react.forwardRef(function Menu(_ref3, ref) {
     padding: 8
   })];
   if (matchAnchorWidth) {
-    floatingMiddleware = [].concat(_toConsumableArray(floatingMiddleware), [react$1.size({
+    floatingMiddleware = [].concat(_toConsumableArray__default.default(floatingMiddleware), [react$1.size({
       apply: function apply(_ref4) {
         var rects = _ref4.rects,
           elements = _ref4.elements;
@@ -6987,7 +6999,7 @@ var Menu$1 = /*#__PURE__*/react.forwardRef(function Menu(_ref3, ref) {
     open: open,
     className: className
   };
-  var menuProps = _objectSpread(_objectSpread({}, rest), {}, {
+  var menuProps = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     onClose: onClose,
     anchorEl: anchorEl,
     open: open
@@ -6997,18 +7009,18 @@ var Menu$1 = /*#__PURE__*/react.forwardRef(function Menu(_ref3, ref) {
       id: "eds-menu-container",
       children: /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
         theme: token,
-        children: /*#__PURE__*/jsxRuntime.jsx(MenuPaper, _objectSpread(_objectSpread(_objectSpread({
+        children: /*#__PURE__*/jsxRuntime.jsx(MenuPaper, _objectSpread__default.default(_objectSpread__default.default(_objectSpread__default.default({
           elevation: "raised"
         }, props), getFloatingProps({
           ref: popoverRef,
-          style: _objectSpread(_objectSpread({}, style), {}, {
+          style: _objectSpread__default.default(_objectSpread__default.default({}, style), {}, {
             position: strategy,
             top: y || 0,
             left: x || 0
           })
         })), {}, {
           children: /*#__PURE__*/jsxRuntime.jsx(MenuProvider, {
-            children: /*#__PURE__*/jsxRuntime.jsx(MenuContainer, _objectSpread(_objectSpread({}, menuProps), {}, {
+            children: /*#__PURE__*/jsxRuntime.jsx(MenuContainer, _objectSpread__default.default(_objectSpread__default.default({}, menuProps), {}, {
               ref: ref
             }))
           })
@@ -7053,14 +7065,14 @@ var PaginationItem = /*#__PURE__*/react.forwardRef(function PaginationItem(_ref,
   var page = _ref.page,
     selected = _ref.selected,
     onClick = _ref.onClick,
-    rest = _objectWithoutProperties(_ref, _excluded$h);
-  var props = _objectSpread({
+    rest = _objectWithoutProperties__default.default(_ref, _excluded$h);
+  var props = _objectSpread__default.default({
     ref: ref,
     page: page,
     selected: selected
   }, rest);
   var background = selected ? pagination.entities.item.states.active.background : null;
-  return /*#__PURE__*/jsxRuntime.jsx(Button$1, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(Button$1, _objectSpread__default.default(_objectSpread__default.default({
     style: {
       background: background
     },
@@ -7099,13 +7111,13 @@ function PaginationControl(pages, activePage) {
     var hiddenRight = pages - endPage > 1 && pages > totalPagesShown; // Has hidden pages on right side
     if (hiddenLeft && !hiddenRight) {
-      pageRange = [1, ELLIPSIS].concat(_toConsumableArray(pageRange));
+      pageRange = [1, ELLIPSIS].concat(_toConsumableArray__default.default(pageRange));
     } else if (!hiddenLeft && hiddenRight) {
-      pageRange = [].concat(_toConsumableArray(pageRange), [ELLIPSIS, pages]);
+      pageRange = [].concat(_toConsumableArray__default.default(pageRange), [ELLIPSIS, pages]);
     } else if (hiddenLeft && hiddenRight) {
-      pageRange = [1, ELLIPSIS].concat(_toConsumableArray(pageRange), [ELLIPSIS, pages]);
+      pageRange = [1, ELLIPSIS].concat(_toConsumableArray__default.default(pageRange), [ELLIPSIS, pages]);
     }
-    return _toConsumableArray(pageRange);
+    return _toConsumableArray__default.default(pageRange);
   }
   return range(1, pages);
 }
@@ -7117,30 +7129,30 @@ var icons = {
   more_horizontal: edsIcons.more_horizontal
 };
 Icon$1.add(icons);
-var Navigation = styled.nav.withConfig({
+var Navigation = styled__default.default.nav.withConfig({
   displayName: "Pagination__Navigation",
   componentId: "sc-13cpp3o-0"
 })(["display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;margin-left:", ";"], function (_ref) {
   var withItemIndicator = _ref.withItemIndicator;
   return withItemIndicator ? pagination.spacings.left : 0;
 });
-var OrderedList = styled.ol.withConfig({
+var OrderedList = styled__default.default.ol.withConfig({
   displayName: "Pagination__OrderedList",
   componentId: "sc-13cpp3o-1"
 })(["list-style:none;margin:0;padding:0;display:grid;grid-gap:", ";grid-auto-flow:column;"], pagination.spacings.left);
-var ListItem = styled.li.withConfig({
+var ListItem = styled__default.default.li.withConfig({
   displayName: "Pagination__ListItem",
   componentId: "sc-13cpp3o-2"
 })(["display:inline-grid;"]);
-var StyledIcon = styled(Icon$1).withConfig({
+var StyledIcon = styled__default.default(Icon$1).withConfig({
   displayName: "Pagination__StyledIcon",
   componentId: "sc-13cpp3o-3"
 })(["align-self:center;justify-self:center;fill:", ";"], pagination.entities.icon.typography.color);
-var FlexContainer = styled.div.withConfig({
+var FlexContainer = styled__default.default.div.withConfig({
   displayName: "Pagination__FlexContainer",
   componentId: "sc-13cpp3o-4"
 })(["display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:center;"]);
-var Text$1 = styled(Typography).withConfig({
+var Text$1 = styled__default.default(Typography).withConfig({
   displayName: "Pagination__Text",
   componentId: "sc-13cpp3o-5"
 })(["white-space:nowrap;"]);
@@ -7155,12 +7167,12 @@ var Pagination = /*#__PURE__*/react.forwardRef(function Pagination(_ref2, ref) {
     _ref2$itemsPerPage = _ref2.itemsPerPage,
     itemsPerPage = _ref2$itemsPerPage === void 0 ? 10 : _ref2$itemsPerPage,
     onChange = _ref2.onChange,
-    rest = _objectWithoutProperties(_ref2, _excluded$g);
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$g);
   var pages = Math.ceil(totalItems / itemsPerPage); // Total page numbers
   var columns = pages < 5 ? pages + 2 : 7; // Total pages to display on the control + 2:  < and >
   var _useState = react.useState(defaultPage),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     activePage = _useState2[0],
     setActivePage = _useState2[1];
   var currentItemFirst = activePage === 1 ? 1 : activePage * itemsPerPage - itemsPerPage + 1; // First number of range of items at current page
@@ -7184,11 +7196,11 @@ var Pagination = /*#__PURE__*/react.forwardRef(function Pagination(_ref2, ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [itemsPerPage]);
-  var props = _objectSpread({
+  var props = _objectSpread__default.default({
     ref: ref,
     withItemIndicator: withItemIndicator
   }, rest);
-  var pagination = /*#__PURE__*/jsxRuntime.jsx(Navigation, _objectSpread(_objectSpread({
+  var pagination = /*#__PURE__*/jsxRuntime.jsx(Navigation, _objectSpread__default.default(_objectSpread__default.default({
     "aria-label": "pagination"
   }, props), {}, {
     children: /*#__PURE__*/jsxRuntime.jsxs(OrderedList, {
@@ -7259,7 +7271,7 @@ var colors$1 = edsTokens.tokens.colors,
   shape = edsTokens.tokens.shape;
 var nativeselect = {
   background: colors$1.ui.background__light.rgba,
-  typography: _objectSpread(_objectSpread({}, typography$1.input.text), {}, {
+  typography: _objectSpread__default.default(_objectSpread__default.default({}, typography$1.input.text), {}, {
     color: colors$1.text.static_icons__default.rgba
   }),
   entities: {
@@ -7310,11 +7322,11 @@ var nativeselect = {
 };
 var _excluded$f = ["label", "children", "className", "style", "selectRef", "id", "meta", "disabled", "multiple"];
-var Container$3 = styled.div.withConfig({
+var Container$3 = styled__default.default.div.withConfig({
   displayName: "NativeSelect__Container",
   componentId: "sc-82vb16-0"
 })(["min-width:100px;width:100%;"]);
-var StyledSelect = styled.select.withConfig({
+var StyledSelect = styled__default.default.select.withConfig({
   displayName: "NativeSelect__StyledSelect",
   componentId: "sc-82vb16-1"
 })(["border:none;border-radius:0;box-shadow:", ";", " ", " padding-right:calc(", " *2 + ", ");display:block;margin:0;appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%236f6f6f' d='M7 9.5l5 5 5-5H7z'/%3E%3C/svg%3E\"),linear-gradient( to bottom,", " 0%,", " 100% );background-repeat:no-repeat,repeat;background-position:right ", " top 50%;width:100%;&:active,&:focus{box-shadow:none;", "}&:disabled{color:", ";background-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23bebebe' d='M7 9.5l5 5 5-5H7z'/%3E%3C/svg%3E\"),linear-gradient( to bottom,", " 0%,", " 100% );cursor:not-allowed;box-shadow:none;outline:none;.arrow-icon{fill:red;}&:focus,&:active{outline:none;}}"], nativeselect.boxShadow, edsUtils.typographyTemplate(nativeselect.typography), function (_ref) {
@@ -7333,7 +7345,7 @@ var NativeSelect = /*#__PURE__*/react.forwardRef(function NativeSelect(_ref2, re
     disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
     _ref2$multiple = _ref2.multiple,
     multiple = _ref2$multiple === void 0 ? false : _ref2$multiple,
-    other = _objectWithoutProperties(_ref2, _excluded$f);
+    other = _objectWithoutProperties__default.default(_ref2, _excluded$f);
   var _useEds = useEds(),
     density = _useEds.density;
   var token = edsUtils.useToken({
@@ -7344,7 +7356,7 @@ var NativeSelect = /*#__PURE__*/react.forwardRef(function NativeSelect(_ref2, re
     className: className,
     style: style
   };
-  var selectProps = _objectSpread({
+  var selectProps = _objectSpread__default.default({
     ref: selectRef,
     id: id,
     disabled: disabled,
@@ -7359,8 +7371,8 @@ var NativeSelect = /*#__PURE__*/react.forwardRef(function NativeSelect(_ref2, re
   var showLabel = label || meta;
   return /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
     theme: token,
-    children: /*#__PURE__*/jsxRuntime.jsxs(Container$3, _objectSpread(_objectSpread({}, containerProps), {}, {
-      children: [showLabel && /*#__PURE__*/jsxRuntime.jsx(Label$3, _objectSpread({}, labelProps)), /*#__PURE__*/jsxRuntime.jsx(StyledSelect, _objectSpread(_objectSpread({}, selectProps), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Container$3, _objectSpread__default.default(_objectSpread__default.default({}, containerProps), {}, {
+      children: [showLabel && /*#__PURE__*/jsxRuntime.jsx(Label$3, _objectSpread__default.default({}, labelProps)), /*#__PURE__*/jsxRuntime.jsx(StyledSelect, _objectSpread__default.default(_objectSpread__default.default({}, selectProps), {}, {
         children: children
       }))]
     }))
@@ -7440,7 +7452,7 @@ var checkbox = {
 };
 var _excluded$e = ["disabled", "indeterminate", "style", "className"];
-var StyledPath$1 = styled.path.attrs(function (_ref) {
+var StyledPath$1 = styled__default.default.path.attrs(function (_ref) {
   var icon = _ref.icon;
   return {
     fillRule: 'evenodd',
@@ -7451,7 +7463,7 @@ var StyledPath$1 = styled.path.attrs(function (_ref) {
   displayName: "Input__StyledPath",
   componentId: "sc-rqj7qf-0"
 })([""]);
-var Input$3 = styled.input.attrs(function (_ref2) {
+var Input$3 = styled__default.default.input.attrs(function (_ref2) {
   var _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? 'checkbox' : _ref2$type;
   return {
@@ -7474,7 +7486,7 @@ var Input$3 = styled.input.attrs(function (_ref2) {
   var theme = _ref6.theme;
   return edsUtils.outlineTemplate(theme.states.focus.outline);
 });
-var Svg$1 = styled.svg.attrs(function (_ref7) {
+var Svg$1 = styled__default.default.svg.attrs(function (_ref7) {
   var height = _ref7.height,
     width = _ref7.width,
     fill = _ref7.fill;
@@ -7489,7 +7501,7 @@ var Svg$1 = styled.svg.attrs(function (_ref7) {
   displayName: "Input__Svg",
   componentId: "sc-rqj7qf-2"
 })(["grid-area:input;pointer-events:none;"]);
-var InputWrapper$1 = styled.span.withConfig({
+var InputWrapper$1 = styled__default.default.span.withConfig({
   displayName: "Input__InputWrapper",
   componentId: "sc-rqj7qf-3"
 })(["display:inline-grid;grid:[input] 1fr / [input] 1fr;position:relative;", " &::before{content:'';position:absolute;width:", ";aspect-ratio:1/1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;}@media (hover:hover) and (pointer:fine){> svg{z-index:1;}&:hover{&::before{background-color:", ";}}}"], function (_ref8) {
@@ -7508,7 +7520,7 @@ var CheckboxInput = /*#__PURE__*/react.forwardRef(function CheckboxInput(_ref11,
     indeterminate = _ref11.indeterminate,
     style = _ref11.style,
     className = _ref11.className,
-    rest = _objectWithoutProperties(_ref11, _excluded$e);
+    rest = _objectWithoutProperties__default.default(_ref11, _excluded$e);
   var _useEds = useEds(),
     density = _useEds.density;
   var token = edsUtils.useToken({
@@ -7521,14 +7533,14 @@ var CheckboxInput = /*#__PURE__*/react.forwardRef(function CheckboxInput(_ref11,
     style: style,
     className: className
   };
-  var inputProps = _objectSpread(_defineProperty({
+  var inputProps = _objectSpread__default.default(_defineProperty__default.default({
     ref: ref,
     disabled: disabled
   }, 'data-indeterminate', indeterminate), rest);
   return /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
     theme: token,
-    children: /*#__PURE__*/jsxRuntime.jsxs(InputWrapper$1, _objectSpread(_objectSpread({}, inputWrapperProps), {}, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Input$3, _objectSpread({
+    children: /*#__PURE__*/jsxRuntime.jsxs(InputWrapper$1, _objectSpread__default.default(_objectSpread__default.default({}, inputWrapperProps), {}, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Input$3, _objectSpread__default.default({
         iconSize: iconSize
       }, inputProps)), indeterminate ? /*#__PURE__*/jsxRuntime.jsx(Svg$1, {
         width: iconSize,
@@ -7559,14 +7571,14 @@ var CheckboxInput = /*#__PURE__*/react.forwardRef(function CheckboxInput(_ref11,
 });
 var _excluded$d = ["label", "disabled", "indeterminate", "className", "style"];
-var StyledLabel$2 = styled.label.withConfig({
+var StyledLabel$2 = styled__default.default.label.withConfig({
   displayName: "Checkbox__StyledLabel",
   componentId: "sc-yg6l8h-0"
 })(["display:inline-flex;align-items:center;cursor:", ";"], function (_ref) {
   var disabled = _ref.disabled;
   return disabled ? 'not-allowed' : 'pointer';
 });
-var LabelText$1 = styled.span.withConfig({
+var LabelText$1 = styled__default.default.span.withConfig({
   displayName: "Checkbox__LabelText",
   componentId: "sc-yg6l8h-1"
 })(["", ";"], edsUtils.typographyTemplate(checkbox.typography));
@@ -7577,19 +7589,19 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function Checkbox(_ref2, ref) {
     indeterminate = _ref2.indeterminate,
     className = _ref2.className,
     style = _ref2.style,
-    rest = _objectWithoutProperties(_ref2, _excluded$d);
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$d);
   return label ? /*#__PURE__*/jsxRuntime.jsxs(StyledLabel$2, {
     disabled: disabled,
     className: className,
     style: style,
-    children: [/*#__PURE__*/jsxRuntime.jsx(CheckboxInput, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(CheckboxInput, _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
       disabled: disabled,
       ref: ref,
       indeterminate: indeterminate
     })), /*#__PURE__*/jsxRuntime.jsx(LabelText$1, {
       children: label
     })]
-  }) : /*#__PURE__*/jsxRuntime.jsx(CheckboxInput, _objectSpread(_objectSpread({}, rest), {}, {
+  }) : /*#__PURE__*/jsxRuntime.jsx(CheckboxInput, _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     className: className,
     style: style,
     disabled: disabled,
@@ -7672,7 +7684,7 @@ var comfortable$1 = {
 };
 var _excluded$c = ["label", "disabled", "className", "style"];
-var Input$2 = styled.input.attrs(function (_ref) {
+var Input$2 = styled__default.default.input.attrs(function (_ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'radio' : _ref$type;
   return {
@@ -7695,14 +7707,14 @@ var Input$2 = styled.input.attrs(function (_ref) {
   var theme = _ref5.theme;
   return edsUtils.outlineTemplate(theme.states.focus.outline);
 });
-var StyledLabel$1 = styled.label.withConfig({
+var StyledLabel$1 = styled__default.default.label.withConfig({
   displayName: "Radio__StyledLabel",
   componentId: "sc-we59oz-1"
 })(["display:inline-flex;align-items:center;cursor:", ";"], function (_ref6) {
   var disabled = _ref6.disabled;
   return disabled ? 'not-allowed' : 'pointer';
 });
-var StyledPath = styled.path.attrs(function (_ref7) {
+var StyledPath = styled__default.default.path.attrs(function (_ref7) {
   var icon = _ref7.icon;
   return {
     fillRule: 'evenodd',
@@ -7713,7 +7725,7 @@ var StyledPath = styled.path.attrs(function (_ref7) {
   displayName: "Radio__StyledPath",
   componentId: "sc-we59oz-2"
 })([""]);
-var Svg = styled.svg.attrs(function (_ref8) {
+var Svg = styled__default.default.svg.attrs(function (_ref8) {
   var height = _ref8.height,
     width = _ref8.width,
     fill = _ref8.fill;
@@ -7728,11 +7740,11 @@ var Svg = styled.svg.attrs(function (_ref8) {
   displayName: "Radio__Svg",
   componentId: "sc-we59oz-3"
 })(["grid-area:input;pointer-events:none;"]);
-var LabelText = styled.span.withConfig({
+var LabelText = styled__default.default.span.withConfig({
   displayName: "Radio__LabelText",
   componentId: "sc-we59oz-4"
 })(["", ""], edsUtils.typographyTemplate(comfortable$1.typography));
-var InputWrapper = styled.span.withConfig({
+var InputWrapper = styled__default.default.span.withConfig({
   displayName: "Radio__InputWrapper",
   componentId: "sc-we59oz-5"
 })(["", " display:inline-grid;grid:[input] 1fr / [input] 1fr;position:relative;cursor:", ";&::before{content:'';position:absolute;width:", ";aspect-ratio:1/1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;}@media (hover:hover) and (pointer:fine){> svg{z-index:1;}&:hover{&::before{background-color:", ";}}}"], function (_ref9) {
@@ -7754,7 +7766,7 @@ var Radio = /*#__PURE__*/react.forwardRef(function Radio(_ref13, ref) {
     disabled = _ref13$disabled === void 0 ? false : _ref13$disabled,
     className = _ref13.className,
     style = _ref13.style,
-    rest = _objectWithoutProperties(_ref13, _excluded$c);
+    rest = _objectWithoutProperties__default.default(_ref13, _excluded$c);
   var _useEds = useEds(),
     density = _useEds.density;
   var token = edsUtils.useToken({
@@ -7786,7 +7798,7 @@ var Radio = /*#__PURE__*/react.forwardRef(function Radio(_ref13, ref) {
       style: style,
       children: [/*#__PURE__*/jsxRuntime.jsxs(InputWrapper, {
         disabled: disabled,
-        children: [/*#__PURE__*/jsxRuntime.jsx(Input$2, _objectSpread(_objectSpread({}, rest), {}, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Input$2, _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
           ref: ref,
           disabled: disabled,
           iconSize: iconSize
@@ -7798,7 +7810,7 @@ var Radio = /*#__PURE__*/react.forwardRef(function Radio(_ref13, ref) {
       disabled: disabled,
       className: className,
       style: style,
-      children: [/*#__PURE__*/jsxRuntime.jsx(Input$2, _objectSpread(_objectSpread({}, rest), {}, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Input$2, _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
         ref: ref,
         disabled: disabled,
         iconSize: iconSize
@@ -7808,7 +7820,7 @@ var Radio = /*#__PURE__*/react.forwardRef(function Radio(_ref13, ref) {
 });
 Radio.displayName = 'Radio';
-var BaseInputWrapper = styled.span.withConfig({
+var BaseInputWrapper = styled__default.default.span.withConfig({
   displayName: "Switchstyles__BaseInputWrapper",
   componentId: "sc-x39lde-0"
 })(function (_ref) {
@@ -7817,7 +7829,7 @@ var BaseInputWrapper = styled.span.withConfig({
     height = _ref$theme.height;
   return styled.css(["width:", ";height:", ";border-radius:50%;position:relative;grid-area:input;"], width, height);
 });
-var BaseInput = styled.input.attrs(function (_ref2) {
+var BaseInput = styled__default.default.input.attrs(function (_ref2) {
   var _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? 'checkbox' : _ref2$type;
   return {
@@ -7831,13 +7843,13 @@ var BaseInput = styled.input.attrs(function (_ref2) {
     theme = _ref3.theme;
   return styled.css(["appearance:none;width:100%;height:100%;grid-area:input;margin:0;position:relative;z-index:1;cursor:", ";&:focus{outline:none;}&[data-focus-visible-added]:focus + span{", "}&:focus-visible + span{", "}"], disabled ? 'not-allowed' : 'pointer', edsUtils.outlineTemplate(theme.states.focus.outline), edsUtils.outlineTemplate(theme.states.focus.outline));
 });
-var GridWrapper = styled.span.withConfig({
+var GridWrapper = styled__default.default.span.withConfig({
   displayName: "Switchstyles__GridWrapper",
   componentId: "sc-x39lde-2"
 })(["display:inline-grid;vertical-align:middle;grid:[input] 1fr / [input] 1fr;place-items:center;"]);
 var _excluded$b = ["disabled", "className", "style"];
-var Input$1 = styled(BaseInput).withConfig({
+var Input$1 = styled__default.default(BaseInput).withConfig({
   displayName: "SwitchSmall__Input",
   componentId: "sc-1a99mis-0"
 })(function (_ref) {
@@ -7849,7 +7861,7 @@ var Input$1 = styled(BaseInput).withConfig({
     track = _ref$theme$entities.track;
   return styled.css(["&[data-focus-visible-added]:focus + span{", "}&:focus-visible + span{", "}&:checked + span > span{background-color:", ";}&:checked + span > span:last-child{transform:translate(180%,-50%);background-color:", ";}@media (hover:hover) and (pointer:fine){&:hover + span{background-color:", ";}}"], edsUtils.outlineTemplate(states.focus.outline), edsUtils.outlineTemplate(states.focus.outline), disabled ? states.disabled.background : track.states.active.background, handle.background, disabled ? 'transparent' : states.hover.background);
 });
-var Track$1 = styled.span.withConfig({
+var Track$1 = styled__default.default.span.withConfig({
   displayName: "SwitchSmall__Track",
   componentId: "sc-1a99mis-1"
 })(function (_ref2) {
@@ -7859,7 +7871,7 @@ var Track$1 = styled.span.withConfig({
     track = _ref2$theme.entities.track;
   return styled.css(["width:", ";height:", ";border-radius:10px;border:none;background-color:", ";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);"], track.width, track.height, isDisabled ? states.disabled.background : track.states.disabled.background);
 });
-var Handle$1 = styled.span.withConfig({
+var Handle$1 = styled__default.default.span.withConfig({
   displayName: "SwitchSmall__Handle",
   componentId: "sc-1a99mis-2"
 })(function (_ref3) {
@@ -7870,11 +7882,11 @@ var SwitchSmall = /*#__PURE__*/react.forwardRef(function SwitchSmall(_ref4, ref)
   var disabled = _ref4.disabled,
     className = _ref4.className,
     style = _ref4.style,
-    rest = _objectWithoutProperties(_ref4, _excluded$b);
+    rest = _objectWithoutProperties__default.default(_ref4, _excluded$b);
   return /*#__PURE__*/jsxRuntime.jsxs(GridWrapper, {
     className: className,
     style: style,
-    children: [/*#__PURE__*/jsxRuntime.jsx(Input$1, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Input$1, _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
       ref: ref,
       disabled: disabled
     })), /*#__PURE__*/jsxRuntime.jsxs(BaseInputWrapper, {
@@ -7887,7 +7899,7 @@ var SwitchSmall = /*#__PURE__*/react.forwardRef(function SwitchSmall(_ref4, ref)
 SwitchSmall.displayName = 'SwitchSmall';
 var _excluded$a = ["disabled", "className", "style"];
-var Input = styled(BaseInput).withConfig({
+var Input = styled__default.default(BaseInput).withConfig({
   displayName: "SwitchDefault__Input",
   componentId: "sc-16ym5pn-0"
 })(function (_ref) {
@@ -7895,7 +7907,7 @@ var Input = styled(BaseInput).withConfig({
     theme = _ref.theme;
   return styled.css(["width:", ";aspect-ratio:1/1;&:checked + span > span{background-color:", ";}&:checked + span > span:last-child{transform:translate(105%,-50%);background-color:", ";}&:hover + span{background-color:", ";}&:hover + span > span:last-child{background-color:", ";}"], theme.clickbound.height, disabled ? theme.states.disabled.background : theme.entities.track.states.active.background, disabled ? theme.states.disabled.background : theme.entities.handle.states.active.background, disabled ? 'transparent' : theme.states.hover.background, disabled ? theme.states.disabled.background : theme.states.hover.entities.handle.background);
 });
-var Track = styled.span.withConfig({
+var Track = styled__default.default.span.withConfig({
   displayName: "SwitchDefault__Track",
   componentId: "sc-16ym5pn-1"
 })(function (_ref2) {
@@ -7907,7 +7919,7 @@ var Track = styled.span.withConfig({
     backgroundColor: states.disabled.background
   });
 });
-var Handle = styled.span.withConfig({
+var Handle = styled__default.default.span.withConfig({
   displayName: "SwitchDefault__Handle",
   componentId: "sc-16ym5pn-2"
 })(function (_ref3) {
@@ -7923,11 +7935,11 @@ var SwitchDefault = /*#__PURE__*/react.forwardRef(function SwitchDefault(_ref4,
   var disabled = _ref4.disabled,
     className = _ref4.className,
     style = _ref4.style,
-    rest = _objectWithoutProperties(_ref4, _excluded$a);
+    rest = _objectWithoutProperties__default.default(_ref4, _excluded$a);
   return /*#__PURE__*/jsxRuntime.jsxs(GridWrapper, {
     className: className,
     style: style,
-    children: [/*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
       ref: ref,
       disabled: disabled
     })), /*#__PURE__*/jsxRuntime.jsxs(BaseInputWrapper, {
@@ -8059,7 +8071,7 @@ var comfortable = {
 };
 var _excluded$9 = ["size", "disabled", "label", "className", "style"];
-var StyledLabel = styled.label.withConfig({
+var StyledLabel = styled__default.default.label.withConfig({
   displayName: "Switch__StyledLabel",
   componentId: "sc-sdaahx-0"
 })(["cursor:", ";border:none;background-color:transparent;vertical-align:middle;display:inline-flex;align-items:center;position:relative;gap:", ";"], function (_ref) {
@@ -8069,7 +8081,7 @@ var StyledLabel = styled.label.withConfig({
   var size = _ref2.size;
   return size === 'small' ? '12px' : '8px';
 });
-var Label$1 = styled.span.withConfig({
+var Label$1 = styled__default.default.span.withConfig({
   displayName: "Switch__Label",
   componentId: "sc-sdaahx-1"
 })(function (_ref3) {
@@ -8083,7 +8095,7 @@ var Switch = /*#__PURE__*/react.forwardRef(function Switch(_ref4, ref) {
     label = _ref4.label,
     className = _ref4.className,
     style = _ref4.style,
-    rest = _objectWithoutProperties(_ref4, _excluded$9);
+    rest = _objectWithoutProperties__default.default(_ref4, _excluded$9);
   var _useEds = useEds(),
     density = _useEds.density;
   // TODO Temporary workaround untill we can deprecate "size" property (controlled by EdsProvider in the future)
@@ -8098,24 +8110,24 @@ var Switch = /*#__PURE__*/react.forwardRef(function Switch(_ref4, ref) {
       isDisabled: disabled,
       className: className,
       style: style,
-      children: [size === 'small' ? /*#__PURE__*/jsxRuntime.jsx(SwitchSmall, _objectSpread(_objectSpread({
+      children: [size === 'small' ? /*#__PURE__*/jsxRuntime.jsx(SwitchSmall, _objectSpread__default.default(_objectSpread__default.default({
         disabled: disabled
       }, rest), {}, {
         ref: ref
-      })) : /*#__PURE__*/jsxRuntime.jsx(SwitchDefault, _objectSpread(_objectSpread({
+      })) : /*#__PURE__*/jsxRuntime.jsx(SwitchDefault, _objectSpread__default.default(_objectSpread__default.default({
         disabled: disabled
       }, rest), {}, {
         ref: ref
       })), label && /*#__PURE__*/jsxRuntime.jsx(Label$1, {
         children: label
       })]
-    }) : size === 'small' ? /*#__PURE__*/jsxRuntime.jsx(SwitchSmall, _objectSpread(_objectSpread({
+    }) : size === 'small' ? /*#__PURE__*/jsxRuntime.jsx(SwitchSmall, _objectSpread__default.default(_objectSpread__default.default({
       disabled: disabled,
       className: className,
       style: style
     }, rest), {}, {
       ref: ref
-    })) : /*#__PURE__*/jsxRuntime.jsx(SwitchDefault, _objectSpread(_objectSpread({
+    })) : /*#__PURE__*/jsxRuntime.jsx(SwitchDefault, _objectSpread__default.default(_objectSpread__default.default({
       disabled: disabled,
       className: className,
       style: style
@@ -8146,7 +8158,7 @@ var selectTokens = {
     bottom: '0',
     left: spacingLarge
   },
-  typography: _objectSpread(_objectSpread({}, typography.navigation.menu_title), {}, {
+  typography: _objectSpread__default.default(_objectSpread__default.default({}, typography.navigation.menu_title), {}, {
     color: colors.text.static_icons__default.rgba
   }),
   border: {
@@ -8234,7 +8246,7 @@ var multiSelect = mergeDeepRight$1(selectTokens, {
 });
 var _excluded$8 = ["value", "optionComponent", "multiple", "isSelected", "isDisabled", "multiline", "onClick", "aria-selected"];
-var StyledListItem = styled.li.withConfig({
+var StyledListItem = styled__default.default.li.withConfig({
   displayName: "Option__StyledListItem",
   componentId: "sc-1ly11zu-0"
 })(function (_ref) {
@@ -8245,7 +8257,7 @@ var StyledListItem = styled.li.withConfig({
   var backgroundColor = highlighted === 'true' ? theme.states.hover.background : active === 'true' ? theme.states.active.background : theme.background;
   return styled.css(["display:flex;grid-area:1 / -1;align-items:center;align-self:start;margin:0;list-style:none;background-color:", ";user-select:none;overflow:hidden;cursor:", ";", " ", " ", ""], backgroundColor, highlighted === 'true' ? 'pointer' : 'default', edsUtils.typographyTemplate(theme.typography), edsUtils.spacingsTemplate(theme.spacings), isdisabled === 'true' ? styled.css(["color:", ";"], theme.states.disabled.typography.color) : '');
 });
-var Label = styled.span.withConfig({
+var Label = styled__default.default.span.withConfig({
   displayName: "Option__Label",
   componentId: "sc-1ly11zu-1"
 })(function (_ref2) {
@@ -8262,8 +8274,8 @@ function AutocompleteOptionInner(props, ref) {
     multiline = props.multiline,
     _onClick = props.onClick,
     ariaSelected = props['aria-selected'],
-    other = _objectWithoutProperties(props, _excluded$8);
-  return /*#__PURE__*/jsxRuntime.jsxs(StyledListItem, _objectSpread(_objectSpread({
+    other = _objectWithoutProperties__default.default(props, _excluded$8);
+  return /*#__PURE__*/jsxRuntime.jsxs(StyledListItem, _objectSpread__default.default(_objectSpread__default.default({
     ref: ref,
     isdisabled: isDisabled ? 'true' : 'false',
     "aria-hidden": isDisabled,
@@ -8291,18 +8303,18 @@ function AutocompleteOptionInner(props, ref) {
 var AutocompleteOption = /*#__PURE__*/react.forwardRef(AutocompleteOptionInner);
 var _excluded$7 = ["options", "label", "meta", "className", "style", "disabled", "readOnly", "loading", "hideClearButton", "onOptionsChange", "onInputChange", "selectedOptions", "multiple", "initialSelectedOptions", "disablePortal", "optionDisabled", "optionsFilter", "autoWidth", "placeholder", "optionLabel", "clearSearchOnChange", "multiline", "dropdownHeight", "optionComponent"];
-var Container$2 = styled.div.withConfig({
+var Container$2 = styled__default.default.div.withConfig({
   displayName: "Autocomplete__Container",
   componentId: "sc-yvif0e-0"
 })(["position:relative;"]);
-var StyledList = styled(List$1).withConfig({
+var StyledList = styled__default.default(List$1).withConfig({
   displayName: "Autocomplete__StyledList",
   componentId: "sc-yvif0e-1"
 })(function (_ref) {
   var theme = _ref.theme;
   return styled.css(["background-color:", ";box-shadow:", ";", " overflow-y:auto;overflow-x:hidden;padding:0;display:grid;"], theme.background, theme.boxShadow, edsUtils.bordersTemplate(theme.border));
 });
-var StyledButton = styled(Button$1).withConfig({
+var StyledButton = styled__default.default(Button$1).withConfig({
   displayName: "Autocomplete__StyledButton",
   componentId: "sc-yvif0e-2"
 })(function (_ref2) {
@@ -8341,7 +8353,7 @@ var findNextIndex = function findNextIndex(_ref4) {
   var nextIndex = findIndex(options);
   if (nextIndex > availableItems.length - 1) {
     // jump to start of list
-    return findIndex(_objectSpread(_objectSpread({}, options), {}, {
+    return findIndex(_objectSpread__default.default(_objectSpread__default.default({}, options), {}, {
       index: 0
     }));
   }
@@ -8362,7 +8374,7 @@ var findPrevIndex = function findPrevIndex(_ref5) {
   var prevIndex = findIndex(options);
   if (prevIndex < 0) {
     // jump to end of list
-    return findIndex(_objectSpread(_objectSpread({}, options), {}, {
+    return findIndex(_objectSpread__default.default(_objectSpread__default.default({}, options), {}, {
       index: availableItems.length - 1
     }));
   }
@@ -8405,18 +8417,18 @@ function AutocompleteInner(props, ref) {
     _props$dropdownHeight = props.dropdownHeight,
     dropdownHeight = _props$dropdownHeight === void 0 ? 300 : _props$dropdownHeight,
     optionComponent = props.optionComponent,
-    other = _objectWithoutProperties(props, _excluded$7);
+    other = _objectWithoutProperties__default.default(props, _excluded$7);
   var isControlled = Boolean(selectedOptions);
   var _useState = react.useState(options),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     inputOptions = _useState2[0],
     setInputOptions = _useState2[1];
   var _useState3 = react.useState(inputOptions),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     availableItems = _useState4[0],
     setAvailableItems = _useState4[1];
   var _useState5 = react.useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default.default(_useState5, 2),
     typedInputValue = _useState6[0],
     setTypedInputValue = _useState6[1];
   react.useEffect(function () {
@@ -8442,7 +8454,7 @@ function AutocompleteInner(props, ref) {
     initialSelectedItems: multiple ? initialSelectedOptions : initialSelectedOptions[0] ? [initialSelectedOptions[0]] : []
   };
   if (multiple) {
-    multipleSelectionProps = _objectSpread(_objectSpread({}, multipleSelectionProps), {}, {
+    multipleSelectionProps = _objectSpread__default.default(_objectSpread__default.default({}, multipleSelectionProps), {}, {
       onSelectedItemsChange: function onSelectedItemsChange(changes) {
         if (onOptionsChange) {
           var _selectedItems = changes.selectedItems;
@@ -8453,7 +8465,7 @@ function AutocompleteInner(props, ref) {
       }
     });
     if (isControlled) {
-      multipleSelectionProps = _objectSpread(_objectSpread({}, multipleSelectionProps), {}, {
+      multipleSelectionProps = _objectSpread__default.default(_objectSpread__default.default({}, multipleSelectionProps), {}, {
         selectedItems: selectedOptions
       });
     }
@@ -8470,7 +8482,7 @@ function AutocompleteInner(props, ref) {
     if (item == null) {
       return '';
     }
-    if (_typeof(item) === 'object') {
+    if (_typeof__default.default(item) === 'object') {
       if (optionLabel) {
         return optionLabel(item);
       } else {
@@ -8556,7 +8568,7 @@ function AutocompleteInner(props, ref) {
       switch (type) {
         case downshift.useCombobox.stateChangeTypes.InputKeyDownArrowDown:
         case downshift.useCombobox.stateChangeTypes.InputKeyDownHome:
-          return _objectSpread(_objectSpread({}, changes), {}, {
+          return _objectSpread__default.default(_objectSpread__default.default({}, changes), {}, {
             highlightedIndex: findNextIndex({
               index: changes.highlightedIndex,
               availableItems: availableItems,
@@ -8565,7 +8577,7 @@ function AutocompleteInner(props, ref) {
           });
         case downshift.useCombobox.stateChangeTypes.InputKeyDownArrowUp:
         case downshift.useCombobox.stateChangeTypes.InputKeyDownEnd:
-          return _objectSpread(_objectSpread({}, changes), {}, {
+          return _objectSpread__default.default(_objectSpread__default.default({}, changes), {}, {
             highlightedIndex: findPrevIndex({
               index: changes.highlightedIndex,
               availableItems: availableItems,
@@ -8578,7 +8590,7 @@ function AutocompleteInner(props, ref) {
     }
   };
   if (!multiple) {
-    comboBoxProps = _objectSpread(_objectSpread({}, comboBoxProps), {}, {
+    comboBoxProps = _objectSpread__default.default(_objectSpread__default.default({}, comboBoxProps), {}, {
       onSelectedItemChange: function onSelectedItemChange(changes) {
         if (onOptionsChange) {
           var selectedItem = changes.selectedItem;
@@ -8589,14 +8601,14 @@ function AutocompleteInner(props, ref) {
       }
     });
     if (isControlled) {
-      comboBoxProps = _objectSpread(_objectSpread({}, comboBoxProps), {}, {
+      comboBoxProps = _objectSpread__default.default(_objectSpread__default.default({}, comboBoxProps), {}, {
         selectedItem: selectedOptions[0] || null
       });
     }
   }
   if (multiple) {
     placeholderText = typeof placeholderText !== 'undefined' ? placeholderText : "".concat(selectedItems.length, "/").concat(options.length - disabledItems.length, " selected");
-    comboBoxProps = _objectSpread(_objectSpread({}, comboBoxProps), {}, {
+    comboBoxProps = _objectSpread__default.default(_objectSpread__default.default({}, comboBoxProps), {}, {
       selectedItem: null,
       stateReducer: function stateReducer(state, actionAndChanges) {
         var changes = actionAndChanges.changes,
@@ -8604,7 +8616,7 @@ function AutocompleteInner(props, ref) {
         switch (type) {
           case downshift.useCombobox.stateChangeTypes.InputKeyDownArrowDown:
           case downshift.useCombobox.stateChangeTypes.InputKeyDownHome:
-            return _objectSpread(_objectSpread({}, changes), {}, {
+            return _objectSpread__default.default(_objectSpread__default.default({}, changes), {}, {
               highlightedIndex: findNextIndex({
                 index: changes.highlightedIndex,
                 availableItems: availableItems,
@@ -8613,7 +8625,7 @@ function AutocompleteInner(props, ref) {
             });
           case downshift.useCombobox.stateChangeTypes.InputKeyDownArrowUp:
           case downshift.useCombobox.stateChangeTypes.InputKeyDownEnd:
-            return _objectSpread(_objectSpread({}, changes), {}, {
+            return _objectSpread__default.default(_objectSpread__default.default({}, changes), {}, {
               highlightedIndex: findPrevIndex({
                 index: changes.highlightedIndex,
                 availableItems: availableItems,
@@ -8622,7 +8634,7 @@ function AutocompleteInner(props, ref) {
             });
           case downshift.useCombobox.stateChangeTypes.InputKeyDownEnter:
           case downshift.useCombobox.stateChangeTypes.ItemClick:
-            return _objectSpread(_objectSpread({}, changes), {}, {
+            return _objectSpread__default.default(_objectSpread__default.default({}, changes), {}, {
               isOpen: true,
               // keep menu open after selection.
               highlightedIndex: state.highlightedIndex,
@@ -8630,11 +8642,11 @@ function AutocompleteInner(props, ref) {
             });
           case downshift.useCombobox.stateChangeTypes.InputBlur:
             setTypedInputValue('');
-            return _objectSpread(_objectSpread({}, changes), {}, {
+            return _objectSpread__default.default(_objectSpread__default.default({}, changes), {}, {
               inputValue: ''
             });
           case downshift.useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:
-            return _objectSpread(_objectSpread({}, changes), {}, {
+            return _objectSpread__default.default(_objectSpread__default.default({}, changes), {}, {
               inputValue: !clearSearchOnChange ? typedInputValue : changes.inputValue
             });
           default:
@@ -8701,7 +8713,7 @@ function AutocompleteInner(props, ref) {
   var selectedItemsLabels = react.useMemo(function () {
     return selectedItems.map(getLabel);
   }, [selectedItems, getLabel]);
-  var optionsList = /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, getFloatingProps({
+  var optionsList = /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread__default.default(_objectSpread__default.default({}, getFloatingProps({
     ref: refs.setFloating,
     style: {
       position: strategy,
@@ -8710,7 +8722,7 @@ function AutocompleteInner(props, ref) {
       zIndex: 1500
     }
   })), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsxs(StyledList, _objectSpread(_objectSpread({}, getMenuProps({
+    children: /*#__PURE__*/jsxRuntime.jsxs(StyledList, _objectSpread__default.default(_objectSpread__default.default({}, getMenuProps({
       'aria-multiselectable': multiple ? 'true' : null,
       ref: scrollContainer,
       style: {
@@ -8732,7 +8744,7 @@ function AutocompleteInner(props, ref) {
         var label = getLabel(item);
         var isDisabled = optionDisabled(item);
         var isSelected = selectedItemsLabels.includes(label);
-        return /*#__PURE__*/jsxRuntime.jsx(AutocompleteOption, _objectSpread({
+        return /*#__PURE__*/jsxRuntime.jsx(AutocompleteOption, _objectSpread__default.default({
           "data-index": virtualItem.index,
           "aria-setsize": availableItems.length,
           "aria-posinset": index + 1,
@@ -8743,13 +8755,13 @@ function AutocompleteInner(props, ref) {
           isDisabled: isDisabled,
           multiline: multiline,
           optionComponent: optionComponent === null || optionComponent === void 0 ? void 0 : optionComponent(item, isSelected)
-        }, getItemProps(_objectSpread(_objectSpread({}, multiline && {
+        }, getItemProps(_objectSpread__default.default(_objectSpread__default.default({}, multiline && {
           ref: rowVirtualizer.measureElement
         }), {}, {
           item: item,
           index: index,
           disabled: disabled,
-          style: _objectSpread({
+          style: _objectSpread__default.default({
             transform: "translateY(".concat(virtualItem.start, "px)")
           }, !multiline && {
             height: "".concat(virtualItem.size, "px")
@@ -8764,12 +8776,12 @@ function AutocompleteInner(props, ref) {
       className: className,
       style: style,
       ref: ref,
-      children: [/*#__PURE__*/jsxRuntime.jsx(Label$3, _objectSpread(_objectSpread({}, getLabelProps()), {}, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Label$3, _objectSpread__default.default(_objectSpread__default.default({}, getLabelProps()), {}, {
         label: label,
         meta: meta,
         disabled: disabled
       })), /*#__PURE__*/jsxRuntime.jsx(Container$2, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Input$4, _objectSpread(_objectSpread({}, getInputProps(
+        children: /*#__PURE__*/jsxRuntime.jsx(Input$4, _objectSpread__default.default(_objectSpread__default.default({}, getInputProps(
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         getDropdownProps({
           preventKeyAction: multiple ? isOpen : undefined,
@@ -8798,7 +8810,7 @@ function AutocompleteInner(props, ref) {
                 data: edsIcons.close,
                 size: 16
               })
-            }), !readOnly && /*#__PURE__*/jsxRuntime.jsx(StyledButton, _objectSpread(_objectSpread({
+            }), !readOnly && /*#__PURE__*/jsxRuntime.jsx(StyledButton, _objectSpread__default.default(_objectSpread__default.default({
               variant: "ghost_icon"
             }, getToggleButtonProps({
               disabled: disabled || readOnly
@@ -8935,14 +8947,14 @@ var SideBarContext = /*#__PURE__*/react.createContext(initalState);
 var SideBarProvider = function SideBarProvider(_ref) {
   var children = _ref.children;
   var _useState = react.useState(initalState),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
   var isOpen = state.isOpen,
     onToggle = state.onToggle;
   var setIsOpen = react.useCallback(function (open) {
     setState(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
+      return _objectSpread__default.default(_objectSpread__default.default({}, prevState), {}, {
         isOpen: open
       });
     });
@@ -8950,7 +8962,7 @@ var SideBarProvider = function SideBarProvider(_ref) {
   }, [onToggle]);
   var setOnToggle = function setOnToggle(onToggle) {
     setState(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
+      return _objectSpread__default.default(_objectSpread__default.default({}, prevState), {}, {
         onToggle: onToggle
       });
     });
@@ -8977,7 +8989,7 @@ var SideBarContainer = /*#__PURE__*/react.forwardRef(function SideBarContainer(_
     _ref$open = _ref.open,
     open = _ref$open === void 0 ? false : _ref$open,
     children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$6);
+    rest = _objectWithoutProperties__default.default(_ref, _excluded$6);
   var _useSideBar = useSideBar(),
     isOpen = _useSideBar.isOpen,
     setIsOpen = _useSideBar.setIsOpen,
@@ -8992,13 +9004,13 @@ var SideBarContainer = /*#__PURE__*/react.forwardRef(function SideBarContainer(_
     setIsOpen(open);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open]);
-  return /*#__PURE__*/jsxRuntime.jsx(GridContainer, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(GridContainer, _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     open: isOpen,
     ref: ref,
     children: children
   }));
 });
-var GridContainer = styled.div.withConfig({
+var GridContainer = styled__default.default.div.withConfig({
   displayName: "SideBar__GridContainer",
   componentId: "sc-a84pkc-0"
 })(function (_ref2) {
@@ -9011,13 +9023,13 @@ var SideBar$1 = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
     _ref3$open = _ref3.open,
     open = _ref3$open === void 0 ? false : _ref3$open,
     children = _ref3.children,
-    rest = _objectWithoutProperties(_ref3, _excluded2);
+    rest = _objectWithoutProperties__default.default(_ref3, _excluded2);
   var _useEds = useEds(),
     density = _useEds.density;
   var token = edsUtils.useToken({
     density: density
   }, sidebar);
-  var props = _objectSpread({
+  var props = _objectSpread__default.default({
     onToggle: onToggle,
     open: open,
     children: children
@@ -9025,7 +9037,7 @@ var SideBar$1 = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
   return /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
     theme: token,
     children: /*#__PURE__*/jsxRuntime.jsx(SideBarProvider, {
-      children: /*#__PURE__*/jsxRuntime.jsx(SideBarContainer, _objectSpread(_objectSpread({}, props), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx(SideBarContainer, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
         ref: ref
       }))
     })
@@ -9037,7 +9049,7 @@ var _excluded$5 = ["icon", "label", "active", "onClick", "as"];
 var _tokens$entities$side$2 = sidebar.entities.sidebarItem,
   itemTextColor = _tokens$entities$side$2.typography.color,
   iconActive = _tokens$entities$side$2.states.active.typography.color;
-var Container$1 = styled.a.withConfig({
+var Container$1 = styled__default.default.a.withConfig({
   displayName: "SidebarLink__Container",
   componentId: "sc-gbehcj-0"
 })(function (_ref) {
@@ -9056,7 +9068,7 @@ var Container$1 = styled.a.withConfig({
     menuDisabledText = _theme$entities$sideb3.typography.color;
   return styled.css(["background-color:", ";display:grid;grid-template-columns:", " 1fr;width:100%;padding:0;place-items:center;border:0;", " text-decoration:none;min-height:", ";&:hover{cursor:pointer;background-color:", ";}&:disabled{background-color:", ";color:", ";cursor:not-allowed;& > p{color:", ";}& > svg{fill:", ";}}&:focus-visible{", ";}"], $active ? menuActiveBackground : 'transparent', minWidth, edsUtils.bordersTemplate(border), minHeight, $active ? menuActiveBackground : menuHoverBackground, menuDisabledBackground, menuDisabledText, menuDisabledText, menuDisabledText, edsUtils.outlineTemplate(focus.outline));
 });
-var ItemText$1 = styled(Typography).withConfig({
+var ItemText$1 = styled__default.default(Typography).withConfig({
   displayName: "SidebarLink__ItemText",
   componentId: "sc-gbehcj-1"
 })(function (_ref2) {
@@ -9067,7 +9079,7 @@ var ItemText$1 = styled(Typography).withConfig({
     itemActiveTextColor = _theme$entities$sideb4.states.active.typography.color;
   return styled.css(["justify-self:start;color:", ";&::first-letter{text-transform:capitalize;}"], $active ? itemActiveTextColor : itemTextColor);
 });
-var Tooltip$1 = styled(Tooltip$2).withConfig({
+var Tooltip$1 = styled__default.default(Tooltip$2).withConfig({
   displayName: "SidebarLink__Tooltip",
   componentId: "sc-gbehcj-2"
 })(["text-transform:capitalize;"]);
@@ -9078,14 +9090,14 @@ var SidebarLink = /*#__PURE__*/react.forwardRef(function SidebarLink(_ref3, ref)
     onClick = _ref3.onClick,
     _ref3$as = _ref3.as,
     as = _ref3$as === void 0 ? 'a' : _ref3$as,
-    rest = _objectWithoutProperties(_ref3, _excluded$5);
+    rest = _objectWithoutProperties__default.default(_ref3, _excluded$5);
   var _useSideBar = useSideBar(),
     isOpen = _useSideBar.isOpen;
   var getIconColor = function getIconColor() {
     return active ? iconActive : itemTextColor;
   };
   if (isOpen) {
-    return /*#__PURE__*/jsxRuntime.jsxs(Container$1, _objectSpread(_objectSpread({
+    return /*#__PURE__*/jsxRuntime.jsxs(Container$1, _objectSpread__default.default(_objectSpread__default.default({
       as: as,
       tabIndex: 0,
       $active: active,
@@ -9106,7 +9118,7 @@ var SidebarLink = /*#__PURE__*/react.forwardRef(function SidebarLink(_ref3, ref)
   return /*#__PURE__*/jsxRuntime.jsx(Tooltip$1, {
     title: label,
     placement: "right",
-    children: /*#__PURE__*/jsxRuntime.jsx(Container$1, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/jsxRuntime.jsx(Container$1, _objectSpread__default.default(_objectSpread__default.default({
       tabIndex: 0,
       as: as,
       $active: active,
@@ -9123,7 +9135,7 @@ var SidebarLink = /*#__PURE__*/react.forwardRef(function SidebarLink(_ref3, ref)
 SidebarLink.displayName = 'SidebarLink';
 var _excluded$4 = ["children"];
-var StyledSideBarContent = styled.div.withConfig({
+var StyledSideBarContent = styled__default.default.div.withConfig({
   displayName: "SideBarContent__StyledSideBarContent",
   componentId: "sc-kq9ra8-0"
 })(function () {
@@ -9131,17 +9143,17 @@ var StyledSideBarContent = styled.div.withConfig({
 });
 var SideBarContent = /*#__PURE__*/react.forwardRef(function SideBarContent(_ref, ref) {
   var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$4);
-  var props = _objectSpread({
+    rest = _objectWithoutProperties__default.default(_ref, _excluded$4);
+  var props = _objectSpread__default.default({
     ref: ref
   }, rest);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledSideBarContent, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(StyledSideBarContent, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     children: children
   }));
 });
 var _excluded$3 = ["children"];
-var StyledSideBarFooter = styled.div.withConfig({
+var StyledSideBarFooter = styled__default.default.div.withConfig({
   displayName: "SideBarFooter__StyledSideBarFooter",
   componentId: "sc-1hsu72u-0"
 })(function () {
@@ -9149,17 +9161,17 @@ var StyledSideBarFooter = styled.div.withConfig({
 });
 var SideBarFooter = /*#__PURE__*/react.forwardRef(function SideBarFooter(_ref, ref) {
   var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$3);
-  var props = _objectSpread({
+    rest = _objectWithoutProperties__default.default(_ref, _excluded$3);
+  var props = _objectSpread__default.default({
     ref: ref
   }, rest);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledSideBarFooter, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(StyledSideBarFooter, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
     children: children
   }));
 });
 var iconColor = sidebar.entities.toggleOpen.typography.color;
-var ToggleContainer = styled.div.withConfig({
+var ToggleContainer = styled__default.default.div.withConfig({
   displayName: "SideBarToggle__ToggleContainer",
   componentId: "sc-1w5e44y-0"
 })(function (_ref) {
@@ -9171,14 +9183,14 @@ var ToggleContainer = styled.div.withConfig({
   return styled.css(["width:", ";display:grid;place-items:center;margin-block-start:", ";margin-block-end:", ";"], minWidth, top, bottom);
 });
 var SideBarToggle = /*#__PURE__*/react.forwardRef(function SideBarToggle(_ref2, ref) {
-  var rest = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+  var rest = _extends__default.default({}, (_objectDestructuringEmpty__default.default(_ref2), _ref2));
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref
   });
   var _useSideBar = useSideBar(),
     isOpen = _useSideBar.isOpen,
     setIsOpen = _useSideBar.setIsOpen;
-  return /*#__PURE__*/jsxRuntime.jsx(ToggleContainer, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(ToggleContainer, _objectSpread__default.default(_objectSpread__default.default({
     open: isOpen
   }, props), {}, {
     children: /*#__PURE__*/jsxRuntime.jsx(Tooltip$2, {
@@ -9201,7 +9213,7 @@ var SideBarToggle = /*#__PURE__*/react.forwardRef(function SideBarToggle(_ref2,
 var _excluded$2 = ["label", "icon", "style", "className"];
 var primaryWhite = sidebar.entities.actionButton.typography.color;
-var MenuButtonContainer = styled.div.withConfig({
+var MenuButtonContainer = styled__default.default.div.withConfig({
   displayName: "SideBarButton__MenuButtonContainer",
   componentId: "sc-15xlkyo-0"
 })(function (_ref) {
@@ -9214,7 +9226,7 @@ var MenuButtonContainer = styled.div.withConfig({
     bottom = _theme$entities$actio.bottom;
   return styled.css(["display:", ";grid-template-columns:", " 1fr ", ";justify-content:center;align-items:center;margin-block-start:", ";margin-block-end:", ";box-sizing:border-box;"], open ? 'grid' : 'flex', left, right, top, bottom);
 });
-var ExtendedButton = styled(Button$1).withConfig({
+var ExtendedButton = styled__default.default(Button$1).withConfig({
   displayName: "SideBarButton__ExtendedButton",
   componentId: "sc-15xlkyo-1"
 })(function () {
@@ -9225,8 +9237,8 @@ var SideBarButton = /*#__PURE__*/react.forwardRef(function SideBarToggle(_ref2,
     icon = _ref2.icon,
     style = _ref2.style,
     className = _ref2.className,
-    rest = _objectWithoutProperties(_ref2, _excluded$2);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    rest = _objectWithoutProperties__default.default(_ref2, _excluded$2);
+  var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref
   });
   var styleProps = {
@@ -9236,10 +9248,10 @@ var SideBarButton = /*#__PURE__*/react.forwardRef(function SideBarToggle(_ref2,
   var _useSideBar = useSideBar(),
     isOpen = _useSideBar.isOpen;
   if (isOpen) {
-    return /*#__PURE__*/jsxRuntime.jsx(MenuButtonContainer, _objectSpread(_objectSpread({
+    return /*#__PURE__*/jsxRuntime.jsx(MenuButtonContainer, _objectSpread__default.default(_objectSpread__default.default({
       open: isOpen
     }, styleProps), {}, {
-      children: /*#__PURE__*/jsxRuntime.jsxs(ExtendedButton, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/jsxRuntime.jsxs(ExtendedButton, _objectSpread__default.default(_objectSpread__default.default({
         open: true,
         variant: "contained"
       }, props), {}, {
@@ -9253,10 +9265,10 @@ var SideBarButton = /*#__PURE__*/react.forwardRef(function SideBarToggle(_ref2,
   return /*#__PURE__*/jsxRuntime.jsx(Tooltip$2, {
     title: label,
     placement: "right",
-    children: /*#__PURE__*/jsxRuntime.jsx(MenuButtonContainer, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/jsxRuntime.jsx(MenuButtonContainer, _objectSpread__default.default(_objectSpread__default.default({
       open: isOpen
     }, styleProps), {}, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Button$1, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/jsxRuntime.jsx(Button$1, _objectSpread__default.default(_objectSpread__default.default({
         variant: "contained_icon"
       }, props), {}, {
         children: /*#__PURE__*/jsxRuntime.jsx(Icon$1, {
@@ -9283,51 +9295,51 @@ var minWidth$1 = sidebar.minWidth,
   _tokens$entities$side4 = _tokens$entities$side2$1.disabled,
   menuDisabledBackground = _tokens$entities$side4.background,
   menuDisabledText = _tokens$entities$side4.typography.color;
-var MenuItem = styled.div.withConfig({
+var MenuItem = styled__default.default.div.withConfig({
   displayName: "SideBarAccordion__MenuItem",
   componentId: "sc-1ekwnbi-0"
 })(function (_ref) {
   var $isExpanded = _ref.$isExpanded;
   return styled.css(["display:grid;grid-template-columns:1fr;place-items:center;text-decoration:none;min-height:", ";", ";&:hover{cursor:pointer;background-color:", ";}&:focus-visible{", ";}"], minHeight$1, !$isExpanded && edsUtils.bordersTemplate(border), !$isExpanded ? menuHoverBackground$1 : 'none', edsUtils.outlineTemplate(focus$1.outline));
 });
-var AccordionHeader = styled.h2.withConfig({
+var AccordionHeader = styled__default.default.h2.withConfig({
   displayName: "SideBarAccordion__AccordionHeader",
   componentId: "sc-1ekwnbi-1"
 })(function (_ref2) {
   var $active = _ref2.$active;
   return styled.css(["margin:0;width:100%;min-height:", ";background-color:", ";&:hover{cursor:pointer;background-color:", ";}"], minHeight$1, $active ? menuActiveBackground$1 : 'none', $active ? menuActiveBackground$1 : menuHoverBackground$1);
 });
-var Button = styled.button.withConfig({
+var Button = styled__default.default.button.withConfig({
   displayName: "SideBarAccordion__Button",
   componentId: "sc-1ekwnbi-2"
 })(function (_ref3) {
   var $active = _ref3.$active;
   return styled.css(["width:100%;min-height:", ";padding:0;border:none;background-color:", ";cursor:pointer;display:grid;place-items:center;&:focus-visible{", ";}&:disabled{background-color:", ";cursor:auto;}"], minHeight$1, $active ? menuActiveBackground$1 : 'transparent', edsUtils.outlineTemplate(focus$1.outline), menuDisabledBackground);
 });
-var OpenSidebarButton = styled(Button).withConfig({
+var OpenSidebarButton = styled__default.default(Button).withConfig({
   displayName: "SideBarAccordion__OpenSidebarButton",
   componentId: "sc-1ekwnbi-3"
 })(["grid-template-columns:", " 1fr 48px;"], minWidth$1);
-var ClosedSidebarButton = styled(Button).withConfig({
+var ClosedSidebarButton = styled__default.default(Button).withConfig({
   displayName: "SideBarAccordion__ClosedSidebarButton",
   componentId: "sc-1ekwnbi-4"
 })(["grid-template-columns:", ";position:relative;overflow:hidden;"], minWidth$1);
-var AccordionIcon = styled(Icon$1).withConfig({
+var AccordionIcon = styled__default.default(Icon$1).withConfig({
   displayName: "SideBarAccordion__AccordionIcon",
   componentId: "sc-1ekwnbi-5"
 })(["position:absolute;bottom:-10px;right:-10px;transform:rotate(-45deg);"]);
-var Panel = styled.div.withConfig({
+var Panel = styled__default.default.div.withConfig({
   displayName: "SideBarAccordion__Panel",
   componentId: "sc-1ekwnbi-6"
 })(["width:100%;", ""], edsUtils.bordersTemplate(border));
-var ItemText = styled(Typography).withConfig({
+var ItemText = styled__default.default(Typography).withConfig({
   displayName: "SideBarAccordion__ItemText",
   componentId: "sc-1ekwnbi-7"
 })(function (_ref4) {
   var $textColor = _ref4.$textColor;
   return styled.css(["justify-self:start;color:", ";&::first-letter{text-transform:capitalize;}"], $textColor);
 });
-var Tooltip = styled(Tooltip$2).withConfig({
+var Tooltip = styled__default.default(Tooltip$2).withConfig({
   displayName: "SideBarAccordion__Tooltip",
   componentId: "sc-1ekwnbi-8"
 })(["text-transform:capitalize;"]);
@@ -9341,18 +9353,18 @@ var SideBarAccordion = /*#__PURE__*/react.forwardRef(function SideBarAccordion(_
     onClick = _ref5.onClick,
     children = _ref5.children,
     disabled = _ref5.disabled,
-    rest = _objectWithoutProperties(_ref5, _excluded$1);
+    rest = _objectWithoutProperties__default.default(_ref5, _excluded$1);
   var accordionId = edsUtils.useId(id, 'accordion');
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     menuIsOpen = _useState2[0],
     setMenuIsOpen = _useState2[1];
   var _useState3 = react.useState(isExpanded),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     accordionIsOpen = _useState4[0],
     setAccordionIsOpen = _useState4[1];
   var _useState5 = react.useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default.default(_useState5, 2),
     anchorEl = _useState6[0],
     setAnchorEl = _useState6[1];
   var _useSideBar = useSideBar(),
@@ -9405,7 +9417,7 @@ var SideBarAccordion = /*#__PURE__*/react.forwardRef(function SideBarAccordion(_
       $isExpanded: showPanel,
       children: [/*#__PURE__*/jsxRuntime.jsx(AccordionHeader, {
         $active: showAsActive,
-        children: /*#__PURE__*/jsxRuntime.jsxs(OpenSidebarButton, _objectSpread(_objectSpread({
+        children: /*#__PURE__*/jsxRuntime.jsxs(OpenSidebarButton, _objectSpread__default.default(_objectSpread__default.default({
           ref: ref,
           id: "header_".concat(accordionId),
           "aria-expanded": showPanel,
@@ -9444,7 +9456,7 @@ var SideBarAccordion = /*#__PURE__*/react.forwardRef(function SideBarAccordion(_
         $isExpanded: showPanel,
         children: /*#__PURE__*/jsxRuntime.jsx(AccordionHeader, {
           $active: showAsActive,
-          children: /*#__PURE__*/jsxRuntime.jsxs(ClosedSidebarButton, _objectSpread(_objectSpread({
+          children: /*#__PURE__*/jsxRuntime.jsxs(ClosedSidebarButton, _objectSpread__default.default(_objectSpread__default.default({
             ref: combinedRefs,
             id: "anchor-default",
             "aria-haspopup": "true",
@@ -9471,7 +9483,7 @@ var SideBarAccordion = /*#__PURE__*/react.forwardRef(function SideBarAccordion(_
       anchorEl: anchorEl,
       children: react.Children.map(children, function (child) {
         var item = child;
-        return /*#__PURE__*/jsxRuntime.jsx(Menu.Item, _objectSpread(_objectSpread({}, child.props), {}, {
+        return /*#__PURE__*/jsxRuntime.jsx(Menu.Item, _objectSpread__default.default(_objectSpread__default.default({}, child.props), {}, {
           children: item.props.label
         }));
       })
@@ -9491,18 +9503,18 @@ var minWidth = sidebar.minWidth,
   typographyActiveColor = _tokens$entities$side3.typography.color,
   focus = _tokens$entities$side2.focus,
   menuHoverBackground = _tokens$entities$side2.hover.background;
-var Container = styled.a.withConfig({
+var Container = styled__default.default.a.withConfig({
   displayName: "SideBarAccordionItem__Container",
   componentId: "sc-1aeo1e1-0"
 })(function (_ref) {
   var $active = _ref.$active;
   return styled.css(["display:grid;grid-template-columns:", " 1fr;justify-items:stretch;background-color:", ";cursor:pointer;text-decoration:none;border:0;width:100%;padding:0;&:hover{background-color:", ";}&:focus-visible{", ";}"], minWidth, $active ? menuActiveBackground : 'transparent', $active ? menuActiveBackground : menuHoverBackground, edsUtils.outlineTemplate(focus.outline));
 });
-var TextWrapper = styled.div.withConfig({
+var TextWrapper = styled__default.default.div.withConfig({
   displayName: "SideBarAccordionItem__TextWrapper",
   componentId: "sc-1aeo1e1-1"
 })(["min-height:", ";grid-column:2;justify-self:start;display:flex;align-items:center;width:100%;"], minHeight);
-var Text = styled(Typography).withConfig({
+var Text = styled__default.default(Typography).withConfig({
   displayName: "SideBarAccordionItem__Text",
   componentId: "sc-1aeo1e1-2"
 })(function (_ref2) {
@@ -9515,11 +9527,11 @@ var SideBarAccordionItem = /*#__PURE__*/react.forwardRef(function SidebarLink(_r
     onClick = _ref3.onClick,
     _ref3$as = _ref3.as,
     as = _ref3$as === void 0 ? 'a' : _ref3$as,
-    rest = _objectWithoutProperties(_ref3, _excluded);
+    rest = _objectWithoutProperties__default.default(_ref3, _excluded);
   var _useSideBar = useSideBar(),
     isOpen = _useSideBar.isOpen;
   if (isOpen) {
-    return /*#__PURE__*/jsxRuntime.jsx(Container, _objectSpread(_objectSpread({
+    return /*#__PURE__*/jsxRuntime.jsx(Container, _objectSpread__default.default(_objectSpread__default.default({
       as: as,
       tabIndex: 0,
       $active: active,