npm - @vygruppen/spor-react - Versions diffs - 11.3.4 → 11.3.6 - Mend

@vygruppen/spor-react 11.3.4 → 11.3.6

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

Files changed (11) hide show

package/.turbo/turbo-build.log +10 -10
package/CHANGELOG.md +12 -0
package/dist/index.d.mts +3 -6
package/dist/index.d.ts +3 -6
package/dist/index.js +417 -417
package/dist/index.js.map +1 -1
package/dist/index.mjs +352 -355
package/dist/index.mjs.map +1 -1
package/package.json +3 -3
package/src/alert/ServiceAlert.tsx +2 -2
package/src/input/FormControl.tsx +2 -11

package/dist/index.js CHANGED Viewed

@@ -2,7 +2,7 @@
 var tokens12 = require('@vygruppen/spor-design-tokens');
 var react = require('@chakra-ui/react');
-var React85 = require('react');
+var React84 = require('react');
 var sporIconReact = require('@vygruppen/spor-icon-react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
@@ -43,7 +43,7 @@ function _interopNamespace(e) {
 }
 var tokens12__namespace = /*#__PURE__*/_interopNamespace(tokens12);
-var React85__namespace = /*#__PURE__*/_interopNamespace(React85);
+var React84__namespace = /*#__PURE__*/_interopNamespace(React84);
 var deepmerge__default = /*#__PURE__*/_interopDefault(deepmerge);
 var __defProp = Object.defineProperty;
@@ -52,11 +52,11 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 var Divider = react.forwardRef((props, ref) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Divider, { ...props, ref });
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Divider, { ...props, ref });
 });
 var Stack = react.forwardRef(
   ({ flexDirection, ...props }, ref) => {
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.Stack, { ...props, direction: flexDirection, ref });
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.Stack, { ...props, direction: flexDirection, ref });
   }
 );
 var AttachedInputs = ({
@@ -88,7 +88,7 @@ var AttachedInputs = ({
     }
   };
   const direction = flexDirection === "row" ? "horizontal" : "vertical";
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.Flex,
     {
       role: "group",
@@ -100,11 +100,11 @@ var AttachedInputs = ({
   );
 };
 var Dialog = ({ title, children, ...props }) => {
-  const ref = React85.useRef(null);
+  const ref = React84.useRef(null);
   const { dialogProps, titleProps } = reactAria.useDialog(props, ref);
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React85__namespace.default.createElement(react.Heading, { as: "h3", ...titleProps }, title), children);
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React84__namespace.default.createElement(react.Heading, { as: "h3", ...titleProps }, title), children);
 };
-var Popover = React85.forwardRef(
+var Popover = React84.forwardRef(
   ({
     children,
     state,
@@ -118,7 +118,7 @@ var Popover = React85.forwardRef(
     containerPadding = 12
   }, ref) => {
     var _a;
-    const internalRef = React85.useRef(null);
+    const internalRef = React84.useRef(null);
     const popoverRef = ref ?? internalRef;
     const { popoverProps, underlayProps } = reactAria.usePopover(
       {
@@ -133,21 +133,21 @@ var Popover = React85.forwardRef(
       },
       state
     );
-    const popoverBox = /* @__PURE__ */ React85__namespace.default.createElement(
+    const popoverBox = /* @__PURE__ */ React84__namespace.default.createElement(
       react.Box,
       {
         ...popoverProps,
         ref: popoverRef,
         minWidth: ((_a = triggerRef.current) == null ? void 0 : _a.clientWidth) ?? "auto"
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state.close }),
+      /* @__PURE__ */ React84__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state.close }),
       children,
-      /* @__PURE__ */ React85__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state.close })
+      /* @__PURE__ */ React84__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state.close })
     );
     if (isNonModal) {
       return popoverBox;
     }
-    return /* @__PURE__ */ React85__namespace.default.createElement(reactAria.Overlay, null, hasBackdrop && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
+    return /* @__PURE__ */ React84__namespace.default.createElement(reactAria.Overlay, null, hasBackdrop && /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
   }
 );
