@norges-domstoler/dds-components 10.2.0 → 10.3.0

package/dist/cjs/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 require('focus-visible');
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
@@ -14,13 +12,6 @@ var reactDom$1 = require('react-dom');
 var fileSelector = require('file-selector');
 var accepted = require('attr-accept');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var ReactSelect__default = /*#__PURE__*/_interopDefaultLegacy(ReactSelect);
-var accepted__default = /*#__PURE__*/_interopDefaultLegacy(accepted);
-
 var colors$u = ddsDesignTokens.ddsBaseTokens.colors,
   fontPackages$5 = ddsDesignTokens.ddsBaseTokens.fontPackages,
   spacing$B = ddsDesignTokens.ddsBaseTokens.spacing;
@@ -623,7 +614,7 @@ function searchFilter(text, query) {
   return searchFilterRegex.test(text.toLowerCase());
 }
 
-var StyledTypography = styled__default["default"].p.withConfig({
+var StyledTypography = styled.p.withConfig({
   displayName: "Typography__StyledTypography",
   componentId: "sc-1tegrnl-0"
 })(["user-select:text;&::selection,*::selection{", "}", " ", " ", " color:", ";", " ", ";"], selection, function (_ref) {
@@ -693,7 +684,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var Backdrop = styled__default["default"].div.withConfig({
+var Backdrop = styled.div.withConfig({
   displayName: "Backdrop",
   componentId: "sc-vimg90-0"
 })(["position:fixed;display:flex;align-items:center;justify-content:center;background-color:", ";overflow-y:auto;top:0;right:0;bottom:0;left:0;z-index:200;opacity:", ";@media (prefers-reduced-motion:no-preference){transition:opacity 0.2s;}"], changeRGBAAlpha(ddsDesignTokens.ddsBaseTokens.colors.DdsColorNeutralsGray9, 0.5), function (_ref) {
@@ -720,25 +711,25 @@ function handleElementWithBackdropUnmount(container) {
   window.scrollTo(0, scrollY * -1);
 }
 
-var SvgChevron = styled__default["default"].svg.withConfig({
+var SvgChevron = styled.svg.withConfig({
   displayName: "AnimatedChevronUpDownstyles__SvgChevron",
   componentId: "sc-yey4nu-0"
 })(["display:inline-block;flex-shrink:0;position:relative;text-align:center;vertical-align:middle;"]);
-var SvgChevronlGroup = styled__default["default"].g.withConfig({
+var SvgChevronlGroup = styled.g.withConfig({
   displayName: "AnimatedChevronUpDownstyles__SvgChevronlGroup",
   componentId: "sc-yey4nu-1"
 })(["transition:transform 0.2s linear;transform:", ";"], function (_ref) {
   var isUp = _ref.isUp;
   return isUp ? 'translateY(3px)' : 'translateY(0)';
 });
-var SvgChevronlLeft = styled__default["default"].path.withConfig({
+var SvgChevronlLeft = styled.path.withConfig({
   displayName: "AnimatedChevronUpDownstyles__SvgChevronlLeft",
   componentId: "sc-yey4nu-2"
 })(["transition:transform 0.2s linear;transform-origin:1px 1px;transform:", ";"], function (_ref2) {
   var isUp = _ref2.isUp;
   return isUp ? 'rotate(-90deg) translateY(0)' : 'rotate(0) translateY(0)';
 });
-var SvgChevronlRight = styled__default["default"].path.withConfig({
+var SvgChevronlRight = styled.path.withConfig({
   displayName: "AnimatedChevronUpDownstyles__SvgChevronlRight",
   componentId: "sc-yey4nu-3"
 })(["transition:transform 0.2s linear;transform-origin:7px 1px;transform:", ";"], function (_ref3) {
@@ -775,7 +766,7 @@ var AnimatedChevronUpDown = function AnimatedChevronUpDown(_ref) {
   }));
 };
 
-var HiddenInput = styled__default["default"].input.withConfig({
+var HiddenInput = styled.input.withConfig({
   displayName: "HiddenInput",
   componentId: "sc-1gazxvz-0"
 })(["clip:rect(0 0 0 0);position:absolute;height:1px;width:1px;margin:0;"]);
@@ -827,11 +818,11 @@ var inputTokens = {
 
 var input$4 = inputTokens.input,
   container$f = inputTokens.container;
-var Input$2 = styled__default["default"].input.withConfig({
+var Input$2 = styled.input.withConfig({
   displayName: "Inputstyles__Input",
   componentId: "sc-1oz9x8w-0"
 })(["position:relative;color:", ";border-radius:", ";border:", ";border-color:", ";background-color:", ";padding:", ";width:100%;margin:0;box-sizing:border-box;box-shadow:none;@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s,border-color 0.2s,background-color 0.2s;}&[type='text'],&[type='password'],&[type='number'],&[type='tel'],&[type='date'],&[type='url'],&[type='email'],&[type='search'],&[type='datetime-local']{-webkit-appearance:none;}&::selection{", "}&:hover:enabled:read-write{", "}&:focus:enabled:read-write,&:active:enabled:read-write{", "}"], input$4.base.color, input$4.base.borderRadius, input$4.base.border, input$4.base.borderColor, input$4.base.backgroundColor, input$4.base.padding, selection, hoverInputfield, focusInputfield);
-var StatefulInput = styled__default["default"](Input$2).withConfig({
+var StatefulInput = styled(Input$2).withConfig({
   displayName: "Inputstyles__StatefulInput",
   componentId: "sc-1oz9x8w-1"
 })(["-webkit-appearance:textfield;", " ", " &:enabled:read-only{border:none;outline:none;cursor:default;background-color:", ";padding-left:0;}&:disabled{cursor:not-allowed;color:", ";background-color:", ";}"], function (_ref) {
@@ -841,7 +832,7 @@ var StatefulInput = styled__default["default"](Input$2).withConfig({
   var hasErrorMessage = _ref2.hasErrorMessage;
   return hasErrorMessage && styled.css(["", " &:hover:enabled:read-write{", "}&:focus:enabled:read-write,&:active:enabled:read-write{", "}"], dangerInputfield, hoverDangerInputfield, focusDangerInputfield);
 }, input$4.readOnly.backgroundColor, input$4.disabled.color, input$4.disabled.backgroundColor);
-var OuterInputContainer = styled__default["default"].div.withConfig({
+var OuterInputContainer = styled.div.withConfig({
   displayName: "Inputstyles__OuterInputContainer",
   componentId: "sc-1oz9x8w-2"
 })(["position:relative;gap:", ";width:", ";"], container$f.gap, function (_ref3) {
@@ -849,7 +840,7 @@ var OuterInputContainer = styled__default["default"].div.withConfig({
   return width;
 });
 /**Brukes som container til input og ikon for posisjonering. */
-var InputContainer$1 = styled__default["default"].div.withConfig({
+var InputContainer$1 = styled.div.withConfig({
   displayName: "Inputstyles__InputContainer",
   componentId: "sc-1oz9x8w-3"
 })(["position:relative;"]);
@@ -915,7 +906,7 @@ var inputMessageTokens = {
 
 var size = 24;
 var sizePx = "".concat(size, "px");
-var StyledSvg = styled__default["default"].svg.attrs(function (_ref) {
+var StyledSvg = styled.svg.attrs(function (_ref) {
   var height = _ref.height,
     width = _ref.width,
     fill = _ref.fill;
@@ -2050,7 +2041,7 @@ function LibraryAddIcon(props) {
   }));
 }
 
-var InputMessageWrapper = styled__default["default"].div.withConfig({
+var InputMessageWrapper = styled.div.withConfig({
   displayName: "InputMessage__InputMessageWrapper",
   componentId: "sc-c954fy-0"
 })(["display:flex;width:fit-content;word-break:break-word;max-width:100%;", " svg{margin-top:", ";}"], function (_ref) {
@@ -2151,7 +2142,7 @@ var getBorder = function getBorder(borderStyle) {
       return "".concat(border$c.BordersDdsBorderStyleDarkStrokeWeight, " solid ").concat(border$c.BordersDdsBorderStyleDarkStroke);
   }
 };
-var Paper = styled__default["default"].div.withConfig({
+var Paper = styled.div.withConfig({
   displayName: "Paper",
   componentId: "sc-mrbi8q-0"
 })(["box-sizing:border-box;margin:0;background-color:", ";font-family:", ";border-radius:", ";&::selection,*::selection{", "}", " border:", ""], paperTokens.paper.backgroundColor, paperTokens.paper.fontFamily, paperTokens.paper.borderRadius, selection, function (_ref) {
@@ -2162,7 +2153,7 @@ var Paper = styled__default["default"].div.withConfig({
   return border ? getBorder(border) : 'none';
 });
 
-var MarkerWrapper = styled__default["default"].span.withConfig({
+var MarkerWrapper = styled.span.withConfig({
   displayName: "RequiredMarker__MarkerWrapper",
   componentId: "sc-1r1e9ds-0"
 })(["color:", ";"], ddsDesignTokens.ddsBaseTokens.colors.DdsColorDangerBase);
@@ -2244,7 +2235,7 @@ var Heading = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var StyledLink = styled__default["default"].a.withConfig({
+var StyledLink = styled.a.withConfig({
   displayName: "Link__StyledLink",
   componentId: "sc-6r1xu5-0"
 })(["", ""], function (_ref) {
@@ -2304,7 +2295,7 @@ var Caption = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var RadioButtonGroupContext = /*#__PURE__*/React__default["default"].createContext(null);
+var RadioButtonGroupContext = /*#__PURE__*/React.createContext(null);
 var useRadioButtonGroup = function useRadioButtonGroup() {
   return React.useContext(RadioButtonGroupContext);
 };
@@ -2420,14 +2411,14 @@ var selectionControl$1 = selectionControlTokens.selectionControl,
   checkmark = selectionControlTokens.checkmark,
   groupContainer = selectionControlTokens.groupContainer,
   outerGroupContainer = selectionControlTokens.outerGroupContainer;
-var CustomSelectionControl = styled__default["default"].span.withConfig({
+var CustomSelectionControl = styled.span.withConfig({
   displayName: "SelectionControlstyles__CustomSelectionControl",
   componentId: "sc-1wv80b7-0"
 })(["position:absolute;left:0;box-sizing:border-box;border:", ";border-color:", ";background-color:", ";border-radius:", ";height:", ";width:", ";", " &:after{content:'';position:absolute;display:none;}"], selectionControl$1.base.border, selectionControl$1.base.borderColor, selectionControl$1.base.backgroundColor, selectionControl$1.base.borderRadius, selectionControl$1.base.height, selectionControl$1.base.width, function (_ref) {
   var controlType = _ref.controlType;
   return controlType === 'radio' && styled.css(["border-radius:50%;"]);
 });
-var Container$f = styled__default["default"].label.withConfig({
+var Container$f = styled.label.withConfig({
   displayName: "SelectionControlstyles__Container",
   componentId: "sc-1wv80b7-1"
 })(["position:relative;display:flex;align-items:center;cursor:pointer;user-select:none;width:fit-content;color:", ";", " input ~ ", "{@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s,background-color 0.2s,border 0.2s;}}&:focus-within{", " @media (prefers-reduced-motion:no-preference){transition:", ";}}&:hover input:enabled ~ ", "{background-color:", ";box-shadow:", ";border-color:", ";}input:checked:enabled ~ ", ",input[data-indeterminate='true'] ~ ", "{border-color:", ";background-color:", ";}&:hover input:checked:enabled ~ ", ",&:hover input:enabled[data-indeterminate='true'] ~ ", "{background-color:", ";box-shadow:", ";border-color:", ";}", " input:disabled ~ ", "{", "}input:checked:disabled ~ ", ",input:disabled[data-indeterminate='true'] ~ ", "{background-color:", ";border-color:", ";}input:checked ~ ", ":after,input[data-indeterminate='true'] ~ ", ":after{display:block;}", " ", ""], container$d.color, function (_ref2) {
@@ -2443,11 +2434,11 @@ var Container$f = styled__default["default"].label.withConfig({
   var controlType = _ref5.controlType;
   return controlType === 'checkbox' ? styled.css(["", ":after{border:solid ", ";border-width:0 1px 1px 0;left:35%;top:10%;width:30%;height:65%;transform:rotate(45deg);}input[data-indeterminate='true'] ~ ", ":after{border-width:1px 0 0 0;left:25%;top:50%;width:50%;height:1px;transform:none;}"], CustomSelectionControl, checkmark.checkbox.borderColor, CustomSelectionControl) : styled.css(["", ":after{border-radius:50%;background-color:", ";width:", ";height:", ";left:", ";top:", ";}"], CustomSelectionControl, checkmark.radio.backgroundColor, checkmark.radio.width, checkmark.radio.height, checkmark.radio.left, checkmark.radio.top);
 });
-var OuterGroupContainer = styled__default["default"].div.withConfig({
+var OuterGroupContainer = styled.div.withConfig({
   displayName: "SelectionControlstyles__OuterGroupContainer",
   componentId: "sc-1wv80b7-2"
 })(["display:flex;flex-direction:column;gap:", ";"], outerGroupContainer.gap);
-var GroupContainer = styled__default["default"].div.withConfig({
+var GroupContainer = styled.div.withConfig({
   displayName: "SelectionControlstyles__GroupContainer",
   componentId: "sc-1wv80b7-3"
 })(["display:flex;", ""], function (_ref6) {
@@ -2532,6 +2523,33 @@ var RadioButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
     return exports;
@@ -2539,6 +2557,9 @@ function _regeneratorRuntime() {
   var exports = {},
     Op = Object.prototype,
     hasOwn = Op.hasOwnProperty,
+    defineProperty = Object.defineProperty || function (obj, key, desc) {
+      obj[key] = desc.value;
+    },
     $Symbol = "function" == typeof Symbol ? Symbol : {},
     iteratorSymbol = $Symbol.iterator || "@@iterator",
     asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
@@ -2562,40 +2583,9 @@ function _regeneratorRuntime() {
     var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
       generator = Object.create(protoGenerator.prototype),
       context = new Context(tryLocsList || []);
-    return generator._invoke = function (innerFn, self, context) {
-      var state = "suspendedStart";
-      return function (method, arg) {
-        if ("executing" === state) throw new Error("Generator is already running");
-        if ("completed" === state) {
-          if ("throw" === method) throw arg;
-          return doneResult();
-        }
-        for (context.method = method, context.arg = arg;;) {
-          var delegate = context.delegate;
-          if (delegate) {
-            var delegateResult = maybeInvokeDelegate(delegate, context);
-            if (delegateResult) {
-              if (delegateResult === ContinueSentinel) continue;
-              return delegateResult;
-            }
-          }
-          if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
-            if ("suspendedStart" === state) throw state = "completed", context.arg;
-            context.dispatchException(context.arg);
-          } else "return" === context.method && context.abrupt("return", context.arg);
-          state = "executing";
-          var record = tryCatch(innerFn, self, context);
-          if ("normal" === record.type) {
-            if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-            return {
-              value: record.arg,
-              done: context.done
-            };
-          }
-          "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-        }
-      };
-    }(innerFn, self, context), generator;
+    return defineProperty(generator, "_invoke", {
+      value: makeInvokeMethod(innerFn, self, context)
+    }), generator;
   }
   function tryCatch(fn, obj, arg) {
     try {
@@ -2649,24 +2639,55 @@ function _regeneratorRuntime() {
       reject(record.arg);
     }
     var previousPromise;
-    this._invoke = function (method, arg) {
-      function callInvokeWithMethodAndArg() {
-        return new PromiseImpl(function (resolve, reject) {
-          invoke(method, arg, resolve, reject);
-        });
+    defineProperty(this, "_invoke", {
+      value: function (method, arg) {
+        function callInvokeWithMethodAndArg() {
+          return new PromiseImpl(function (resolve, reject) {
+            invoke(method, arg, resolve, reject);
+          });
+        }
+        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+      }
+    });
+  }
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = "suspendedStart";
+    return function (method, arg) {
+      if ("executing" === state) throw new Error("Generator is already running");
+      if ("completed" === state) {
+        if ("throw" === method) throw arg;
+        return doneResult();
+      }
+      for (context.method = method, context.arg = arg;;) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+          if ("suspendedStart" === state) throw state = "completed", context.arg;
+          context.dispatchException(context.arg);
+        } else "return" === context.method && context.abrupt("return", context.arg);
+        state = "executing";
+        var record = tryCatch(innerFn, self, context);
+        if ("normal" === record.type) {
+          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+          return {
+            value: record.arg,
+            done: context.done
+          };
+        }
+        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
       }
-      return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
     };
   }
   function maybeInvokeDelegate(delegate, context) {
-    var method = delegate.iterator[context.method];
-    if (undefined === method) {
-      if (context.delegate = null, "throw" === context.method) {
-        if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-        context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-      }
-      return ContinueSentinel;
-    }
+    var methodName = context.method,
+      method = delegate.iterator[methodName];
+    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
     var record = tryCatch(method, delegate.iterator, context.arg);
     if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
     var info = record.arg;
@@ -2711,7 +2732,13 @@ function _regeneratorRuntime() {
       done: !0
     };
   }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
+    value: GeneratorFunctionPrototype,
+    configurable: !0
+  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
+    value: GeneratorFunction,
+    configurable: !0
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
     var ctor = "function" == typeof genFun && genFun.constructor;
     return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
   }, exports.mark = function (genFun) {
@@ -2732,8 +2759,9 @@ function _regeneratorRuntime() {
     return this;
   }), define(Gp, "toString", function () {
     return "[object Generator]";
-  }), exports.keys = function (object) {
-    var keys = [];
+  }), exports.keys = function (val) {
+    var object = Object(val),
+      keys = [];
     for (var key in object) keys.push(key);
     return keys.reverse(), function next() {
       for (; keys.length;) {
@@ -2833,6 +2861,7 @@ function _typeof(obj) {
   }, _typeof(obj);
 }
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -2860,30 +2889,6 @@ function _arrayWithHoles(arr) {
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _s, _e;
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-  return _arr;
-}
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -2954,6 +2959,20 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
     }
   };
 }
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
 
 var RadioButtonGroupInner = function RadioButtonGroupInner(props, ref) {
   var name = props.name,
@@ -3028,7 +3047,7 @@ var RadioButtonGroupInner = function RadioButtonGroupInner(props, ref) {
 };
 var RadioButtonGroup = /*#__PURE__*/React.forwardRef(RadioButtonGroupInner);
 
-var CheckboxGroupContext = /*#__PURE__*/React__default["default"].createContext(null);
+var CheckboxGroupContext = /*#__PURE__*/React.createContext(null);
 var useCheckboxGroup = function useCheckboxGroup() {
   return React.useContext(CheckboxGroupContext);
 };
@@ -3489,7 +3508,7 @@ var buttonTokens = {
   button: button$1
 };
 
-var StyledSpinner = styled__default["default"].svg.withConfig({
+var StyledSpinner = styled.svg.withConfig({
   displayName: "Spinner__StyledSpinner",
   componentId: "sc-13hsttm-0"
 })(["display:block;width:", ";height:", ";stroke-dasharray:90,150;animation:rotate 1.5s linear infinite;animation-delay:", "ms;@media (prefers-reduced-motion:no-preference){animation:rotate 2s linear infinite;}@keyframes rotate{100%{transform:rotate(360deg);}}"], function (_ref) {
@@ -3502,7 +3521,7 @@ var StyledSpinner = styled__default["default"].svg.withConfig({
   var outerAnimationDelay = _ref3.outerAnimationDelay;
   return outerAnimationDelay;
 });
-var Circle = styled__default["default"].circle.withConfig({
+var Circle = styled.circle.withConfig({
   displayName: "Spinner__Circle",
   componentId: "sc-13hsttm-1"
 })(["stroke:", ";stroke-linecap:round;@media (prefers-reduced-motion:no-preference){animation:dash 1.5s ease-in-out infinite;animation-delay:", "ms;@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0;}50%{stroke-dasharray:90,150;stroke-dashoffset:-35;}100%{stroke-dasharray:90,150;stroke-dashoffset:-124;}}}"], function (_ref4) {
@@ -3521,7 +3540,7 @@ function Spinner(props) {
     className = props.className,
     htmlProps = props.htmlProps,
     rest = tslib.__rest(props, ["size", "color", "id", "className", "htmlProps"]);
-  var mountTime = React__default["default"].useRef(Date.now());
+  var mountTime = React.useRef(Date.now());
   var outerAnimationDelay = -(mountTime.current % 2000);
   var innerAnimationDelay = -(mountTime.current % 1500);
   var generatedId = React.useId();
@@ -3568,7 +3587,7 @@ var getAppearanceAndPurposeStyling = function getAppearanceAndPurposeStyling(app
       return styled.css(["background-color:", ";border-color:", ";text-decoration:", ";text-decoration-color:", ";&:hover{color:", ";text-decoration-color:", ";}&:active{color:", ";text-decoration-color:", ";}"], appearances$1.borderless.base.backgroundColor, appearances$1.borderless.base.borderColor, appearances$1.borderless.base.textDecoration, appearances$1.borderless.base.textDecorationColor, appearances$1.borderless.purpose[purpose].hover.color, appearances$1.borderless.purpose[purpose].hover.textDecorationColor, appearances$1.borderless.purpose[purpose].active.color, appearances$1.borderless.purpose[purpose].active.textDecorationColor);
   }
 };
-var ButtonWrapper = styled__default["default"].button.withConfig({
+var ButtonWrapper = styled.button.withConfig({
   displayName: "Buttonstyles__ButtonWrapper",
   componentId: "sc-14dutqk-0"
 })(["", " border:", ";user-select:text;display:inline-flex;align-items:center;justify-content:center;height:fit-content;width:", ";cursor:pointer;box-shadow:none;text-decoration:none;@media (prefers-reduced-motion:no-preference){transition:background-color 0.2s,text-decoration-color 0.2s,box-shadow 0.2s,border-color 0.2s,color 0.2s,", ";}", " ", " ", " ", " ", " &:focus-visible,&.focus-visible{", "}*::selection{", "}"], normalizeButton, base$1.border, function (_ref) {
@@ -3601,7 +3620,7 @@ var ButtonWrapper = styled__default["default"].button.withConfig({
     iconPosition = _ref6.iconPosition;
   return fullWidth && (!hasIcon || !hasLabel || isLoading ? styled.css(["justify-content:center;"]) : hasIcon && hasLabel && iconPosition === 'left' ? styled.css(["justify-content:left;"]) : styled.css(["justify-content:space-between;"]));
 }, focusVisible, selection);
-var StyledIconWrapperSpan = styled__default["default"].span.withConfig({
+var StyledIconWrapperSpan = styled.span.withConfig({
   displayName: "Buttonstyles__StyledIconWrapperSpan",
   componentId: "sc-14dutqk-1"
 })(["display:flex;align-items:center;justify-content:center;", " ", " ", ""], function (_ref7) {
@@ -3615,7 +3634,7 @@ var StyledIconWrapperSpan = styled__default["default"].span.withConfig({
     size = _ref9.size;
   return justIcon && styled.css(["height:", ";width:", ";"], sizes$1[size].justIcon.wrapper.height, sizes$1[size].justIcon.wrapper.width);
 });
-var Label$1 = styled__default["default"].span.withConfig({
+var Label$1 = styled.span.withConfig({
   displayName: "Buttonstyles__Label",
   componentId: "sc-14dutqk-2"
 })(["", ""], function (_ref10) {
@@ -3703,7 +3722,7 @@ var Button$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var Wrapper$7 = styled__default["default"](Typography).withConfig({
+var Wrapper$7 = styled(Typography).withConfig({
   displayName: "CharCounter__Wrapper",
   componentId: "sc-qty1z2-0"
 })(["margin-left:auto;"]);
@@ -3766,11 +3785,11 @@ var textInputTokens = {
 var iconSizes$4 = ddsDesignTokens.ddsBaseTokens.iconSizes;
 var input$2 = textInputTokens.input,
   icon$8 = textInputTokens.icon;
-var MessageContainer$1 = styled__default["default"].div.withConfig({
+var MessageContainer$1 = styled.div.withConfig({
   displayName: "TextInputstyles__MessageContainer",
   componentId: "sc-165zflr-0"
 })(["display:flex;justify-content:space-between;"]);
-var StyledIcon$3 = styled__default["default"](Icon).withConfig({
+var StyledIcon$3 = styled(Icon).withConfig({
   displayName: "TextInputstyles__StyledIcon",
   componentId: "sc-165zflr-1"
 })(["position:absolute;color:", ";", " z-index:1;"], icon$8.color, function (_ref) {
@@ -3778,7 +3797,7 @@ var StyledIcon$3 = styled__default["default"](Icon).withConfig({
     iconSize = _ref.iconSize;
   return styled.css(["left:", ";", ""], icon$8.sizes[size].left, iconSize === 'small' ? styled.css(["top:", ";"], "calc(50% - ".concat(iconSizes$4.DdsIconsizeSmallNumberPx / 2, "px)")) : styled.css(["top:", ";;"], "calc(50% - ".concat(iconSizes$4.DdsIconsizeMediumNumberPx / 2, "px)")));
 });
-var StyledInput$1 = styled__default["default"](StatefulInput).withConfig({
+var StyledInput$1 = styled(StatefulInput).withConfig({
   displayName: "TextInputstyles__StyledInput",
   componentId: "sc-165zflr-2"
 })(["", ""], function (_ref2) {
@@ -3931,19 +3950,19 @@ var scrollbarTokens = {
 var track$2 = scrollbarTokens.track,
   thumb$1 = scrollbarTokens.thumb,
   minThumbHeightPx = scrollbarTokens.minThumbHeightPx;
-var ScrollbarOuterWrapper = styled__default["default"].div.withConfig({
+var ScrollbarOuterWrapper = styled.div.withConfig({
   displayName: "Scrollbar__ScrollbarOuterWrapper",
   componentId: "sc-mphi5n-0"
 })([""]);
-var ScrollbarElements = styled__default["default"].div.withConfig({
+var ScrollbarElements = styled.div.withConfig({
   displayName: "Scrollbar__ScrollbarElements",
   componentId: "sc-mphi5n-1"
 })(["display:block;height:100%;position:relative;display:grid;justify-items:center;"]);
-var Track = styled__default["default"].div.withConfig({
+var Track = styled.div.withConfig({
   displayName: "Scrollbar__Track",
   componentId: "sc-mphi5n-2"
 })(["bottom:0;top:0;position:absolute;background-color:", ";border-radius:", ";width:", ";"], track$2.backgroundColor, track$2.borderRadius, track$2.width);
-var Thumb = styled__default["default"].div.withConfig({
+var Thumb = styled.div.withConfig({
   displayName: "Scrollbar__Thumb",
   componentId: "sc-mphi5n-3"
 })(["position:absolute;background-color:", ";border-radius:", ";width:", ";transition:background-color 0.2s;&:hover{background-color:", ";}"], thumb$1.base.backgroundColor, thumb$1.base.borderRadius, thumb$1.base.width, thumb$1.hover.backgroundColor);
@@ -4085,11 +4104,11 @@ var Scrollbar = function Scrollbar(props) {
 var track$1 = scrollbarTokens.track,
   content$4 = scrollbarTokens.content,
   outerContainer$7 = scrollbarTokens.outerContainer;
-var StyledScrollableContainer = styled__default["default"].div.withConfig({
+var StyledScrollableContainer = styled.div.withConfig({
   displayName: "ScrollableContainer__StyledScrollableContainer",
   componentId: "sc-t0dczu-0"
 })(["grid-template:auto / 1fr ", ";overflow:hidden;position:relative;display:grid;padding:", ";"], track$1.width, outerContainer$7.padding);
-var Content$2 = styled__default["default"].div.withConfig({
+var Content$2 = styled.div.withConfig({
   displayName: "ScrollableContainer__Content",
   componentId: "sc-t0dczu-1"
 })(["height:", ";overflow:auto;scrollbar-width:none;::-webkit-scrollbar{display:none;}padding-right:", ";@media (prefers-reduced-motion:no-preference){transition:", ";}:focus-visible,.focus-visible{outline:", ";outline-offset:", ";}"], function (_ref) {
@@ -4338,7 +4357,7 @@ var _control = selectTokens.control,
   _valueContainer = selectTokens.valueContainer,
   inputContainer = selectTokens.inputContainer;
 var prefix = 'dds-select';
-var Container$e = styled__default["default"].div.withConfig({
+var Container$e = styled.div.withConfig({
   displayName: "Selectstyles__Container",
   componentId: "sc-19jkd5s-0"
 })(["margin:0;width:", ";position:relative;*::selection{", "}", " ", " &:hover .", "__dropdown-indicator,&:focus-within .", "__dropdown-indicator{color:", ";}", ""], function (_ref) {
@@ -4356,11 +4375,11 @@ var Container$e = styled__default["default"].div.withConfig({
     readOnly = _ref4.readOnly;
   return readOnly ? styled.css([".", "__control{border-color:", ";background-color:", ";}.", "__dropdown-indicator,&:hover .", "__dropdown-indicator{color:", ";}"], prefix, _control.readOnly.borderColor, _control.readOnly.backgroundColor, prefix, prefix, _dropdownIndicator.readOnly.color) : isDisabled ? styled.css(["cursor:not-allowed;.", "__control{border-color:", ";background-color:", ";}&:hover .", "__dropdown-indicator{color:", ";}"], prefix, _control.disabled.borderColor, _control.disabled.backgroundColor, prefix, _dropdownIndicator.base.color) : '';
 });
-var InnerSingleValue = styled__default["default"].div.withConfig({
+var InnerSingleValue = styled.div.withConfig({
   displayName: "Selectstyles__InnerSingleValue",
   componentId: "sc-19jkd5s-1"
 })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;max-width:100%;"]);
-var StyledIcon$2 = styled__default["default"](Icon).withConfig({
+var StyledIcon$2 = styled(Icon).withConfig({
   displayName: "Selectstyles__StyledIcon",
   componentId: "sc-19jkd5s-2"
 })(["margin-right:", ";"], icon$6.marginRight);
@@ -4726,12 +4745,12 @@ var SelectInner = function SelectInner(props, ref) {
       showRequiredStyling: showRequiredStyling
     }, {
       children: label
-    })), jsxRuntime.jsx(ReactSelect__default["default"], Object.assign({}, reactSelectProps, {
+    })), jsxRuntime.jsx(ReactSelect, Object.assign({}, reactSelectProps, {
       ref: ref
     })), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
   }));
 };
-var Select = /*#__PURE__*/React__default["default"].forwardRef(SelectInner);
+var Select = /*#__PURE__*/React.forwardRef(SelectInner);
 
 var colors$j = ddsDesignTokens.ddsBaseTokens.colors,
   spacing$s = ddsDesignTokens.ddsBaseTokens.spacing;
@@ -4795,22 +4814,22 @@ var globalMessageTokens = {
 var container$b = globalMessageTokens.container,
   contentContainer$6 = globalMessageTokens.contentContainer,
   icon$5 = globalMessageTokens.icon;
-var Container$d = styled__default["default"].div.withConfig({
+var Container$d = styled.div.withConfig({
   displayName: "GlobalMessage__Container",
   componentId: "sc-bf2l65-0"
 })(["display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;padding:", ";border-bottom:", ";", " ", ""], container$b.padding, container$b.borderBottom, getFontStyling(typographyType$5, true), function (_ref) {
   var purpose = _ref.purpose;
   return purpose && styled.css(["border-color:", ";background-color:", ";"], container$b[purpose].borderColor, container$b[purpose].backgroundColor);
 });
-var MessageIconWrapper$1 = styled__default["default"](Icon).withConfig({
+var MessageIconWrapper$1 = styled(Icon).withConfig({
   displayName: "GlobalMessage__MessageIconWrapper",
   componentId: "sc-bf2l65-1"
 })(["margin-right:", ";"], icon$5.marginRight);
-var ControlsContainer = styled__default["default"].div.withConfig({
+var ControlsContainer = styled.div.withConfig({
   displayName: "GlobalMessage__ControlsContainer",
   componentId: "sc-bf2l65-2"
 })(["display:flex;align-items:center;"]);
-var ContentContainer$4 = styled__default["default"].div.withConfig({
+var ContentContainer$4 = styled.div.withConfig({
   displayName: "GlobalMessage__ContentContainer",
   componentId: "sc-bf2l65-3"
 })(["display:flex;align-items:center;padding-top:", ";padding-bottom:", ";padding-right:", ";"], contentContainer$6.paddingTop, contentContainer$6.paddingBottom, function (_ref2) {
@@ -4978,7 +4997,7 @@ var defaultWidth$3 = '400px';
 var container$9 = localMessageTokens.container,
   contentContainer$4 = localMessageTokens.contentContainer,
   topContainer = localMessageTokens.topContainer;
-var Container$c = styled__default["default"].div.withConfig({
+var Container$c = styled.div.withConfig({
   displayName: "LocalMessage__Container",
   componentId: "sc-kmfp8w-0"
 })(["box-sizing:border-box;display:flex;flex-direction:", ";box-shadow:", ";border:", ";padding:", ";border-radius:", ";", " ", ";*::selection{", "}", " width:", ";"], function (_ref) {
@@ -4994,11 +5013,11 @@ var Container$c = styled__default["default"].div.withConfig({
   var width = _ref4.width;
   return width;
 });
-var MessageIconWrapper = styled__default["default"](Icon).withConfig({
+var MessageIconWrapper = styled(Icon).withConfig({
   displayName: "LocalMessage__MessageIconWrapper",
   componentId: "sc-kmfp8w-1"
 })(["margin-right:", ";"], localMessageTokens.icon.marginRight);
-var ContentContainer$3 = styled__default["default"].div.withConfig({
+var ContentContainer$3 = styled.div.withConfig({
   displayName: "LocalMessage__ContentContainer",
   componentId: "sc-kmfp8w-2"
 })(["padding-top:", ";padding-right:", ";", ";"], contentContainer$4.paddingTop, function (_ref5) {
@@ -5008,7 +5027,7 @@ var ContentContainer$3 = styled__default["default"].div.withConfig({
   var layout = _ref6.layout;
   return layout === 'vertical' ? styled.css(["padding-bottom:", ";"], contentContainer$4.vertical.paddingBottom) : styled.css(["display:flex;align-items:center;padding-bottom:", ";"], contentContainer$4.paddingBottom);
 });
-var TopContainer = styled__default["default"].div.withConfig({
+var TopContainer = styled.div.withConfig({
   displayName: "LocalMessage__TopContainer",
   componentId: "sc-kmfp8w-3"
 })(["width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:", ";"], function (_ref7) {
@@ -5649,15 +5668,15 @@ var overflowMenuTokens = {
 var element = overflowMenuTokens.element,
   link$2 = overflowMenuTokens.link;
 var elementBaseCSS = styled.css(["display:flex;box-sizing:border-box;color:", ";text-decoration:", ";background-color:", ";padding:", ";gap:", ";", ""], element.base.color, element.base.textDecoration, element.base.backgroundColor, element.base.padding, element.base.gap, getFontStyling(typographyType$4));
-var Span = styled__default["default"].span.withConfig({
+var Span = styled.span.withConfig({
   displayName: "OverflowMenuItem__Span",
   componentId: "sc-1ka2asi-0"
 })(["", ""], elementBaseCSS);
-var Link$2 = styled__default["default"].a.withConfig({
+var Link$2 = styled.a.withConfig({
   displayName: "OverflowMenuItem__Link",
   componentId: "sc-1ka2asi-1"
 })(["", " text-align:left;user-select:text;border:none;cursor:pointer;outline:inherit;width:100%;", " @media (prefers-reduced-motion:no-preference){transition:background-color 0.2s;}&:hover{background-color:", ";}&:active{background-color:", ";}&:focus-visible,&.focus-visible{", "}"], normalizeButton, elementBaseCSS, link$2.hover.backgroundColor, link$2.active.backgroundColor, focusVisibleLink);
-var IconWrapper$1 = styled__default["default"].span.withConfig({
+var IconWrapper$1 = styled.span.withConfig({
   displayName: "OverflowMenuItem__IconWrapper",
   componentId: "sc-1ka2asi-2"
 })(["display:flex;align-items:center;height:", ";"], link$2.iconWrapper.height);
@@ -5749,25 +5768,25 @@ var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
 var suggestionsContainer = searchTokens.suggestionsContainer,
   suggestionsHeader = searchTokens.suggestionsHeader;
-var SuggestionsContainer = styled__default["default"](Paper).withConfig({
+var SuggestionsContainer = styled(Paper).withConfig({
   displayName: "SearchSuggestions__SuggestionsContainer",
   componentId: "sc-nlwf4s-0"
 })(["", ";position:absolute;top:100%;width:100%;max-height:300px;margin-top:", ";border:", ";box-shadow:", ";z-index:80;overflow-y:scroll;", " ", ""], function (_ref) {
   var isHidden = _ref.isHidden;
   return visibilityTransition(!isHidden);
 }, suggestionsContainer.marginTop, suggestionsContainer.border, suggestionsContainer.boxShadow, scrollbarStyling.firefox, scrollbarStyling.webkit);
-var MenuItem = styled__default["default"](OverflowMenuItem).withConfig({
+var MenuItem = styled(OverflowMenuItem).withConfig({
   displayName: "SearchSuggestions__MenuItem",
   componentId: "sc-nlwf4s-1"
 })(["", ""], function (_ref2) {
   var size = _ref2.size;
   return getFontStyling(typographyTypes$4[size]);
 });
-var SuggestionsList = styled__default["default"].ul.withConfig({
+var SuggestionsList = styled.ul.withConfig({
   displayName: "SearchSuggestions__SuggestionsList",
   componentId: "sc-nlwf4s-2"
 })(["", ""], removeListStyling);
-var SuggestionsHeader = styled__default["default"](Typography).withConfig({
+var SuggestionsHeader = styled(Typography).withConfig({
   displayName: "SearchSuggestions__SuggestionsHeader",
   componentId: "sc-nlwf4s-3"
 })(["padding-left:", ";"], suggestionsHeader.paddingLeft);
@@ -5832,7 +5851,7 @@ var useAutocompleteSearch = function useAutocompleteSearch() {
   return React.useContext(AutocompleteSearchContext);
 };
 
-var Wrapper$6 = styled__default["default"].span.withConfig({
+var Wrapper$6 = styled.span.withConfig({
   displayName: "VisuallyHidden__Wrapper",
   componentId: "sc-ciubxt-0"
 })(["position:absolute;width:1px;height:1px;margin:0px;padding:0px;top:0px;inset-inline-start:0px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0px;"]);
@@ -5869,31 +5888,31 @@ var getIconSize = function getIconSize(size) {
       return 'small';
   }
 };
-var Input = styled__default["default"](Input$2).withConfig({
+var Input = styled(Input$2).withConfig({
   displayName: "Search__Input",
   componentId: "sc-1ax3s9s-0"
 })(["&[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;}padding-right:", ";", ""], input.base.paddingRight, function (_ref) {
   var componentSize = _ref.componentSize;
   return styled.css(["padding-top:", ";padding-bottom:", ";padding-left:", ";", ""], input.sizes[componentSize].paddingTop, input.sizes[componentSize].paddingBottom, input.sizes[componentSize].paddingLeft, getFontStyling(typographyTypes$4[componentSize]));
 });
-var StyledIcon$1 = styled__default["default"](Icon).withConfig({
+var StyledIcon$1 = styled(Icon).withConfig({
   displayName: "Search__StyledIcon",
   componentId: "sc-1ax3s9s-1"
 })(["position:absolute;left:", ";color:", ";", " z-index:1;"], icon$2.base.left, icon$2.base.color, function (_ref2) {
   var size = _ref2.size;
   return styled.css(["top:", ";"], searchTokens.icon[size].top);
 });
-var OuterContainer$3 = styled__default["default"].div.withConfig({
+var OuterContainer$3 = styled.div.withConfig({
   displayName: "Search__OuterContainer",
   componentId: "sc-1ax3s9s-2"
 })(["display:flex;flex-direction:column;gap:", ";"], outerContainer$5.gap);
-var HorisontalContainer = styled__default["default"].div.withConfig({
+var HorisontalContainer = styled.div.withConfig({
   displayName: "Search__HorisontalContainer",
   componentId: "sc-1ax3s9s-3"
 })(["", ""], function (props) {
   return props.hasSearchButton && styled.css(["display:grid;grid-template-columns:1fr auto;gap:", ";"], horisontalContainer.gap);
 });
-var InputContainer = styled__default["default"].div.withConfig({
+var InputContainer = styled.div.withConfig({
   displayName: "Search__InputContainer",
   componentId: "sc-1ax3s9s-4"
 })(["position:relative;"]);
@@ -6166,7 +6185,7 @@ var tableTokens = {
 
 var cell$2 = tableTokens.cell,
   row$1 = tableTokens.row;
-var StyledTable$1 = styled__default["default"].table.withConfig({
+var StyledTable$1 = styled.table.withConfig({
   displayName: "Table__StyledTable",
   componentId: "sc-bw0w0a-0"
 })(["border-spacing:0;border-collapse:collapse;*::selection{", "}", " ", " ", " ", " ", ""], selection, scrollbarStyling.webkit, scrollbarStyling.firefox, function (_ref) {
@@ -6201,7 +6220,7 @@ var useCollapsibleTableContext = function useCollapsibleTableContext() {
   return React.useContext(CollapsibleTableContext);
 };
 
-var StyledTable = styled__default["default"](Table$1).withConfig({
+var StyledTable = styled(Table$1).withConfig({
   displayName: "CollapsibleTable__StyledTable",
   componentId: "sc-1slp1a9-0"
 })(["width:100%;", ""], function (_ref) {
@@ -6235,7 +6254,7 @@ var CollapsibleTable$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var StyledHead = styled__default["default"].thead.withConfig({
+var StyledHead = styled.thead.withConfig({
   displayName: "Head__StyledHead",
   componentId: "sc-vzd2kv-0"
 })([""]);
@@ -6250,7 +6269,7 @@ var Head = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }));
 });
 
-var StyledBody = styled__default["default"].tbody.withConfig({
+var StyledBody = styled.tbody.withConfig({
   displayName: "Body__StyledBody",
   componentId: "sc-67qjfs-0"
 })([""]);
@@ -6265,7 +6284,7 @@ var Body$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }));
 });
 
-var StyledFoot = styled__default["default"].tfoot.withConfig({
+var StyledFoot = styled.tfoot.withConfig({
   displayName: "Foot__StyledFoot",
   componentId: "sc-tfpehd-0"
 })([""]);
@@ -6284,7 +6303,7 @@ var row = tableTokens.row;
 var bodyRowStyles = function bodyRowStyles(mode, selected) {
   return styled.css(["", " ", ""], mode === 'sum' && styled.css(["font-weight:600;border-top:", ";border-bottom:", ";background-color:", ";"], row.body.mode.sum.borderTop, row.body.mode.sum.borderBottom, row.body.mode.sum.backgroundColor), selected && styled.css(["background-color:", ";"], row.body.selected.backgroundColor));
 };
-var StyledRow = styled__default["default"].tr.withConfig({
+var StyledRow = styled.tr.withConfig({
   displayName: "Tablestyles__StyledRow",
   componentId: "sc-1b057ci-0"
 })(["@media (prefers-reduced-motion:no-preference){transition:background-color 0.2s,border-color 0.2s,box-shadow 0.2s;}", " ", " ", ""], getFontStyling(defaultTypographyType, true), function (_ref) {
@@ -6365,7 +6384,7 @@ var descriptionListTokens = {
 var term = descriptionListTokens.term,
   desc = descriptionListTokens.desc,
   list$6 = descriptionListTokens.list;
-var DList = styled__default["default"].dl.withConfig({
+var DList = styled.dl.withConfig({
   displayName: "DescriptionList__DList",
   componentId: "sc-1ob73hm-0"
 })(["margin:0;*::selection{", "}", " & > dt:first-of-type{margin-top:", ";}& > dd:last-child{margin-bottom:", ";}dd + dt{margin-top:", ";}"], selection, function (_ref) {
@@ -6389,7 +6408,7 @@ var DescriptionList = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var DListTerm = styled__default["default"].dt.withConfig({
+var DListTerm = styled.dt.withConfig({
   displayName: "DescriptionListTerm__DListTerm",
   componentId: "sc-10w0rzr-0"
 })([""]);
@@ -6404,7 +6423,7 @@ var DescriptionListTerm = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }));
 });
 
-var DListDesc = styled__default["default"].dd.withConfig({
+var DListDesc = styled.dd.withConfig({
   displayName: "DescriptionListDesc__DListDesc",
   componentId: "sc-1djcf0s-0"
 })(["margin-inline-start:0;align-items:center;display:flex;color:", ";", " gap:", ";"], descriptionListTokens.desc.base.color, getFontStyling(descTypographyType), descriptionListTokens.desc.base.gap);
@@ -6426,7 +6445,7 @@ var DescriptionListDesc = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var DListGroup = styled__default["default"].div.withConfig({
+var DListGroup = styled.div.withConfig({
   displayName: "DescriptionListGroup__DListGroup",
   componentId: "sc-jkdc0o-0"
 })(["margin:", ";"], function (_ref) {
@@ -6464,14 +6483,14 @@ var getLayoutStyle = function getLayoutStyle(layout) {
       return;
   }
 };
-var StyledCell = styled__default["default"].td.withConfig({
+var StyledCell = styled.td.withConfig({
   displayName: "Cell__StyledCell",
   componentId: "sc-ghfpfs-0"
 })(["", ""], function (_ref) {
   var type = _ref.type;
   return type === 'head' && styled.css(["background-color:", ";"], cell$1.head.backgroundColor);
 });
-var InnerCell = styled__default["default"].div.withConfig({
+var InnerCell = styled.div.withConfig({
   displayName: "Cell__InnerCell",
   componentId: "sc-ghfpfs-1"
 })(["display:flex;align-items:center;", ""], function (_ref2) {
@@ -6517,11 +6536,11 @@ var Cell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 });
 
 var collapseButton = tableTokens.collapseButton;
-var CollapseButton = styled__default["default"].button.withConfig({
+var CollapseButton = styled.button.withConfig({
   displayName: "CollapsibleRow__CollapseButton",
   componentId: "sc-1bsqre3-0"
 })(["", " margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;transition:", ";border-radius:", ";height:", ";width:", ";&:focus-visible{", "}"], removeButtonStyling, focusVisibleTransitionValue, collapseButton.borderRadius, collapseButton.height, collapseButton.width, focusVisible);
-var DescriptionListCell = styled__default["default"](Cell).withConfig({
+var DescriptionListCell = styled(Cell).withConfig({
   displayName: "CollapsibleRow__DescriptionListCell",
   componentId: "sc-1bsqre3-1"
 })(["& > div{display:block;}"]);
@@ -6641,7 +6660,7 @@ var CollapsibleRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 });
 
 var cell = tableTokens.cell;
-var StyledButton$3 = styled__default["default"].button.withConfig({
+var StyledButton$3 = styled.button.withConfig({
   displayName: "SortCell__StyledButton",
   componentId: "sc-1l3jzvh-0"
 })(["", " user-select:text;", " display:flex;align-items:center;gap:", ";&:focus-visible{", "}"], normalizeButton, removeButtonStyling, cell.sort.gap, focusVisible);
@@ -6680,7 +6699,7 @@ var SortCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }));
 });
 
-var Wrapper$5 = styled__default["default"].div.withConfig({
+var Wrapper$5 = styled.div.withConfig({
   displayName: "TableWrapper__Wrapper",
   componentId: "sc-eb384b-0"
 })(["", " ", " ", ""], function (_ref) {
@@ -6784,15 +6803,15 @@ var breadcrumbTokens = {
 var icon = breadcrumbTokens.icon,
   list$4 = breadcrumbTokens.list,
   listItem$2 = breadcrumbTokens.listItem;
-var List$2 = styled__default["default"].ol.withConfig({
+var List$2 = styled.ol.withConfig({
   displayName: "Breadcrumbs__List",
   componentId: "sc-xdj21o-0"
 })(["", " display:flex;flex-wrap:wrap;align-items:center;gap:", ";"], removeListStyling, list$4.gap);
-var ListItem$2 = styled__default["default"].li.withConfig({
+var ListItem$2 = styled.li.withConfig({
   displayName: "Breadcrumbs__ListItem",
   componentId: "sc-xdj21o-1"
 })(["align-items:center;display:flex;gap:", ";", ""], listItem$2.gap, getFontStyling(typographyType$3));
-var StyledIcon = styled__default["default"](Icon).withConfig({
+var StyledIcon = styled(Icon).withConfig({
   displayName: "Breadcrumbs__StyledIcon",
   componentId: "sc-xdj21o-2"
 })(["color:", ";"], icon.color);
@@ -6885,29 +6904,29 @@ var outerContainer$3 = paginationTokens.outerContainer,
   indicatorsContainer = paginationTokens.indicatorsContainer,
   truncationIcon = paginationTokens.truncationIcon,
   list$2 = paginationTokens.list;
-var Nav = styled__default["default"].nav.withConfig({
+var Nav = styled.nav.withConfig({
   displayName: "Pagination__Nav",
   componentId: "sc-5ltegq-0"
 })(["display:flex;align-items:center;"]);
-var List$1 = styled__default["default"].ol.withConfig({
+var List$1 = styled.ol.withConfig({
   displayName: "Pagination__List",
   componentId: "sc-5ltegq-1"
 })(["display:grid;grid-auto-flow:column;gap:", ";margin:0;padding:0;"], list$2.gap);
-var ListItem$1 = styled__default["default"].li.withConfig({
+var ListItem$1 = styled.li.withConfig({
   displayName: "Pagination__ListItem",
   componentId: "sc-5ltegq-2"
 })(["display:inline-grid;align-content:center;", ""], function (_ref) {
   var isHidden = _ref.isHidden;
   return isHidden && styled.css(["visibility:hidden;"]);
 });
-var OuterContainer$2 = styled__default["default"].div.withConfig({
+var OuterContainer$2 = styled.div.withConfig({
   displayName: "Pagination__OuterContainer",
   componentId: "sc-5ltegq-3"
 })(["display:flex;gap:", ";", ""], outerContainer$3.gap, function (_ref2) {
   var smallScreen = _ref2.smallScreen;
   return smallScreen ? styled.css(["flex-direction:column;align-items:center;"]) : styled.css(["justify-content:space-between;flex-wrap:wrap;"]);
 });
-var IndicatorsContainer = styled__default["default"].div.withConfig({
+var IndicatorsContainer = styled.div.withConfig({
   displayName: "Pagination__IndicatorsContainer",
   componentId: "sc-5ltegq-4"
 })(["display:grid;grid-auto-flow:column;align-items:center;gap:", ";"], indicatorsContainer.gap);
@@ -7123,7 +7142,7 @@ var divider$1 = {
 };
 var dividerTokens = Object.assign({}, divider$1);
 
-var StyledDivider$1 = styled__default["default"].hr.withConfig({
+var StyledDivider$1 = styled.hr.withConfig({
   displayName: "Divider__StyledDivider",
   componentId: "sc-ggdopz-0"
 })(["border:0;background-color:transparent;border-top:", ";margin-top:", ";margin-bottom:", ";", ""], dividerTokens.borderTop, dividerTokens.marginTop, dividerTokens.marginBottom, function (_ref) {
@@ -7189,7 +7208,7 @@ var listTokens = {
 var list = listTokens.list,
   listItem = listTokens.listItem,
   bullet = listTokens.bullet;
-var StyledList = styled__default["default"].ul.withConfig({
+var StyledList = styled.ul.withConfig({
   displayName: "List__StyledList",
   componentId: "sc-1f1c7eb-0"
 })(["margin:", ";color:", ";ul,ol{margin:0;}*::selection{", "}", " ", ""], list.base.margin, list.base.color, selection, function (_ref) {
@@ -7221,7 +7240,7 @@ var List = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var StyledListItem = styled__default["default"].li.withConfig({
+var StyledListItem = styled.li.withConfig({
   displayName: "ListItem__StyledListItem",
   componentId: "sc-17s9l0b-0"
 })(["line-height:", ";"], listTokens.listItem.lineHeight);
@@ -7268,7 +7287,7 @@ var cardTokens = {
   colors: cardColors
 };
 
-var Container$b = styled__default["default"].div.withConfig({
+var Container$b = styled.div.withConfig({
   displayName: "Card__Container",
   componentId: "sc-410ao9-0"
 })(["border:", ";", ";&::selection,*::selection{", "}@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s,border-color 0.2s;}", " ", ""], cardTokens.base.border, getFontStyling(defaultTypographyType), selection, function (_ref) {
@@ -7312,7 +7331,7 @@ var Card = function Card(props) {
   }));
 };
 
-var Wrapper$4 = styled__default["default"].div.withConfig({
+var Wrapper$4 = styled.div.withConfig({
   displayName: "CardAccordion__Wrapper",
   componentId: "sc-1ctxrby-0"
 })([""]);
@@ -7399,19 +7418,19 @@ var cardAccordionTokens = {
 
 var header = cardAccordionTokens.header,
   chevronWrapper = cardAccordionTokens.chevronWrapper;
-var ContentWrapper = styled__default["default"].div.withConfig({
+var ContentWrapper = styled.div.withConfig({
   displayName: "CardAccordionHeader__ContentWrapper",
   componentId: "sc-1qs6bkj-0"
 })(["text-align:left;"]);
-var HeaderContainer$2 = styled__default["default"].div.withConfig({
+var HeaderContainer$2 = styled.div.withConfig({
   displayName: "CardAccordionHeader__HeaderContainer",
   componentId: "sc-1qs6bkj-1"
 })(["display:flex;justify-content:space-between;align-items:center;@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s;}padding:", ";", ""], header.padding, getFontStyling(typographyTypes$3.header));
-var HeaderWrapper = styled__default["default"].button.withConfig({
+var HeaderWrapper = styled.button.withConfig({
   displayName: "CardAccordionHeader__HeaderWrapper",
   componentId: "sc-1qs6bkj-2"
 })(["", " user-select:text;position:relative;cursor:pointer;@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s;}", " display:block;width:100%;&:hover{box-shadow:", ";}&:focus-visible,&.focus-visible{outline:none;box-shadow:", ";}"], normalizeButton, removeButtonStyling, header.hover.boxShadow, header.focus.boxShadow);
-var ChevronWrapper = styled__default["default"].span.withConfig({
+var ChevronWrapper = styled.span.withConfig({
   displayName: "CardAccordionHeader__ChevronWrapper",
   componentId: "sc-1qs6bkj-3"
 })(["display:flex;align-items:center;justify-content:center;width:", ";height:", ";margin-left:", ";"], chevronWrapper.width, chevronWrapper.height, chevronWrapper.marginLeft);
@@ -7466,7 +7485,7 @@ var useIsMounted = function useIsMounted() {
 };
 
 var expandingAnimation = styled.css(["@media (prefers-reduced-motion:no-preference){transition:padding 0.2s,visibility 0.3s,max-height 0.2s cubic-bezier(0.4,0,0.2,1);}"]);
-var Body = styled__default["default"].div.withConfig({
+var Body = styled.div.withConfig({
   displayName: "CardAccordionBody__Body",
   componentId: "sc-igsnpx-0"
 })(["@media (prefers-reduced-motion:no-preference){", "}padding:", ";", " ", " ", ""], function (_ref) {
@@ -7479,7 +7498,7 @@ var Body = styled__default["default"].div.withConfig({
   var isExpanded = _ref3.isExpanded;
   return !isExpanded && styled.css(["padding-top:0;padding-bottom:0;"]);
 });
-var BodyContainer = styled__default["default"].div.withConfig({
+var BodyContainer = styled.div.withConfig({
   displayName: "CardAccordionBody__BodyContainer",
   componentId: "sc-igsnpx-1"
 })(["", " overflow:hidden;visibility:", ";max-height:", "px;"], function (_ref4) {
@@ -7610,18 +7629,18 @@ var internalHeaderTokens = {
 
 var container$7 = overflowMenuTokens.container,
   divider = overflowMenuTokens.divider;
-var Container$a = styled__default["default"].div.withConfig({
+var Container$a = styled.div.withConfig({
   displayName: "OverflowMenu__Container",
   componentId: "sc-kh744b-0"
 })(["box-sizing:border-box;z-index:100;overflow-y:auto;min-width:180px;max-width:300px;", " border:", ";background-color:", ";border-radius:", ";", " ", " *::selection{", "}"], function (_ref) {
   var isOpen = _ref.isOpen;
   return visibilityTransition(isOpen);
 }, container$7.border, container$7.backgroundColor, container$7.borderRadius, scrollbarStyling.webkit, scrollbarStyling.firefox, selection);
-var OverflowMenuList = styled__default["default"].ul.withConfig({
+var OverflowMenuList = styled.ul.withConfig({
   displayName: "OverflowMenu__OverflowMenuList",
   componentId: "sc-kh744b-1"
 })(["display:flex;flex-direction:column;list-style-type:none;padding:0;margin:0;"]);
-var StyledDivider = styled__default["default"](Divider).withConfig({
+var StyledDivider = styled(Divider).withConfig({
   displayName: "OverflowMenu__StyledDivider",
   componentId: "sc-kh744b-2"
 })(["margin-left:", ";margin-right:", ";"], divider.marginLeft, divider.marginRight);
@@ -7810,51 +7829,51 @@ var outerContainer$1 = internalHeaderTokens.outerContainer,
   banner = internalHeaderTokens.banner,
   navigation = internalHeaderTokens.navigation,
   contextGroup = internalHeaderTokens.contextGroup;
-var OuterContainer$1 = styled__default["default"].div.withConfig({
+var OuterContainer$1 = styled.div.withConfig({
   displayName: "InternalHeaderstyles__OuterContainer",
   componentId: "sc-91bnca-0"
 })(["position:relative;*::selection{", "}background-color:", ";"], selection, outerContainer$1.backgroundColor);
-var BannerWrapper = styled__default["default"].div.withConfig({
+var BannerWrapper = styled.div.withConfig({
   displayName: "InternalHeaderstyles__BannerWrapper",
   componentId: "sc-91bnca-1"
 })(["position:relative;display:flex;align-items:center;border-bottom:", ";padding-right:", ";", ""], banner.borderBottom, banner.paddingRight, function (_ref) {
   var hasContextMenu = _ref.hasContextMenu;
   return hasContextMenu && styled.css(["padding-right:", ";"], banner.hasContextMenu.paddingRight);
 });
-var BannerLeftWrapper = styled__default["default"].div.withConfig({
+var BannerLeftWrapper = styled.div.withConfig({
   displayName: "InternalHeaderstyles__BannerLeftWrapper",
   componentId: "sc-91bnca-2"
 })(["display:flex;"]);
-var ApplicationNameWrapper = styled__default["default"].div.withConfig({
+var ApplicationNameWrapper = styled.div.withConfig({
   displayName: "InternalHeaderstyles__ApplicationNameWrapper",
   componentId: "sc-91bnca-3"
 })(["display:flex;align-items:center;padding:", ";"], applicationNameWrapper.padding);
-var LovisaWrapper = styled__default["default"].div.withConfig({
+var LovisaWrapper = styled.div.withConfig({
   displayName: "InternalHeaderstyles__LovisaWrapper",
   componentId: "sc-91bnca-4"
 })(["padding:", ";border-right:", ";"], lovisaWrapper.padding, lovisaWrapper.borderRight);
-var Navigation = styled__default["default"].nav.withConfig({
+var Navigation = styled.nav.withConfig({
   displayName: "InternalHeaderstyles__Navigation",
   componentId: "sc-91bnca-5"
 })(["border-bottom:", ";"], navigation.borderBottom);
-var NavigationList = styled__default["default"].ul.withConfig({
+var NavigationList = styled.ul.withConfig({
   displayName: "InternalHeaderstyles__NavigationList",
   componentId: "sc-91bnca-6"
 })(["box-sizing:border-box;display:flex;", " list-style-type:none;padding:0;margin:0;"], function (_ref2) {
   var smallScreen = _ref2.smallScreen;
   return smallScreen && styled.css(["flex-direction:column;"]);
 });
-var ContextMenuGroup = styled__default["default"].div.withConfig({
+var ContextMenuGroup = styled.div.withConfig({
   displayName: "InternalHeaderstyles__ContextMenuGroup",
   componentId: "sc-91bnca-7"
 })(["position:absolute;top:", ";right:", ";"], contextGroup.top, contextGroup.right);
-var StyledOverflowMenu = styled__default["default"](OverflowMenu).withConfig({
+var StyledOverflowMenu = styled(OverflowMenu).withConfig({
   displayName: "InternalHeaderstyles__StyledOverflowMenu",
   componentId: "sc-91bnca-8"
 })(["max-height:calc(100vh - 110px);"]);
 
 var navLink = internalHeaderTokens.navLink;
-var Link$1 = styled__default["default"].a.withConfig({
+var Link$1 = styled.a.withConfig({
   displayName: "NavigationItem__Link",
   componentId: "sc-1fua9kw-0"
 })(["display:flex;align-items:center;height:100%;box-sizing:border-box;text-decoration:none;@media (prefers-reduced-motion:no-preference){transition:background-color 0.2s;}color:", ";background-color:", ";padding:", ";", " &:hover{color:", ";}&:active{color:", ";}&:focus-visible,&.focus-visible{", ";}", ""], navLink.base.color, navLink.base.backgroundColor, navLink.base.padding, getFontStyling(typographyTypes$2.navLink), navLink.hover.color, navLink.active.color, focusVisible, function (_ref) {
@@ -7876,7 +7895,7 @@ var NavigationItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }));
 });
 
-var Li = styled__default["default"].li.withConfig({
+var Li = styled.li.withConfig({
   displayName: "InternalHeaderListItem__Li",
   componentId: "sc-g1dd6e-0"
 })(["box-sizing:border-box;"]);
@@ -8027,7 +8046,7 @@ var datepickerTokens = {
   calendarIndicator: calendarIndicator
 };
 
-var StyledInput = styled__default["default"](StatefulInput).withConfig({
+var StyledInput = styled(StatefulInput).withConfig({
   displayName: "Datepicker__StyledInput",
   componentId: "sc-1ijxhje-0"
 })(["&::-webkit-calendar-picker-indicator{background-image:", ";position:absolute;", " margin-left:0px;padding:0;top:50%;transform:translate(0,-50%);box-sizing:border-box;}&::-webkit-datetime-edit-fields-wrapper{padding:0;}&::-webkit-calendar-picker-indicator:focus-visible{outline:", ";outline-offset:", ";}&::-webkit-inner-spin-button{display:none;}@media (prefers-reduced-motion:no-preference){::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{transition:0.2s;}}&::-webkit-datetime-edit-day-field:focus,&::-webkit-datetime-edit-month-field:focus,&::-webkit-datetime-edit-year-field:focus,&::-webkit-datetime-edit-hour-field:focus,&::-webkit-datetime-edit-minute-field:focus{", "}"], "url(\"".concat(CalendarIcon, "\")"), function (_ref) {
@@ -8138,14 +8157,14 @@ var skipToContentTokens = {
 
 var wrapper$6 = skipToContentTokens.wrapper,
   link = skipToContentTokens.link;
-var Wrapper$3 = styled__default["default"].div.withConfig({
+var Wrapper$3 = styled.div.withConfig({
   displayName: "SkipToContent__Wrapper",
   componentId: "sc-57o1qv-0"
 })(["box-sizing:border-box;position:absolute;top:", ";text-align:center;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;white-space:nowrap;background-color:", ";padding:", ";opacity:0;@media (prefers-reduced-motion:no-preference){transition:opacity 0.2s;}&:focus-within{clip:auto;height:auto;overflow:auto;width:100%;z-index:250;opacity:1;}"], function (_ref) {
   var top = _ref.top;
   return top;
 }, wrapper$6.backgroundColor, wrapper$6.padding);
-var Link = styled__default["default"].a.withConfig({
+var Link = styled.a.withConfig({
   displayName: "SkipToContent__Link",
   componentId: "sc-57o1qv-1"
 })(["text-decoration:none;color:", ";", " @media (prefers-reduced-motion:no-preference){transition:", ";}&:focus{", "}&:hover{color:", ";}"], link.base.color, getFontStyling(defaultTypographyType), focusVisibleTransitionValue, focusVisibleOnDark, link.base.color);
@@ -8195,19 +8214,19 @@ var tooltipTokens = {
 };
 
 var wrapper$4 = tooltipTokens.wrapper;
-var SvgArrow = styled__default["default"].svg.withConfig({
+var SvgArrow = styled.svg.withConfig({
   displayName: "Tooltipstyles__SvgArrow",
   componentId: "sc-1cna5tc-0"
 })(["width:36px;height:9px;"]);
-var ArrowWrapper = styled__default["default"].div.withConfig({
+var ArrowWrapper = styled.div.withConfig({
   displayName: "Tooltipstyles__ArrowWrapper",
   componentId: "sc-1cna5tc-1"
 })([""]);
-var Container$9 = styled__default["default"].div.withConfig({
+var Container$9 = styled.div.withConfig({
   displayName: "Tooltipstyles__Container",
   componentId: "sc-1cna5tc-2"
 })(["width:fit-content;"]);
-var TooltipWrapper = styled__default["default"](Paper).withConfig({
+var TooltipWrapper = styled(Paper).withConfig({
   displayName: "Tooltipstyles__TooltipWrapper",
   componentId: "sc-1cna5tc-3"
 })(["", " width:fit-content;position:absolute;z-index:80;text-align:center;padding:", ";", ";"], function (_ref) {
@@ -8368,19 +8387,19 @@ var modalTokens = {
 
 var container$5 = modalTokens.container,
   contentContainer$2 = modalTokens.contentContainer;
-var Container$8 = styled__default["default"](Paper).withConfig({
+var Container$8 = styled(Paper).withConfig({
   displayName: "Modal__Container",
   componentId: "sc-12c14zx-0"
 })(["display:flex;flex-direction:column-reverse;min-width:200px;padding:", ";&::selection,*::selection{", "}:focus-visible,&.focus-visible{", "}"], container$5.padding, selection, focusVisible);
-var ContentContainer$2 = styled__default["default"].div.withConfig({
+var ContentContainer$2 = styled.div.withConfig({
   displayName: "Modal__ContentContainer",
   componentId: "sc-12c14zx-1"
 })(["display:grid;padding-right:", ";gap:", ";"], contentContainer$2.paddingRight, contentContainer$2.gap);
-var HeaderContainer$1 = styled__default["default"].div.withConfig({
+var HeaderContainer$1 = styled.div.withConfig({
   displayName: "Modal__HeaderContainer",
   componentId: "sc-12c14zx-2"
 })([""]);
-var StyledButton$2 = styled__default["default"](Button$1).withConfig({
+var StyledButton$2 = styled(Button$1).withConfig({
   displayName: "Modal__StyledButton",
   componentId: "sc-12c14zx-3"
 })(["align-self:flex-end;"]);
@@ -8462,7 +8481,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   })), parentElement) : null;
 });
 
-var Container$7 = styled__default["default"].div.withConfig({
+var Container$7 = styled.div.withConfig({
   displayName: "ModalBody__Container",
   componentId: "sc-134o0zg-0"
 })([""]);
@@ -8488,7 +8507,7 @@ var ModalBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var Container$6 = styled__default["default"].div.withConfig({
+var Container$6 = styled.div.withConfig({
   displayName: "ModalActions__Container",
   componentId: "sc-ehph9l-0"
 })(["display:flex;flex-wrap:wrap;gap:", ";"], modalTokens.actionsContainer.gap);
@@ -8523,7 +8542,7 @@ var container$3 = drawerTokens.container,
 var getMaxWidth = function getMaxWidth(size) {
   if (size === 'large') return '800px';else return '400px';
 };
-var Container$5 = styled__default["default"](Paper).withConfig({
+var Container$5 = styled(Paper).withConfig({
   displayName: "Drawer__Container",
   componentId: "sc-i9luw3-0"
 })(["position:fixed;top:0;height:100%;display:flex;flex-direction:column-reverse;justify-content:flex-end;min-width:300px;z-index:100;padding:", ";", " ", " ", " @media (prefers-reduced-motion:no-preference){transition:transform 0.5s;}&:focus-visible,&.focus-visible{", "}"], container$3.padding, function (_ref) {
@@ -8537,15 +8556,15 @@ var Container$5 = styled__default["default"](Paper).withConfig({
     isOpen = _ref3.isOpen;
   return placement === 'left' ? styled.css(["left:0;transform:", ";"], isOpen ? 'translate(0px)' : 'translateX(-100%)') : placement === 'right' ? styled.css(["right:0;transform:", ";"], isOpen ? 'translate(0px)' : 'translateX(100%)') : '';
 }, focusVisible);
-var ContentContainer$1 = styled__default["default"].div.withConfig({
+var ContentContainer$1 = styled.div.withConfig({
   displayName: "Drawer__ContentContainer",
   componentId: "sc-i9luw3-1"
 })(["display:flex;flex-direction:column;gap:", ";padding:", ";"], contentContainer.gap, contentContainer.padding);
-var HeaderContainer = styled__default["default"].div.withConfig({
+var HeaderContainer = styled.div.withConfig({
   displayName: "Drawer__HeaderContainer",
   componentId: "sc-i9luw3-2"
 })([""]);
-var StyledButton$1 = styled__default["default"](Button$1).withConfig({
+var StyledButton$1 = styled(Button$1).withConfig({
   displayName: "Drawer__StyledButton",
   componentId: "sc-i9luw3-3"
 })(["align-self:flex-end;"]);
@@ -8695,7 +8714,7 @@ var wrapper$2 = popoverTokens.wrapper,
   content$2 = popoverTokens.content,
   closeButton = popoverTokens.closeButton,
   title = popoverTokens.title;
-var Wrapper$2 = styled__default["default"](Paper).withConfig({
+var Wrapper$2 = styled(Paper).withConfig({
   displayName: "Popover__Wrapper",
   componentId: "sc-1fecd7e-0"
 })(["opacity:0;", " position:absolute;width:fit-content;z-index:100;padding:", ";&:focus-visible{", "}", ""], function (_ref) {
@@ -8706,11 +8725,11 @@ var Wrapper$2 = styled__default["default"](Paper).withConfig({
   var sizeProps = _ref2.sizeProps;
   return sizeProps && styled.css(["", ""], sizeProps);
 });
-var TitleContainer = styled__default["default"].div.withConfig({
+var TitleContainer = styled.div.withConfig({
   displayName: "Popover__TitleContainer",
   componentId: "sc-1fecd7e-1"
 })(["margin-right:", ";"], title.marginRight);
-var ContentContainer = styled__default["default"].div.withConfig({
+var ContentContainer = styled.div.withConfig({
   displayName: "Popover__ContentContainer",
   componentId: "sc-1fecd7e-2"
 })(["", ""], function (_ref3) {
@@ -8718,7 +8737,7 @@ var ContentContainer = styled__default["default"].div.withConfig({
     hasTitle = _ref3.hasTitle;
   return withCloseButton && !hasTitle && styled.css(["margin-top:", ";"], content$2.noTitle.marginTop);
 });
-var StyledButton = styled__default["default"](Button$1).withConfig({
+var StyledButton = styled(Button$1).withConfig({
   displayName: "Popover__StyledButton",
   componentId: "sc-1fecd7e-3"
 })(["position:absolute;top:", ";right:", ";"], closeButton.top, closeButton.right);
@@ -8883,14 +8902,14 @@ var toggleButtonTokens = {
 };
 
 var toggleButton = toggleButtonTokens.toggleButton;
-var Content$1 = styled__default["default"].span.withConfig({
+var Content$1 = styled.span.withConfig({
   displayName: "ToggleButton__Content",
   componentId: "sc-ya01sa-0"
 })(["display:flex;align-items:center;width:100%;height:100%;box-sizing:border-box;cursor:pointer;width:fit-content;border:", ";background-color:", ";color:", ";border-radius:", ";padding:", ";", " @media (prefers-reduced-motion:no-preference){transition:border-color 0.2s,background-color 0.2s,box-shadow 0.2s,", ";}", " &::selection,*::selection{", "}&:hover{background-color:", ";box-shadow:", ";border-color:", ";}"], toggleButton.border, toggleButton.backgroundColor, toggleButton.color, toggleButton.borderRadius, toggleButton.padding, getFontStyling(typographyType$2), focusVisibleTransitionValue, function (_ref) {
   var hasIcon = _ref.hasIcon;
   return hasIcon && styled.css(["gap:", ";"], toggleButton.gap);
 }, selection, toggleButton.hover.backgroundColor, toggleButton.hover.boxShadow, toggleButton.hover.borderColor);
-var Container$4 = styled__default["default"].label.withConfig({
+var Container$4 = styled.label.withConfig({
   displayName: "ToggleButton__Container",
   componentId: "sc-ya01sa-1"
 })(["width:fit-content;", ":checked + ", "{background-color:", ";border-color:", ";color:", ";}", ":checked + ", ":hover{background-color:", ";border-color:", ";box-shadow:", ";}", ":focus-visible + ", "{", "}"], HiddenInput, Content$1, toggleButton.checked.backgroundColor, toggleButton.checked.borderColor, toggleButton.checked.color, HiddenInput, Content$1, toggleButton.checked.hover.backgroundColor, toggleButton.checked.hover.borderColor, toggleButton.checked.hover.boxShadow, HiddenInput, Content$1, focusVisible);
@@ -8922,14 +8941,14 @@ var ToggleButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }));
 });
 
-var Group$1 = styled__default["default"].div.withConfig({
+var Group$1 = styled.div.withConfig({
   displayName: "ToggleButtonGroup__Group",
   componentId: "sc-14ijdag-0"
 })(["gap:", ";display:flex;flex-wrap:wrap;", ""], toggleButtonTokens.group.gap, function (_ref) {
   var direction = _ref.direction;
   return styled.css(["flex-direction:", ";"], direction);
 });
-var Container$3 = styled__default["default"].div.withConfig({
+var Container$3 = styled.div.withConfig({
   displayName: "ToggleButtonGroup__Container",
   componentId: "sc-14ijdag-1"
 })(["display:flex;flex-direction:column;gap:", ";"], toggleButtonTokens.container.gap);
@@ -8983,7 +9002,7 @@ var useTabsContext = function useTabsContext() {
   return React.useContext(TabsContext);
 };
 
-var Container$2 = styled__default["default"].div.withConfig({
+var Container$2 = styled.div.withConfig({
   displayName: "Tabs__Container",
   componentId: "sc-7ta5g2-0"
 })(["", ";"], function (_ref) {
@@ -9085,7 +9104,7 @@ var tabsTokens = {
 };
 
 var tab = tabsTokens.tab;
-var Button = styled__default["default"].button.withConfig({
+var Button = styled.button.withConfig({
   displayName: "Tab__Button",
   componentId: "sc-1dd8soq-0"
 })(["", " ", " user-select:text;display:flex;align-items:center;justify-content:center;border-bottom:", ";color:", ";padding:", ";", " @media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s,border-bottom 0.2s,color 0.2s,", ";}", ";", " &:focus-visible{", " outline-offset:-1px;}&:hover{border-color:", ";color:", ";box-shadow:", ";}"], normalizeButton, removeButtonStyling, tab.base.borderBottom, tab.base.color, tab.base.padding, getFontStyling(defaultTypographyType), focusVisibleTransitionValue, function (_ref) {
@@ -9161,7 +9180,7 @@ var Tab = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 
 var tabList = tabsTokens.tabList;
-var TabRow = styled__default["default"].div.withConfig({
+var TabRow = styled.div.withConfig({
   displayName: "TabList__TabRow",
   componentId: "sc-1ldr0lz-0"
 })(["border-bottom:", ";display:grid;grid-auto-flow:column;grid-auto-columns:1fr;overflow-x:auto;", " ", " scroll-snap-type:x mandatory;@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth;transition:", ";}&:focus-visible{", "}&:focus-visible button{outline:none;}"], tabList.borderBottom, scrollbarStyling.webkit, scrollbarStyling.firefox, focusVisibleTransitionValue, focusVisible);
@@ -9224,7 +9243,7 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 });
 
 var panel = tabsTokens.panel;
-var Panel = styled__default["default"].div.withConfig({
+var Panel = styled.div.withConfig({
   displayName: "TabPanel__Panel",
   componentId: "sc-vkzivq-0"
 })(["padding:", ";@media (prefers-reduced-motion:no-preference){transition:", ";}", " &:focus-visible{", "}"], panel.padding, focusVisibleTransitionValue, function (_ref) {
@@ -9297,17 +9316,17 @@ var tagTokens = {
   wrapper: wrapper$1
 };
 
-var TextOverflowEllipsisWrapper = styled__default["default"].span.withConfig({
+var TextOverflowEllipsisWrapper = styled.span.withConfig({
   displayName: "TextOverflowEllipsis__TextOverflowEllipsisWrapper",
   componentId: "sc-1e0ljyj-0"
 })(["max-width:100%;"]);
-var TextOverflowEllipsisInner = styled__default["default"].span.withConfig({
+var TextOverflowEllipsisInner = styled.span.withConfig({
   displayName: "TextOverflowEllipsis__TextOverflowEllipsisInner",
   componentId: "sc-1e0ljyj-1"
 })(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
 
 var wrapper = tagTokens.wrapper;
-var Wrapper$1 = styled__default["default"](TextOverflowEllipsisWrapper).withConfig({
+var Wrapper$1 = styled(TextOverflowEllipsisWrapper).withConfig({
   displayName: "Tag__Wrapper",
   componentId: "sc-rdxtch-0"
 })(["display:inline-flex;align-items:center;border:", ";border-radius:", ";padding:", ";", " ", ""], wrapper.border, wrapper.borderRadius, wrapper.padding, getFontStyling(typographyType$1), function (_ref) {
@@ -9352,7 +9371,7 @@ var chipTokens = {
 };
 
 var container = chipTokens.container;
-var Container$1 = styled__default["default"](TextOverflowEllipsisWrapper).withConfig({
+var Container$1 = styled(TextOverflowEllipsisWrapper).withConfig({
   displayName: "Chip__Container",
   componentId: "sc-1l242zs-0"
 })(["display:flex;align-items:center;max-width:100%;gap:", ";padding:", ";border:", ";border-radius:", ";background-color:", ";", ";"], container.gap, container.padding, container.border, container.borderRadius, container.backgroundColor, getFontStyling(typographyType, true));
@@ -9391,7 +9410,7 @@ var Chip = /*#__PURE__*/React.forwardRef(function (props, ref) {
   })) : null;
 });
 
-var Group = styled__default["default"].ul.withConfig({
+var Group = styled.ul.withConfig({
   displayName: "ChipGroup__Group",
   componentId: "sc-evmxhv-0"
 })(["", " display:flex;gap:", ";"], removeListStyling, chipTokens.group.gap);
@@ -9516,14 +9535,14 @@ var toggleBarTokens = {
   label: label$1
 };
 
-var OuterContainer = styled__default["default"].div.withConfig({
+var OuterContainer = styled.div.withConfig({
   displayName: "ToggleBar__OuterContainer",
   componentId: "sc-1ys8v91-0"
 })(["display:flex;flex-direction:column;gap:", ";&::selection,*::selection{", "}", ""], toggleBarTokens.outerContainer.gap, selection, function (_ref) {
   var width = _ref.width;
   return width && styled.css(["width:", ";"], width);
 });
-var Bar = styled__default["default"].div.withConfig({
+var Bar = styled.div.withConfig({
   displayName: "ToggleBar__Bar",
   componentId: "sc-1ys8v91-1"
 })(["display:grid;grid-auto-flow:column;grid-auto-columns:1fr;"]);
@@ -9579,7 +9598,7 @@ var ToggleBar = function ToggleBar(props) {
 
 var content = toggleBarTokens.content,
   label = toggleBarTokens.label;
-var Content = styled__default["default"].span.withConfig({
+var Content = styled.span.withConfig({
   displayName: "ToggleRadiostyles__Content",
   componentId: "sc-mp4hol-0"
 })(["display:flex;justify-content:center;align-items:center;word-break:break-word;height:100%;box-sizing:border-box;cursor:pointer;@media (prefers-reduced-motion:no-preference){transition:border-color 0.2s,background-color 0.2s,box-shadow 0.2s,color 0.2s,", ";}background-color:", ";", ""], focusVisibleTransitionValue, content.base.backgroundColor, function (_ref) {
@@ -9587,7 +9606,7 @@ var Content = styled__default["default"].span.withConfig({
     justIcon = _ref.justIcon;
   return styled.css(["", ""], justIcon ? styled.css(["font-size:", ";padding:", ";"], content.size[size].justIcon.fontSize, content.size[size].justIcon.padding) : styled.css(["gap:", ";padding:", ";", ""], content.size[size].withText.gap, content.size[size].withText.padding, getFontStyling(typographyTypes$1[size])));
 });
-var Label = styled__default["default"].label.withConfig({
+var Label = styled.label.withConfig({
   displayName: "ToggleRadiostyles__Label",
   componentId: "sc-mp4hol-1"
 })(["", "{border-right:", ";border-top:", ";border-bottom:", ";}&:first-child ", "{border-left:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";}&:last-child ", "{border-top-right-radius:", ";border-bottom-right-radius:", ";}", ":checked + ", "{color:", ";border-color:", ";background-color:", ";box-shadow:", ";position:relative;z-index:0;}", ":focus-visible + ", "{", " position:relative;z-index:0;}&:hover{color:", ";border-color:", ";}"], Content, label.base.borderRight, label.base.borderTop, label.base.borderBottom, Content, label.firstChild.borderLeft, label.firstChild.borderTopLeftRadius, label.firstChild.borderBottomLeftRadius, Content, label.lastChild.borderTopRightRadius, label.lastChild.borderBottomRightRadius, HiddenInput, Content, content.active.color, content.active.borderColor, content.active.backgroundColor, content.active.boxShadow, HiddenInput, Content, focusVisible, label.hover.color, label.hover.borderColor);
@@ -9658,7 +9677,7 @@ var _halfWayColumn, _gridTokens;
 var grid = ddsDesignTokens.ddsBaseTokens.grid,
   spacing$5 = ddsDesignTokens.ddsBaseTokens.spacing;
 var allColumns = '1 / -1';
-var halfWayColumn = (_halfWayColumn = {}, _defineProperty(_halfWayColumn, exports.ScreenSize.Small, grid.DdsGridSm600959Count / 2 + 1), _defineProperty(_halfWayColumn, exports.ScreenSize.Medium, grid.DdsGridMd9601279Count / 2 + 1), _defineProperty(_halfWayColumn, exports.ScreenSize.Large, grid.DdsGridLg12801919Count / 2 + 1), _defineProperty(_halfWayColumn, exports.ScreenSize.XLarge, grid.DdsGridXs0599Count / 2 + 1), _halfWayColumn);
+var halfWayColumn = (_halfWayColumn = {}, _defineProperty(_halfWayColumn, exports.ScreenSize.XSmall, grid.DdsGridXs0599Count / 2 + 1), _defineProperty(_halfWayColumn, exports.ScreenSize.Small, grid.DdsGridSm600959Count / 2 + 1), _defineProperty(_halfWayColumn, exports.ScreenSize.Medium, grid.DdsGridMd9601279Count / 2 + 1), _defineProperty(_halfWayColumn, exports.ScreenSize.Large, grid.DdsGridLg12801919Count / 2 + 1), _defineProperty(_halfWayColumn, exports.ScreenSize.XLarge, grid.DdsGridXl1920Count / 2 + 1), _halfWayColumn);
 var gridTokens = (_gridTokens = {}, _defineProperty(_gridTokens, exports.ScreenSize.XSmall, {
   grid: {
     columns: grid.DdsGridXs0599Count,
@@ -9769,7 +9788,7 @@ var getHooksGridStyling = function getHooksGridStyling(screenSize, maxWidth, row
     maxWidth: maxWidth && maxWidth[getLiteralScreenSize(screenSize)] && maxWidth[getLiteralScreenSize(screenSize)]
   };
 };
-var StyledGrid = styled__default["default"].div.withConfig({
+var StyledGrid = styled.div.withConfig({
   displayName: "Grid__StyledGrid",
   componentId: "sc-1cts9va-0"
 })(["display:grid;", " ", ""], function (_ref) {
@@ -9813,7 +9832,7 @@ var isRelativeGridColumn = function isRelativeGridColumn(type) {
 var isGridColumn = function isGridColumn(type) {
   return type.xs !== undefined || type.sm !== undefined || type.md !== undefined || type.lg !== undefined || type.xl !== undefined;
 };
-var StyledGridChild = styled__default["default"].div.withConfig({
+var StyledGridChild = styled.div.withConfig({
   displayName: "GridChild__StyledGridChild",
   componentId: "sc-1wijakj-0"
 })(["grid-column:", ";justify-self:", ";grid-row:", ";"], function (_ref) {
@@ -9940,11 +9959,11 @@ var toItemState = function toItemState(active, completed, disabled) {
 var itemNumber = progressTrackerTokens.itemNumber,
   itemText = progressTrackerTokens.itemText,
   itemContentWrapper = progressTrackerTokens.itemContentWrapper;
-var ItemWrapper = styled__default["default"].li.withConfig({
+var ItemWrapper = styled.li.withConfig({
   displayName: "ProgressTrackerItem__ItemWrapper",
   componentId: "sc-1j9qaj9-0"
 })(["flex:1;position:relative;display:flex;justify-content:center;"]);
-var ItemNumber = styled__default["default"].div.withConfig({
+var ItemNumber = styled.div.withConfig({
   displayName: "ProgressTrackerItem__ItemNumber",
   componentId: "sc-1j9qaj9-1"
 })(["transition:background-color 0.2s,border-color 0.2s,color 0.2s;border-radius:50%;border:", " solid;width:", ";height:", ";display:flex;align-items:center;justify-content:center;z-index:2;", " font-weight:600;", ""], itemNumber.borderWidth, itemNumber.size, itemNumber.size, getFontStyling(typographyTypes.number), function (_ref) {
@@ -9962,7 +9981,7 @@ var ItemNumber = styled__default["default"].div.withConfig({
       return styled.css(["border-color:", ";color:", ";background-color:", ";"], itemNumber.disabled.borderColor, itemNumber.disabled.color, itemNumber.disabled.backgroundColor);
   }
 });
-var ItemText = styled__default["default"].div.withConfig({
+var ItemText = styled.div.withConfig({
   displayName: "ProgressTrackerItem__ItemText",
   componentId: "sc-1j9qaj9-2"
 })(["", " text-align:start;text-decoration:", ";transition:text-decoration-color 0.2s;", ";"], getFontStyling(typographyTypes.label), itemText.textDecoration, function (_ref2) {
@@ -9978,7 +9997,7 @@ var ItemText = styled__default["default"].div.withConfig({
       return styled.css(["color:", ";text-decoration:", ";"], itemText.disabled.color, itemText.disabled.textDecoration);
   }
 });
-var ItemContentWrapper = styled__default["default"].div.withConfig({
+var ItemContentWrapper = styled.div.withConfig({
   displayName: "ProgressTrackerItem__ItemContentWrapper",
   componentId: "sc-1j9qaj9-3"
 })(["background:none;border:none;margin:0;padding:0;display:grid;grid-template-columns:", " 1fr;justify-content:flex-start;align-items:center;font-family:inherit;gap:", ";transition:", ";:focus-visible{", "}", " ", ""], itemNumber.size, itemContentWrapper.gap, focusVisibleTransitionValue, focusVisible, function (_ref3) {
@@ -10062,11 +10081,11 @@ var ProgressTrackerItem = function ProgressTrackerItem(props) {
   }));
 };
 
-var ItemsWrapper = styled__default["default"].ol.withConfig({
+var ItemsWrapper = styled.ol.withConfig({
   displayName: "ProgressTracker__ItemsWrapper",
   componentId: "sc-v5htnb-0"
 })(["display:flex;flex-direction:column;align-items:flex-start;gap:", ";margin:0;padding:0;"], progressTrackerTokens.itemsWrapper.gap);
-var ProgressTrackerConnector = styled__default["default"].div.withConfig({
+var ProgressTrackerConnector = styled.div.withConfig({
   displayName: "ProgressTracker__ProgressTrackerConnector",
   componentId: "sc-v5htnb-1"
 })(["margin-left:calc( (", " / 2) - (", " / 2) );height:", ";border-right:", " solid ", ";"], progressTrackerTokens.itemNumber.size, progressTrackerTokens.connector.width, progressTrackerTokens.connector.height, progressTrackerTokens.connector.width, progressTrackerTokens.connector.color);
@@ -10237,7 +10256,7 @@ var inlineEditTokens = {
 var inlineEdit = inlineEditTokens.inlineEdit,
   iconWrapper = inlineEditTokens.iconWrapper;
 var defaultWidth$2 = '140px';
-var StyledInlineInput = styled__default["default"](StatefulInput).withConfig({
+var StyledInlineInput = styled(StatefulInput).withConfig({
   displayName: "InlineEditstyles__StyledInlineInput",
   componentId: "sc-1ro526a-0"
 })(["border-color:transparent;background-color:", ";padding:", ";", ";", " &:hover:enabled:read-write:not(:focus){background-color:", ";border-color:transparent;box-shadow:none;}&:focus{background-color:", ";}"], inlineEdit.backgroundColor, inlineEdit.padding, inlineEdit.font, function (_ref) {
@@ -10245,11 +10264,11 @@ var StyledInlineInput = styled__default["default"](StatefulInput).withConfig({
     hideIcon = _ref.hideIcon;
   return !isEditing && !hideIcon && styled.css(["padding-left:", ";"], inlineEdit.withIcon.paddingLeft);
 }, inlineEdit.hover.backgroundColor, inlineEdit.focus.backgroundColor);
-var StyledInlineTextArea = styled__default["default"](StyledInlineInput).withConfig({
+var StyledInlineTextArea = styled(StyledInlineInput).withConfig({
   displayName: "InlineEditstyles__StyledInlineTextArea",
   componentId: "sc-1ro526a-1"
 })(["resize:vertical;", " ", ""], scrollbarStyling.webkit, scrollbarStyling.firefox);
-var IconWrapper = styled__default["default"].span.withConfig({
+var IconWrapper = styled.span.withConfig({
   displayName: "InlineEditstyles__IconWrapper",
   componentId: "sc-1ro526a-2"
 })(["position:absolute;left:", ";top:", ";z-index:1;&:hover{cursor:text;}"], iconWrapper.left, iconWrapper.top);
@@ -10415,7 +10434,7 @@ var textAreaTokens = {
 
 var defaultWidth$1 = '320px';
 var textarea = textAreaTokens.textarea;
-var StyledTextArea = styled__default["default"](StatefulInput).withConfig({
+var StyledTextArea = styled(StatefulInput).withConfig({
   displayName: "TextArea__StyledTextArea",
   componentId: "sc-dg30pn-0"
 })(["", " ", " height:auto;resize:vertical;vertical-align:bottom;padding-bottom:", ";", ""], scrollbarStyling.webkit, scrollbarStyling.firefox, textarea.paddingBottom, getFontStyling(inputTypographyTypes.medium));
@@ -10499,15 +10518,15 @@ var tokens = {
   mainButton: mainButton
 };
 
-var Container = styled__default["default"].div.withConfig({
+var Container = styled.div.withConfig({
   displayName: "SplitButton__Container",
   componentId: "sc-ybpqu3-0"
 })(["display:flex;"]);
-var MainButton = styled__default["default"](Button$1).withConfig({
+var MainButton = styled(Button$1).withConfig({
   displayName: "SplitButton__MainButton",
   componentId: "sc-ybpqu3-1"
 })(["border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;&:focus{position:relative;z-index:0;}"]);
-var OptionButton = styled__default["default"](Button$1).withConfig({
+var OptionButton = styled(Button$1).withConfig({
   displayName: "SplitButton__OptionButton",
   componentId: "sc-ybpqu3-2"
 })(["border-top-left-radius:0;border-bottom-left-radius:0;", " &:focus{position:relative;z-index:0;", ";}"], function (props) {
@@ -10575,7 +10594,7 @@ var stackTokens = {
   gap: gapTokens
 };
 
-var Stack = styled__default["default"].div.withConfig({
+var Stack = styled.div.withConfig({
   displayName: "Stack",
   componentId: "sc-1a1z9ks-0"
 })(["display:flex;flex-direction:", ";align-items:", ";justify-content:", ";gap:", ";"], function (_ref) {
@@ -10629,14 +10648,14 @@ var formGeneratorTokens = {
   }
 };
 
-var FormGeneratorFlexContainer = styled__default["default"].div.withConfig({
+var FormGeneratorFlexContainer = styled.div.withConfig({
   displayName: "FormGeneratorstyles__FormGeneratorFlexContainer",
   componentId: "sc-1jlspa9-0"
 })(["", ""], function (_ref) {
   var screenSize = _ref.screenSize;
   return styled.css(["display:flex;flex-wrap:wrap;gap:", ";"], formGeneratorTokens.columnGaps[screenSize]);
 });
-var SubContainer = styled__default["default"].div.withConfig({
+var SubContainer = styled.div.withConfig({
   displayName: "FormGeneratorstyles__SubContainer",
   componentId: "sc-1jlspa9-1"
 })(["", " ", " ", ""], function (_ref2) {
@@ -10655,7 +10674,7 @@ var SubContainer = styled__default["default"].div.withConfig({
     breakpoint = _ref4.breakpoint;
   return length === 3 ? breakpoint !== undefined && screenSize >= breakpoint ? styled.css(["flex-direction:row;"]) : styled.css(["flex-direction:column;"]) : "";
 });
-var ButtonRow = styled__default["default"](GridChild).withConfig({
+var ButtonRow = styled(GridChild).withConfig({
   displayName: "FormGeneratorstyles__ButtonRow",
   componentId: "sc-1jlspa9-2"
 })(["margin-top:", ";"], formGeneratorTokens.buttonRow.marginTop);
@@ -10913,7 +10932,7 @@ var errorsTokens = {
   gap: spacing.SizesDdsSpacingLocalX025
 };
 
-var MessageContainer = styled__default["default"].div.withConfig({
+var MessageContainer = styled.div.withConfig({
   displayName: "ErrorList__MessageContainer",
   componentId: "sc-tndb6q-0"
 })(["display:flex;flex-direction:column;gap:", ";"], errorsTokens.gap);
@@ -10935,22 +10954,22 @@ var ErrorList = function ErrorList(props) {
   });
 };
 
-var FileWrapper = styled__default["default"].li.withConfig({
+var FileWrapper = styled.li.withConfig({
   displayName: "File__FileWrapper",
   componentId: "sc-1mozy6v-0"
 })([""]);
-var FileNameWrapper = styled__default["default"].span.withConfig({
+var FileNameWrapper = styled.span.withConfig({
   displayName: "File__FileNameWrapper",
   componentId: "sc-1mozy6v-1"
 })(["word-break:break-all;"]);
-var FileElement = styled__default["default"].div.withConfig({
+var FileElement = styled.div.withConfig({
   displayName: "File__FileElement",
   componentId: "sc-1mozy6v-2"
 })(["border-width:2px;border-style:solid;border-color:", ";margin-top:", ";padding:", " ", ";background-color:", ";display:flex;justify-content:space-between;align-items:center;gap:", ";"], function (_ref) {
   var isValid = _ref.isValid;
   return isValid ? fileTokens.backgroundColor : fileTokens.invalid.borderColor;
 }, fileTokens.marginTop, fileTokens.paddingLeftRight, fileTokens.paddingTopBottom, fileTokens.backgroundColor, fileTokens.textToIconsGap);
-var RemoveFileButton = styled__default["default"](Button$1).withConfig({
+var RemoveFileButton = styled(Button$1).withConfig({
   displayName: "File__RemoveFileButton",
   componentId: "sc-1mozy6v-3"
 })(["padding:0;"]);
@@ -11041,7 +11060,7 @@ var isEventWithFiles = function isEventWithFiles(event) {
   return event.dataTransfer.types.includes('Files') || event.dataTransfer.types.includes('application/x-moz-file');
 };
 var isFileAccepted = function isFileAccepted(file, accept) {
-  return accept !== undefined ? accepted__default["default"](file, accept) : true;
+  return accept !== undefined ? accepted(file, accept) : true;
 };
 // export const isFileSizeAccepted = (
 //   file: File,
@@ -11055,11 +11074,14 @@ var getInvalidFileTypeErrorMessage = function getInvalidFileTypeErrorMessage() {
   return 'Ugyldig filtype';
 };
 
-var calcRootErrors = function calcRootErrors(files, maxFiles) {
+var calcRootErrors = function calcRootErrors(files, maxFiles, errorMessage) {
   var errors = [];
   if (maxFiles && maxFiles >= 1 && files.length > maxFiles) {
     errors.push(getTooManyFilesErrorMessage(maxFiles));
   }
+  if (errorMessage) {
+    errors.push(errorMessage);
+  }
   return errors;
 };
 var useFileUploader = function useFileUploader(props) {
@@ -11067,21 +11089,23 @@ var useFileUploader = function useFileUploader(props) {
     initialFiles = _props$initialFiles === void 0 ? [] : _props$initialFiles,
     accept = props.accept,
     maxFiles = props.maxFiles,
-    disabled = props.disabled;
+    disabled = props.disabled,
+    errorMessage = props.errorMessage;
   var rootRef = React.useRef(null);
   var inputRef = React.useRef(null);
   var buttonRef = React.useRef(null);
+  var initialFileUploaderFiles = initialFiles.map(function (f) {
+    return {
+      file: f,
+      errors: []
+    };
+  });
   var _useReducer = React.useReducer(fileUploaderReducer, {
-      files: initialFiles.map(function (f) {
-        return {
-          file: f,
-          errors: []
-        };
-      }),
+      files: initialFileUploaderFiles,
       isFocused: false,
       isFileDialogActive: false,
       isDragActive: false,
-      rootErrors: []
+      rootErrors: calcRootErrors(initialFileUploaderFiles, maxFiles, errorMessage)
     }),
     _useReducer2 = _slicedToArray(_useReducer, 2),
     state = _useReducer2[0],
@@ -11175,7 +11199,7 @@ var useFileUploader = function useFileUploader(props) {
                   errors: accepted ? [] : [getInvalidFileTypeErrorMessage()]
                 };
               }).concat(stateFiles);
-              rootErrors = calcRootErrors(newFiles, maxFiles);
+              rootErrors = calcRootErrors(newFiles, maxFiles, errorMessage);
               dispatch({
                 type: 'onSetFiles',
                 payload: {
@@ -11190,7 +11214,7 @@ var useFileUploader = function useFileUploader(props) {
         }
       }, _callee2);
     }));
-  }, [stateFiles, maxFiles, accept, dispatch]);
+  }, [stateFiles, maxFiles, accept, errorMessage, dispatch]);
   var openFileDialog = React.useCallback(function () {
     if (inputRef.current) {
       inputRef.current.value = '';
@@ -11200,7 +11224,7 @@ var useFileUploader = function useFileUploader(props) {
   var removeFile = React.useCallback(function (file) {
     var newFiles = _toConsumableArray(stateFiles);
     newFiles.splice(stateFiles.indexOf(file), 1);
-    var rootErrors = calcRootErrors(newFiles, maxFiles);
+    var rootErrors = calcRootErrors(newFiles, maxFiles, errorMessage);
     dispatch({
       type: 'onRemoveFile',
       payload: {
@@ -11208,7 +11232,7 @@ var useFileUploader = function useFileUploader(props) {
         files: newFiles
       }
     });
-  }, [stateFiles, maxFiles]);
+  }, [stateFiles, maxFiles, errorMessage]);
   var getRootProps = React.useCallback(function () {
     return {
       onBlur: onRootBlur,
@@ -11250,14 +11274,14 @@ var useFileUploader = function useFileUploader(props) {
 };
 
 var defaultWidth = '320px';
-var Wrapper = styled__default["default"].div.withConfig({
+var Wrapper = styled.div.withConfig({
   displayName: "FileUploader__Wrapper",
   componentId: "sc-pcnrgy-0"
 })(["width:", ";"], function (_ref) {
   var width = _ref.width;
   return width ? width : defaultWidth;
 });
-var Root = styled__default["default"].div.withConfig({
+var Root = styled.div.withConfig({
   displayName: "FileUploader__Root",
   componentId: "sc-pcnrgy-1"
 })(["box-sizing:border-box;border-width:", ";border-style:dashed;border-color:", ";padding:", ";display:flex;flex-direction:column;gap:", ";background-color:", ";"], function (_ref2) {
@@ -11274,11 +11298,11 @@ var Root = styled__default["default"].div.withConfig({
   var isDragActive = _ref5.isDragActive;
   return isDragActive ? rootTokens.dragActive.backgroundColor : rootTokens.backgroundColor;
 });
-var FileUploaderInput = styled__default["default"].input.withConfig({
+var FileUploaderInput = styled.input.withConfig({
   displayName: "FileUploader__FileUploaderInput",
   componentId: "sc-pcnrgy-2"
 })([""]);
-var FileListElement = styled__default["default"].ul.withConfig({
+var FileListElement = styled.ul.withConfig({
   displayName: "FileUploader__FileListElement",
   componentId: "sc-pcnrgy-3"
 })(["margin:0;padding:0;list-style-type:none;"]);
@@ -11293,7 +11317,8 @@ var FileUploader = function FileUploader(props) {
     maxFiles = props.maxFiles,
     disabled = props.disabled,
     onChange = props.onChange,
-    width = props.width;
+    width = props.width,
+    errorMessage = props.errorMessage;
   var generatedId = React.useId();
   var uniqueId = id !== null && id !== void 0 ? id : "".concat(generatedId, "-fileUploader");
   var _useFileUploader = useFileUploader({
@@ -11301,7 +11326,8 @@ var FileUploader = function FileUploader(props) {
       initialFiles: initialFiles,
       accept: accept,
       disabled: disabled,
-      maxFiles: maxFiles
+      maxFiles: maxFiles,
+      errorMessage: errorMessage
     }),
     _useFileUploader$stat = _useFileUploader.state,
     stateFiles = _useFileUploader$stat.files,
@@ -11352,7 +11378,7 @@ var FileUploader = function FileUploader(props) {
       messageType: "tip"
     }), jsxRuntime.jsxs(Root, Object.assign({}, getRootProps(), {
       isDragActive: isDragActive,
-      hasRootErrors: rootErrors.length > 0
+      hasRootErrors: hasRootErrors
     }, {
       children: [jsxRuntime.jsx(FileUploaderInput, Object.assign({}, getInputProps())), "Dra og slipp filer her eller", ' ', jsxRuntime.jsx(VisuallyHidden, Object.assign({
         as: "span"