@@ -170,7 +170,7 @@ var CardSelect = react.forwardRef(
   }, externalRef) => {
     var _a;
     const label = "label" in props ? props.label : props["aria-label"];
-    const internalRef = React85.useRef(null);
+    const internalRef = React84.useRef(null);
     const triggerRef = externalRef ?? internalRef;
     const state = reactStately.useOverlayTriggerState({
       isOpen: externalIsOpen,
@@ -189,7 +189,7 @@ var CardSelect = react.forwardRef(
     });
     useForceRerender(state.isOpen);
     const ChevronIcon = size === "sm" ? sporIconReact.DropdownDownFill18Icon : sporIconReact.DropdownDownFill24Icon;
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React84__namespace.default.createElement(
       react.chakra.button,
       {
         type: "button",
@@ -200,13 +200,13 @@ var CardSelect = react.forwardRef(
         width,
         "data-attachable": true
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React84__namespace.default.createElement(
         ChevronIcon,
         {
           transform: state.isOpen ? "rotate(180deg)" : "none"
         }
       ) : null)
-    ), state.isOpen && /* @__PURE__ */ React85__namespace.default.createElement(
+    ), state.isOpen && /* @__PURE__ */ React84__namespace.default.createElement(
       Popover,
       {
         state,
@@ -216,7 +216,7 @@ var CardSelect = react.forwardRef(
         placement,
         containerPadding: 0
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(
         StaticCard,
         {
           colorScheme: "white",
@@ -228,14 +228,14 @@ var CardSelect = react.forwardRef(
           ...overlayProps,
           maxWidth: (((_a = triggerRef.current) == null ? void 0 : _a.clientWidth) ?? 1) * 2
         },
-        /* @__PURE__ */ React85__namespace.default.createElement(Dialog, { "aria-label": label }, children)
+        /* @__PURE__ */ React84__namespace.default.createElement(Dialog, { "aria-label": label }, children)
       )
     ));
   }
 );
 function useForceRerender(shouldRerender) {
-  const [_, update] = React85.useState(false);
-  React85.useEffect(() => {
+  const [_, update] = React84.useState(false);
+  React84.useEffect(() => {
     if (shouldRerender) {
       update((x) => !x);
     }
@@ -247,7 +247,7 @@ var CheckboxGroup = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.CheckboxGroup, { ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Stack, { direction }, children));
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.CheckboxGroup, { ...props }, /* @__PURE__ */ React84__namespace.default.createElement(react.Stack, { direction }, children));
 };
 var ChoiceChip = react.forwardRef(
   ({
@@ -273,15 +273,15 @@ var ChoiceChip = react.forwardRef(
       icon,
       hasLabel: chipType !== "icon"
     });
-    const id = `choice-chip-${React85.useId()}`;
-    return /* @__PURE__ */ React85__namespace.default.createElement(
+    const id = `choice-chip-${React84.useId()}`;
+    return /* @__PURE__ */ React84__namespace.default.createElement(
       react.chakra.label,
       {
         ...getRootProps(),
         htmlFor: id,
         "aria-label": String(children)
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(
         react.chakra.input,
         {
           ...getInputProps({}, ref),
@@ -289,7 +289,7 @@ var ChoiceChip = react.forwardRef(
           disabled: isDisabled || state.isDisabled
         }
       ),
-      /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(
         react.chakra.div,
         {
           ...getLabelProps(),
@@ -300,9 +300,9 @@ var ChoiceChip = react.forwardRef(
           "data-active": utils.dataAttr(state.isActive),
           "data-disabled": utils.dataAttr(isDisabled || state.isDisabled)
         },
-        icon && /* @__PURE__ */ React85__namespace.default.createElement(react.chakra.span, { __css: styles2.icon }, state.isChecked ? icon.checked : icon.default),
-        chipType !== "icon" && /* @__PURE__ */ React85__namespace.default.createElement(react.chakra.span, { __css: styles2.label, ...getCheckboxProps() }, children),
-        chipType === "filter" && state.isChecked && /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseOutline24Icon, { marginLeft: 1.5 })
+        icon && /* @__PURE__ */ React84__namespace.default.createElement(react.chakra.span, { __css: styles2.icon }, state.isChecked ? icon.checked : icon.default),
+        chipType !== "icon" && /* @__PURE__ */ React84__namespace.default.createElement(react.chakra.span, { __css: styles2.label, ...getCheckboxProps() }, children),
+        chipType === "filter" && state.isChecked && /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.CloseOutline24Icon, { marginLeft: 1.5 })
       )
     );
   }
@@ -335,11 +335,11 @@ function Combobox({
   ...rest
 }) {
   const { contains } = reactAria.useFilter({ sensitivity: "base" });
-  const fallbackInputRef = React85.useRef(null);
+  const fallbackInputRef = React84.useRef(null);
   const inputRef = externalInputRef ?? fallbackInputRef;
-  const listBoxRef = React85.useRef(null);
-  const popoverRef = React85.useRef(null);
-  const listboxId = `${React85.useId()}-listbox`;
+  const listBoxRef = React84.useRef(null);
+  const popoverRef = React84.useRef(null);
+  const listboxId = `${React84.useId()}-listbox`;
   const inputWidth = useInputWidth(inputRef);
   const state = reactStately.useComboBoxState({
     allowsEmptyCollection: Boolean(emptyContent),
@@ -377,7 +377,7 @@ function Combobox({
     },
     state
   );
-  return /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(React84__namespace.default.Fragment, null, /* @__PURE__ */ React84__namespace.default.createElement(
     Input,
     {
       ...styleProps(comboBoxProps),
@@ -392,7 +392,7 @@ function Combobox({
       borderBottomLeftRadius: state.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
       borderBottomRightRadius: state.isOpen && !isLoading ? 0 : borderBottomRightRadius,
       ...inputProps,
-      rightIcon: isLoading ? /* @__PURE__ */ React85__namespace.default.createElement(
+      rightIcon: isLoading ? /* @__PURE__ */ React84__namespace.default.createElement(
         ColorSpinner,
         {
           width: "1.5rem",
@@ -407,7 +407,7 @@ function Combobox({
         }
       ) : rightIcon
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement("span", { "aria-hidden": "true", "data-trigger": "multiselect" }), state.isOpen && !isLoading && /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement("span", { "aria-hidden": "true", "data-trigger": "multiselect" }), state.isOpen && !isLoading && /* @__PURE__ */ React84__namespace.default.createElement(
     Popover,
     {
       state,
@@ -419,7 +419,7 @@ function Combobox({
       hasBackdrop: false,
       containerPadding: 0
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       ListBox,
       {
         ...listBoxProps,
@@ -435,8 +435,8 @@ function Combobox({
   ));
 }
 var useInputWidth = (inputRef) => {
-  const [inputWidth, setInputWidth] = React85.useState("auto");
-  React85.useEffect(() => {
+  const [inputWidth, setInputWidth] = React84.useState("auto");
+  React84.useEffect(() => {
     const onResize = debounce(() => {
       if (inputRef.current) {
         setInputWidth(`${inputRef.current.offsetWidth}px`);
@@ -462,9 +462,6 @@ var debounce = (fn, ms = 100) => {
     }, ms);
   };
 };
-var FormControl = react.forwardRef((props, ref) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.FormControl, { ...props, ref });
-});
 var FormErrorMessage = ({
   children,
   ...boxProps
@@ -479,7 +476,7 @@ var FormErrorMessage = ({
     return null;
   }
   const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React84__namespace.default.createElement(
     react.Box,
     {
       borderRadius: "xs",
@@ -497,12 +494,12 @@ var FormErrorMessage = ({
       ...errorMessageProps,
       ...boxProps
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
+    /* @__PURE__ */ React84__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
     children
   ));
 };
 var Arrow = (props) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.Box,
     {
       ...props,
@@ -513,7 +510,7 @@ var Arrow = (props) => {
       fill: "none",
       transform: "rotate(45deg)"
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       react.Box,
       {
         as: "path",
@@ -524,7 +521,7 @@ var Arrow = (props) => {
   );
 };
 var FormLabel = react.forwardRef((props, ref) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.FormLabel, { ...props, ref });
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.FormLabel, { ...props, ref });
 });
 function ListBox({
   isLoading,
@@ -536,7 +533,7 @@ function ListBox({
 }) {
   const { listBoxProps } = reactAria.useListBox(props, state, listBoxRef);
   const styles2 = react.useMultiStyleConfig("ListBox", { variant });
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.List,
     {
       ...listBoxProps,
@@ -548,22 +545,22 @@ function ListBox({
     },
     state.collection.size === 0 && props.emptyContent,
     Array.from(state.collection).map(
-      (item) => item.type === "section" ? /* @__PURE__ */ React85__namespace.default.createElement(ListBoxSection, { key: item.key, section: item, state }) : /* @__PURE__ */ React85__namespace.default.createElement(Option, { key: item.key, item, state })
+      (item) => item.type === "section" ? /* @__PURE__ */ React84__namespace.default.createElement(ListBoxSection, { key: item.key, section: item, state }) : /* @__PURE__ */ React84__namespace.default.createElement(Option, { key: item.key, item, state })
     )
   );
 }
 function ItemLabel({ children }) {
   let { labelProps } = useOptionContext();
   const styles2 = react.useMultiStyleConfig("ListBox", {});
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...labelProps, sx: styles2.label }, children);
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { ...labelProps, sx: styles2.label }, children);
 }
 function ItemDescription({ children }) {
   let { descriptionProps } = useOptionContext();
   const styles2 = react.useMultiStyleConfig("ListBox", {});
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles2.description }, children);
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles2.description }, children);
 }
 function Option({ item, state }) {
-  const ref = React85.useRef(null);
+  const ref = React84.useRef(null);
   const {
     optionProps,
     isSelected,
@@ -587,7 +584,7 @@ function Option({ item, state }) {
   if (isFocusVisible) {
     dataFields["data-focus-visible"] = true;
   }
-  React85.useEffect(() => {
+  React84.useEffect(() => {
     var _a;
     (_a = ref == null ? void 0 : ref.current) == null ? void 0 : _a.addEventListener(
       "touchend",
@@ -597,14 +594,14 @@ function Option({ item, state }) {
       { passive: false, once: true }
     );
   }, []);
-  return /* @__PURE__ */ React85__namespace.default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React85__namespace.default.createElement(react.ListItem, { ...optionProps, ...dataFields, ref, sx: styles2.item }, item.rendered));
+  return /* @__PURE__ */ React84__namespace.default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React84__namespace.default.createElement(react.ListItem, { ...optionProps, ...dataFields, ref, sx: styles2.item }, item.rendered));
 }
-var OptionContext = React85__namespace.default.createContext({
+var OptionContext = React84__namespace.default.createContext({
   labelProps: {},
   descriptionProps: {}
 });
 var useOptionContext = () => {
-  return React85.useContext(OptionContext);
+  return React84.useContext(OptionContext);
 };
 function ListBoxSection({ section, state }) {
   const { itemProps, headingProps, groupProps } = reactAria.useListBoxSection({
@@ -613,7 +610,7 @@ function ListBoxSection({ section, state }) {
   });
   const isFirstSection = section.key === state.collection.getFirstKey();
   const titleColor = react.useColorModeValue("darkGrey", "white");
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React84__namespace.default.createElement(
     react.Box,
     {
       fontSize: "mobile.xs",
@@ -626,8 +623,8 @@ function ListBoxSection({ section, state }) {
       ...headingProps
     },
     section.rendered
-  ), /* @__PURE__ */ React85__namespace.default.createElement(react.List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state.collection.getChildren(section.key)).map(
-    (item) => /* @__PURE__ */ React85__namespace.default.createElement(Option, { key: item.key, item, state })
+  ), /* @__PURE__ */ React84__namespace.default.createElement(react.List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state.collection.getChildren(section.key)).map(
+    (item) => /* @__PURE__ */ React84__namespace.default.createElement(Option, { key: item.key, item, state })
   )));
 }
@@ -648,8 +645,8 @@ function InfoSelect({
     ...props
   };
   const state = reactStately.useSelectState(renamedProps);
-  const triggerRef = React85.useRef(null);
-  const listboxRef = React85.useRef(null);
+  const triggerRef = React84.useRef(null);
+  const listboxRef = React84.useRef(null);
   const { labelProps, triggerProps, valueProps, menuProps } = reactAria.useSelect(
     renamedProps,
     state,
@@ -667,7 +664,7 @@ function InfoSelect({
   const { buttonProps } = reactAria.useButton(triggerProps, triggerRef);
   const { t } = useTranslation();
   const formControl = react.useFormControlProps(props);
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: styles2.container }, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { sx: styles2.container }, /* @__PURE__ */ React84__namespace.default.createElement(
     reactAria.HiddenSelect,
     {
       state,
@@ -675,7 +672,7 @@ function InfoSelect({
       label: props.label,
       name: props.name
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     react.chakra.button,
     {
       type: "button",
@@ -686,7 +683,7 @@ function InfoSelect({
       "aria-invalid": formControl.isInvalid,
       "aria-describedby": formControl["aria-describedby"]
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(react.chakra.div, { sx: styles2.innerButton }, /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(react.chakra.div, { sx: styles2.innerButton }, /* @__PURE__ */ React84__namespace.default.createElement(
       react.chakra.div,
       {
         ...labelProps,
@@ -700,7 +697,7 @@ function InfoSelect({
         }
       },
       props.label
-    ), /* @__PURE__ */ React85__namespace.default.createElement(
+    ), /* @__PURE__ */ React84__namespace.default.createElement(
       react.Box,
       {
         ...valueProps,
@@ -712,15 +709,15 @@ function InfoSelect({
       },
       state.selectedItem ? state.selectedItem.textValue ?? state.selectedItem.rendered : placeholder ?? t(texts.selectAnOption)
     )),
-    /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: styles2.arrowIcon }, state.isOpen ? /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownUpFill24Icon, null) : /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownDownFill24Icon, null))
-  ), state.isOpen && /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { sx: styles2.arrowIcon }, state.isOpen ? /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.DropdownUpFill24Icon, null) : /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.DropdownDownFill24Icon, null))
+  ), state.isOpen && /* @__PURE__ */ React84__namespace.default.createElement(
     Popover,
     {
       state,
       triggerRef,
       containerPadding: 0
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       ListBox,
       {
         ...menuProps,
@@ -744,10 +741,10 @@ var texts = createTexts({
 var Input = react.forwardRef(
   ({ label, leftIcon, rightIcon, id, size, ...props }, ref) => {
     const formControlProps = react.useFormControlContext();
-    const fallbackId = `input-${React85.useId()}`;
+    const fallbackId = `input-${React84.useId()}`;
     const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
-    const labelId = `${React85.useId()}-label`;
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React85__namespace.default.createElement(react.InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React85__namespace.default.createElement(
+    const labelId = `${React84.useId()}-label`;
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React84__namespace.default.createElement(react.InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React84__namespace.default.createElement(
       react.Input,
       {
         "data-attachable": true,
@@ -765,7 +762,7 @@ var Input = react.forwardRef(
           }
         }
       }
-    ), /* @__PURE__ */ React85__namespace.default.createElement(
+    ), /* @__PURE__ */ React84__namespace.default.createElement(
       react.FormLabel,
       {
         htmlFor: inputId,
@@ -788,19 +785,19 @@ var Input = react.forwardRef(
         }
       },
       label
-    ), rightIcon && /* @__PURE__ */ React85__namespace.default.createElement(react.InputRightElement, { pointerEvents: "none" }, rightIcon));
+    ), rightIcon && /* @__PURE__ */ React84__namespace.default.createElement(react.InputRightElement, { pointerEvents: "none" }, rightIcon));
   }
 );
 var InputLeftElement2 = react.forwardRef(
-  (props, ref) => /* @__PURE__ */ React85__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
+  (props, ref) => /* @__PURE__ */ React84__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
 );
 var InputRightElement2 = react.forwardRef(
-  (props, ref) => /* @__PURE__ */ React85__namespace.default.createElement(react.InputRightElement, { ...props, ref })
+  (props, ref) => /* @__PURE__ */ React84__namespace.default.createElement(react.InputRightElement, { ...props, ref })
 );
 var NativeSelect = react.forwardRef(
   ({ label, ...props }, ref) => {
     const styles2 = react.useMultiStyleConfig("Select", props);
-    return /* @__PURE__ */ React85__namespace.default.createElement(FormControl, null, /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.FormControl, null, /* @__PURE__ */ React84__namespace.default.createElement(
       react.Select,
       {
         "data-attachable": true,
@@ -808,7 +805,7 @@ var NativeSelect = react.forwardRef(
         rootProps: { __css: styles2.root },
         ref
       }
-    ), label && /* @__PURE__ */ React85__namespace.default.createElement(FormLabel, null, label));
+    ), label && /* @__PURE__ */ React84__namespace.default.createElement(FormLabel, null, label));
   }
 );
 function NumericStepper({
@@ -826,7 +823,7 @@ function NumericStepper({
   ariaLabelContext = { singular: "", plural: "" },
   ...boxProps
 }) {
-  const addButtonRef = React85.useRef(null);
+  const addButtonRef = React84.useRef(null);
   const { t } = useTranslation();
   const styles2 = react.useMultiStyleConfig("NumericStepper", {});
   const [value, onChange] = react.useControllableState({
@@ -840,10 +837,10 @@ function NumericStepper({
     var _a;
     (_a = addButtonRef.current) == null ? void 0 : _a.focus();
   };
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { __css: styles2.container, ...boxProps }, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { __css: styles2.container, ...boxProps }, /* @__PURE__ */ React84__namespace.default.createElement(
     VerySmallButton,
     {
-      icon: /* @__PURE__ */ React85__namespace.default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
+      icon: /* @__PURE__ */ React84__namespace.default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
       "aria-label": t(
         texts2.decrementButtonAriaLabel(
           clampedStepSize,
@@ -860,7 +857,7 @@ function NumericStepper({
       isDisabled: formControlProps.disabled,
       id: value <= minValue ? void 0 : formControlProps.id
     }
-  ), withInput ? /* @__PURE__ */ React85__namespace.default.createElement(
+  ), withInput ? /* @__PURE__ */ React84__namespace.default.createElement(
     react.chakra.input,
     {
       type: "number",
@@ -886,7 +883,7 @@ function NumericStepper({
         }
       }
     }
-  ) : /* @__PURE__ */ React85__namespace.default.createElement(
+  ) : /* @__PURE__ */ React84__namespace.default.createElement(
     react.chakra.text,
     {
       sx: styles2.text,
@@ -895,11 +892,11 @@ function NumericStepper({
       "aria-label": ariaLabelContext.plural !== "" ? t(texts2.currentNumberAriaLabel(ariaLabelContext.plural)) : ""
     },
     value
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     VerySmallButton,
     {
       ref: addButtonRef,
-      icon: /* @__PURE__ */ React85__namespace.default.createElement(AddIcon, { stepLabel: clampedStepSize }),
+      icon: /* @__PURE__ */ React84__namespace.default.createElement(AddIcon, { stepLabel: clampedStepSize }),
       "aria-label": t(
         texts2.incrementButtonAriaLabel(
           clampedStepSize,
@@ -913,9 +910,9 @@ function NumericStepper({
     }
   ));
 }
-var VerySmallButton = React85__namespace.default.forwardRef((props, ref) => {
+var VerySmallButton = React84__namespace.default.forwardRef((props, ref) => {
   const styles2 = react.useMultiStyleConfig("NumericStepper", {});
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     IconButton,
     {
       variant: "primary",
@@ -926,7 +923,7 @@ var VerySmallButton = React85__namespace.default.forwardRef((props, ref) => {
     }
   );
 });
-var SubtractIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, /* @__PURE__ */ React85__namespace.default.createElement(
+var SubtractIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React84__namespace.default.createElement(React84__namespace.default.Fragment, null, /* @__PURE__ */ React84__namespace.default.createElement(
   react.Box,
   {
     as: "svg",
@@ -936,7 +933,7 @@ var SubtractIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React85__namespa
     stroke: "currentColor",
     ...props
   },
-  /* @__PURE__ */ React85__namespace.default.createElement(
+  /* @__PURE__ */ React84__namespace.default.createElement(
     "line",
     {
       x1: "9",
@@ -947,8 +944,8 @@ var SubtractIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React85__namespa
       strokeLinecap: "round"
     }
   )
-), stepLabel > 1 && /* @__PURE__ */ React85__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, stepLabel.toString()));
-var AddIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, /* @__PURE__ */ React85__namespace.default.createElement(
+), stepLabel > 1 && /* @__PURE__ */ React84__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, stepLabel.toString()));
+var AddIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React84__namespace.default.createElement(React84__namespace.default.Fragment, null, /* @__PURE__ */ React84__namespace.default.createElement(
   react.Box,
   {
     as: "svg",
@@ -958,7 +955,7 @@ var AddIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React85__namespace.de
     stroke: "currentColor",
     ...props
   },
-  /* @__PURE__ */ React85__namespace.default.createElement(
+  /* @__PURE__ */ React84__namespace.default.createElement(
     "line",
     {
       x1: "9",
@@ -969,7 +966,7 @@ var AddIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React85__namespace.de
       strokeLinecap: "round"
     }
   ),
-  /* @__PURE__ */ React85__namespace.default.createElement(
+  /* @__PURE__ */ React84__namespace.default.createElement(
     "line",
     {
       x1: "15",
@@ -980,7 +977,7 @@ var AddIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React85__namespace.de
       strokeLinecap: "round"
     }
   )
-), stepLabel > 1 && /* @__PURE__ */ React85__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, stepLabel.toString()));
+), stepLabel > 1 && /* @__PURE__ */ React84__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, stepLabel.toString()));
 var texts2 = createTexts({
   currentNumberAriaLabel(ariaContext) {
     return {
@@ -1012,9 +1009,9 @@ var PasswordInput = react.forwardRef(
     const { isOpen: isShowingPassword, onToggle } = react.useDisclosure();
     const { t } = useTranslation();
     const formControlProps = react.useFormControlContext();
-    const autoGeneratedId = `password-input-${React85.useId()}`;
+    const autoGeneratedId = `password-input-${React84.useId()}`;
     const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React85__namespace.default.createElement(InputLeftElement2, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React84__namespace.default.createElement(InputLeftElement2, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React84__namespace.default.createElement(
       react.Input,
       {
         ...props,
@@ -1026,7 +1023,7 @@ var PasswordInput = react.forwardRef(
         ref,
         "data-attachable": true
       }
-    ), /* @__PURE__ */ React85__namespace.default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React85__namespace.default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React85__namespace.default.createElement(
+    ), /* @__PURE__ */ React84__namespace.default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React84__namespace.default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React84__namespace.default.createElement(
       react.Button,
       {
         variant: "ghost",
@@ -1070,7 +1067,7 @@ var sortedCallingCodes = awesomePhonenumber.getSupportedCallingCodes().sort((a,
 var callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
 var CountryCodeSelect = (props) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     InfoSelect,
     {
       label: t(texts4.countryCode),
@@ -1079,7 +1076,7 @@ var CountryCodeSelect = (props) => {
       variant: props.variant,
       ...props
     },
-    (item) => /* @__PURE__ */ React85__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
+    (item) => /* @__PURE__ */ React84__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
   );
 };
 var texts4 = createTexts({
@@ -1112,7 +1109,7 @@ var PhoneNumberInput = react.forwardRef(
         nationalNumber: ""
       }
     });
-    return /* @__PURE__ */ React85__namespace.default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React84__namespace.default.createElement(
       CountryCodeSelect,
       {
         value: value.countryCode,
@@ -1125,7 +1122,7 @@ var PhoneNumberInput = react.forwardRef(
         width: "6.25rem",
         variant
       }
-    ), /* @__PURE__ */ React85__namespace.default.createElement(
+    ), /* @__PURE__ */ React84__namespace.default.createElement(
       Input,
       {
         ref,
@@ -1168,11 +1165,11 @@ var texts5 = createTexts({
   }
 });
 var Radio = react.forwardRef((props, ref) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Radio, { ...props, ref });
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Radio, { ...props, ref });
 });
 var RadioGroup = react.forwardRef(
   ({ children, direction = "row", ...rest }, ref) => {
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React85__namespace.default.createElement(react.Stack, { direction }, children));
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React84__namespace.default.createElement(react.Stack, { direction }, children));
   }
 );
 var SearchInput = react.forwardRef(
@@ -1180,10 +1177,10 @@ var SearchInput = react.forwardRef(
     const { t } = useTranslation();
     const showClearButton = onReset && Boolean(props.value);
     const formControlProps = react.useFormControlContext();
-    const autoGeneratedId = React85.useId();
+    const autoGeneratedId = React84.useId();
     const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
     const { outerProps, innerProps } = getOuterProps(props);
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.InputGroup, { position: "relative", ...outerProps }, /* @__PURE__ */ React85__namespace.default.createElement(InputLeftElement2, { pointerEvents: "none" }, /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.SearchOutline24Icon, null)), /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.InputGroup, { position: "relative", ...outerProps }, /* @__PURE__ */ React84__namespace.default.createElement(InputLeftElement2, { pointerEvents: "none" }, /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.SearchOutline24Icon, null)), /* @__PURE__ */ React84__namespace.default.createElement(
       react.Input,
       {
         paddingLeft: 7,
@@ -1200,7 +1197,7 @@ var SearchInput = react.forwardRef(
         ref,
         "data-attachable": true
       }
-    ), /* @__PURE__ */ React85__namespace.default.createElement(
+    ), /* @__PURE__ */ React84__namespace.default.createElement(
       FormLabel,
       {
         htmlFor: inputId,
@@ -1221,7 +1218,7 @@ var SearchInput = react.forwardRef(
         }
       },
       label ?? t(texts6.label)
-    ), showClearButton && /* @__PURE__ */ React85__namespace.default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React85__namespace.default.createElement(
+    ), showClearButton && /* @__PURE__ */ React84__namespace.default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React84__namespace.default.createElement(
       react.IconButton,
       {
         variant: "ghost",
@@ -1229,7 +1226,7 @@ var SearchInput = react.forwardRef(
         size: "sm",
         marginRight: 1,
         "aria-label": t(texts6.reset),
-        icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
+        icon: /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
         onClick: onReset
       }
     )));
@@ -1264,13 +1261,13 @@ var texts6 = createTexts({
 });
 var Switch = react.forwardRef(
   ({ size = "md", as, ...props }, ref) => {
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.Switch, { as, size, ...props, ref });
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.Switch, { as, size, ...props, ref });
   }
 );
 var useLabelHeight = (label) => {
-  const labelRef = React85.useRef(null);
-  const [labelHeight, setLabelHeight] = React85.useState(0);
-  React85.useLayoutEffect(() => {
+  const labelRef = React84.useRef(null);
+  const [labelHeight, setLabelHeight] = React84.useState(0);
+  React84.useLayoutEffect(() => {
     const updateLabelHeight = () => {
       if (labelRef.current) {
         setLabelHeight(labelRef.current.offsetHeight);
@@ -1295,18 +1292,18 @@ var Textarea = react.forwardRef((props, ref) => {
     remainingProps: { label, ...rest }
   } = getSpacingProps(props);
   const formControlProps = react.useFormControlContext();
-  const fallbackId = `textarea-${React85.useId()}`;
+  const fallbackId = `textarea-${React84.useId()}`;
   const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
   const { labelRef, labelHeight } = useLabelHeight(label);
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.InputGroup,
     {
       position: "relative",
       ...spacingProps,
       style: { "--label-height": `${labelHeight}px` }
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(react.Textarea, { ...rest, id: inputId, ref, placeholder: " " }),
-    label && /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(react.Textarea, { ...rest, id: inputId, ref, placeholder: " " }),
+    label && /* @__PURE__ */ React84__namespace.default.createElement(
       react.FormLabel,
       {
         ref: labelRef,
@@ -1378,7 +1375,7 @@ function getSpacingProps(props) {
 }
 // src/layout/RadioCardGroup.tsx
-var RadioCardGroupContext = React85__namespace.default.createContext(null);
+var RadioCardGroupContext = React84__namespace.default.createContext(null);
 var RadioCardGroup = ({
   children,
   name,
@@ -1389,14 +1386,14 @@ var RadioCardGroup = ({
   onChange,
   ...props
 }) => {
-  const [selectedValue, setSelectedValue] = React85.useState(
+  const [selectedValue, setSelectedValue] = React84.useState(
     defaultValue || ""
   );
   const handleChange = (value) => {
     setSelectedValue(value);
     onChange && onChange(value);
   };
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     RadioCardGroupContext.Provider,
     {
       value: {
@@ -1407,12 +1404,12 @@ var RadioCardGroup = ({
         defaultValue: defaultValue || ""
       }
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(react.Stack, { as: "fieldset", direction, ...props }, groupLabel && /* @__PURE__ */ React85__namespace.default.createElement(FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
+    /* @__PURE__ */ React84__namespace.default.createElement(react.Stack, { as: "fieldset", direction, ...props }, groupLabel && /* @__PURE__ */ React84__namespace.default.createElement(FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
   );
 };
 var RadioCard = react.forwardRef(
   ({ children, value, isDisabled, ...props }, ref) => {
-    const context = React85.useContext(RadioCardGroupContext);
+    const context = React84.useContext(RadioCardGroupContext);
     if (!context) {
       throw new Error(
         "RadioCard components must be wrapped in a RadioCardGroup component"
@@ -1420,10 +1417,10 @@ var RadioCard = react.forwardRef(
     }
     const { name, selectedValue, onChange, variant } = context;
     const styles2 = react.useMultiStyleConfig("RadioCard", { variant });
-    const [isKeyboardUser, setKeyboardUser] = React85.useState(false);
-    const [isFocused, setFocus] = React85.useState(false);
+    const [isKeyboardUser, setKeyboardUser] = React84.useState(false);
+    const [isFocused, setFocus] = React84.useState(false);
     const isChecked = selectedValue === value;
-    React85.useEffect(() => {
+    React84.useEffect(() => {
       const handleMouseDown = () => setKeyboardUser(false);
       const handleKeyDown = (event) => {
         if (event.key === " ") {
@@ -1439,21 +1436,21 @@ var RadioCard = react.forwardRef(
         window.removeEventListener("keydown", handleKeyDown);
       };
     }, []);
-    React85.useEffect(() => {
+    React84.useEffect(() => {
       if (isKeyboardUser && isChecked) {
         setFocus(true);
       } else {
         setFocus(false);
       }
     }, [isKeyboardUser, isChecked]);
-    const inputId = `radio-card-${React85.useId()}`;
-    return /* @__PURE__ */ React85__namespace.default.createElement(
+    const inputId = `radio-card-${React84.useId()}`;
+    return /* @__PURE__ */ React84__namespace.default.createElement(
       react.Box,
       {
         onFocus: () => isKeyboardUser && setFocus(true),
         onBlur: () => setFocus(false)
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(
         react.chakra.input,
         {
           type: "radio",
@@ -1466,7 +1463,7 @@ var RadioCard = react.forwardRef(
           __css: styles2.radioInput
         }
       ),
-      /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(
         react.Box,
         {
           as: "label",
@@ -1493,7 +1490,7 @@ var StaticCard = react.forwardRef(
     const styles2 = react.useStyleConfig("StaticCard", {
       colorScheme
     });
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: styles2, ...props, ref }, children);
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { __css: styles2, ...props, ref }, children);
   }
 );
 var PressableCard = react.forwardRef(
@@ -1501,20 +1498,20 @@ var PressableCard = react.forwardRef(
     const styles2 = react.useStyleConfig("PressableCard", {
       variant
     });
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: styles2, ...props, ref }, children);
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { __css: styles2, ...props, ref }, children);
   }
 );
 var Accordion = react.forwardRef(
   ({ children, spacing: spacing2 = 2, ...props }, ref) => {
     const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
-    return /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(
       react.Accordion,
       {
         ...props,
         ref,
         defaultIndex
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(Stack, { spacing: spacing2 }, children)
+      /* @__PURE__ */ React84__namespace.default.createElement(Stack, { spacing: spacing2 }, children)
     );
   }
 );
@@ -1529,7 +1526,7 @@ var Expandable = ({
   },
   ...rest
 }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     Accordion,
     {
       ...rest,
@@ -1537,7 +1534,7 @@ var Expandable = ({
       defaultIndex: defaultOpen ? 0 : void 0,
       onChange: (expandedIndex) => onChange(expandedIndex === 0)
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       ExpandableItem,
       {
         headingLevel,
@@ -1556,7 +1553,7 @@ var ExpandableItem = ({
   ...rest
 }) => {
   warnAboutMismatchingIcon({ icon: leftIcon });
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionItem, { ...rest }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: headingLevel }, /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionButton, null, /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionIcon, null))), /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionPanel, null, children));
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.AccordionItem, { ...rest }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { as: headingLevel }, /* @__PURE__ */ React84__namespace.default.createElement(react.AccordionButton, null, /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React84__namespace.default.createElement(react.AccordionIcon, null))), /* @__PURE__ */ React84__namespace.default.createElement(react.AccordionPanel, null, children));
 };
 var warnAboutMismatchingIcon = ({ icon }) => {
   var _a, _b;
@@ -1591,15 +1588,15 @@ var Language = /* @__PURE__ */ ((Language3) => {
   Language3["English"] = "en";
   return Language3;
 })(Language || {});
-var LanguageContext = React85.createContext(void 0);
+var LanguageContext = React84.createContext(void 0);
 function LanguageProvider({
   language,
   children
 }) {
-  return /* @__PURE__ */ React85__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
+  return /* @__PURE__ */ React84__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
 }
 function useLanguage() {
-  const language = React85.useContext(LanguageContext);
+  const language = React84.useContext(LanguageContext);
   if (!language) {
     throw new Error("Please wrap your application in a LanguageProvider");
   }
@@ -1617,8 +1614,8 @@ function createTexts(texts31) {
 }
 var hydrating = true;
 function useHydrated() {
-  let [hydrated, setHydrated] = React85.useState(() => !hydrating);
-  React85.useEffect(function hydrate() {
+  let [hydrated, setHydrated] = React84.useState(() => !hydrating);
+  React84.useEffect(function hydrate() {
     hydrating = false;
     setHydrated(true);
   }, []);
@@ -1628,11 +1625,11 @@ function useHydrated() {
 // src/loader/ClientOnly.tsx
 var ClientOnly = ({ children, fallback = null }) => {
   const isHydrated = useHydrated();
-  return /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, isHydrated ? children() : fallback);
+  return /* @__PURE__ */ React84__namespace.default.createElement(React84__namespace.default.Fragment, null, isHydrated ? children() : fallback);
 };
 function Lottie({ animationData }) {
   const { View } = lottieReact.useLottie({ animationData, loop: true });
-  return /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, View);
+  return /* @__PURE__ */ React84__namespace.default.createElement(React84__namespace.default.Fragment, null, View);
 }
 // src/loader/ColorInlineLoader.tsx
@@ -1641,7 +1638,7 @@ var ColorInlineLoader = ({
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderColorData }))));
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React84__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderColorData }))));
 };
 var ColorSpinner = ({
   children,
@@ -1649,24 +1646,24 @@ var ColorSpinner = ({
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerColorData }))), children && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React84__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerColorData }))), children && /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
 };
 var ContentLoader = ({ children, ...props }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.contentLoaderData }))), children && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { textAlign: "center", fontWeight: "bold" }, children));
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React84__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__namespace.default.createElement(Lottie, { animationData: sporLoader.contentLoaderData }))), children && /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { textAlign: "center", fontWeight: "bold" }, children));
 };
 var DarkFullScreenLoader = ({
   width,
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderWhiteData }))));
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React84__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderWhiteData }))));
 };
 var DarkInlineLoader = ({
   width,
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderDarkData }))));
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React84__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderDarkData }))));
 };
 var DarkSpinner = ({
   children,
@@ -1676,21 +1673,21 @@ var DarkSpinner = ({
 }) => {
   const { colorMode } = react.useColorMode();
   const spinnerData = colorMode === "dark" ? sporLoader.spinnerLightData : sporLoader.spinnerDarkData;
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React84__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__namespace.default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
 };
 var LightFullScreenLoader = ({
   width,
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderBlackData }))));
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React84__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderBlackData }))));
 };
 var LightInlineLoader = ({
   width,
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderLightData }))));
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React84__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderLightData }))));
 };
 var LightSpinner = ({
   children,
@@ -1698,14 +1695,14 @@ var LightSpinner = ({
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerLightData }))), children && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React84__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerLightData }))), children && /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
 };
 var useRotatingLabel = ({ label, delay }) => {
-  const loadingTextArray = React85.useMemo(
+  const loadingTextArray = React84.useMemo(
     () => Array.isArray(label) ? label : [label],
     [label]
   );
-  const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React85.useState(0);
+  const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React84.useState(0);
   react.useInterval(() => {
     setCurrentLoadingTextIndex(
       (prevIndex) => (prevIndex + 1) % loadingTextArray.length
@@ -1736,7 +1733,7 @@ var ProgressBar = ({
     "aria-label": ariaLabel || t(texts7.label(value))
   });
   const styles2 = react.useMultiStyleConfig("ProgressBar", { isActive });
-  return /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(React84__namespace.default.Fragment, null, /* @__PURE__ */ React84__namespace.default.createElement(
     react.Box,
     {
       ...progressBarProps,
@@ -1744,7 +1741,7 @@ var ProgressBar = ({
       __css: styles2.container,
       ...rest
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, __css: styles2.background }, /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { width, __css: styles2.background }, /* @__PURE__ */ React84__namespace.default.createElement(
       react.Box,
       {
         __css: styles2.progress,
@@ -1752,7 +1749,7 @@ var ProgressBar = ({
         width: isActive ? `${value}%` : "100%"
       }
     )),
-    currentLoadingText && /* @__PURE__ */ React85__namespace.default.createElement(react.Text, { sx: styles2.description, ...labelProps }, currentLoadingText)
+    currentLoadingText && /* @__PURE__ */ React84__namespace.default.createElement(react.Text, { sx: styles2.description, ...labelProps }, currentLoadingText)
   ));
 };
 var texts7 = createTexts({
@@ -1782,11 +1779,11 @@ var ProgressLoader = ({
     value,
     "aria-label": ariaLabel ?? t(texts8.fallbackLabel(value ?? "?"))
   });
-  const pathRef = React85.useRef(null);
+  const pathRef = React84.useRef(null);
   const progressPathLength = ((_a = pathRef.current) == null ? void 0 : _a.getTotalLength()) ?? 0;
   const progress = (value - 100) / 100 * progressPathLength;
-  const id = React85.useId();
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React85__namespace.default.createElement(
+  const id = React84.useId();
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React84__namespace.default.createElement(
     react.Box,
     {
       as: "path",
@@ -1794,7 +1791,7 @@ var ProgressLoader = ({
       d: "M14.0479 44.8251C19.4332 44.8251 23.7988 40.5242 23.7988 35.2187C23.7988 29.9133 19.4332 25.6124 14.0479 25.6124C8.66254 25.6124 4.29688 29.9133 4.29688 35.2187C4.29688 40.5242 8.66254 44.8251 14.0479 44.8251Z",
       fill: "#FFB466"
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     react.Box,
     {
       as: "path",
@@ -1805,7 +1802,7 @@ var ProgressLoader = ({
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     react.Box,
     {
       as: "path",
@@ -1820,7 +1817,7 @@ var ProgressLoader = ({
       transition: "stroke-dashoffset .2s ease-out",
       ref: pathRef
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     react.Box,
     {
       as: "path",
@@ -1828,7 +1825,7 @@ var ProgressLoader = ({
       d: "M226.025 44.8251C231.411 44.8251 235.776 40.5242 235.776 35.2187C235.776 29.9133 231.411 25.6124 226.025 25.6124C220.64 25.6124 216.274 29.9133 216.274 35.2187C216.274 40.5242 220.64 44.8251 226.025 44.8251Z",
       fill: "#688CBA"
     }
-  )), currentLoadingText && /* @__PURE__ */ React85__namespace.default.createElement(
+  )), currentLoadingText && /* @__PURE__ */ React84__namespace.default.createElement(
     react.Text,
     {
       textAlign: "center",
@@ -1847,7 +1844,7 @@ var texts8 = createTexts({
     en: `${value}% done`
   })
 });
-var Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React85__namespace.default.createElement(
+var Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React84__namespace.default.createElement(
   react.Skeleton,
   {
     ...props,
@@ -1857,8 +1854,8 @@ var Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React85__namespa
     role: "alert"
   }
 ));
-var SkeletonCircle = (props) => /* @__PURE__ */ React85__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
-var SkeletonText = (props) => /* @__PURE__ */ React85__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
+var SkeletonCircle = (props) => /* @__PURE__ */ React84__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
+var SkeletonText = (props) => /* @__PURE__ */ React84__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
 // src/button/Button.tsx
 var Button2 = react.forwardRef((props, ref) => {
@@ -1888,7 +1885,7 @@ var Button2 = react.forwardRef((props, ref) => {
   if (fontWeight) {
     styles2.fontWeight = fontWeight;
   }
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.Box,
     {
       ...rest,
@@ -1902,7 +1899,7 @@ var Button2 = react.forwardRef((props, ref) => {
       position: "relative",
       fontFamily: "Vy Sans"
     },
-    isLoading && /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React85__namespace.default.createElement(
+    isLoading && /* @__PURE__ */ React84__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React84__namespace.default.createElement(
       ColorInlineLoader,
       {
         maxWidth: getLoaderWidth(finalSize),
@@ -1911,7 +1908,7 @@ var Button2 = react.forwardRef((props, ref) => {
         marginY: 2
       }
     )),
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       react.Flex,
       {
         gap: 1,
@@ -1921,7 +1918,7 @@ var Button2 = react.forwardRef((props, ref) => {
         visibility: isLoading ? "hidden" : "visible",
         "aria-hidden": isLoading
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React84__namespace.default.createElement(
         react.Box,
         {
           visibility: isLoading ? "hidden" : "visible",
@@ -1962,14 +1959,14 @@ var texts9 = createTexts({
     sv: "Laddar\u2026"
   }
 });
-var ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React85__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
+var ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React84__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
 var IconButton = react.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ React85__namespace.default.createElement(
+  ({ ...props }, ref) => /* @__PURE__ */ React84__namespace.default.createElement(
     react.IconButton,
     {
       title: props["aria-label"],
       ...props,
-      spinner: /* @__PURE__ */ React85__namespace.default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
+      spinner: /* @__PURE__ */ React84__namespace.default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
       ref
     }
   )
@@ -1979,7 +1976,7 @@ var IconButton = react.forwardRef(
 var CloseButton = react.forwardRef(
   ({ size = "sm", ...props }, ref) => {
     const { t } = useTranslation();
-    return /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(
       IconButton,
       {
         ref,
@@ -1996,11 +1993,11 @@ var getIcon = (size) => {
   switch (size) {
     case "xs":
     case "sm":
-      return /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
+      return /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
     case "md":
-      return /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
+      return /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
     case "lg":
-      return /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
+      return /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
   }
 };
 var texts10 = createTexts({
@@ -2022,11 +2019,11 @@ var FloatingActionButton = react.forwardRef(
     placement = "bottom right",
     ...props
   }, ref) => {
-    const [isTextVisible, setIsTextVisible] = React85__namespace.default.useState(
+    const [isTextVisible, setIsTextVisible] = React84__namespace.default.useState(
       externalIsTextVisible !== void 0 ? externalIsTextVisible : false
     );
     const scrollDirection = useScrollDirection();
-    React85.useEffect(() => {
+    React84.useEffect(() => {
       if (externalIsTextVisible !== void 0) {
         return;
       }
@@ -2036,7 +2033,7 @@ var FloatingActionButton = react.forwardRef(
       );
       return () => window.clearTimeout(id);
     }, [scrollDirection, externalIsTextVisible]);
-    React85.useEffect(() => {
+    React84.useEffect(() => {
       setIsTextVisible(!!externalIsTextVisible);
     }, [externalIsTextVisible]);
     const style = react.useMultiStyleConfig("FloatingActionButton", {
@@ -2044,7 +2041,7 @@ var FloatingActionButton = react.forwardRef(
       isTextVisible,
       placement
     });
-    return /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(
       MotionBox,
       {
         __css: style.container,
@@ -2052,8 +2049,8 @@ var FloatingActionButton = react.forwardRef(
         ref,
         ...props
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
-      /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
+      /* @__PURE__ */ React84__namespace.default.createElement(
         MotionBox,
         {
           animate: isTextVisible ? "show" : "hide",
@@ -2078,11 +2075,11 @@ var FloatingActionButton = react.forwardRef(
   }
 );
 var useScrollDirection = () => {
-  const [scrollDirection, setScrollDirection] = React85__namespace.default.useState(null);
-  const lastScrollPosition = React85__namespace.default.useRef(
+  const [scrollDirection, setScrollDirection] = React84__namespace.default.useState(null);
+  const lastScrollPosition = React84__namespace.default.useRef(
     typeof window !== "undefined" ? window.scrollY : 0
   );
-  React85__namespace.default.useEffect(() => {
+  React84__namespace.default.useEffect(() => {
     const onScroll = () => {
       const delta = window.scrollY - lastScrollPosition.current;
       if (delta === 0) {
@@ -2101,7 +2098,7 @@ var useScrollDirection = () => {
 var AlertIcon = ({ variant }) => {
   const Icon = getIcon2(variant);
   const { t } = useTranslation();
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     Icon,
     {
       flexShrink: 0,
@@ -2179,7 +2176,7 @@ var BaseAlert = ({
   ...boxProps
 }) => {
   const styles2 = react.useMultiStyleConfig("Alert", { variant });
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: styles2.container, ...boxProps }, children);
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { __css: styles2.container, ...boxProps }, children);
 };
 // src/alert/ClosableAlert.tsx
@@ -2201,17 +2198,17 @@ var ClosableAlert = ({
     externalOnClose();
     onClose();
   };
-  return /* @__PURE__ */ React85__namespace.default.createElement(BaseAlert, { variant, ...boxProps }, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(BaseAlert, { variant, ...boxProps }, /* @__PURE__ */ React84__namespace.default.createElement(
     IconButton,
     {
       variant: "ghost",
       size: "sm",
       onClick: handleClose,
-      icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
+      icon: /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
       "aria-label": t(texts12.close),
       sx: styles2.closeButton
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginRight: 1 }, children)));
+  ), /* @__PURE__ */ React84__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { marginRight: 1 }, children)));
 };
 var texts12 = createTexts({
   close: {
@@ -2232,7 +2229,7 @@ var ExpandableAlert = ({
   ...boxProps
 }) => {
   const styles2 = react.useMultiStyleConfig("AlertExpandable", { variant });
-  return /* @__PURE__ */ React85__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React84__namespace.default.createElement(
     react.Accordion,
     {
       onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -2240,14 +2237,14 @@ var ExpandableAlert = ({
       allowToggle: true,
       flexGrow: "1"
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionItem, { sx: styles2.accordion }, /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionButton, { sx: styles2.container }, /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(react.AccordionItem, { sx: styles2.accordion }, /* @__PURE__ */ React84__namespace.default.createElement(react.AccordionButton, { sx: styles2.container }, /* @__PURE__ */ React84__namespace.default.createElement(
       react.Flex,
       {
         justifyContent: "space-between",
         alignItems: "center",
         flexGrow: "1"
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React85__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React84__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React84__namespace.default.createElement(
         react.Box,
         {
           as: "span",
@@ -2262,13 +2259,13 @@ var ExpandableAlert = ({
         },
         title
       )),
-      /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(
         react.AccordionIcon,
         {
           color: variant === "service" ? "white" : "darkGrey"
         }
       )
-    )), /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionPanel, { color: variant === "service" ? "white" : "darkGrey" }, children))
+    )), /* @__PURE__ */ React84__namespace.default.createElement(react.AccordionPanel, { color: variant === "service" ? "white" : "darkGrey" }, children))
   ));
 };
 var StaticAlert = ({
@@ -2276,7 +2273,7 @@ var StaticAlert = ({
   title,
   ...props
 }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React85__namespace.default.createElement(AlertIcon, { variant: props.variant }), /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, null, children)));
+  return /* @__PURE__ */ React84__namespace.default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React84__namespace.default.createElement(AlertIcon, { variant: props.variant }), /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React84__namespace.default.createElement(react.Box, null, children)));
 };
 var ServiceAlert = ({
   variant = "service",
@@ -2292,7 +2289,7 @@ var ServiceAlert = ({
 }) => {
   const { t } = useTranslation();
   const styles2 = react.useMultiStyleConfig("AlertService", { variant });
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     BaseAlert,
     {
       variant,
@@ -2301,7 +2298,7 @@ var ServiceAlert = ({
       paddingY: 0,
       sx: styles2.outerBox
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       react.Accordion,
       {
         onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -2311,7 +2308,7 @@ var ServiceAlert = ({
         sx: { outline: "none" },
         variant
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionButton, { sx: styles2.container }, /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React84__namespace.default.createElement(react.AccordionButton, { sx: styles2.container }, /* @__PURE__ */ React84__namespace.default.createElement(
         react.Stack,
         {
           flexDirection: "row",
@@ -2319,7 +2316,7 @@ var ServiceAlert = ({
           width: "100%",
           paddingX: 2
         },
-        /* @__PURE__ */ React85__namespace.default.createElement(
+        /* @__PURE__ */ React84__namespace.default.createElement(
           react.Flex,
           {
             justifyContent: "space-between",
@@ -2327,7 +2324,7 @@ var ServiceAlert = ({
             flexGrow: 1,
             maxWidth: contentWidth
           },
-          /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React85__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React85__namespace.default.createElement(
+          /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, notification === 1 && /* @__PURE__ */ React84__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React84__namespace.default.createElement(
             react.Box,
             {
               as: "span",
@@ -2341,9 +2338,9 @@ var ServiceAlert = ({
             },
             title
           )),
-          /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { alignItems: "center" }, notification && /* @__PURE__ */ React85__namespace.default.createElement(react.Text, { sx: styles2.notificationText }, t(texts13.notification(notification))), /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionIcon, null))
+          /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { alignItems: "center" }, notification && /* @__PURE__ */ React84__namespace.default.createElement(react.Text, { sx: styles2.notificationText }, t(texts13.notification(notification))), /* @__PURE__ */ React84__namespace.default.createElement(react.AccordionIcon, null))
         )
-      )), /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionPanel, { sx: styles2.serviceMessageContent }, /* @__PURE__ */ React85__namespace.default.createElement(react.Stack, { flexDirection: "row", justifyContent: "center", width: "100%" }, /* @__PURE__ */ React85__namespace.default.createElement(
+      )), /* @__PURE__ */ React84__namespace.default.createElement(react.AccordionPanel, { sx: styles2.serviceMessageContent }, /* @__PURE__ */ React84__namespace.default.createElement(react.Stack, { flexDirection: "row", justifyContent: "center", width: "100%" }, /* @__PURE__ */ React84__namespace.default.createElement(
         react.Stack,
         {
           justifyContent: "center",
@@ -2381,10 +2378,10 @@ var texts13 = createTexts({
 });
 var Breadcrumb = (props) => {
   const iconColor = react.useColorModeValue("blackAlpha.400", "whiteAlpha.400");
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.Breadcrumb,
     {
-      separator: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
+      separator: /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
       ...props
     }
   );
@@ -2393,7 +2390,7 @@ var BreadcrumbItem = react.BreadcrumbItem;
 var BreadcrumbLink = react.BreadcrumbLink;
 var Badge = react.forwardRef(
   ({ icon, colorScheme = "grey", children, ...props }, ref) => {
-    return /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(
       react.Badge,
       {
         colorScheme,
@@ -2401,12 +2398,12 @@ var Badge = react.forwardRef(
         paddingLeft: icon ? 1 : void 0,
         ref
       },
-      icon && React85__namespace.default.cloneElement(icon, { marginRight: 1 }),
+      icon && React84__namespace.default.cloneElement(icon, { marginRight: 1 }),
       children
     );
   }
 );
-var Code = react.forwardRef((props, ref) => /* @__PURE__ */ React85__namespace.default.createElement(react.Code, { ...props, ref }));
+var Code = react.forwardRef((props, ref) => /* @__PURE__ */ React84__namespace.default.createElement(react.Code, { ...props, ref }));
 var Heading2 = ({
   as,
   variant = "xl-display",
@@ -2416,11 +2413,11 @@ var Heading2 = ({
 }) => {
   const id = externalId ?? (autoId && typeof props.children === "string" ? slugify(props.children) : void 0);
   const color = react.useColorModeValue("text.primary.light", "text.primary.dark");
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Text, { as, textStyle: variant, id, color, ...props });
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Text, { as, textStyle: variant, id, color, ...props });
 };
 var Text5 = react.forwardRef(
   ({ variant = "sm", ...props }, ref) => {
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
   }
 );
 function CalendarCell({
@@ -2429,7 +2426,7 @@ function CalendarCell({
   currentMonth,
   variant
 }) {
-  const ref = React85.useRef(null);
+  const ref = React84.useRef(null);
   const {
     cellProps,
     buttonProps,
@@ -2453,7 +2450,7 @@ function CalendarCell({
   if (isOutsideMonth) {
     stateProps["data-unavailable"] = true;
   }
-  React85.useEffect(() => {
+  React84.useEffect(() => {
     var _a;
     (_a = ref == null ? void 0 : ref.current) == null ? void 0 : _a.addEventListener(
       "touchend",
@@ -2463,7 +2460,7 @@ function CalendarCell({
       { passive: false, once: true }
     );
   }, []);
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "td", ...cellProps, textAlign: "center", sx: styles2.cell }, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { as: "td", ...cellProps, textAlign: "center", sx: styles2.cell }, /* @__PURE__ */ React84__namespace.default.createElement(
     react.Box,
     {
       as: "button",
@@ -2525,8 +2522,8 @@ function CalendarGrid({
   const weeksInMonth = date.getWeeksInMonth(state.visibleRange.start, locale);
   const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
   const styles2 = react.useMultiStyleConfig("Datepicker", { variant });
-  return /* @__PURE__ */ React85__namespace.default.createElement("table", { ...gridProps }, /* @__PURE__ */ React85__namespace.default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React85__namespace.default.createElement("tr", null, weekDays[language].map((day, index) => {
-    return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement("table", { ...gridProps }, /* @__PURE__ */ React84__namespace.default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React84__namespace.default.createElement("tr", null, weekDays[language].map((day, index) => {
+    return /* @__PURE__ */ React84__namespace.default.createElement(
       Text5,
       {
         as: "th",
@@ -2536,8 +2533,8 @@ function CalendarGrid({
       },
       day
     );
-  }))), /* @__PURE__ */ React85__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React85__namespace.default.createElement("tr", { key: weekIndex }, state.getDatesInWeek(weekIndex, startDate).map(
-    (date, dayIndex) => date ? /* @__PURE__ */ React85__namespace.default.createElement(
+  }))), /* @__PURE__ */ React84__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React84__namespace.default.createElement("tr", { key: weekIndex }, state.getDatesInWeek(weekIndex, startDate).map(
+    (date, dayIndex) => date ? /* @__PURE__ */ React84__namespace.default.createElement(
       CalendarCell,
       {
         variant,
@@ -2546,7 +2543,7 @@ function CalendarGrid({
         date,
         currentMonth: startDate
       }
-    ) : /* @__PURE__ */ React85__namespace.default.createElement("td", { key: dayIndex })
+    ) : /* @__PURE__ */ React84__namespace.default.createElement("td", { key: dayIndex })
   )))));
 }
 function CalendarNavigationButton({
@@ -2554,9 +2551,9 @@ function CalendarNavigationButton({
   "aria-label": ariaLabel,
   ...rest
 }) {
-  const ref = React85.useRef(null);
+  const ref = React84.useRef(null);
   const { buttonProps } = reactAria.useButton(rest, ref);
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     IconButton,
     {
       ...buttonProps,
@@ -2590,7 +2587,7 @@ function CalendarHeader({
   );
   const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
   const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React84__namespace.default.createElement(
     CalendarNavigator,
     {
       title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
@@ -2600,7 +2597,7 @@ function CalendarHeader({
       isNextDisabled: !state.isPreviousVisibleRangeInvalid,
       isPreviousDisabled: !state.isNextVisibleRangeInvalid
     }
-  ), isYearPickerVisible && /* @__PURE__ */ React85__namespace.default.createElement(
+  ), isYearPickerVisible && /* @__PURE__ */ React84__namespace.default.createElement(
     CalendarNavigator,
     {
       title: jsDate.getFullYear().toString(),
@@ -2622,15 +2619,15 @@ var CalendarNavigator = ({
   isNextDisabled
 }) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React84__namespace.default.createElement(
     CalendarNavigationButton,
     {
       onPress: onPrevious,
       isDisabled: isPreviousDisabled,
-      icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
+      icon: /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
       "aria-label": `${t(texts14.previous)} ${t(texts14[unit])}`
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     react.Box,
     {
       role: "heading",
@@ -2640,12 +2637,12 @@ var CalendarNavigator = ({
       textAlign: "center"
     },
     capitalize(title)
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     CalendarNavigationButton,
     {
       onPress: onNext,
       isDisabled: isNextDisabled,
-      icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
+      icon: /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
       "aria-label": `${t(texts14.next)} ${t(texts14[unit])}`
     }
   ));
@@ -2693,7 +2690,7 @@ function Calendar({
   const { calendarProps } = reactAria.useCalendar(props, state);
   const calendarAriaLabel = calendarProps["aria-label"];
   const ariaLabel = t(texts15.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React85__namespace.default.createElement(CalendarHeader, { state, showYearNavigation }), /* @__PURE__ */ React85__namespace.default.createElement(CalendarGrid, { variant, state }));
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React84__namespace.default.createElement(CalendarHeader, { state, showYearNavigation }), /* @__PURE__ */ React84__namespace.default.createElement(CalendarGrid, { variant, state }));
 }
 var texts15 = createTexts({
   calendar: {
@@ -2714,12 +2711,12 @@ var CalendarTriggerButton = react.forwardRef(
         onPress == null ? void 0 : onPress(event);
       }
     };
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React84__namespace.default.createElement(
       IconButton,
       {
         ref,
         role: "button",
-        icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null),
+        icon: /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null),
         "aria-label": t(texts16.openCalendar),
         sx: styles2.calendarTriggerButton,
         variant: "ghost",
@@ -2739,9 +2736,9 @@ var texts16 = createTexts({
     en: "Open calendar"
   }
 });
-var DateTimeSegment = React85.forwardRef(
+var DateTimeSegment = React84.forwardRef(
   ({ segment, state, ariaLabel, ariaDescription }, externalRef) => {
-    const internalRef = React85.useRef(null);
+    const internalRef = React84.useRef(null);
     const ref = externalRef ?? internalRef;
     const { segmentProps } = reactAria.useDateSegment(
       segment,
@@ -2752,7 +2749,7 @@ var DateTimeSegment = React85.forwardRef(
       isPlaceholder: segment.isPlaceholder,
       isEditable: segment.isEditable
     });
-    return /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(
       react.Box,
       {
         ...segmentProps,
@@ -2784,7 +2781,7 @@ function createCalendar2(identifier) {
       throw new Error(`Unsupported calendar ${identifier}`);
   }
 }
-var DateField = React85.forwardRef(
+var DateField = React84.forwardRef(
   ({ labelId, ...props }, externalRef) => {
     var _a;
     const locale = useCurrentLocale();
@@ -2795,14 +2792,14 @@ var DateField = React85.forwardRef(
       createCalendar: createCalendar2
     });
     const { t } = useTranslation();
-    const internalRef = React85.useRef(null);
+    const internalRef = React84.useRef(null);
     const ref = externalRef ?? internalRef;
     const { fieldProps } = reactAria.useDateField(
       props,
       state,
       ref
     );
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React84__namespace.default.createElement(
       react.FormLabel,
       {
         sx: styles2.inputLabel,
@@ -2811,7 +2808,7 @@ var DateField = React85.forwardRef(
         id: labelId
       },
       props.label
-    ), /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state.segments.map((segment, i) => /* @__PURE__ */ React85__namespace.default.createElement(
+    ), /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state.segments.map((segment, i) => /* @__PURE__ */ React84__namespace.default.createElement(
       DateTimeSegment,
       {
         key: i,
@@ -2820,7 +2817,7 @@ var DateField = React85.forwardRef(
         ariaLabel: labelId,
         state
       }
-    ))), /* @__PURE__ */ React85__namespace.default.createElement(
+    ))), /* @__PURE__ */ React84__namespace.default.createElement(
       "input",
       {
         type: "hidden",
@@ -2868,7 +2865,7 @@ var StyledField = react.forwardRef(
       isInvalid: false
     };
     const styles2 = react.useMultiStyleConfig("Datepicker", { variant });
-    return /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(
       react.Box,
       {
         ...otherProps,
@@ -2884,7 +2881,7 @@ var StyledField = react.forwardRef(
 );
 // src/datepicker/DatePicker.tsx
-var DatePicker = React85.forwardRef(
+var DatePicker = React84.forwardRef(
   ({
     variant,
     errorMessage,
@@ -2902,7 +2899,7 @@ var DatePicker = React85.forwardRef(
       isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
       validationState: (formControlProps == null ? void 0 : formControlProps.isInvalid) ? "invalid" : "valid"
     });
-    const internalRef = React85.useRef(null);
+    const internalRef = React84.useRef(null);
     const ref = externalRef ?? internalRef;
     const {
       labelProps,
@@ -2916,14 +2913,14 @@ var DatePicker = React85.forwardRef(
       state,
       ref
     );
-    const labelId = `label-${React85.useId()}`;
-    const inputGroupId = `input-group-${React85.useId()}`;
+    const labelId = `label-${React84.useId()}`;
+    const inputGroupId = `input-group-${React84.useId()}`;
     const styles2 = react.useMultiStyleConfig("Datepicker", { variant });
     const locale = useCurrentLocale();
     const onFieldClick = () => {
       state.setOpen(true);
     };
-    const popoverContent = /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverContent, { color: "darkGrey", sx: styles2.calendarPopover }, /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverArrow, { sx: styles2.arrow }), /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React85__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React85__namespace.default.createElement(
+    const popoverContent = /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverContent, { color: "darkGrey", sx: styles2.calendarPopover }, /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverArrow, { sx: styles2.arrow }), /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React84__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React84__namespace.default.createElement(
       Calendar,
       {
         ...calendarProps,
@@ -2931,7 +2928,7 @@ var DatePicker = React85.forwardRef(
         showYearNavigation
       }
     ))));
-    return /* @__PURE__ */ React85__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React84__namespace.default.createElement(
       react.Box,
       {
         position: "relative",
@@ -2939,7 +2936,7 @@ var DatePicker = React85.forwardRef(
         flexDirection: "column",
         width
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(
         react.Popover,
         {
           ...dialogProps,
@@ -2948,14 +2945,14 @@ var DatePicker = React85.forwardRef(
           onClose: state.close,
           flip: false
         },
-        /* @__PURE__ */ React85__namespace.default.createElement(
+        /* @__PURE__ */ React84__namespace.default.createElement(
           react.InputGroup,
           {
             display: "inline-flex",
             id: inputGroupId,
             "aria-labelledby": labelId
           },
-          /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React85__namespace.default.createElement(
+          /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React84__namespace.default.createElement(
             StyledField,
             {
               variant,
@@ -2965,7 +2962,7 @@ var DatePicker = React85.forwardRef(
               isDisabled: props.isDisabled,
               ariaLabelledby: labelId
             },
-            /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React85__namespace.default.createElement(
+            /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React84__namespace.default.createElement(
               CalendarTriggerButton,
               {
                 variant,
@@ -2975,7 +2972,7 @@ var DatePicker = React85.forwardRef(
                 ...buttonProps
               }
             )),
-            /* @__PURE__ */ React85__namespace.default.createElement(
+            /* @__PURE__ */ React84__namespace.default.createElement(
               DateField,
               {
                 label: props.label,
@@ -2987,8 +2984,8 @@ var DatePicker = React85.forwardRef(
             )
           ))
         ),
-        /* @__PURE__ */ React85__namespace.default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
-        state.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React85__namespace.default.createElement(react.Portal, null, popoverContent),
+        /* @__PURE__ */ React84__namespace.default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
+        state.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React84__namespace.default.createElement(react.Portal, null, popoverContent),
         state.isOpen && !props.isDisabled && !withPortal && popoverContent
       )
     ));
@@ -3002,9 +2999,9 @@ function RangeCalendar(props) {
     locale,
     createCalendar: date.createCalendar
   });
-  const ref = React85.useRef(null);
+  const ref = React84.useRef(null);
   const { calendarProps, title } = reactAria.useRangeCalendar(props, state, ref);
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...calendarProps, ref }, /* @__PURE__ */ React85__namespace.default.createElement(CalendarHeader, { state, title }), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React85__namespace.default.createElement(CalendarGrid, { variant: props.variant, state }), /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { ...calendarProps, ref }, /* @__PURE__ */ React84__namespace.default.createElement(CalendarHeader, { state, title }), /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React84__namespace.default.createElement(CalendarGrid, { variant: props.variant, state }), /* @__PURE__ */ React84__namespace.default.createElement(
     CalendarGrid,
     {
       variant: props.variant,
@@ -3030,7 +3027,7 @@ function DateRangePicker({
     isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
     validationState: formControlProps.isInvalid ? "invalid" : "valid"
   });
-  const ref = React85.useRef(null);
+  const ref = React84.useRef(null);
   const {
     groupProps,
     labelProps,
@@ -3051,8 +3048,8 @@ function DateRangePicker({
   const onFieldClick = () => {
     state.setOpen(true);
   };
-  const popoverContent = /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverContent, { sx: styles2.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverArrow, { sx: styles2.arrow }), /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React85__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React85__namespace.default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
-  return /* @__PURE__ */ React85__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React85__namespace.default.createElement(react.FormLabel, { ...labelProps, sx: styles2.inputLabel }, props.label), /* @__PURE__ */ React85__namespace.default.createElement(
+  const popoverContent = /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverContent, { sx: styles2.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverArrow, { sx: styles2.arrow }), /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React84__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React84__namespace.default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
+  return /* @__PURE__ */ React84__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React84__namespace.default.createElement(react.FormLabel, { ...labelProps, sx: styles2.inputLabel }, props.label), /* @__PURE__ */ React84__namespace.default.createElement(
     react.Popover,
     {
       ...dialogProps,
@@ -3061,7 +3058,7 @@ function DateRangePicker({
       onClose: state.close,
       flip: false
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(react.InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(react.InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React84__namespace.default.createElement(
       StyledField,
       {
         alignItems: "center",
@@ -3071,7 +3068,7 @@ function DateRangePicker({
         onKeyPress: handleEnterClick,
         minHeight
       },
-      variant && /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React85__namespace.default.createElement(
+      variant && /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React84__namespace.default.createElement(
         CalendarTriggerButton,
         {
           paddingLeft: 1,
@@ -3081,7 +3078,7 @@ function DateRangePicker({
           ...buttonProps
         }
       )),
-      /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(
         DateField,
         {
           ...startFieldProps,
@@ -3090,8 +3087,8 @@ function DateRangePicker({
           labelProps
         }
       ),
-      /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
-      /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
+      /* @__PURE__ */ React84__namespace.default.createElement(
         DateField,
         {
           ...endFieldProps,
@@ -3101,14 +3098,14 @@ function DateRangePicker({
         }
       )
     ))),
-    state.isOpen && withPortal && /* @__PURE__ */ React85__namespace.default.createElement(react.Portal, null, popoverContent),
+    state.isOpen && withPortal && /* @__PURE__ */ React84__namespace.default.createElement(react.Portal, null, popoverContent),
     state.isOpen && !withPortal && popoverContent
   )));
 }
 var TimeField = ({ state, ...props }) => {
-  const ref = React85.useRef(null);
+  const ref = React84.useRef(null);
   const { labelProps, fieldProps } = reactAria.useTimeField(props, state, ref);
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React84__namespace.default.createElement(
     FormLabel,
     {
       ...labelProps,
@@ -3120,7 +3117,7 @@ var TimeField = ({ state, ...props }) => {
       paddingTop: "2px"
     },
     props.label
-  ), /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state.segments.map((segment) => /* @__PURE__ */ React85__namespace.default.createElement(DateTimeSegment, { key: segment.type, segment, state }))), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state.segments.map((segment) => /* @__PURE__ */ React84__namespace.default.createElement(DateTimeSegment, { key: segment.type, segment, state }))), /* @__PURE__ */ React84__namespace.default.createElement(
     "input",
     {
       type: "hidden",
@@ -3189,7 +3186,7 @@ var TimePicker = ({
   const ariaLabel = `${inputLabel} \u2013 ${t(
     texts18.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
   )}`;
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     StyledField,
     {
       variant: "base",
@@ -3205,7 +3202,7 @@ var TimePicker = ({
       "aria-label": ariaLabel,
       ...boxProps
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       IconButton,
       {
         variant: "ghost",
@@ -3213,14 +3210,14 @@ var TimePicker = ({
         borderRadius: "xs",
         "aria-label": backwardsLabel,
         title: backwardsLabel,
-        icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
+        icon: /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
         onClick: handleBackwardsClick,
         isDisabled,
         style: isDisabled ? { backgroundColor: "transparent" } : {}
       }
     ),
-    /* @__PURE__ */ React85__namespace.default.createElement(TimeField, { label, state, name }),
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(TimeField, { label, state, name }),
+    /* @__PURE__ */ React84__namespace.default.createElement(
       IconButton,
       {
         variant: "ghost",
@@ -3228,7 +3225,7 @@ var TimePicker = ({
         borderRadius: "xs",
         "aria-label": forwardsLabel,
         title: forwardsLabel,
-        icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
+        icon: /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
         onClick: handleForwardClick,
         isDisabled,
         style: isDisabled ? { backgroundColor: "transparent" } : {}
@@ -3330,7 +3327,7 @@ var LineIcon = ({
   if (!Icon) {
     return null;
   }
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: { ...styles2.iconContainer, ...sx } }, /* @__PURE__ */ React85__namespace.default.createElement(Icon, { sx: styles2.icon }));
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { sx: { ...styles2.iconContainer, ...sx } }, /* @__PURE__ */ React84__namespace.default.createElement(Icon, { sx: styles2.icon }));
 };
 // src/linjetag/InfoTag.tsx
@@ -3346,7 +3343,7 @@ var InfoTag = ({
     size,
     ...customProps
   });
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: styles2.container }, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { sx: styles2.container }, /* @__PURE__ */ React84__namespace.default.createElement(
     LineIcon,
     {
       variant,
@@ -3354,7 +3351,7 @@ var InfoTag = ({
       sx: styles2.iconContainer,
       ...customProps
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: styles2.textContainer }, title && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "span", sx: styles2.title }, title), title && description && " ", description && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "span", sx: styles2.description }, description)));
+  ), /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { sx: styles2.textContainer }, title && /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { as: "span", sx: styles2.title }, title), title && description && " ", description && /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { as: "span", sx: styles2.description }, description)));
 };
 var TravelTag = react.forwardRef(
   ({
@@ -3377,7 +3374,7 @@ var TravelTag = react.forwardRef(
       backgroundColor: variant === "custom" ? backgroundColor : void 0
     });
     const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size });
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: styles2.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { sx: styles2.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React84__namespace.default.createElement(
       LineIcon,
       {
         variant,
@@ -3388,7 +3385,7 @@ var TravelTag = react.forwardRef(
         customIconVariant,
         ...rest
       }
-    ), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: styles2.textContainer }, title && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "span", sx: styles2.title }, title), title && description && " ", description && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "span", sx: styles2.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React85__namespace.default.createElement(DeviationLevelIcon, { sx: styles2.deviationIcon }));
+    ), /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { sx: styles2.textContainer }, title && /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { as: "span", sx: styles2.title }, title), title && description && " ", description && /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { as: "span", sx: styles2.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React84__namespace.default.createElement(DeviationLevelIcon, { sx: styles2.deviationIcon }));
   }
 );
 var getDeviationLevelIcon = ({
@@ -3412,7 +3409,7 @@ var TextLink = react.forwardRef(
     var _a;
     const { t } = useTranslation();
     const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a = props.href) == null ? void 0 : _a.match(/^https?:\/\//));
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React84__namespace.default.createElement(
       sporIconReact.LinkOutOutline24Icon,
       {
         marginLeft: 0.5,
@@ -3432,8 +3429,8 @@ var texts19 = createTexts({
 var VyLogo = ({ colorScheme, ...boxProps }) => {
   const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
   const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
-  const id = React85.useId();
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React85__namespace.default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React85__namespace.default.createElement(
+  const id = React84.useId();
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React84__namespace.default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3441,7 +3438,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
       d: "M79.97 33.44a.04.04 0 0 0 0-.08 5.76 5.76 0 0 1-2.32-.85c-1.56-1-2.79-2.9-3.83-6.07L68.14 7.16c-1.18-4.04-3.42-5.85-5.48-6.6a8.36 8.36 0 0 0-2.88-.52h-1.44a.04.04 0 0 0 0 .08c.57.09 1.18.24 1.8.5 1.92.8 3.92 2.63 5.06 6.54l5.61 19.07c1.06 3.3 2.31 5.27 3.92 6.3 1.01.64 2.17.9 3.5.9h1.74Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "mask",
     {
       id: `${id}-a`,
@@ -3452,7 +3449,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
       width: "94",
       height: "54"
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3461,7 +3458,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
         fill: mainColor
       }
     )
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "g",
     {
       mask: `url(#${id}-a)`,
@@ -3469,9 +3466,9 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
       clipRule: "evenodd",
       fill: mainColor
     },
-    /* @__PURE__ */ React85__namespace.default.createElement("path", { d: "M84.57 33.44a.04.04 0 0 0 .01-.08c-2.34-.3-3.85-3.59-4.68-6.38-.88-2.93-4.04-13.63-5.92-19.82C72.08.94 66.2.05 63.54.04a.04.04 0 0 0-.01.08c2.49.34 6.02 1.85 7.55 7.04 1.34 4.55 5.6 19.03 5.76 19.51 1.02 3.03 2.22 4.85 3.73 5.83a6.3 6.3 0 0 0 3.54.94h.46ZM23.28 53.68h-.72c-2.12 0-4.68-1.08-6.09-6.04L3.8 4.37C3.04 1.77 1.93.47.03.15A.04.04 0 0 1 .04.07h1.9c2.54 0 3.92 1.27 4.8 4.3 0 0 11.72 39.78 12.79 43.54.78 2.78 1.7 4.67 3.13 5.43.23.13.42.2.62.26a.04.04 0 0 1 0 .08ZM18.99 5.99C17.77 1.79 15.87.04 12.37.04h-1.71a.04.04 0 0 0 0 .08c2.73.39 4.32 2.19 5.39 5.87 0 0 10.49 35.72 11.85 40.4l1.44-4.87L18.99 6Z" }),
-    /* @__PURE__ */ React85__namespace.default.createElement("path", { d: "M24.26 53.68h1.24c1.57 0 2.69-.41 3.52-1.1 1.37-1.1 1.99-2.93 2.56-4.86.09-.29 11.2-37.95 11.59-39.42 1.32-4.97 4.27-7.13 7.43-7.9a12.2 12.2 0 0 1 1.58-.28.04.04 0 0 0 0-.08h-1.4c-4.15 0-8.8 1.65-10.56 8.26-.63 2.38-11.5 39.13-11.58 39.42-.57 1.93-1.23 3.96-2.59 5.07-.56.45-1.06.7-1.8.81a.04.04 0 0 0 0 .08ZM81.3 27.76l6.53-21.78C88.89 2.3 90.49.5 93.23.11a.04.04 0 0 0-.01-.08H91.5c-3.5 0-5.4 1.76-6.62 5.95l-5.05 16.97s1.33 4.46 1.46 4.8Z" })
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement("path", { d: "M84.57 33.44a.04.04 0 0 0 .01-.08c-2.34-.3-3.85-3.59-4.68-6.38-.88-2.93-4.04-13.63-5.92-19.82C72.08.94 66.2.05 63.54.04a.04.04 0 0 0-.01.08c2.49.34 6.02 1.85 7.55 7.04 1.34 4.55 5.6 19.03 5.76 19.51 1.02 3.03 2.22 4.85 3.73 5.83a6.3 6.3 0 0 0 3.54.94h.46ZM23.28 53.68h-.72c-2.12 0-4.68-1.08-6.09-6.04L3.8 4.37C3.04 1.77 1.93.47.03.15A.04.04 0 0 1 .04.07h1.9c2.54 0 3.92 1.27 4.8 4.3 0 0 11.72 39.78 12.79 43.54.78 2.78 1.7 4.67 3.13 5.43.23.13.42.2.62.26a.04.04 0 0 1 0 .08ZM18.99 5.99C17.77 1.79 15.87.04 12.37.04h-1.71a.04.04 0 0 0 0 .08c2.73.39 4.32 2.19 5.39 5.87 0 0 10.49 35.72 11.85 40.4l1.44-4.87L18.99 6Z" }),
+    /* @__PURE__ */ React84__namespace.default.createElement("path", { d: "M24.26 53.68h1.24c1.57 0 2.69-.41 3.52-1.1 1.37-1.1 1.99-2.93 2.56-4.86.09-.29 11.2-37.95 11.59-39.42 1.32-4.97 4.27-7.13 7.43-7.9a12.2 12.2 0 0 1 1.58-.28.04.04 0 0 0 0-.08h-1.4c-4.15 0-8.8 1.65-10.56 8.26-.63 2.38-11.5 39.13-11.58 39.42-.57 1.93-1.23 3.96-2.59 5.07-.56.45-1.06.7-1.8.81a.04.04 0 0 0 0 .08ZM81.3 27.76l6.53-21.78C88.89 2.3 90.49.5 93.23.11a.04.04 0 0 0-.01-.08H91.5c-3.5 0-5.4 1.76-6.62 5.95l-5.05 16.97s1.33 4.46 1.46 4.8Z" })
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3479,7 +3476,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
       d: "M98.49.07h-1.82c-2.98 0-4.6 1.49-5.63 5.06l-6.52 21.79a18.22 18.22 0 0 1-1.67 3.96c.57.78 1.17 1.26 1.76 1.38 1.13-.96 2.06-2.75 2.89-5.46l6.49-21.67c.9-3.1 2.23-4.63 4.5-4.98a.04.04 0 0 0 0-.08Z",
       fill: accentColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3487,7 +3484,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
       d: "M85.25 34.53h-2.93L78.58 46.9c-1.82 6.1 1.05 6.73 2.15 6.73h2.31a.04.04 0 0 0 .01-.09c-1.25-.3-2.96-1.6-1.45-6.64l3.65-12.37ZM102.35.11c.02 0 .03-.02.03-.04a.04.04 0 0 0-.04-.04h-.4c-2.54 0-3.92 1.27-4.8 4.3 0 0-5 16.82-6.57 22.03-1.57 5.2-2.65 6.6-4.78 6.97l-.11.03a.04.04 0 0 0 0 .08h1.45c3.72 0 5.1-2.48 6.41-6.84l7.5-25.07c.19-.6.7-1.23 1.31-1.42Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "mask",
     {
       id: `${id}-b`,
@@ -3498,7 +3495,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
       width: "78",
       height: "54"
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3507,25 +3504,25 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
         fill: mainColor
       }
     )
-  ), /* @__PURE__ */ React85__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "m88.2 34.45-3.96 13.46c-1.54 5.18.9 5.72 1.83 5.72h2.26a.04.04 0 0 0 0-.09c-1.05-.27-2.44-1.4-1.18-5.63l4.43-15.02c-.7.71-1.88 1.37-3.38 1.56ZM93.71 53.63c.02 0 .04-.02.04-.05a.04.04 0 0 0-.03-.04c-.9-.25-2.02-1.24-.96-4.77 0 0 12.4-42.2 13.08-44.6a3.1 3.1 0 0 0-2.47-4.1c-.02 0-.06-.02-.07.01-.01.04.03.06.04.06.3.16.63.52.45 1.14L89.84 48.77c-1.32 4.4.76 4.86 1.55 4.86h2.32ZM74.1 33.44a.04.04 0 0 0 0-.08 5.77 5.77 0 0 1-2.3-.83c-1.64-1.04-2.9-3.06-3.98-6.5-.1-.29-5.37-18.25-5.55-18.87-1.12-3.8-2.91-5.63-4.68-6.46a7.06 7.06 0 0 0-3.04-.66H53a.04.04 0 0 0-.02.08c.3.05 4.32.17 6.35 7.04 2.03 6.86 4.46 15.07 5.28 17.97 1.77 6.26 4.07 8.3 7.75 8.3h1.73Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M55.43 2.4c-1.48 1.27-2.7 3.16-3.44 5.9-.07.29-11.08 37.74-11.32 38.55-.93 3.12-1.7 6.21-5.2 6.75a.04.04 0 0 0 0 .08h.7l.6-.01c3.56-.14 5.33-1.66 6.85-6.82L54.94 8.3c.44-1.44.96-3.08 1.7-4.52-.15-.25-.7-.96-1.2-1.38Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M53.78 1.44a4.64 4.64 0 0 0-4.17.93A10.79 10.79 0 0 0 46.19 8L34.53 47.72c-.58 1.93-1.2 3.75-2.56 4.87-.62.5-1.4.86-2.39 1.01a.04.04 0 0 0 0 .08h1.8c1.57 0 2.69-.41 3.53-1.1 1.36-1.1 1.98-2.93 2.56-4.86L49.05 8.3c.73-2.74 1.95-4.63 3.43-5.9.43-.36.88-.68 1.35-.95l-.05-.01Z",
       fill: accentColor
     }
-  )), /* @__PURE__ */ React85__namespace.default.createElement(
+  )), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3545,8 +3542,8 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
   const redColor = colorScheme === "light" ? "#EA3323" : "#ffffff";
   const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
   const yellowColor = colorScheme === "light" ? "#FFFF54" : "#ffffff";
-  const id = React85.useId();
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React85__namespace.default.createElement("title", null, "Vy logo pride"), /* @__PURE__ */ React85__namespace.default.createElement(
+  const id = React84.useId();
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React84__namespace.default.createElement("title", null, "Vy logo pride"), /* @__PURE__ */ React84__namespace.default.createElement(
     "svg",
     {
       width: "108",
@@ -3555,7 +3552,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3564,7 +3561,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         fill: pinkColor
       }
     ),
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       "mask",
       {
         id: `${id}-a-pride`,
@@ -3575,7 +3572,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         width: "95",
         height: "55"
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -3585,7 +3582,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         }
       )
     ),
-    /* @__PURE__ */ React85__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3593,7 +3590,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         d: "M86.1392 34.0577C86.1622 34.0577 86.1809 34.0389 86.1809 34.0158C86.1809 33.9951 86.1658 33.9779 86.146 33.9747V33.9745C83.7657 33.6665 82.2265 30.3247 81.3764 27.4799C80.4843 24.4948 77.2629 13.5951 75.3455 7.29056C73.4194 0.957342 67.4267 0.0485861 64.7129 0.0441895H64.7137C64.6906 0.0441895 64.6719 0.0629034 64.6719 0.0859014C64.6719 0.106645 64.6869 0.123893 64.7068 0.127162L64.7067 0.127388C67.2413 0.468862 70.8417 2.00375 72.3953 7.29056C73.7591 11.9308 78.0927 26.6723 78.2592 27.1656C79.2998 30.2466 80.5197 32.1068 82.0639 33.1046C83.1032 33.776 84.2891 34.0577 85.6664 34.0577H86.1392",
         fill: purpleColor
       }
-    ), /* @__PURE__ */ React85__namespace.default.createElement(
+    ), /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3601,7 +3598,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         d: "M23.7089 54.6763C23.4058 54.6763 23.1352 54.6763 22.9803 54.6763C20.8144 54.6763 18.2099 53.5754 16.7766 48.5188L3.8641 4.45414C3.09965 1.80939 1.96226 0.481143 0.0347223 0.151506C0.014881 0.148237 0 0.131101 0 0.110245C0 0.0871344 0.018714 0.0684204 0.0418246 0.0684204H1.98402C4.56565 0.0684204 5.96987 1.36104 6.86386 4.45414C6.86386 4.45414 18.8019 44.9686 19.8869 48.7964C20.6896 51.628 21.628 53.5542 23.0795 54.3328C23.3142 54.4587 23.5119 54.5409 23.7154 54.5932C23.7352 54.5965 23.7506 54.6138 23.7506 54.6345C23.7506 54.6576 23.7319 54.6763 23.7089 54.6763Z",
         fill: darkPurpleColor
       }
-    ), /* @__PURE__ */ React85__namespace.default.createElement(
+    ), /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3609,7 +3606,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         d: "M19.3365 6.09794C18.1013 1.82472 16.1613 0.0390015 12.5947 0.0390015H10.8543C10.8312 0.0390015 10.8125 0.0577155 10.8125 0.0808261C10.8125 0.101569 10.8277 0.118818 10.8476 0.122087V0.121974C13.6341 0.517899 15.2582 2.35232 16.341 6.09794C16.341 6.09794 27.027 42.4871 28.4146 47.2512C28.7189 46.2219 29.2327 44.4828 29.8791 42.2935C28.6038 37.9117 19.3365 6.09794 19.3365 6.09794",
         fill: greenColor
       }
-    ), /* @__PURE__ */ React85__namespace.default.createElement(
+    ), /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3617,7 +3614,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         d: "M24.7059 54.6763H25.9753C27.5661 54.6763 28.7056 54.2553 29.5596 53.5597C30.9494 52.4272 31.5822 50.5663 32.1676 48.6028C32.2552 48.309 43.5646 9.95201 43.9629 8.45455C45.3098 3.39196 48.3208 1.18687 51.5334 0.404941C52.0668 0.275183 52.6055 0.184995 53.1431 0.127162H53.1439C53.1638 0.123893 53.1789 0.106645 53.1789 0.0859014C53.1789 0.0629034 53.1602 0.0441895 53.1371 0.0441895H51.7232C47.4872 0.0441895 42.7565 1.72507 40.9662 8.45455C40.3206 10.8814 29.2585 48.309 29.1709 48.6028C28.5854 50.5663 27.9202 52.6362 26.5303 53.7687C25.9647 54.2295 25.4469 54.4781 24.6995 54.5933H24.699C24.6792 54.5966 24.6641 54.614 24.6641 54.6346C24.6641 54.6577 24.6828 54.6764 24.7059 54.6764V54.6763",
         fill: darkGreenColor
       }
-    ), /* @__PURE__ */ React85__namespace.default.createElement(
+    ), /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3626,7 +3623,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         fill: darkPurpleColor
       }
     )),
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3635,7 +3632,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         fill: blueColor
       }
     ),
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3644,7 +3641,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         fill: blueColor
       }
     ),
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3653,7 +3650,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         fill: greenColor
       }
     ),
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       "mask",
       {
         id: `${id}-b-pride`,
@@ -3664,7 +3661,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         width: "78",
         height: "55"
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -3674,7 +3671,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         }
       )
     ),
-    /* @__PURE__ */ React85__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3682,7 +3679,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         d: "M89.8289 35.0891C88.7828 38.6493 85.8015 48.8015 85.8015 48.8015C84.2266 54.076 86.7112 54.6188 87.6599 54.6188H89.9623C89.9855 54.6188 90.0042 54.6001 90.0042 54.577C90.0042 54.5571 89.9903 54.5403 89.9717 54.5362V54.5363C88.8916 54.2553 87.4798 53.0991 88.7632 48.8015C88.7632 48.8015 92.0286 37.7282 93.2719 33.5031C92.561 34.2226 91.3615 34.8917 89.8289 35.0891",
         fill: greenColor
       }
-    ), /* @__PURE__ */ React85__namespace.default.createElement(
+    ), /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3690,7 +3687,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         d: "M95.4467 54.6188C95.4698 54.6188 95.4885 54.6001 95.4885 54.577C95.4885 54.557 95.4747 54.5403 95.4561 54.5362H95.4558C94.5434 54.2765 93.3986 53.2655 94.4728 49.6684C94.4728 49.6684 107.101 6.68958 107.804 4.25563C108.507 1.82169 106.809 0.298979 105.28 0.0692254C105.269 0.0676471 105.219 0.0537807 105.209 0.0862483C105.199 0.118716 105.241 0.138557 105.249 0.143179C105.553 0.303376 105.894 0.672244 105.708 1.30469C105.522 1.93713 91.499 49.6684 91.499 49.6684C90.1586 54.1569 92.273 54.6188 93.0802 54.6188H95.4467",
         fill: darkGreenColor
       }
-    ), /* @__PURE__ */ React85__namespace.default.createElement(
+    ), /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3698,7 +3695,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         d: "M75.4659 34.0577C75.4889 34.0577 75.5076 34.0389 75.5076 34.0158C75.5076 33.9951 75.4925 33.9778 75.4726 33.9746H75.4723C74.6146 33.8501 73.8387 33.5807 73.1306 33.1321C71.4607 32.0744 70.1687 30.0201 69.0737 26.521C68.9798 26.2215 63.6049 7.92165 63.4194 7.29056C62.2821 3.42105 60.4546 1.5616 58.6517 0.708874C57.557 0.191083 56.4715 0.0441895 55.5553 0.0441895C54.9539 0.0441895 54.4151 0.0441895 53.9784 0.0441895H53.9715C53.9484 0.0441895 53.9297 0.0629034 53.9297 0.0859014C53.9297 0.106645 53.9448 0.123893 53.9646 0.127162V0.127275C54.26 0.171918 58.362 0.298745 60.4275 7.29056C62.493 14.2825 64.9683 22.6405 65.8045 25.5908C67.6133 31.9722 69.9469 34.0577 73.6985 34.0577H75.4659",
         fill: redColor
       }
-    ), /* @__PURE__ */ React85__namespace.default.createElement(
+    ), /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3706,7 +3703,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         d: "M56.4576 2.44421C56.4559 2.44568 56.4541 2.44703 56.4524 2.4485C54.944 3.74292 53.6961 5.66449 52.9539 8.45445C52.8754 8.74959 41.6662 46.889 41.4206 47.7167C40.4784 50.8926 39.6893 54.0469 36.1209 54.5932C36.101 54.5965 36.0859 54.6138 36.0859 54.6345C36.0859 54.6576 36.1047 54.6763 36.1278 54.6763H36.8373C36.8373 54.6763 37.3489 54.6683 37.4515 54.6642C41.0756 54.5179 42.8818 52.978 44.4271 47.7167C45.5556 43.8746 55.8691 8.75883 55.9604 8.45445C56.4006 6.98517 56.9293 5.3123 57.6882 3.84641C57.53 3.59208 56.9713 2.87385 56.4576 2.44421",
         fill: orangeColor
       }
-    ), /* @__PURE__ */ React85__namespace.default.createElement(
+    ), /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3715,7 +3712,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
         fill: yellowColor
       }
     )),
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3732,109 +3729,109 @@ var CargonetLogo = ({
 }) => {
   const mainColor = "#DF8200";
   const accentColor = colorScheme === "light" ? "#383E42" : "#ffffff";
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 251 52", ...boxProps }, /* @__PURE__ */ React85__namespace.default.createElement("title", null, "Cargonet logo"), /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 251 52", ...boxProps }, /* @__PURE__ */ React84__namespace.default.createElement("title", null, "Cargonet logo"), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M87.9222 14.602L84.3862 18.7417C81.1953 15.9821 79.1685 15.2914 76.5379 15.2914C70.933 15.2914 67.4398 19.5609 67.4398 26.029C67.4398 32.5834 71.0186 36.8523 76.4089 36.8523C79.6855 36.8523 81.6694 35.6447 84.9038 32.9285L88.3969 36.982C84.645 40.5608 81.1524 42.1134 76.4951 42.1134C66.9651 42.1134 61.2733 35.214 61.2733 25.9856C61.2733 16.9732 66.7492 10.0309 76.5379 10.0309C81.2387 10.0309 84.3 11.4533 87.9222 14.602Z",
       fill: accentColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M106.461 41.3802C106.159 40.5604 105.986 39.5259 105.857 38.4046C104.693 40.6038 102.408 42.1131 98.6988 42.1131C94.4299 42.1131 90.8511 40.216 90.8511 35.774C90.8511 30.9013 95.1628 29.1333 100.812 28.1417L105.598 27.3225V26.7187C105.598 24.3903 103.917 23.1399 101.416 23.1399C98.4829 23.1399 96.5858 24.476 94.4734 26.6759L91.0231 23.5712C93.9124 20.2934 97.1468 18.6117 101.373 18.6117C107.754 18.6117 110.946 21.846 110.946 26.5028V35.9037C110.946 38.448 111.118 40.216 111.506 41.3802H106.461ZM105.598 32.6265V31.1607L101.373 31.9364C98.0093 32.5836 96.2414 33.4022 96.2414 35.3861C96.2414 36.9388 97.5346 37.9299 99.8202 37.9299C102.666 37.9299 105.598 36.4647 105.598 32.6265Z",
       fill: accentColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M130.65 19.6469L129.572 24.5625C128.537 24.2614 127.373 24.0455 126.295 24.0455C123.233 24.0455 121.422 26.4601 121.422 30.5565V41.3803H115.816V25.8563C115.816 22.8813 115.644 20.8111 115.385 19.3448H120.603C120.818 20.1645 120.991 21.4578 121.034 23.0967C122.112 20.5524 123.88 18.9569 126.812 18.9569C128.192 18.9569 129.529 19.2157 130.65 19.6469Z",
       fill: accentColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M152.813 19.3447V40.6896C152.813 46.9859 148.156 50.1768 142.075 50.1768C138.669 50.1768 135.219 49.3142 132.028 47.4172L134.745 43.3202C137.289 44.8729 139.532 45.692 141.99 45.692C145.008 45.692 147.336 44.269 147.336 40.3018V37.4993C146.043 39.5255 143.93 40.8199 140.911 40.8199C135.349 40.8199 131.209 36.3779 131.209 29.7373C131.209 23.0966 135.349 18.6118 140.911 18.6118C144.188 18.6118 146.345 20.0782 147.639 22.3631V19.3447H152.813ZM147.509 29.7373C147.509 25.9425 145.267 23.3988 142.162 23.3988C138.971 23.3988 136.858 25.9425 136.858 29.7373C136.858 33.5314 138.971 36.0763 142.162 36.0763C145.267 36.0763 147.509 33.5314 147.509 29.7373Z",
       fill: accentColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M178.72 30.341C178.72 37.3267 173.976 42.0702 167.292 42.0702C160.609 42.0702 155.866 37.3267 155.866 30.341C155.866 23.3553 160.609 18.6117 167.292 18.6117C173.976 18.6117 178.72 23.3553 178.72 30.341ZM161.557 30.341C161.557 34.6967 163.886 37.4992 167.292 37.4992C170.699 37.4992 173.028 34.6967 173.028 30.341C173.028 26.0721 170.699 23.1828 167.292 23.1828C163.886 23.1828 161.557 26.0721 161.557 30.341Z",
       fill: accentColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M208.903 10.7638V41.38H202.478L194.673 28.9612C192.516 25.5115 190.403 22.1046 188.635 18.8274C188.851 22.4497 188.937 26.4598 188.937 30.8155V41.38H183.029V10.7638H189.585L197.82 23.9589C199.717 26.9773 201.616 29.9529 203.21 32.8851C203.081 29.6507 203.038 26.0719 203.038 21.8893V10.7638H208.903Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M233.663 37.7578C230.386 41.035 227.324 42.0707 223.788 42.0707C216.672 42.0707 212.231 37.499 212.231 30.4705C212.231 23.6573 216.371 18.6116 223.313 18.6116C230.041 18.6116 233.619 22.8376 233.619 29.6079C233.619 30.2546 233.577 31.2897 233.534 31.6781H217.578C218.009 35.0844 220.08 37.499 223.917 37.499C226.505 37.499 228.144 36.5936 230.6 34.4378L233.663 37.7578ZM217.708 27.9262H228.359C228.144 24.8644 226.376 22.881 223.227 22.881C220.123 22.881 218.311 24.8644 217.708 27.9262Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M250.41 41.0785C248.556 41.6817 246.789 41.8976 245.538 41.8976C240.88 41.8976 239.198 39.8709 239.198 35.7739V23.4415H235.275V19.3445H239.198V12.6182H244.805V19.3445H250.066V23.4415H244.805V34.8257C244.805 36.5937 245.624 37.0244 247.047 37.0244C247.651 37.0244 248.47 36.9387 249.721 36.6365L250.41 41.0785Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
       fill: mainColor
     }
-  ), /* @__PURE__ */ React85__namespace.default.createElement(
+  ), /* @__PURE__ */ React84__namespace.default.createElement(
     "path",
     {
       d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
@@ -3853,7 +3850,7 @@ var JumpButton = ({
     variant: "jumpSkip",
     size
   });
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.Center,
     {
       as: "button",
@@ -3862,7 +3859,7 @@ var JumpButton = ({
       disabled: isDisabled,
       ...props
     },
-    direction === "forward" ? /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.Forward15MediaControllerFill30Icon, { sx: styles2.icon }) : /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.Backward15MediaControllerFill30Icon, { sx: styles2.icon })
+    direction === "forward" ? /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.Forward15MediaControllerFill30Icon, { sx: styles2.icon }) : /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.Backward15MediaControllerFill30Icon, { sx: styles2.icon })
   );
 };
 var texts20 = createTexts({
@@ -3890,7 +3887,7 @@ var PlayPauseButton = ({
     variant: "play",
     size
   });
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.Center,
     {
       as: "button",
@@ -3899,7 +3896,7 @@ var PlayPauseButton = ({
       disabled: isDisabled,
       ...props
     },
-    isPlaying ? /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.PauseMediaControllerFill24Icon, { sx: styles2.icon }) : /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.PlayMediaControllerFill24Icon, { sx: styles2.icon })
+    isPlaying ? /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.PauseMediaControllerFill24Icon, { sx: styles2.icon }) : /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.PlayMediaControllerFill24Icon, { sx: styles2.icon })
   );
 };
 var texts21 = createTexts({
@@ -3927,7 +3924,7 @@ var SkipButton = ({
     variant: "jumpSkip",
     size
   });
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.Center,
     {
       as: "button",
@@ -3936,7 +3933,7 @@ var SkipButton = ({
       disabled: isDisabled,
       ...props
     },
-    direction === "forward" ? /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.NextMediaControllerFill30Icon, { sx: styles2.icon }) : /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.PreviousMediaControllerFill30Icon, { sx: styles2.icon })
+    direction === "forward" ? /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.NextMediaControllerFill30Icon, { sx: styles2.icon }) : /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.PreviousMediaControllerFill30Icon, { sx: styles2.icon })
   );
 };
 var texts22 = createTexts({
@@ -3959,13 +3956,13 @@ var ModalHeader = react.forwardRef(
       fontSize: size === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
       textAlign: size === "lg" ? "center" : "left"
     };
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.ModalHeader, { as: "h1", ...props, ref, ...styles2 });
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.ModalHeader, { as: "h1", ...props, ref, ...styles2 });
   }
 );
 // src/modal/Drawer.tsx
 var Drawer = (props) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React85__namespace.default.createElement(react.Drawer, { ...props }));
+  return /* @__PURE__ */ React84__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React84__namespace.default.createElement(react.Drawer, { ...props }));
 };
 var DrawerContent = react.forwardRef(
   ({ children, ...props }, ref) => {
@@ -3982,7 +3979,7 @@ var DrawerContent = react.forwardRef(
     });
     const isTopOrBottom = placement === "top" || placement === "bottom";
     const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
-    return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React84__namespace.default.createElement(
       react.DrawerContent,
       {
         ...widthConstraits,
@@ -3991,13 +3988,13 @@ var DrawerContent = react.forwardRef(
         ...props,
         ref
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { position: "relative" }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React85__namespace.default.createElement(Notch, null), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, null, children)))
+      /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { position: "relative" }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React84__namespace.default.createElement(Notch, null), /* @__PURE__ */ React84__namespace.default.createElement(react.Box, null, children)))
     ));
   }
 );
 var Notch = react.forwardRef((props, ref) => {
   const placement = useDrawerContext();
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.Box,
     {
       position: "absolute",
@@ -4009,14 +4006,14 @@ var Notch = react.forwardRef((props, ref) => {
       ...props,
       ref
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       react.Center,
       {
         background: placement === "bottom" ? "bottom" : "top",
         padding: 2,
         borderRadius: "md"
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(
         react.Box,
         {
           width: "2.265rem",
@@ -4028,22 +4025,22 @@ var Notch = react.forwardRef((props, ref) => {
     )
   );
 });
-var DrawerContext = React85__namespace.default.createContext(void 0);
-var DrawerProvider = (props) => /* @__PURE__ */ React85__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
+var DrawerContext = React84__namespace.default.createContext(void 0);
+var DrawerProvider = (props) => /* @__PURE__ */ React84__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
 var useDrawerContext = () => {
-  return React85__namespace.default.useContext(DrawerContext);
+  return React84__namespace.default.useContext(DrawerContext);
 };
 var FullScreenDrawer = ({
   children,
   title,
   placement = "bottom",
-  leftButton = /* @__PURE__ */ React85__namespace.default.createElement(DrawerBackButton, null),
-  rightButton = /* @__PURE__ */ React85__namespace.default.createElement(DrawerCloseButton2, null),
+  leftButton = /* @__PURE__ */ React84__namespace.default.createElement(DrawerBackButton, null),
+  rightButton = /* @__PURE__ */ React84__namespace.default.createElement(DrawerCloseButton2, null),
   isOpen,
   onClose,
   body
 }) => {
-  const [isContentBoxScrolled, setContentBoxScrolled] = React85.useState(false);
+  const [isContentBoxScrolled, setContentBoxScrolled] = React84.useState(false);
   const onContentScroll = (e) => {
     const target = e.target;
     if (target.scrollTop <= 0) {
@@ -4052,10 +4049,10 @@ var FullScreenDrawer = ({
     }
     setContentBoxScrolled(true);
   };
-  React85.useEffect(() => {
+  React84.useEffect(() => {
     setContentBoxScrolled(false);
   }, [isOpen]);
-  return /* @__PURE__ */ React85__namespace.default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React85__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React84__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React84__namespace.default.createElement(
     react.DrawerContent,
     {
       height: "100vh",
@@ -4063,7 +4060,7 @@ var FullScreenDrawer = ({
       backgroundPosition: "top",
       backgroundRepeat: "no-repeat"
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(
       DrawerTopMenu,
       {
         isScrolled: isContentBoxScrolled,
@@ -4072,7 +4069,7 @@ var FullScreenDrawer = ({
         rightButton
       }
     ),
-    /* @__PURE__ */ React85__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
+    /* @__PURE__ */ React84__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
   ));
 };
 var DrawerTopMenu = ({
@@ -4085,7 +4082,7 @@ var DrawerTopMenu = ({
     "bg.default.light",
     "bg.default.dark"
   );
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.Flex,
     {
       width: "100%",
@@ -4098,8 +4095,8 @@ var DrawerTopMenu = ({
       transition: "box-shadow 0.2s",
       boxShadow: isScrolled ? "md" : void 0
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width: "fit-content" }, leftButton)),
-    /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { width: "fit-content" }, leftButton)),
+    /* @__PURE__ */ React84__namespace.default.createElement(
       react.DrawerHeader,
       {
         as: "h2",
@@ -4112,7 +4109,7 @@ var DrawerTopMenu = ({
       },
       title
     ),
-    /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
+    /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
   );
 };
 var DrawerCloseButton2 = () => {
@@ -4122,11 +4119,11 @@ var DrawerCloseButton2 = () => {
     `(min-width: ${tokens12__namespace.default.size.breakpoint.sm})`
   );
   if (isScreenSizeMinSm) {
-    return /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(
       Button2,
       {
         variant: "ghost",
-        leftIcon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
+        leftIcon: /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
         onClick: onClose,
         "aria-label": t(texts23.close),
         width: "fit-content"
@@ -4134,11 +4131,11 @@ var DrawerCloseButton2 = () => {
       t(texts23.close)
     );
   }
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     IconButton,
     {
       variant: "ghost",
-      icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
+      icon: /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
       onClick: onClose,
       "aria-label": t(texts23.close)
     }
@@ -4151,11 +4148,11 @@ var DrawerBackButton = () => {
     `(min-width: ${tokens12__namespace.default.size.breakpoint.sm})`
   );
   if (isScreenSizeMinSm) {
-    return /* @__PURE__ */ React85__namespace.default.createElement(
+    return /* @__PURE__ */ React84__namespace.default.createElement(
       Button2,
       {
         variant: "ghost",
-        leftIcon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
+        leftIcon: /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
         onClick: onClose,
         "aria-label": t(texts23.backAriaLabel),
         width: "fit-content"
@@ -4163,11 +4160,11 @@ var DrawerBackButton = () => {
       t(texts23.back)
     );
   }
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     IconButton,
     {
       variant: "ghost",
-      icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowLeftFill30Icon, null),
+      icon: /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.ArrowLeftFill30Icon, null),
       onClick: onClose,
       "aria-label": t(texts23.close)
     }
@@ -4206,7 +4203,7 @@ var SimpleDrawer = ({
   body,
   ...props
 }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(Drawer, { placement, ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React85__namespace.default.createElement(DrawerContent, null, /* @__PURE__ */ React85__namespace.default.createElement(react.DrawerCloseButton, null), title && /* @__PURE__ */ React85__namespace.default.createElement(ModalHeader, null, title), /* @__PURE__ */ React85__namespace.default.createElement(react.DrawerBody, { ...body }, children)));
+  return /* @__PURE__ */ React84__namespace.default.createElement(Drawer, { placement, ...props }, /* @__PURE__ */ React84__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React84__namespace.default.createElement(DrawerContent, null, /* @__PURE__ */ React84__namespace.default.createElement(react.DrawerCloseButton, null), title && /* @__PURE__ */ React84__namespace.default.createElement(ModalHeader, null, title), /* @__PURE__ */ React84__namespace.default.createElement(react.DrawerBody, { ...body }, children)));
 };
 var EXPIRATION_DELAY = 1e3 * 60 * 60 * 24 * 30;
 var Nudge = ({
@@ -4228,7 +4225,7 @@ var Nudge = ({
     }
     return null;
   }
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.Popover,
     {
       arrowSize: 12,
@@ -4236,8 +4233,8 @@ var Nudge = ({
       defaultIsOpen: true,
       ...props
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverAnchor, null, children),
-    /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React85__namespace.default.createElement(react.DarkMode, null, /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverArrow, null), /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverBody, { margin: 1 }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginRight: 4 }, content), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React85__namespace.default.createElement(ButtonGroup, null, /* @__PURE__ */ React85__namespace.default.createElement(Button2, { variant: "tertiary", size: "xs" }, t(texts24.close)), /* @__PURE__ */ React85__namespace.default.createElement(Button2, { variant: "secondary", size: "xs", fontWeight: "bold" }, t(texts24.showMe)))))))
+    /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverAnchor, null, children),
+    /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React84__namespace.default.createElement(react.DarkMode, null, /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverArrow, null), /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverBody, { margin: 1 }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { marginRight: 4 }, content), /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React84__namespace.default.createElement(ButtonGroup, null, /* @__PURE__ */ React84__namespace.default.createElement(Button2, { variant: "tertiary", size: "xs" }, t(texts24.close)), /* @__PURE__ */ React84__namespace.default.createElement(Button2, { variant: "secondary", size: "xs", fontWeight: "bold" }, t(texts24.showMe)))))))
   );
 };
 var texts24 = createTexts({
@@ -4261,23 +4258,23 @@ var WizardNudge = ({
   content,
   ...props
 }) => {
-  const [currentStep, setCurrentStep] = React85.useState(1);
+  const [currentStep, setCurrentStep] = React84.useState(1);
   const totalSteps = content.length;
   const isLastStep = totalSteps === currentStep;
   const onNext = () => setCurrentStep((prev) => prev + 1);
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     Nudge,
     {
       onClose,
       name,
       content: content[currentStep - 1],
-      actions: /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React85__namespace.default.createElement(
+      actions: /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React84__namespace.default.createElement(
         ProgressIndicator,
         {
           activeStep: currentStep,
           numberOfSteps: totalSteps
         }
-      ), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React85__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
+      ), /* @__PURE__ */ React84__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React84__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
       ...props
     },
     children
@@ -4286,12 +4283,12 @@ var WizardNudge = ({
 var NextOrCloseButton = ({ isLastStep, onNext }) => {
   const { onClose } = react.usePopoverContext();
   const { t } = useTranslation();
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     Button2,
     {
       variant: "tertiary",
       size: "xs",
-      leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
+      leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
       onClick: isLastStep ? onClose : onNext,
       width: "fit-content"
     },
@@ -4355,7 +4352,7 @@ var Pagination = ({
       }
     }
     return displayPageNumbers.map(
-      (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React85__namespace.default.createElement(react.ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React85__namespace.default.createElement(react.Center, null, "...")) : /* @__PURE__ */ React85__namespace.default.createElement(
+      (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React84__namespace.default.createElement(react.ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React84__namespace.default.createElement(react.Center, null, "...")) : /* @__PURE__ */ React84__namespace.default.createElement(
         react.Link,
         {
           key: index,
@@ -4372,7 +4369,7 @@ var Pagination = ({
       )
     );
   };
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React84__namespace.default.createElement(
     react.UnorderedList,
     {
       display: "flex",
@@ -4381,22 +4378,22 @@ var Pagination = ({
       padding: 0,
       margin: 0
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(react.ListItem, { "aria-label": t(texts26.previousPage) }, /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(react.ListItem, { "aria-label": t(texts26.previousPage) }, /* @__PURE__ */ React84__namespace.default.createElement(
       TextLink,
       {
         onClick: () => onPageChange(selectedPage - 1),
         sx: hasPreviousPage ? style.link : style.disabled
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
+      /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
     )),
     renderPaginationButtons(),
-    /* @__PURE__ */ React85__namespace.default.createElement(react.ListItem, { "aria-label": t(texts26.nextPage) }, /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(react.ListItem, { "aria-label": t(texts26.nextPage) }, /* @__PURE__ */ React84__namespace.default.createElement(
       TextLink,
       {
         onClick: () => onPageChange(selectedPage + 1),
         sx: hasNextPage ? style.link : style.disabled
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
+      /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
     ))
   ));
 };
@@ -4416,7 +4413,7 @@ var texts26 = createTexts({
 });
 var ProgressDot = ({ isActive }) => {
   const style = react.useMultiStyleConfig("ProgressIndicator");
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.Box,
     {
       as: "svg",
@@ -4426,7 +4423,7 @@ var ProgressDot = ({ isActive }) => {
       viewBox: "0 0 100 100",
       "aria-current": isActive ? "step" : void 0
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
+    /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
   );
 };
@@ -4437,7 +4434,7 @@ var ProgressIndicator = ({
 }) => {
   const { t } = useTranslation();
   const style = react.useMultiStyleConfig("ProgressIndicator");
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.Box,
     {
       __css: style.root,
@@ -4447,7 +4444,7 @@ var ProgressIndicator = ({
       "aria-valuenow": activeStep,
       "aria-valuetext": t(texts27.stepsOf(activeStep, numberOfSteps))
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React84__namespace.default.createElement(
       ProgressDot,
       {
         key: i,
@@ -4474,9 +4471,9 @@ var SporProvider = ({
 }) => {
   const brandCustomizations = brandTheme[brand] ?? {};
   const extendedTheme = deepmerge__default.default(theme2, brandCustomizations);
-  return /* @__PURE__ */ React85__namespace.default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React85__namespace.default.createElement(react.ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react$1.Global, { styles: fontFaces }), children));
+  return /* @__PURE__ */ React84__namespace.default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React84__namespace.default.createElement(react.ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React84__namespace.default.createElement(react$1.Global, { styles: fontFaces }), children));
 };
-var StepperContext = React85__namespace.default.createContext(null);
+var StepperContext = React84__namespace.default.createContext(null);
 var StepperProvider = ({
   activeStep,
   children,
@@ -4484,7 +4481,7 @@ var StepperProvider = ({
   numberOfSteps,
   variant
 }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     StepperContext.Provider,
     {
       value: { activeStep, onClick, numberOfSteps, variant }
@@ -4493,7 +4490,7 @@ var StepperProvider = ({
   );
 };
 var useStepper = () => {
-  const context = React85__namespace.default.useContext(StepperContext);
+  const context = React84__namespace.default.useContext(StepperContext);
   if (!context) {
     throw new Error(
       "useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
@@ -4521,7 +4518,7 @@ var Stepper = ({
   const { t } = useTranslation();
   const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
   const shownHeading = heading || title;
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React84__namespace.default.createElement(
     StepperProvider,
     {
       onClick,
@@ -4529,7 +4526,7 @@ var Stepper = ({
       variant,
       numberOfSteps
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: style.container }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: style.innerContainer }, /* @__PURE__ */ React85__namespace.default.createElement(
+    /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { sx: style.container }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { sx: style.innerContainer }, /* @__PURE__ */ React84__namespace.default.createElement(
       react.Flex,
       {
         justifyContent: "space-between",
@@ -4537,11 +4534,11 @@ var Stepper = ({
         gap: 2,
         flex: 1
       },
-      /* @__PURE__ */ React85__namespace.default.createElement(
+      /* @__PURE__ */ React84__namespace.default.createElement(
         IconButton,
         {
           "aria-label": t(texts28.back),
-          icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
+          icon: /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
           variant: "ghost",
           size: "sm",
           visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
@@ -4554,9 +4551,9 @@ var Stepper = ({
           }
         }
       ),
-      shownHeading && /* @__PURE__ */ React85__namespace.default.createElement(Text5, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
-      /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t(texts28.stepsOf(activeStep, numberOfSteps)))
-    )), /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React85__namespace.default.createElement(
+      shownHeading && /* @__PURE__ */ React84__namespace.default.createElement(Text5, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
+      /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t(texts28.stepsOf(activeStep, numberOfSteps)))
+    )), /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React84__namespace.default.createElement(
       StepperStep,
       {
         key: index,
@@ -4601,14 +4598,14 @@ var StepperStep = ({
   );
   const iconColor = react.useColorModeValue("blackAlpha.200", "whiteAlpha.200");
   const isDisabled = state !== "active" && isDisabledOverride || state === "disabled";
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React84__namespace.default.createElement(
     sporIconReact.DropdownRightFill18Icon,
     {
       marginX: 5,
       display: ["none", null, "block"],
       color: iconColor
     }
-  ), isDisabled ? /* @__PURE__ */ React85__namespace.default.createElement(
+  ), isDisabled ? /* @__PURE__ */ React84__namespace.default.createElement(
     Text5,
     {
       variant: "xs",
@@ -4618,7 +4615,7 @@ var StepperStep = ({
       paddingX: 2
     },
     children
-  ) : /* @__PURE__ */ React85__namespace.default.createElement(
+  ) : /* @__PURE__ */ React84__namespace.default.createElement(
     Button2,
     {
       size: "xs",
@@ -4641,11 +4638,11 @@ var getState = (stepNumber, activeStep) => {
   return "disabled";
 };
 var Tabs = react.forwardRef((props, ref) => {
-  return /* @__PURE__ */ React85__namespace.createElement(react.Tabs, { ...props, ref });
+  return /* @__PURE__ */ React84__namespace.createElement(react.Tabs, { ...props, ref });
 });
 var Table = react.forwardRef((props, ref) => {
   const { variant, size, colorScheme, children, ...rest } = props;
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React84__namespace.default.createElement(
     react.Table,
     {
       variant,
@@ -8990,12 +8987,12 @@ var brandTheme = {
 };
 var BaseToast = ({ children, variant, id }) => {
   const styles2 = react.useStyleConfig("Toast", { variant });
-  return /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { sx: styles2, id }, /* @__PURE__ */ React85__namespace.default.createElement(ToastIcon, { variant }), children);
+  return /* @__PURE__ */ React84__namespace.default.createElement(react.Flex, { sx: styles2, id }, /* @__PURE__ */ React84__namespace.default.createElement(ToastIcon, { variant }), children);
 };
 var ToastIcon = ({ variant }) => {
   const Icon = getIcon3(variant);
   const { t } = useTranslation();
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     Icon,
     {
       flexShrink: 0,
@@ -9045,7 +9042,7 @@ var ActionToast = ({
   buttonText,
   id
 }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React85__namespace.default.createElement(Button2, { variant: "tertiary", size: "sm", onClick }, buttonText));
+  return /* @__PURE__ */ React84__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React84__namespace.default.createElement(Button2, { variant: "tertiary", size: "sm", onClick }, buttonText));
 };
 var ClosableToast = ({
   children,
@@ -9055,13 +9052,13 @@ var ClosableToast = ({
 }) => {
   const styles2 = react.useMultiStyleConfig("Toast", { variant });
   const { t } = useTranslation();
-  return /* @__PURE__ */ React85__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { flexGrow: "1" }, children), /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React84__namespace.default.createElement(react.Box, { flexGrow: "1" }, children), /* @__PURE__ */ React84__namespace.default.createElement(
     IconButton,
     {
       sx: styles2.dismissButton,
       variant: "ghost",
       "aria-label": t(texts30.dismiss),
-      icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
+      icon: /* @__PURE__ */ React84__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
       onClick: onClose
     }
   ));
@@ -9078,7 +9075,7 @@ var texts30 = createTexts({
 // src/toast/useToast.tsx
 var useToast = () => {
   const toast = react.useToast();
-  const wrappedToast = React85.useCallback(
+  const wrappedToast = React84.useCallback(
     (opts) => {
       const Toast = getToastComponent(opts);
       toast({
@@ -9096,7 +9093,7 @@ var getToastComponent = (opts) => {
       if (id === void 0) {
         return null;
       }
-      return /* @__PURE__ */ React85__namespace.default.createElement(
+      return /* @__PURE__ */ React84__namespace.default.createElement(
         ClosableToast,
         {
           id: id.toString(),
@@ -9117,7 +9114,7 @@ var getToastComponent = (opts) => {
       if (id === void 0) {
         return null;
       }
-      return /* @__PURE__ */ React85__namespace.default.createElement(
+      return /* @__PURE__ */ React84__namespace.default.createElement(
         ActionToast,
         {
           id: id.toString(),
@@ -9133,7 +9130,7 @@ var getToastComponent = (opts) => {
     if (id === void 0) {
       return null;
     }
-    return /* @__PURE__ */ React85__namespace.default.createElement(BaseToast, { id: id.toString(), variant: opts.variant }, opts.text);
+    return /* @__PURE__ */ React84__namespace.default.createElement(BaseToast, { id: id.toString(), variant: opts.variant }, opts.text);
   };
 };
 var Tooltip = ({
@@ -9147,7 +9144,7 @@ var Tooltip = ({
   withCloseButton = false,
   ...props
 }) => {
-  return /* @__PURE__ */ React85__namespace.default.createElement(
+  return /* @__PURE__ */ React84__namespace.default.createElement(
     react.Popover,
     {
       onClose,
@@ -9159,8 +9156,8 @@ var Tooltip = ({
       arrowShadowColor: "none",
       ...props
     },
-    /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverTrigger, null, children),
-    /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverContent, null, /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverArrow, null), withCloseButton && /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverBody, null, content))
+    /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverTrigger, null, children),
+    /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverContent, null, /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverArrow, null), withCloseButton && /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React84__namespace.default.createElement(react.PopoverBody, null, content))
   );
 };
 var useMediaQuery2 = react.useMediaQuery;
@@ -9240,6 +9237,10 @@ Object.defineProperty(exports, "Flex", {
   enumerable: true,
   get: function () { return react.Flex; }
 });
+Object.defineProperty(exports, "FormControl", {
+  enumerable: true,
+  get: function () { return react.FormControl; }
+});
 Object.defineProperty(exports, "FormHelperText", {
   enumerable: true,
   get: function () { return react.FormHelperText; }
@@ -9494,7 +9495,6 @@ exports.Expandable = Expandable;
 exports.ExpandableAlert = ExpandableAlert;
 exports.ExpandableItem = ExpandableItem;
 exports.FloatingActionButton = FloatingActionButton;
-exports.FormControl = FormControl;
 exports.FormErrorMessage = FormErrorMessage;
 exports.FormLabel = FormLabel;
 exports.FullScreenDrawer = FullScreenDrawer;