@simplybusiness/mobius 6.4.4 → 6.5.0

package/dist/cjs/index.js

@@ -83,6 +83,7 @@ __export(index_exports, {
   TextArea: () => TextArea,
   TextAreaInput: () => TextAreaInput,
   TextField: () => TextField,
+  TextOrHTML: () => TextOrHTML,
   Title: () => Title,
   Trust: () => Trust,
   VisuallyHidden: () => VisuallyHidden,
@@ -1018,58 +1019,29 @@ Accordion.displayName = "Accordion";
 
 // src/components/AddressLookup/AddressLookup.tsx
 var import_icons3 = require("@simplybusiness/icons");
-var import_react26 = require("react");
+var import_react25 = require("react");
 
 // src/components/Combobox/Combobox.tsx
-var import_dedupe11 = __toESM(require("classnames/dedupe"));
-var import_react25 = require("react");
+var import_dedupe10 = __toESM(require("classnames/dedupe"));
+var import_react24 = require("react");
 
 // src/components/TextField/TextField.tsx
-var import_dedupe9 = __toESM(require("classnames/dedupe"));
-var import_react21 = require("react");
+var import_dedupe8 = __toESM(require("classnames/dedupe"));
+var import_react20 = require("react");
 
 // src/components/ErrorMessage/ErrorMessage.tsx
 var import_icons2 = require("@simplybusiness/icons");
-var import_dedupe6 = __toESM(require("classnames/dedupe"));
-
-// src/components/Text/Text.tsx
-var import_react17 = require("react");
 var import_dedupe5 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var getElementType = (variant, elementType) => {
-  if (variant) {
-    return ["h1", "h2", "h3", "h4"].includes(variant) ? variant : "p";
-  }
-  return elementType || "p";
-};
-var Text = (0, import_react17.forwardRef)(
-  ({ elementType: Component = "p", ...props }, ref) => {
-    const { variant, className, spacing, ...otherProps } = props;
-    const elementType = getElementType(variant, Component);
-    const variantType = variant || elementType;
-    const classes = (0, import_dedupe5.default)(
-      "mobius",
-      "mobius-text",
-      { [`--is-${variantType}`]: variantType },
-      { [`--has-line-height-${spacing}`]: spacing },
-      className
-    );
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Component, { ref, ...otherProps, className: classes });
-  }
-);
-Text.displayName = "Text";
-
-// src/components/ErrorMessage/ErrorMessage.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
 var ErrorMessage = ({
   id,
   errorMessage,
   className
 }) => {
-  const classes = (0, import_dedupe6.default)("mobius", "mobius-error-message", className);
+  const classes = (0, import_dedupe5.default)("mobius", "mobius-error-message", className);
   if (!errorMessage) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { id, className: classes, "data-testid": "ErrorMessage", role: "alert", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { id, className: classes, "data-testid": "ErrorMessage", role: "alert", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       Icon,
       {
         icon: import_icons2.error,
@@ -1077,32 +1049,39 @@ var ErrorMessage = ({
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { elementType: "span", className: "mobius-error-message__text", children: errorMessage })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      TextOrHTML,
+      {
+        elementType: "span",
+        className: "mobius-error-message__text",
+        text: errorMessage
+      }
+    )
   ] });
 };
 ErrorMessage.displayName = "ErrorMessage";
 
 // src/components/Label/Label.tsx
-var import_react18 = require("react");
-var import_dedupe7 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Label = (0, import_react18.forwardRef)(
+var import_react17 = require("react");
+var import_dedupe6 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Label = (0, import_react17.forwardRef)(
   (props, ref) => {
     const { elementType: Element = "label", children, ...otherProps } = props;
-    const classes = (0, import_dedupe7.default)("mobius", "mobius-label", props.className);
+    const classes = (0, import_dedupe6.default)("mobius", "mobius-label", props.className);
     otherProps.className = classes;
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Element, { ref, ...otherProps, className: classes, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Element, { ref, ...otherProps, className: classes, children });
   }
 );
 Label.displayName = "Label";
 
 // src/components/Stack/Stack.tsx
-var import_react19 = require("react");
-var import_dedupe8 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var Stack = (0, import_react19.forwardRef)((props, ref) => {
+var import_react18 = require("react");
+var import_dedupe7 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Stack = (0, import_react18.forwardRef)((props, ref) => {
   const { elementType: Element = "div", gap, ...otherProps } = props;
-  const classes = (0, import_dedupe8.default)(
+  const classes = (0, import_dedupe7.default)(
     "mobius",
     "mobius-stack",
     {
@@ -1110,16 +1089,16 @@ var Stack = (0, import_react19.forwardRef)((props, ref) => {
     },
     otherProps.className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Element, { ref, ...otherProps, className: classes });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Element, { ref, ...otherProps, className: classes });
 });
 Stack.displayName = "Stack";
 
 // src/components/TextField/adornmentWithClassName.ts
 var import_classnames = __toESM(require("classnames"));
-var import_react20 = require("react");
+var import_react19 = require("react");
 var adornmentWithClassName = (component, validationClasses, className) => {
   if (!component) return null;
-  return (0, import_react20.cloneElement)(component, {
+  return (0, import_react19.cloneElement)(component, {
     className: (0, import_classnames.default)(
       component.props.className,
       validationClasses,
@@ -1129,8 +1108,8 @@ var adornmentWithClassName = (component, validationClasses, className) => {
 };
 
 // src/components/TextField/TextField.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var TextField = (0, import_react21.forwardRef)((props, ref) => {
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var TextField = (0, import_react20.forwardRef)((props, ref) => {
   const {
     isDisabled,
     type = "text",
@@ -1164,42 +1143,42 @@ var TextField = (0, import_react21.forwardRef)((props, ref) => {
     "--is-hidden": hidden,
     [className || ""]: true
   };
-  const sharedClasses = (0, import_dedupe9.default)(validationClasses, textfieldClasses);
-  const labelClasses = (0, import_dedupe9.default)(
+  const sharedClasses = (0, import_dedupe8.default)(validationClasses, textfieldClasses);
+  const labelClasses = (0, import_dedupe8.default)(
     {
       "--is-disabled": isDisabled
     },
     validationClasses
   );
-  const containerClasses = (0, import_dedupe9.default)(
+  const containerClasses = (0, import_dedupe8.default)(
     "mobius",
     "mobius-text-field",
     sharedClasses
   );
-  const inputClasses = (0, import_dedupe9.default)(
+  const inputClasses = (0, import_dedupe8.default)(
     "mobius",
     "mobius-text-field__input",
     sharedClasses
   );
-  const inputWrapperClasses = (0, import_dedupe9.default)(
+  const inputWrapperClasses = (0, import_dedupe8.default)(
     "mobius-text-field__input-wrapper",
     sharedClasses
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Stack, { gap: "xs", className: containerClasses, children: [
-    label && !hidden && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Label, { ...labelProps, className: labelClasses, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mobius-text-field__inner-container", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Stack, { gap: "xs", className: containerClasses, children: [
+    label && !hidden && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Label, { ...labelProps, className: labelClasses, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mobius-text-field__inner-container", children: [
       adornmentWithClassName(
         prefixOutside,
         labelClasses,
         "mobius-text-field__prefix-outside"
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: inputWrapperClasses, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: inputWrapperClasses, children: [
         adornmentWithClassName(
           prefixInside,
           labelClasses,
           "mobius-text-field__prefix-inside"
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "input",
           {
             ...otherProps,
@@ -1221,14 +1200,14 @@ var TextField = (0, import_react21.forwardRef)((props, ref) => {
         "mobius-text-field__suffix-outside"
       )
     ] }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mobius-text-field__children", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ErrorMessage, { ...errorMessageProps, errorMessage })
+    children && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mobius-text-field__children", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ErrorMessage, { ...errorMessageProps, errorMessage })
   ] });
 });
 TextField.displayName = "TextField";
 
 // src/components/VisuallyHidden/VisuallyHidden.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function VisuallyHidden(props) {
   const {
     className,
@@ -1236,7 +1215,7 @@ function VisuallyHidden(props) {
     elementType: Component = "div",
     ...otherProps
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     Component,
     {
       className,
@@ -1262,8 +1241,8 @@ function VisuallyHidden(props) {
 var import_classnames2 = __toESM(require("classnames"));
 
 // src/components/Combobox/Option.tsx
-var import_react22 = require("react");
-var import_dedupe10 = __toESM(require("classnames/dedupe"));
+var import_react21 = require("react");
+var import_dedupe9 = __toESM(require("classnames/dedupe"));
 
 // src/components/Combobox/utils.tsx
 function isOptionGroup(options) {
@@ -1287,7 +1266,7 @@ function filterOptions(options, inputValue) {
 }
 
 // src/components/Combobox/Option.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var Option = ({
   option,
   isHighlighted,
@@ -1295,13 +1274,13 @@ var Option = ({
   optionComponent: OptionComponent,
   id
 }) => {
-  const optionRef = (0, import_react22.useRef)(null);
-  (0, import_react22.useEffect)(() => {
+  const optionRef = (0, import_react21.useRef)(null);
+  (0, import_react21.useEffect)(() => {
     if (isHighlighted && optionRef.current && optionRef.current.scrollIntoView) {
       optionRef.current.scrollIntoView({ block: "nearest" });
     }
   }, [isHighlighted]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "li",
     {
       ref: optionRef,
@@ -1309,17 +1288,17 @@ var Option = ({
       id,
       "aria-selected": isHighlighted,
       onMouseDown: () => onOptionSelect(option),
-      className: (0, import_dedupe10.default)("mobius-combobox__option", "has-pii", {
+      className: (0, import_dedupe9.default)("mobius-combobox__option", "has-pii", {
         "mobius-combobox__option--is-highlighted": isHighlighted
       }),
-      children: OptionComponent ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(OptionComponent, { option, isHighlighted }) : getOptionLabel(option)
+      children: OptionComponent ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(OptionComponent, { option, isHighlighted }) : getOptionLabel(option)
     },
     getOptionValue(option)
   );
 };
 
 // src/components/Combobox/Listbox.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var Listbox = ({
   id,
   isOpen = false,
@@ -1339,19 +1318,19 @@ var Listbox = ({
     return isOptionGroup(options) ? `${id}-option-${groupIndex}-${index}` : `${id}-option-${index}`;
   }
   if (!isOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { role: "listbox", id, className: classes });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { role: "listbox", id, className: classes });
   }
   if (options && options.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { role: "listbox", id, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mobius-combobox__no-options", children: "No options" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { role: "listbox", id, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mobius-combobox__no-options", children: "No options" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { role: "listbox", id, className: classes, children: isOptionGroup(options) ? options.map((option, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { role: "listbox", id, className: classes, children: isOptionGroup(options) ? options.map((option, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "ul",
     {
       role: "group",
       "aria-labelledby": `${id}-group-${groupIndex}`,
       className: "mobius-combobox__group",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "li",
           {
             role: "presentation",
@@ -1360,7 +1339,7 @@ var Listbox = ({
             children: option.heading
           }
         ),
-        option.options.map((groupOption, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        option.options.map((groupOption, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           Option,
           {
             option: groupOption,
@@ -1374,7 +1353,7 @@ var Listbox = ({
       ]
     },
     option.heading
-  )) : typeof options !== "undefined" ? options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  )) : typeof options !== "undefined" ? options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     Option,
     {
       option,
@@ -1388,12 +1367,12 @@ var Listbox = ({
 };
 
 // src/components/Combobox/useComboboxHighlight.tsx
-var import_react23 = require("react");
+var import_react22 = require("react");
 function useComboboxHighlight(options) {
-  const [highlightedIndex, setHighlightedIndex] = (0, import_react23.useState)(
+  const [highlightedIndex, setHighlightedIndex] = (0, import_react22.useState)(
     options && options.length ? 0 : -1
   );
-  const [highlightedGroupIndex, setHighlightedGroupIndex] = (0, import_react23.useState)(0);
+  const [highlightedGroupIndex, setHighlightedGroupIndex] = (0, import_react22.useState)(0);
   function highlightNextOption() {
     const isGroup = isOptionGroup(options);
     if (!options) {
@@ -1471,7 +1450,7 @@ function useComboboxHighlight(options) {
 }
 
 // src/components/Combobox/useComboboxOptions.ts
-var import_react24 = require("react");
+var import_react23 = require("react");
 function useComboboxOptions({
   options,
   asyncOptions,
@@ -1481,15 +1460,15 @@ function useComboboxOptions({
   skipNextDebounceRef,
   onSearched
 }) {
-  const [filteredOptions, setFilteredOptions] = (0, import_react24.useState)(void 0);
+  const [filteredOptions, setFilteredOptions] = (0, import_react23.useState)(void 0);
   const debouncedInputValue = useDebouncedValue(
     inputValue,
     // Don't debounce synchronous options
     options ? 0 : delay
   );
-  const [isLoading, setIsLoading] = (0, import_react24.useState)(false);
-  const [error3, setError] = (0, import_react24.useState)(null);
-  (0, import_react24.useEffect)(() => {
+  const [isLoading, setIsLoading] = (0, import_react23.useState)(false);
+  const [error3, setError] = (0, import_react23.useState)(null);
+  (0, import_react23.useEffect)(() => {
     const controller = new AbortController();
     const { signal } = controller;
     const fetchOptions = async () => {
@@ -1547,8 +1526,8 @@ function useComboboxOptions({
 }
 
 // src/components/Combobox/Combobox.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var ComboboxInner = (0, import_react25.forwardRef)(
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var ComboboxInner = (0, import_react24.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -1570,11 +1549,11 @@ var ComboboxInner = (0, import_react25.forwardRef)(
       errorMessage,
       ...otherProps
     } = props;
-    const skipNextDebounceRef = (0, import_react25.useRef)(false);
-    const fallbackRef = (0, import_react25.useRef)(null);
-    const [inputValue, setInputValue] = (0, import_react25.useState)(defaultValue || "");
-    const [isOpen, setIsOpen] = (0, import_react25.useState)(false);
-    const [isChanging, setIsChanging] = (0, import_react25.useState)(false);
+    const skipNextDebounceRef = (0, import_react24.useRef)(false);
+    const fallbackRef = (0, import_react24.useRef)(null);
+    const [inputValue, setInputValue] = (0, import_react24.useState)(defaultValue || "");
+    const [isOpen, setIsOpen] = (0, import_react24.useState)(false);
+    const [isChanging, setIsChanging] = (0, import_react24.useState)(false);
     const { filteredOptions, updateFilteredOptions, isLoading, error: error3 } = useComboboxOptions({
       options,
       asyncOptions,
@@ -1593,9 +1572,9 @@ var ComboboxInner = (0, import_react25.forwardRef)(
       clearHighlight
     } = useComboboxHighlight(filteredOptions);
     const inputRef = ref || fallbackRef;
-    const listboxId = (0, import_react25.useId)();
-    const statusId = (0, import_react25.useId)();
-    const blurTimeoutRef = (0, import_react25.useRef)(null);
+    const listboxId = (0, import_react24.useId)();
+    const statusId = (0, import_react24.useId)();
+    const blurTimeoutRef = (0, import_react24.useRef)(null);
     const { down } = useBreakpoint();
     const isMobile = down("md");
     const handleFocus = (e) => {
@@ -1709,17 +1688,17 @@ var ComboboxInner = (0, import_react25.forwardRef)(
         default:
       }
     };
-    (0, import_react25.useEffect)(() => {
+    (0, import_react24.useEffect)(() => {
       if (value) {
         setInputValue(value);
       }
     }, [value]);
-    (0, import_react25.useEffect)(() => {
+    (0, import_react24.useEffect)(() => {
       if (asyncOptions && isChanging) {
         setIsOpen(!!filteredOptions && filteredOptions.length > 0);
       }
     }, [filteredOptions, asyncOptions, isChanging]);
-    const classes = (0, import_dedupe11.default)(
+    const classes = (0, import_dedupe10.default)(
       "mobius mobius-combobox",
       {
         "mobius-combobox--is-expanded": isOpen,
@@ -1728,8 +1707,8 @@ var ComboboxInner = (0, import_react25.forwardRef)(
       },
       className
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { id, "data-testid": "mobius-combobox__wrapper", className: classes, children: [
-      isLoading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { id, "data-testid": "mobius-combobox__wrapper", className: classes, children: [
+      isLoading && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         VisuallyHidden,
         {
           role: "status",
@@ -1740,7 +1719,7 @@ var ComboboxInner = (0, import_react25.forwardRef)(
           children: "Loading options"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         TextField,
         {
           ...otherProps,
@@ -1764,7 +1743,7 @@ var ComboboxInner = (0, import_react25.forwardRef)(
           errorMessage: errorMessage || error3?.message || void 0
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         Listbox,
         {
           id: listboxId,
@@ -1788,7 +1767,7 @@ function isLoqateErrorResponse(response) {
 }
 
 // src/components/AddressLookup/AddressLookup.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function optionsFromResponse({ Items }, addressLookupService) {
   if (!Items || !Array.isArray(Items)) {
     throw Error("No address found");
@@ -1808,7 +1787,7 @@ function optionsFromResponse({ Items }, addressLookupService) {
     }
   }));
 }
-var AddressLookup = (0, import_react26.forwardRef)(
+var AddressLookup = (0, import_react25.forwardRef)(
   ({
     addressLookupService,
     onAddressSelected,
@@ -1817,15 +1796,15 @@ var AddressLookup = (0, import_react26.forwardRef)(
     errorMessage,
     ...otherProps
   }, ref) => {
-    const [error3, _setError] = (0, import_react26.useState)(null);
-    const setError = (0, import_react26.useCallback)(
+    const [error3, _setError] = (0, import_react25.useState)(null);
+    const setError = (0, import_react25.useCallback)(
       (newError) => {
         if (newError != null) onError?.(newError);
         _setError(newError);
       },
       [onError]
     );
-    const asyncOptions = (0, import_react26.useCallback)(
+    const asyncOptions = (0, import_react25.useCallback)(
       async (searchTerm) => {
         try {
           const response = await addressLookupService.search(searchTerm);
@@ -1845,7 +1824,7 @@ var AddressLookup = (0, import_react26.forwardRef)(
       return addressLookupService.get(selected.id).then(onAddressSelected).catch(setError);
     };
     const realErrorMessage = error3 && "An error occurred" || errorMessage;
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       Combobox,
       {
         ...otherProps,
@@ -1853,7 +1832,7 @@ var AddressLookup = (0, import_react26.forwardRef)(
         onSelected: handleSelected,
         asyncOptions,
         errorMessage: realErrorMessage,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { icon: import_icons3.search })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: import_icons3.search })
       }
     );
   }
@@ -1945,13 +1924,13 @@ var LoqateAddressLookupService = class {
 
 // src/components/Alert/Alert.tsx
 var import_icons4 = require("@simplybusiness/icons");
-var import_dedupe12 = __toESM(require("classnames/dedupe"));
-var import_react27 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_dedupe11 = __toESM(require("classnames/dedupe"));
+var import_react26 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function isAlertVariant(value) {
   return value === "info" || value === "success" || value === "warning" || value === "error";
 }
-var Alert = (0, import_react27.forwardRef)(
+var Alert = (0, import_react26.forwardRef)(
   (props, ref) => {
     const {
       elementType: Element = "div",
@@ -1964,7 +1943,7 @@ var Alert = (0, import_react27.forwardRef)(
     if (!show) return null;
     const variant = variantProp && isAlertVariant(variantProp) ? variantProp : "info";
     const colorValue = variant === "success" ? `var(--color-valid)` : `var(--color-${variant})`;
-    const classes = (0, import_dedupe12.default)(
+    const classes = (0, import_dedupe11.default)(
       "mobius",
       "mobius-alert",
       {
@@ -1982,14 +1961,14 @@ var Alert = (0, import_react27.forwardRef)(
       warning: import_icons4.warning,
       error: import_icons4.error
     };
-    const headerClasses = (0, import_dedupe12.default)("mobius", "mobius-alert__header");
-    const iconClasses = (0, import_dedupe12.default)("mobius", "mobius-alert__icon");
-    const contentClasses = (0, import_dedupe12.default)("mobius", "mobius-alert__content");
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Element, { ref, role: "alert", ...otherProps, className: classes, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: iconClasses, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { icon: icon[variant], color: colorValue }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
-        header && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: headerClasses, children: header }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: contentClasses, children })
+    const headerClasses = (0, import_dedupe11.default)("mobius", "mobius-alert__header");
+    const iconClasses = (0, import_dedupe11.default)("mobius", "mobius-alert__icon");
+    const contentClasses = (0, import_dedupe11.default)("mobius", "mobius-alert__content");
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Element, { ref, role: "alert", ...otherProps, className: classes, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: iconClasses, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { icon: icon[variant], color: colorValue }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+        header && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: headerClasses, children: header }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: contentClasses, children })
       ] })
     ] });
   }
@@ -1997,10 +1976,10 @@ var Alert = (0, import_react27.forwardRef)(
 Alert.displayName = "Alert";
 
 // src/components/Box/Box.tsx
-var import_react28 = require("react");
-var import_dedupe13 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var Box = (0, import_react28.forwardRef)(
+var import_react27 = require("react");
+var import_dedupe12 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Box = (0, import_react27.forwardRef)(
   (props, ref) => {
     const {
       elementType: Element = "div",
@@ -2026,7 +2005,7 @@ var Box = (0, import_react28.forwardRef)(
       style,
       ...otherProps
     } = props;
-    const classes = (0, import_dedupe13.default)("mobius", "mobius-box", otherProps.className);
+    const classes = (0, import_dedupe12.default)("mobius", "mobius-box", otherProps.className);
     const styleProps = filterUndefinedProps({
       padding: getSpacingValue(padding),
       paddingInline: getSpacingValue(paddingInline || paddingX),
@@ -2043,7 +2022,7 @@ var Box = (0, import_react28.forwardRef)(
       height,
       ...style
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       Element,
       {
         ref,
@@ -2057,21 +2036,21 @@ var Box = (0, import_react28.forwardRef)(
 Box.displayName = "Box";
 
 // src/components/Breadcrumbs/Breadcrumbs.tsx
-var import_react29 = require("react");
-var import_dedupe14 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var Breadcrumbs = (0, import_react29.forwardRef)((props, ref) => {
+var import_react28 = require("react");
+var import_dedupe13 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Breadcrumbs = (0, import_react28.forwardRef)((props, ref) => {
   const { "aria-label": ariaLabel = "Breadcrumbs" } = props;
   const { navProps } = { navProps: { "aria-label": ariaLabel } };
   const { children, ...otherProps } = props;
-  const childArray = import_react29.Children.toArray(children);
-  const classes = (0, import_dedupe14.default)(
+  const childArray = import_react28.Children.toArray(children);
+  const classes = (0, import_dedupe13.default)(
     "mobius",
     "mobius-breadcrumb",
     otherProps.className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("nav", { ref, ...otherProps, ...navProps, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { children: childArray.map(
-    (child, i) => (0, import_react29.cloneElement)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("nav", { ref, ...otherProps, ...navProps, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { children: childArray.map(
+    (child, i) => (0, import_react28.cloneElement)(
       child,
       {
         key: i,
@@ -2083,16 +2062,16 @@ var Breadcrumbs = (0, import_react29.forwardRef)((props, ref) => {
 Breadcrumbs.displayName = "Breadcrumbs";
 
 // src/components/Breadcrumbs/BreadcrumbItem.tsx
-var import_react30 = require("react");
-var import_dedupe15 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var BreadcrumbItem = (0, import_react30.forwardRef)((props, ref) => {
+var import_react29 = require("react");
+var import_dedupe14 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var BreadcrumbItem = (0, import_react29.forwardRef)((props, ref) => {
   const {
     isDisabled = false,
     isCurrent = false,
     "aria-current": ariaCurrent = "page",
     children,
-    separator = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Box, { className: "mobius-breadcrumb__separator", "aria-hidden": "true", children: ">" }),
+    separator = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Box, { className: "mobius-breadcrumb__separator", "aria-hidden": "true", children: ">" }),
     ...otherProps
   } = props;
   const { itemProps } = {
@@ -2102,14 +2081,14 @@ var BreadcrumbItem = (0, import_react30.forwardRef)((props, ref) => {
       ...otherProps
     }
   };
-  const classes = (0, import_dedupe15.default)(
+  const classes = (0, import_dedupe14.default)(
     "mobius",
     "mobius-breadcrumb__item",
     props.className
   );
-  const child = typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { ...itemProps, children }) : import_react30.Children.only(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("li", { className: classes, children: [
-    (0, import_react30.cloneElement)(child, {
+  const child = typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { ...itemProps, children }) : import_react29.Children.only(children);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("li", { className: classes, children: [
+    (0, import_react29.cloneElement)(child, {
       ...child.props,
       ...itemProps,
       ref
@@ -2120,35 +2099,35 @@ var BreadcrumbItem = (0, import_react30.forwardRef)((props, ref) => {
 BreadcrumbItem.displayName = "BreadcrumbItem";
 
 // src/components/Button/Button.tsx
-var import_react31 = require("react");
-var import_dedupe16 = __toESM(require("classnames/dedupe"));
+var import_react30 = require("react");
+var import_dedupe15 = __toESM(require("classnames/dedupe"));
 
 // src/components/Button/Loading.tsx
 var import_icons5 = require("@simplybusiness/icons");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Loading = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mobius-button__icon-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { icon: import_icons5.loading, spin: true, size: "md" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(VisuallyHidden, { className: "mobius-button__loading-text", children: "Loading" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "mobius-button__icon-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { icon: import_icons5.loading, spin: true, size: "md" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(VisuallyHidden, { className: "mobius-button__loading-text", children: "Loading" }),
     children
   ] });
 };
 
 // src/components/Button/Success.tsx
 var import_icons6 = require("@simplybusiness/icons");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var Success = () => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mobius-button__icon-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { icon: import_icons6.tick, size: "md" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(VisuallyHidden, { className: "mobius-button__success-text", children: "Success" })
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Success = () => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mobius-button__icon-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { icon: import_icons6.tick, size: "md" }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(VisuallyHidden, { className: "mobius-button__success-text", children: "Success" })
 ] });
 
 // src/components/Button/Button.tsx
-var import_jsx_runtime21 = (
+var import_jsx_runtime20 = (
   // @ts-expect-error - ref type is not correct
   require("react/jsx-runtime")
 );
-var Button = (0, import_react31.forwardRef)((props, ref) => {
+var Button = (0, import_react30.forwardRef)((props, ref) => {
   const {
     children,
     elementType: Component = "button",
@@ -2176,7 +2155,7 @@ var Button = (0, import_react31.forwardRef)((props, ref) => {
     return variant;
   };
   const buttonVariant = getVariant(variant);
-  const classes = (0, import_dedupe16.default)(
+  const classes = (0, import_dedupe15.default)(
     "mobius",
     "mobius-button",
     `--variant-${buttonVariant}`,
@@ -2189,19 +2168,19 @@ var Button = (0, import_react31.forwardRef)((props, ref) => {
     otherProps.className
   );
   otherProps.className = classes;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Component, { ref, ...buttonProps, ...otherProps, children: [
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Loading, { children }) : children,
-    isSuccess && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Success, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Component, { ref, ...buttonProps, ...otherProps, children: [
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Loading, { children }) : children,
+    isSuccess && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Success, {})
   ] });
 });
 Button.displayName = "Button";
 
 // src/components/Checkbox/Checkbox.tsx
-var import_react32 = require("react");
-var import_dedupe17 = __toESM(require("classnames/dedupe"));
+var import_react31 = require("react");
+var import_dedupe16 = __toESM(require("classnames/dedupe"));
 var import_icons7 = require("@simplybusiness/icons");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var Checkbox = (0, import_react32.forwardRef)((props, ref) => {
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var Checkbox = (0, import_react31.forwardRef)((props, ref) => {
   const {
     id,
     label,
@@ -2221,12 +2200,12 @@ var Checkbox = (0, import_react32.forwardRef)((props, ref) => {
     ["aria-describedby"]: ariaDescribedBy,
     ...rest
   } = props;
-  const [checked, setChecked] = (0, import_react32.useState)(defaultSelected);
-  const fallbackRef = (0, import_react32.useRef)(null);
+  const [checked, setChecked] = (0, import_react31.useState)(defaultSelected);
+  const fallbackRef = (0, import_react31.useRef)(null);
   const refObj = ref || fallbackRef;
-  const inputId = (0, import_react32.useId)();
+  const inputId = (0, import_react31.useId)();
   const isControlled = typeof selected === "boolean";
-  (0, import_react32.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (isControlled) {
       setChecked(selected);
     }
@@ -2235,7 +2214,7 @@ var Checkbox = (0, import_react32.forwardRef)((props, ref) => {
     validationState,
     isInvalid
   });
-  const sharedClasses = (0, import_dedupe17.default)(
+  const sharedClasses = (0, import_dedupe16.default)(
     {
       "--is-disabled": isDisabled,
       "--is-selected": checked,
@@ -2244,31 +2223,31 @@ var Checkbox = (0, import_react32.forwardRef)((props, ref) => {
     },
     validationClasses
   );
-  const wrapperClasses = (0, import_dedupe17.default)(
+  const wrapperClasses = (0, import_dedupe16.default)(
     "mobius",
     "mobius-checkbox",
     sharedClasses,
     className
   );
-  const labelClasses = (0, import_dedupe17.default)("mobius-checkbox__label", sharedClasses);
-  const inputClasses = (0, import_dedupe17.default)("mobius-checkbox__input", sharedClasses);
-  const iconClasses = (0, import_dedupe17.default)("mobius-checkbox__icon", sharedClasses);
-  const errorMessageId = (0, import_react32.useId)();
+  const labelClasses = (0, import_dedupe16.default)("mobius-checkbox__label", sharedClasses);
+  const inputClasses = (0, import_dedupe16.default)("mobius-checkbox__input", sharedClasses);
+  const iconClasses = (0, import_dedupe16.default)("mobius-checkbox__icon", sharedClasses);
+  const errorMessageId = (0, import_react31.useId)();
   const shouldErrorMessageShow = errorMessage ? errorMessageId : void 0;
   const describedBy = spaceDelimitedList([
     shouldErrorMessageShow,
     ariaDescribedBy
   ]);
-  const labelId = (0, import_react32.useId)();
+  const labelId = (0, import_react31.useId)();
   const handleChange = (event) => {
     setChecked(!checked);
     if (onChange) {
       onChange(event, isLastItem);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Stack, { gap: "xs", className: wrapperClasses, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: labelClasses, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Stack, { gap: "xs", className: wrapperClasses, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { className: labelClasses, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "input",
         {
           "aria-describedby": describedBy,
@@ -2289,7 +2268,7 @@ var Checkbox = (0, import_react32.forwardRef)((props, ref) => {
           ...rest
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         Icon,
         {
           icon: checked ? import_icons7.squareTick : import_icons7.square,
@@ -2297,18 +2276,18 @@ var Checkbox = (0, import_react32.forwardRef)((props, ref) => {
           className: iconClasses
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { id: labelId, className: "mobius-checkbox__visible-label", children: label })
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { id: labelId, className: "mobius-checkbox__visible-label", children: label })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ErrorMessage, { id: errorMessageId, errorMessage })
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ErrorMessage, { id: errorMessageId, errorMessage })
   ] });
 });
 Checkbox.displayName = "Checkbox";
 
 // src/components/Checkbox/CheckboxGroup.tsx
-var import_dedupe18 = __toESM(require("classnames/dedupe"));
-var import_react33 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var CheckboxGroup = (0, import_react33.forwardRef)((props, ref) => {
+var import_dedupe17 = __toESM(require("classnames/dedupe"));
+var import_react32 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var CheckboxGroup = (0, import_react32.forwardRef)((props, ref) => {
   const {
     label,
     isDisabled = false,
@@ -2326,10 +2305,10 @@ var CheckboxGroup = (0, import_react33.forwardRef)((props, ref) => {
     lastItemDisables = false,
     ...rest
   } = props;
-  const [selected, setSelected] = (0, import_react33.useState)(defaultValue);
-  const isInitializedRef = (0, import_react33.useRef)(false);
-  const prevDefaultValueRef = (0, import_react33.useRef)(defaultValue);
-  (0, import_react33.useEffect)(() => {
+  const [selected, setSelected] = (0, import_react32.useState)(defaultValue);
+  const isInitializedRef = (0, import_react32.useRef)(false);
+  const prevDefaultValueRef = (0, import_react32.useRef)(defaultValue);
+  (0, import_react32.useEffect)(() => {
     const hasChanged = defaultValue.length !== prevDefaultValueRef.current.length || defaultValue.some(
       (val, index) => val !== prevDefaultValueRef.current[index]
     );
@@ -2339,7 +2318,7 @@ var CheckboxGroup = (0, import_react33.forwardRef)((props, ref) => {
       isInitializedRef.current = true;
     }
   }, [defaultValue]);
-  const checkboxGroupClasses = (0, import_dedupe18.default)(
+  const checkboxGroupClasses = (0, import_dedupe17.default)(
     "mobius",
     "mobius-checkbox-group",
     className,
@@ -2354,19 +2333,19 @@ var CheckboxGroup = (0, import_react33.forwardRef)((props, ref) => {
     validationState,
     isInvalid
   });
-  const labelClasses = (0, import_dedupe18.default)(
+  const labelClasses = (0, import_dedupe17.default)(
     {
       "--is-disabled": isDisabled
     },
     validationClasses
   );
-  const errorMessageId = (0, import_react33.useId)();
+  const errorMessageId = (0, import_react32.useId)();
   const shouldErrorMessageShow = errorMessage ? errorMessageId : void 0;
   const describedBy = spaceDelimitedList([
     shouldErrorMessageShow,
     props["aria-describedby"]
   ]);
-  const labelId = (0, import_react33.useId)();
+  const labelId = (0, import_react32.useId)();
   const handleChange = (event, isLastItem = false) => {
     const {
       target: { value, checked }
@@ -2384,12 +2363,12 @@ var CheckboxGroup = (0, import_react33.forwardRef)((props, ref) => {
     setSelected(newValue);
     onChange?.(newValue);
   };
-  const childrenArray = import_react33.Children.toArray(children);
+  const childrenArray = import_react32.Children.toArray(children);
   const lastCheckbox = childrenArray.filter(
-    (child) => (0, import_react33.isValidElement)(child) && child.type === Checkbox
+    (child) => (0, import_react32.isValidElement)(child) && child.type === Checkbox
   ).pop();
   const lastCheckboxIsChecked = lastCheckbox && selected.includes(lastCheckbox.props.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
     {
       ...rest,
@@ -2398,16 +2377,16 @@ var CheckboxGroup = (0, import_react33.forwardRef)((props, ref) => {
       className: checkboxGroupClasses,
       role: "group",
       style: {
-        "--checkbox-items-per-row": itemsPerRow || import_react33.Children.count(children)
+        "--checkbox-items-per-row": itemsPerRow || import_react32.Children.count(children)
       },
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Label, { elementType: "span", id: labelId, className: labelClasses, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mobius-checkbox-group__wrapper", children: childrenArray.map((child) => {
-          if ((0, import_react33.isValidElement)(child)) {
+        label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Label, { elementType: "span", id: labelId, className: labelClasses, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mobius-checkbox-group__wrapper", children: childrenArray.map((child) => {
+          if ((0, import_react32.isValidElement)(child)) {
             const isLastItem = child === lastCheckbox;
             const isChildDisabled = isDisabled || lastItemDisables && lastCheckboxIsChecked && !isLastItem;
             const childProps = child.props;
-            return (0, import_react33.cloneElement)(
+            return (0, import_react32.cloneElement)(
               child,
               {
                 isDisabled: isChildDisabled,
@@ -2423,7 +2402,7 @@ var CheckboxGroup = (0, import_react33.forwardRef)((props, ref) => {
           }
           return child;
         }) }),
-        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ErrorMessage, { id: errorMessageId, errorMessage })
+        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ErrorMessage, { id: errorMessageId, errorMessage })
       ]
     }
   );
@@ -2431,24 +2410,24 @@ var CheckboxGroup = (0, import_react33.forwardRef)((props, ref) => {
 CheckboxGroup.displayName = "CheckboxGroup";
 
 // src/components/Container/Container.tsx
-var import_react34 = require("react");
-var import_dedupe19 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var Container = (0, import_react34.forwardRef)((props, ref) => {
+var import_react33 = require("react");
+var import_dedupe18 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Container = (0, import_react33.forwardRef)((props, ref) => {
   const { elementType: Element = "div", size = "md", ...otherProps } = props;
-  const classes = (0, import_dedupe19.default)(
+  const classes = (0, import_dedupe18.default)(
     "mobius",
     "mobius-container",
     sizeClasses(size),
     otherProps.className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Element, { ref, ...otherProps, className: classes });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Element, { ref, ...otherProps, className: classes });
 });
 Container.displayName = "Container";
 
 // src/components/DateField/DateField.tsx
-var import_dedupe20 = __toESM(require("classnames/dedupe"));
-var import_react35 = require("react");
+var import_dedupe19 = __toESM(require("classnames/dedupe"));
+var import_react34 = require("react");
 
 // src/components/DateField/validation.ts
 var convertToDateFormat = (date, format) => {
@@ -2483,9 +2462,9 @@ var isValidDate = (date, format = "yyyy-mm-dd") => {
 };
 
 // src/components/DateField/DateField.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var MIN_MAX_ERROR = '"min" value should not be greater than "max" value.';
-var DateField = (0, import_react35.forwardRef)(
+var DateField = (0, import_react34.forwardRef)(
   (props, ref) => {
     const {
       min,
@@ -2497,10 +2476,10 @@ var DateField = (0, import_react35.forwardRef)(
       value,
       ...otherProps
     } = props;
-    const [error3, setError] = (0, import_react35.useState)(errorMessage);
-    const [isInvalid, setIsInvalid] = (0, import_react35.useState)(void 0);
-    const localRef = (0, import_react35.useRef)(null);
-    const classes = (0, import_dedupe20.default)("mobius-date-field", className);
+    const [error3, setError] = (0, import_react34.useState)(errorMessage);
+    const [isInvalid, setIsInvalid] = (0, import_react34.useState)(void 0);
+    const localRef = (0, import_react34.useRef)(null);
+    const classes = (0, import_dedupe19.default)("mobius-date-field", className);
     const formattedMin = min ? convertToDateFormat(min, format) : void 0;
     const formattedMax = max ? convertToDateFormat(max, format) : void 0;
     const formattedDefaultValue = defaultValue ? convertToDateFormat(defaultValue, format) : void 0;
@@ -2513,7 +2492,7 @@ var DateField = (0, import_react35.forwardRef)(
       setError(props.errorMessage);
       setIsInvalid(false);
     };
-    (0, import_react35.useEffect)(() => {
+    (0, import_react34.useEffect)(() => {
       if (!isValidDate(min, format)) {
         setInvalidState(`Invalid min date: ${min}`);
         return;
@@ -2546,7 +2525,7 @@ var DateField = (0, import_react35.forwardRef)(
       validate();
       otherProps.onBlur?.(event);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       TextField,
       {
         ref: mergeRefs([localRef, ref]),
@@ -2567,42 +2546,42 @@ var DateField = (0, import_react35.forwardRef)(
 DateField.displayName = "DateField";
 
 // src/components/Divider/Divider.tsx
-var import_dedupe21 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_dedupe20 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var Divider = ({
   "aria-orientation": ariaOrientation = "horizontal",
   className,
   ...rest
 }) => {
-  const classes = (0, import_dedupe21.default)("mobius", "mobius-divider", className);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  const classes = (0, import_dedupe20.default)("mobius", "mobius-divider", className);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "div",
     {
       className: classes,
       role: "separator",
       "aria-orientation": ariaOrientation,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mobius-divider__inner" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mobius-divider__inner" })
     }
   );
 };
 Divider.displayName = "Divider";
 
 // src/components/Drawer/Content.tsx
-var import_react36 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var Content = (0, import_react36.forwardRef)(
-  ({ children, ...otherProps }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { ref, ...otherProps, className: "mobius-drawer__content", children })
+var import_react35 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var Content = (0, import_react35.forwardRef)(
+  ({ children, ...otherProps }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref, ...otherProps, className: "mobius-drawer__content", children })
 );
 Content.displayName = "Content";
 
 // src/components/Drawer/Drawer.tsx
-var import_dedupe22 = __toESM(require("classnames/dedupe"));
-var import_react38 = require("react");
+var import_dedupe21 = __toESM(require("classnames/dedupe"));
+var import_react37 = require("react");
 
 // src/components/Drawer/DrawerContext.tsx
-var import_react37 = require("react");
-var DrawerContext = (0, import_react37.createContext)({
+var import_react36 = require("react");
+var DrawerContext = (0, import_react36.createContext)({
   onClose: () => {
   },
   closeLabel: void 0,
@@ -2610,9 +2589,9 @@ var DrawerContext = (0, import_react37.createContext)({
 });
 
 // src/components/Drawer/Drawer.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var TRANSITION_CSS_VARIABLE = "--drawer-transition-duration";
-var Drawer = (0, import_react38.forwardRef)((props, ref) => {
+var Drawer = (0, import_react37.forwardRef)((props, ref) => {
   const {
     isOpen,
     className,
@@ -2623,8 +2602,8 @@ var Drawer = (0, import_react38.forwardRef)((props, ref) => {
     onClose,
     children
   } = props;
-  const dialogRef = (0, import_react38.useRef)(null);
-  const [shouldTransition, setShouldTransition] = (0, import_react38.useState)(false);
+  const dialogRef = (0, import_react37.useRef)(null);
+  const [shouldTransition, setShouldTransition] = (0, import_react37.useState)(false);
   const { close } = useDialog({
     ref: dialogRef,
     isOpen,
@@ -2635,9 +2614,9 @@ var Drawer = (0, import_react38.forwardRef)((props, ref) => {
       CSSVariable: TRANSITION_CSS_VARIABLE
     }
   });
-  const hiddenId = `dialog-screen-reader-announce-${(0, import_react38.useId)()}`;
-  const headerId = `dialog-header-${(0, import_react38.useId)()}`;
-  const dialogClasses = (0, import_dedupe22.default)(
+  const hiddenId = `dialog-screen-reader-announce-${(0, import_react37.useId)()}`;
+  const headerId = `dialog-header-${(0, import_react37.useId)()}`;
+  const dialogClasses = (0, import_dedupe21.default)(
     "mobius",
     "mobius-drawer",
     `--${direction}`,
@@ -2646,10 +2625,10 @@ var Drawer = (0, import_react38.forwardRef)((props, ref) => {
       "--should-transition": shouldTransition
     }
   );
-  (0, import_react38.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     setShouldTransition(supportsDialog());
   }, []);
-  const contextValue = (0, import_react38.useMemo)(
+  const contextValue = (0, import_react37.useMemo)(
     () => ({
       onClose: close,
       closeLabel,
@@ -2657,18 +2636,18 @@ var Drawer = (0, import_react38.forwardRef)((props, ref) => {
     }),
     [close, closeLabel, headerId]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "dialog",
     {
-      id: (0, import_react38.useId)(),
+      id: (0, import_react37.useId)(),
       ref: mergeRefs([dialogRef, ref]),
       onCancel: close,
       className: dialogClasses,
       "aria-describedby": hiddenId,
       "aria-labelledby": headerId,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { id: hiddenId, children: announce }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DrawerContext.Provider, { value: contextValue, children })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { id: hiddenId, children: announce }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DrawerContext.Provider, { value: contextValue, children })
       ]
     }
   );
@@ -2676,22 +2655,22 @@ var Drawer = (0, import_react38.forwardRef)((props, ref) => {
 Drawer.displayName = "Drawer";
 
 // src/components/Drawer/useDrawer.ts
-var import_react39 = require("react");
+var import_react38 = require("react");
 var useDrawer = () => {
-  const { onClose, closeLabel, headerId } = (0, import_react39.useContext)(DrawerContext);
+  const { onClose, closeLabel, headerId } = (0, import_react38.useContext)(DrawerContext);
   return { onClose, closeLabel, headerId };
 };
 
 // src/components/Drawer/Header.tsx
-var import_react40 = require("react");
+var import_react39 = require("react");
 var import_icons8 = require("@simplybusiness/icons");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var Header = (0, import_react40.forwardRef)(
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var Header = (0, import_react39.forwardRef)(
   ({ children, ...otherProps }, ref) => {
     const { onClose, closeLabel, headerId } = useDrawer();
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("header", { ref, ...otherProps, className: "mobius-drawer__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h2", { id: headerId, children }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("header", { ref, ...otherProps, className: "mobius-drawer__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { id: headerId, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         Button,
         {
           "aria-label": "Close",
@@ -2700,7 +2679,7 @@ var Header = (0, import_react40.forwardRef)(
           className: "mobius-drawer__close",
           size: "sm",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { icon: import_icons8.cross }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { icon: import_icons8.cross }),
             " ",
             closeLabel
           ]
@@ -2719,11 +2698,11 @@ var Drawer2 = Object.assign(Drawer, {
 Drawer2.displayName = "Drawer";
 
 // src/components/DropdownMenu/DropdownMenu.tsx
-var import_react41 = require("react");
+var import_react40 = require("react");
 var import_react_accessible_dropdown_menu_hook = __toESM(require("react-accessible-dropdown-menu-hook"));
-var import_dedupe23 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var DropdownMenu = (0, import_react41.forwardRef)((props, ref) => {
+var import_dedupe22 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var DropdownMenu = (0, import_react40.forwardRef)((props, ref) => {
   const {
     elementType: Element = "nav",
     trigger,
@@ -2731,21 +2710,21 @@ var DropdownMenu = (0, import_react41.forwardRef)((props, ref) => {
     children,
     ...otherProps
   } = props;
-  const [activeId, setActiveId] = (0, import_react41.useState)(null);
-  const numberOfItems = import_react41.Children.count(children);
+  const [activeId, setActiveId] = (0, import_react40.useState)(null);
+  const numberOfItems = import_react40.Children.count(children);
   const {
     buttonProps,
     itemProps,
     isOpen: open,
     setIsOpen
   } = (0, import_react_accessible_dropdown_menu_hook.default)(numberOfItems);
-  const classes = (0, import_dedupe23.default)(
+  const classes = (0, import_dedupe22.default)(
     "mobius",
     "mobius-dropdown-menu",
     otherProps.className
   );
-  const triggerClasses = (0, import_dedupe23.default)("mobius", "mobius-dropdown-menu__trigger");
-  const listClasses = (0, import_dedupe23.default)("mobius", "mobius-dropdown-menu__list", {
+  const triggerClasses = (0, import_dedupe22.default)("mobius", "mobius-dropdown-menu__trigger");
+  const listClasses = (0, import_dedupe22.default)("mobius", "mobius-dropdown-menu__list", {
     "--is-open": open
   });
   const handleChildClick = ({ onClick }, index) => {
@@ -2755,16 +2734,16 @@ var DropdownMenu = (0, import_react41.forwardRef)((props, ref) => {
       onClick();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Element, { ref, ...otherProps, className: classes, children: [
-    trigger ? (0, import_react41.cloneElement)(trigger, {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Element, { ref, ...otherProps, className: classes, children: [
+    trigger ? (0, import_react40.cloneElement)(trigger, {
       className: triggerClasses,
       open,
       label,
       ...buttonProps
-    }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { className: triggerClasses, ...buttonProps, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { className: listClasses, role: "menu", children: import_react41.Children.map(children, (child, index) => {
-      if ((0, import_react41.isValidElement)(child)) {
-        return (0, import_react41.cloneElement)(child, {
+    }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { className: triggerClasses, ...buttonProps, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ul", { className: listClasses, role: "menu", children: import_react40.Children.map(children, (child, index) => {
+      if ((0, import_react40.isValidElement)(child)) {
+        return (0, import_react40.cloneElement)(child, {
           onClick: () => handleChildClick(child.props, index),
           active: index === activeId,
           ...itemProps[index]
@@ -2777,10 +2756,10 @@ var DropdownMenu = (0, import_react41.forwardRef)((props, ref) => {
 DropdownMenu.displayName = "DropdownMenu";
 
 // src/components/DropdownMenu/Item.tsx
-var import_react42 = require("react");
-var import_dedupe24 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var Item = (0, import_react42.forwardRef)(
+var import_react41 = require("react");
+var import_dedupe23 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Item = (0, import_react41.forwardRef)(
   (props, ref) => {
     const {
       elementType: Element = "li",
@@ -2789,26 +2768,26 @@ var Item = (0, import_react42.forwardRef)(
       children,
       ...otherProps
     } = props;
-    const classes = (0, import_dedupe24.default)(
+    const classes = (0, import_dedupe23.default)(
       "mobius",
       "mobius-dropdown-menu__item",
       { "--is-active": active },
       otherProps.className
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Element, { ref, onClick, ...otherProps, children: import_react42.Children.map(children, (child) => {
-      if ((0, import_react42.isValidElement)(child)) {
-        const childClasses = (0, import_dedupe24.default)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Element, { ref, onClick, ...otherProps, children: import_react41.Children.map(children, (child) => {
+      if ((0, import_react41.isValidElement)(child)) {
+        const childClasses = (0, import_dedupe23.default)(
           child.props.className,
           classes
         );
-        return (0, import_react42.cloneElement)(
+        return (0, import_react41.cloneElement)(
           child,
           {
             className: childClasses
           }
         );
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: classes, children: child });
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: classes, children: child });
     }) });
   }
 );
@@ -2824,16 +2803,16 @@ var DropdownMenu2 = Object.assign(
 DropdownMenu2.displayName = "DropdownMenu";
 
 // src/components/Fieldset/Fieldset.tsx
-var import_dedupe25 = __toESM(require("classnames/dedupe"));
-var import_react43 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_dedupe24 = __toESM(require("classnames/dedupe"));
+var import_react42 = require("react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var useFieldset = (props) => {
   const { legend } = props;
   let legendProps = {};
   let containerProps = {
     role: "group"
   };
-  const legendId = (0, import_react43.useId)();
+  const legendId = (0, import_react42.useId)();
   if (legend) {
     legendProps = {
       ...legendProps,
@@ -2849,28 +2828,28 @@ var useFieldset = (props) => {
     containerProps
   };
 };
-var Fieldset = (0, import_react43.forwardRef)((props, _ref) => {
+var Fieldset = (0, import_react42.forwardRef)((props, _ref) => {
   const {
     children,
     legend,
-    legendComponent = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("legend", {}),
+    legendComponent = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("legend", {}),
     ...otherProps
   } = props;
   const { legendProps, containerProps } = useFieldset(props);
-  const classes = (0, import_dedupe25.default)("mobius", "mobius-fieldset", props.className);
+  const classes = (0, import_dedupe24.default)("mobius", "mobius-fieldset", props.className);
   legendProps.className = "mobius-fieldset__legend";
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Flex, { ...containerProps, ...otherProps, className: classes, children: [
-    legend && (0, import_react43.cloneElement)(legendComponent, { ...legendProps }, [legend]),
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Flex, { ...containerProps, ...otherProps, className: classes, children: [
+    legend && (0, import_react42.cloneElement)(legendComponent, { ...legendProps }, [legend]),
     children
   ] });
 });
 Fieldset.displayName = "Fieldset";
 
 // src/components/Grid/Grid.tsx
-var import_react44 = require("react");
-var import_dedupe26 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var Grid = (0, import_react44.forwardRef)(
+var import_react43 = require("react");
+var import_dedupe25 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Grid = (0, import_react43.forwardRef)(
   (props, _ref) => {
     const {
       columns = 12,
@@ -2885,7 +2864,7 @@ var Grid = (0, import_react44.forwardRef)(
       style,
       ...rest
     } = props;
-    const classes = (0, import_dedupe26.default)("mobius", "mobius-grid", className);
+    const classes = (0, import_dedupe25.default)("mobius", "mobius-grid", className);
     const styles = filterUndefinedProps({
       boxSizing: "border-box",
       display: "grid",
@@ -2899,22 +2878,22 @@ var Grid = (0, import_react44.forwardRef)(
       justifyItems,
       ...style
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { style: styles, className: classes, ...rest });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { style: styles, className: classes, ...rest });
   }
 );
 Grid.displayName = "Grid";
 
 // src/components/Grid/Item.tsx
-var import_react45 = require("react");
-var import_dedupe27 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_react44 = require("react");
+var import_dedupe26 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var getBreakpointMap = (config) => Object.entries(config).reduce((prev, [key, value]) => {
   const previous = Object.values(prev);
   const lastDefined = previous[previous.length - 1];
   return { ...prev, [key]: value || lastDefined };
 }, {});
 var DEFAULT_SPAN = 12;
-var GridItem = (0, import_react45.forwardRef)((props, _ref) => {
+var GridItem = (0, import_react44.forwardRef)((props, _ref) => {
   const {
     breakpoint: { size: breakpointSize }
   } = useBreakpoint();
@@ -2939,9 +2918,9 @@ var GridItem = (0, import_react45.forwardRef)((props, _ref) => {
     xl,
     xxl
   });
-  const [responsiveSpan, setResponsiveSpan] = (0, import_react45.useState)();
-  const classes = (0, import_dedupe27.default)("mobius-grid__item", className);
-  (0, import_react45.useEffect)(() => {
+  const [responsiveSpan, setResponsiveSpan] = (0, import_react44.useState)();
+  const classes = (0, import_dedupe26.default)("mobius-grid__item", className);
+  (0, import_react44.useEffect)(() => {
     setResponsiveSpan(breakpointMap[breakpointSize]);
   }, [breakpointSize, breakpointMap]);
   const styles = {
@@ -2949,7 +2928,7 @@ var GridItem = (0, import_react45.forwardRef)((props, _ref) => {
     alignSelf,
     justifySelf
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { style: { ...styles }, className: classes, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { style: { ...styles }, className: classes, ...rest });
 });
 GridItem.displayName = "GridItem";
 
@@ -2960,22 +2939,22 @@ var Grid2 = Object.assign(Grid, {
 Grid2.displayName = "Grid";
 
 // src/components/Image/Image.tsx
-var import_react46 = require("react");
-var import_dedupe28 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var Image = (0, import_react46.forwardRef)(
+var import_react45 = require("react");
+var import_dedupe27 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var Image = (0, import_react45.forwardRef)(
   ({ alt, elementType: Component = "img", ...otherProps }, ref) => {
-    const classes = (0, import_dedupe28.default)("mobius", "mobius-image", otherProps.className);
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Component, { alt, ref, ...otherProps, className: classes });
+    const classes = (0, import_dedupe27.default)("mobius", "mobius-image", otherProps.className);
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Component, { alt, ref, ...otherProps, className: classes });
   }
 );
 Image.displayName = "Image";
 
 // src/components/Link/Link.tsx
-var import_react47 = require("react");
-var import_dedupe29 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var Link = (0, import_react47.forwardRef)(
+var import_react46 = require("react");
+var import_dedupe28 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var Link = (0, import_react46.forwardRef)(
   (props, ref) => {
     const {
       isDisabled = false,
@@ -2989,7 +2968,7 @@ var Link = (0, import_react47.forwardRef)(
       pointerEvents: "none"
     };
     const styles = { ...style, ...isDisabled && disabledStyles };
-    const classes = (0, import_dedupe29.default)(
+    const classes = (0, import_dedupe28.default)(
       "mobius",
       "mobius-link",
       className,
@@ -2998,7 +2977,7 @@ var Link = (0, import_react47.forwardRef)(
         "--is-disabled": isDisabled
       }
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       Component,
       {
         ref,
@@ -3014,8 +2993,8 @@ var Link = (0, import_react47.forwardRef)(
 Link.displayName = "Link";
 
 // src/components/LinkButton/LinkButton.tsx
-var import_dedupe30 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime37 = (
+var import_dedupe29 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime36 = (
   // @ts-expect-error Button only allows elementType of string, not React component
   require("react/jsx-runtime")
 );
@@ -3029,15 +3008,15 @@ function LinkButton({
   if (!href) {
     throw new Error("LinkButton requires a href prop");
   }
-  const classes = (0, import_dedupe30.default)("mobius", "mobius-link-button", className);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { elementType, href, className: classes, ...rest, children });
+  const classes = (0, import_dedupe29.default)("mobius", "mobius-link-button", className);
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { elementType, href, className: classes, ...rest, children });
 }
 
 // src/components/List/List.tsx
-var import_react48 = require("react");
-var import_dedupe31 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var List = (0, import_react48.forwardRef)(
+var import_react47 = require("react");
+var import_dedupe30 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var List = (0, import_react47.forwardRef)(
   (props, ref) => {
     const Component = props.isOrdered ? "ol" : "ul";
     const { children, icon, ...otherProps } = props;
@@ -3046,7 +3025,7 @@ var List = (0, import_react48.forwardRef)(
       ...restProps,
       reversed: isReversed
     };
-    const classes = (0, import_dedupe31.default)(
+    const classes = (0, import_dedupe30.default)(
       "mobius",
       "mobius-list",
       {
@@ -3055,9 +3034,9 @@ var List = (0, import_react48.forwardRef)(
       },
       otherProps.className
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Component, { ref, ...mappedProps, className: classes, children: import_react48.Children.map(children, (child) => {
-      if ((0, import_react48.isValidElement)(child)) {
-        return (0, import_react48.cloneElement)(child, {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Component, { ref, ...mappedProps, className: classes, children: import_react47.Children.map(children, (child) => {
+      if ((0, import_react47.isValidElement)(child)) {
+        return (0, import_react47.cloneElement)(child, {
           parentIcon: icon
         });
       }
@@ -3068,13 +3047,13 @@ var List = (0, import_react48.forwardRef)(
 List.displayName = "List";
 
 // src/components/List/ListItem.tsx
-var import_react49 = require("react");
-var import_dedupe32 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var ListItem = (0, import_react49.forwardRef)((props, ref) => {
+var import_react48 = require("react");
+var import_dedupe31 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var ListItem = (0, import_react48.forwardRef)((props, ref) => {
   const { parentIcon, icon, children, ...otherProps } = props;
   const iconContent = icon || parentIcon;
-  const classes = (0, import_dedupe32.default)(
+  const classes = (0, import_dedupe31.default)(
     "mobius",
     "mobius-list__item",
     {
@@ -3082,42 +3061,42 @@ var ListItem = (0, import_react49.forwardRef)((props, ref) => {
     },
     props.className
   );
-  const contentClasses = (0, import_dedupe32.default)("mobius", "mobius-list__item-content");
-  const iconClasses = (0, import_dedupe32.default)("mobius", "mobius-list__icon");
+  const contentClasses = (0, import_dedupe31.default)("mobius", "mobius-list__item-content");
+  const iconClasses = (0, import_dedupe31.default)("mobius", "mobius-list__icon");
   if (iconContent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("li", { ref, ...otherProps, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: contentClasses, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: iconClasses, children: iconContent }),
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("li", { ref, ...otherProps, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: contentClasses, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: iconClasses, children: iconContent }),
       children
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("li", { ref, ...otherProps, className: classes, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("li", { ref, ...otherProps, className: classes, children });
 });
 ListItem.displayName = "ListItem";
 
 // src/components/LoadingIndicator/LoadingIndicator.tsx
-var import_react50 = require("react");
-var import_dedupe33 = __toESM(require("classnames/dedupe"));
+var import_react49 = require("react");
+var import_dedupe32 = __toESM(require("classnames/dedupe"));
 var import_icons9 = require("@simplybusiness/icons");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var LoadingIndicator = (0, import_react50.forwardRef)((props, ref) => {
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var LoadingIndicator = (0, import_react49.forwardRef)((props, ref) => {
   const { icon = import_icons9.loading, ...otherProps } = props;
-  const classes = (0, import_dedupe33.default)(
+  const classes = (0, import_dedupe32.default)(
     "mobius",
     "mobius-loading-indicator",
     otherProps.className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { icon, spin: true, ref, ...otherProps, className: classes });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { icon, spin: true, ref, ...otherProps, className: classes });
 });
 LoadingIndicator.displayName = "LoadingIndicator";
 
 // src/components/Logo/Logo.tsx
-var import_react51 = require("react");
-var import_dedupe34 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var Logo = (0, import_react51.forwardRef)((props, ref) => {
+var import_react50 = require("react");
+var import_dedupe33 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var Logo = (0, import_react50.forwardRef)((props, ref) => {
   const { className, width, height, ...otherProps } = props;
-  const classes = (0, import_dedupe34.default)("mobius", "mobius-logo", className);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  const classes = (0, import_dedupe33.default)("mobius", "mobius-logo", className);
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "svg",
     {
       width,
@@ -3127,7 +3106,7 @@ var Logo = (0, import_react51.forwardRef)((props, ref) => {
       viewBox: "0 0 144 37",
       ...otherProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           "linearGradient",
           {
             id: "logo-gradient",
@@ -3136,27 +3115,27 @@ var Logo = (0, import_react51.forwardRef)((props, ref) => {
             y1: "76.042%",
             y2: "26.973%",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("stop", { stopColor: "#4632D8", offset: "0%" }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("stop", { stopColor: "#9084E8", offset: "100%" })
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("stop", { stopColor: "#4632D8", offset: "0%" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("stop", { stopColor: "#9084E8", offset: "100%" })
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("g", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("g", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "path",
             {
               fill: "#0E0A2B",
               d: "M68.788 11.307c0-2.486-2.027-3.345-3.833-4.1-1.332-.562-2.471-1.036-2.471-2.072 0-.873.77-1.42 1.968-1.42 1.051 0 1.806.444 2.294.725.193.103.474.222.755.133.192-.06.34-.207.459-.444l.34-.621c.266-.474.163-.888-.281-1.2-.533-.384-1.88-1.05-3.537-1.05-2.738 0-4.647 1.643-4.647 4.01 0 2.413 2.012 3.301 3.788 4.07 1.347.593 2.516 1.096 2.516 2.161 0 .873-.754 1.45-1.924 1.45-1.287 0-2.22-.65-2.678-.961l-.03-.015c-.533-.296-.903-.237-1.228.192l-.415.607c-.444.607-.148.992.134 1.228.828.637 2.427 1.392 4.203 1.392 2.708 0 4.587-1.673 4.587-4.085zm4.44 2.975V6.186c0-.577-.31-.888-.873-.888h-.843c-.563 0-.874.311-.874.888v8.096c0 .577.296.888.874.888h.843c.563 0 .873-.311.873-.888zM71.482 4.203h.755c.518 0 .814-.281.814-.8v-.517c0-.518-.296-.814-.814-.814h-.755c-.518 0-.8.281-.8.814v.518c.016.518.297.8.8.8zM92.645 24.48h.755c.518 0 .814-.282.814-.8v-.518c0-.518-.296-.814-.814-.814h-.755c-.518 0-.799.282-.799.814v.518c0 .518.281.8.8.8zm-6.26-19.42c-1.539 0-2.397.962-2.945 1.895-.444-1.243-1.435-1.895-2.871-1.895-1.362 0-2.146.888-2.723 1.806v-.68c0-.578-.311-.889-.873-.889h-.74c-.563 0-.873.311-.873.888v8.096c0 .577.295.888.873.888h.843c.577 0 .873-.311.873-.888V10.73c0-2.25.888-3.271 2.058-3.271 1.006 0 1.198.71 1.198 1.85v4.987c0 .578.311.888.888.888h.844c.577 0 .873-.31.873-.888v-3.551c0-2.25.873-3.271 2.013-3.271 1.036 0 1.243.74 1.243 1.85v4.987c0 .577.31.888.888.888h.814c.577 0 .888-.31.888-.888V8.835c0-2.5-1.095-3.774-3.27-3.774zm10.804 10.33c2.679 0 4.558-2.13 4.558-5.164 0-3.094-1.776-5.166-4.425-5.166-1.761 0-2.708 1.036-3.049 1.51v-.533c0-.459-.34-.755-.873-.755h-.607c-.562 0-.888.326-.888.888v11.9c0 .576.311.887.888.887h.814c.578 0 .888-.31.888-.888v-3.404c0-.207-.014-.4-.014-.532.325.429 1.184 1.258 2.708 1.258zm-2.768-5.105c0-1.362.622-2.975 2.368-2.975 1.377 0 2.309 1.184 2.309 2.945 0 1.746-.947 2.916-2.338 2.916-1.54 0-2.339-1.45-2.339-2.886zm12.965 4.07v-.652c0-.444-.252-.725-.681-.784-.34-.03-.68-.192-.68-1.066v-9.47c0-.563-.326-.888-.874-.888h-.843c-.563 0-.874.31-.874.888v9.679c0 1.258.34 2.16 1.021 2.678.637.489 1.466.533 2.013.533.607 0 .918-.325.918-.917zm9.457-9.073h-.962c-.518 0-.844.237-.977.726l-1.717 4.972c-.089.311-.192.71-.251.977-.074-.281-.193-.71-.296-1.021l-1.835-4.943c-.163-.489-.489-.71-.977-.71h-1.036c-.415 0-.622.162-.71.295-.09.134-.163.385.014.755l3.685 8.57-.34.813c-.252.592-.77 1.229-1.45 1.229-.267 0-.474-.09-.652-.163h-.014c-.43-.104-.755.074-.962.488l-.163.415c-.119.251-.148.517-.06.725.075.192.237.34.474.429.326.118.814.296 1.391.296 1.628 0 2.975-.977 3.597-2.605l3.996-10.226c.103-.296.088-.563-.045-.755-.163-.163-.4-.267-.71-.267zM67.634 28.297c.977-.592 1.54-1.658 1.54-2.886 0-2.176-1.688-3.567-4.293-3.567h-4.04c-.562 0-.873.311-.873.888v11.899c0 .577.296.888.873.888h4.1c1.346 0 2.5-.34 3.33-.962.932-.71 1.42-1.761 1.42-3.049.03-1.524-.784-2.767-2.057-3.211zm-5.017-.962v-3.212h2.25c1.02 0 1.628.592 1.628 1.584 0 .991-.607 1.643-1.57 1.643h-2.308v-.015zm4.396 4.01c0 1.155-.71 1.865-1.865 1.865h-2.53v-3.714h2.53c1.14.014 1.865.74 1.865 1.85zm12.638-5.712h-.814c-.577 0-.888.31-.888.888v3.655c0 2.176-1.361 3.182-2.634 3.182-1.006 0-1.406-.547-1.406-1.88v-4.942c0-.578-.31-.888-.888-.888h-.814c-.562 0-.888.325-.888.888v5.431c0 2.516 1.17 3.774 3.463 3.774a3.937 3.937 0 003.286-1.761v.651c0 .577.296.888.873.888h.74c.577 0 .888-.31.888-.888v-8.095c-.03-.578-.355-.903-.918-.903zm6.956 3.937c-.917-.311-1.702-.592-1.702-1.184 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.193-.341c.251-.518.133-.947-.326-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.213.222l-.222.34c-.178.252-.237.504-.178.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.03-2.042-1.761-2.649-3.138-3.122zm6.897-3.937h-.844c-.562 0-.873.31-.873.888v8.095c0 .577.296.888.873.888h.844c.577 0 .873-.31.873-.888v-8.095c0-.563-.31-.888-.873-.888zm9.324-.237c-1.924 0-2.93 1.154-3.36 1.806v-.681c0-.577-.31-.888-.873-.888h-.74c-.563 0-.873.31-.873.888v8.095c0 .577.296.888.873.888h.843c.578 0 .874-.31.874-.888v-3.744c0-1.79 1.14-3.078 2.708-3.078 1.021 0 1.436.547 1.436 1.88v4.942c0 .577.31.888.887.888h.814c.578 0 .888-.31.888-.888v-5.431c0-2.516-1.169-3.789-3.477-3.789zm10.448 0c-2.96 0-5.032 2.131-5.032 5.165 0 2.99 2.235 5.165 5.313 5.165 1.48 0 2.635-.533 3.345-.977.444-.266.562-.695.296-1.198l-.222-.385c-.266-.459-.651-.563-1.184-.31h-.015a3.885 3.885 0 01-2.042.606c-1.54 0-2.634-.962-2.812-2.472h5.816a.935.935 0 00.933-.917c.014-2.827-1.717-4.677-4.396-4.677zm-.044 2.013c1.065 0 1.79.77 1.864 1.968h-4.1c.253-1.213 1.096-1.968 2.236-1.968zm10.152 2.16c-.917-.31-1.702-.591-1.702-1.183 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.192-.341c.252-.518.134-.947-.325-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.214.222l-.222.34c-.177.252-.236.504-.177.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.015-2.042-1.747-2.649-3.138-3.122zm8.791 0c-.917-.31-1.702-.591-1.702-1.183 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.192-.341c.252-.518.134-.947-.325-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.214.222l-.222.34c-.177.252-.236.504-.177.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.015-2.042-1.747-2.649-3.138-3.122z"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "path",
             {
               fill: "url(#logo-gradient)",
               d: "M22.747 22.288c.607 1.214.918 2.59.918 4.144 0 1.45-.267 2.827-.8 4.1a10.018 10.018 0 01-2.279 3.36c-.991.961-2.235 1.73-3.744 2.278-1.51.563-3.167.829-4.988.829-2.264 0-4.35-.385-6.29-1.14-1.938-.77-3.492-1.598-4.676-2.5-.31-.252-.548-.504-.696-.77a1.332 1.332 0 01-.177-.71.718.718 0 010-.252c.03-.37.207-.785.547-1.199l1.14-1.598c.4-.548.829-.844 1.288-.918a.896.896 0 01.222-.03c.4 0 .873.163 1.39.474 2.487 1.776 4.914 2.679 7.252 2.679 1.643 0 2.96-.385 3.922-1.14.962-.755 1.45-1.746 1.45-2.96 0-.725-.192-1.39-.562-1.983a5.347 5.347 0 00-1.539-1.569 18.207 18.207 0 00-2.235-1.287 56.102 56.102 0 00-2.649-1.214c-.917-.4-1.835-.814-2.752-1.258a19.282 19.282 0 01-2.62-1.539 14.014 14.014 0 01-2.22-1.924c-.666-.695-1.169-1.539-1.554-2.545-.37-.992-.562-2.087-.562-3.271 0-2.042.533-3.863 1.598-5.446 1.066-1.584 2.516-2.797 4.336-3.641C8.303.414 10.345 0 12.624 0c1.91 0 3.685.281 5.358.844 1.657.562 2.96 1.198 3.892 1.88.68.473 1.006 1.035 1.006 1.671 0 .385-.118.785-.37 1.2l-.917 1.657c-.385.74-.903 1.11-1.554 1.11-.4 0-.83-.133-1.318-.4a42.421 42.421 0 00-1.687-.947c-.473-.237-1.14-.488-1.998-.71a9.458 9.458 0 00-2.56-.356c-1.672 0-3.004.37-3.981 1.11-.992.74-1.48 1.717-1.48 2.946 0 .902.31 1.701.932 2.412.622.695 1.421 1.302 2.398 1.79.977.489 2.057.977 3.256 1.466a54.048 54.048 0 013.552 1.628 20.795 20.795 0 013.24 2.042c.948.755 1.732 1.732 2.354 2.945zm31.257 2.945c0 3.197-1.155 6.083-3.256 8.14-2.265 2.205-5.506 3.36-9.368 3.36H30.71c-2.443 0-4.278-1.836-4.278-4.278V4.53c0-1.2.43-2.28 1.214-3.064C28.43.681 29.51.252 30.709.252h9.013c3.419 0 6.32 1.095 8.377 3.182 1.909 1.923 2.945 4.558 2.945 7.429 0 2.294-.622 4.203-1.91 5.816 1.377.77 2.487 1.776 3.286 2.99 1.066 1.583 1.584 3.448 1.584 5.564zm-12.106-7.68c.044-.03 4.913-3.02 4.913-6.675 0-1.761-.607-3.345-1.717-4.455-1.568-1.584-3.788-1.924-5.372-1.924H30.68v28h10.7c2.738 0 4.958-.754 6.408-2.16 1.273-1.243 1.983-3.049 1.983-5.106 0-1.272-.296-2.353-.858-3.196v-.03c-1.362-2.353-6.838-3.774-6.897-3.789l-.844-.222.726-.444z"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "path",
             {
               fill: "#0E0A2B",
@@ -3171,23 +3150,23 @@ var Logo = (0, import_react51.forwardRef)((props, ref) => {
 Logo.displayName = "Logo";
 
 // src/components/Modal/Content.tsx
-var import_react52 = require("react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var Content2 = (0, import_react52.forwardRef)(
-  ({ children, ...otherProps }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { ref, ...otherProps, className: "mobius-modal__content", children })
+var import_react51 = require("react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var Content2 = (0, import_react51.forwardRef)(
+  ({ children, ...otherProps }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ref, ...otherProps, className: "mobius-modal__content", children })
 );
 Content2.displayName = "Content";
 
 // src/components/Modal/Header.tsx
-var import_react55 = require("react");
+var import_react54 = require("react");
 var import_icons10 = require("@simplybusiness/icons");
 
 // src/components/Modal/useModal.ts
-var import_react54 = require("react");
+var import_react53 = require("react");
 
 // src/components/Modal/ModalContext.tsx
-var import_react53 = require("react");
-var ModalContext = (0, import_react53.createContext)({
+var import_react52 = require("react");
+var ModalContext = (0, import_react52.createContext)({
   onClose: () => {
   },
   closeLabel: void 0
@@ -3195,18 +3174,18 @@ var ModalContext = (0, import_react53.createContext)({
 
 // src/components/Modal/useModal.ts
 var useModal = () => {
-  const { onClose, closeLabel } = (0, import_react54.useContext)(ModalContext);
+  const { onClose, closeLabel } = (0, import_react53.useContext)(ModalContext);
   return { onClose, closeLabel };
 };
 
 // src/components/Modal/Header.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var Header2 = (0, import_react55.forwardRef)(
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var Header2 = (0, import_react54.forwardRef)(
   ({ children, ...otherProps }, ref) => {
     const { onClose, closeLabel } = useModal();
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("header", { ref, ...otherProps, className: "mobius-modal__header", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("header", { ref, ...otherProps, className: "mobius-modal__header", children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
         Button,
         {
           "aria-label": "Close",
@@ -3214,7 +3193,7 @@ var Header2 = (0, import_react55.forwardRef)(
           onPress: onClose,
           className: "mobius-modal__close",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: import_icons10.cross }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: import_icons10.cross }),
             " ",
             closeLabel
           ]
@@ -3226,11 +3205,11 @@ var Header2 = (0, import_react55.forwardRef)(
 Header2.displayName = "Header";
 
 // src/components/Modal/Modal.tsx
-var import_dedupe35 = __toESM(require("classnames/dedupe"));
-var import_react56 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_dedupe34 = __toESM(require("classnames/dedupe"));
+var import_react55 = require("react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var TRANSITION_CSS_VARIABLE2 = "--modal-transition-duration";
-var Modal = (0, import_react56.forwardRef)((props, ref) => {
+var Modal = (0, import_react55.forwardRef)((props, ref) => {
   const {
     isOpen,
     onClose,
@@ -3248,7 +3227,7 @@ var Modal = (0, import_react56.forwardRef)((props, ref) => {
     parentSelector,
     ...rest
   } = props;
-  const [shouldTransition, setShouldTransition] = (0, import_react56.useState)(false);
+  const [shouldTransition, setShouldTransition] = (0, import_react55.useState)(false);
   useDeprecationWarning({
     size,
     appElement,
@@ -3256,10 +3235,10 @@ var Modal = (0, import_react56.forwardRef)((props, ref) => {
     shouldFocusAfterRender,
     parentSelector
   });
-  (0, import_react56.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     setShouldTransition(supportsDialog());
   }, []);
-  const dialogRef = (0, import_react56.useRef)(null);
+  const dialogRef = (0, import_react55.useRef)(null);
   const { close } = useDialog({
     ref: dialogRef,
     isOpen,
@@ -3270,7 +3249,7 @@ var Modal = (0, import_react56.forwardRef)((props, ref) => {
       CSSVariable: TRANSITION_CSS_VARIABLE2
     }
   });
-  const modalClasses = (0, import_dedupe35.default)(
+  const modalClasses = (0, import_dedupe34.default)(
     "mobius",
     "mobius-modal",
     {
@@ -3283,21 +3262,21 @@ var Modal = (0, import_react56.forwardRef)((props, ref) => {
     },
     className
   );
-  const contextValue = (0, import_react56.useMemo)(
+  const contextValue = (0, import_react55.useMemo)(
     () => ({
       onClose: close,
       closeLabel
     }),
     [close, closeLabel]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "dialog",
     {
       ref: mergeRefs([dialogRef, ref]),
       onCancel: close,
       className: modalClasses,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ModalContext.Provider, { value: contextValue, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ModalContext.Provider, { value: contextValue, children })
     }
   );
 });
@@ -3311,11 +3290,11 @@ var Modal2 = Object.assign(Modal, {
 Modal2.displayName = "Modal";
 
 // src/components/NumberField/NumberField.tsx
-var import_dedupe36 = __toESM(require("classnames/dedupe"));
-var import_react57 = require("react");
-var import_react58 = require("react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var NumberField = (0, import_react58.forwardRef)((props, ref) => {
+var import_dedupe35 = __toESM(require("classnames/dedupe"));
+var import_react56 = require("react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var SMALLEST_INCREMENT = 1e-3;
+var NumberField = (0, import_react56.forwardRef)((props, ref) => {
   const {
     minValue,
     maxValue,
@@ -3325,33 +3304,72 @@ var NumberField = (0, import_react58.forwardRef)((props, ref) => {
     className,
     ...otherProps
   } = props;
-  const focusedInputRef = (0, import_react57.useRef)(null);
-  const wheelHandler = (0, import_react57.useCallback)((ev) => ev.preventDefault(), []);
-  (0, import_react57.useEffect)(() => {
+  const {
+    onFocus: customOnFocus,
+    onBlur: customOnBlur,
+    ...rest
+  } = otherProps;
+  const focusedInputRef = (0, import_react56.useRef)(null);
+  const wheelHandler = (0, import_react56.useCallback)((ev) => ev.preventDefault(), []);
+  (0, import_react56.useEffect)(() => {
     return () => {
       focusedInputRef.current?.removeEventListener("wheel", wheelHandler);
       focusedInputRef.current = null;
     };
   }, [wheelHandler]);
-  const containerClasses = (0, import_dedupe36.default)("mobius-number-field", className, {
+  const containerClasses = (0, import_dedupe35.default)("mobius-number-field", className, {
     "--hide-spin-buttons": hideSpinButtons
   });
   const handleBeforeInput = (event) => {
     const { data } = event.nativeEvent;
-    if (step != null && Number.isInteger(step) && data === ".") {
+    if (step && Number.isInteger(step) && data === ".") {
       event.preventDefault();
     }
-    if (minValue != null && minValue >= 0 && data === "-") {
+    if (minValue && minValue >= 0 && data === "-") {
       event.preventDefault();
     }
   };
-  const {
-    onFocus: customOnFocus,
-    onBlur: customOnBlur,
-    ...rest
-  } = otherProps;
+  const handleChange = (event) => {
+    const { value } = event.target;
+    const numValue = parseFloat(value);
+    if (value === "" || value === "-" || isNaN(numValue)) {
+      otherProps.onChange?.(event);
+      return;
+    }
+    if (step && step > 1) {
+      const baseValue = minValue ?? 0;
+      const remainder = (numValue - baseValue) % step;
+      if (Math.abs(remainder) > SMALLEST_INCREMENT && Math.abs(remainder - step) > SMALLEST_INCREMENT) {
+        event.preventDefault();
+        return;
+      }
+    }
+    otherProps.onChange?.(event);
+  };
+  const handleBlur = (event) => {
+    const { value } = event.target;
+    const numValue = parseFloat(value);
+    if (step && step > 1 && !isNaN(numValue)) {
+      const baseValue = minValue ?? 0;
+      const steps = Math.round((numValue - baseValue) / step);
+      const snappedValue = baseValue + steps * step;
+      if (snappedValue !== numValue) {
+        event.target.value = snappedValue.toString();
+        const changeEvent = new Event("change", { bubbles: true });
+        event.target.dispatchEvent(changeEvent);
+        const syntheticChangeEvent = {
+          ...event,
+          target: event.target,
+          currentTarget: event.currentTarget
+        };
+        otherProps.onChange?.(syntheticChangeEvent);
+      }
+    }
+    customOnBlur?.(event);
+  };
   const forwardedProps = {
     ...rest,
+    onChange: handleChange,
     onFocus: (e) => {
       const el = e.currentTarget;
       focusedInputRef.current?.removeEventListener("wheel", wheelHandler);
@@ -3359,16 +3377,9 @@ var NumberField = (0, import_react58.forwardRef)((props, ref) => {
       el.addEventListener("wheel", wheelHandler, { passive: false });
       customOnFocus?.(e);
     },
-    onBlur: (e) => {
-      const el = e.currentTarget;
-      el.removeEventListener("wheel", wheelHandler);
-      if (focusedInputRef.current === el) {
-        focusedInputRef.current = null;
-      }
-      customOnBlur?.(e);
-    }
+    onBlur: (e) => handleBlur(e)
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     TextField,
     {
       ...forwardedProps,
@@ -3386,28 +3397,28 @@ var NumberField = (0, import_react58.forwardRef)((props, ref) => {
 NumberField.displayName = "NumberField";
 
 // src/components/Option/Option.tsx
-var import_react59 = require("react");
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var Option2 = (0, import_react59.forwardRef)((props, ref) => {
+var import_react57 = require("react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var Option2 = (0, import_react57.forwardRef)((props, ref) => {
   const { isDisabled, ...rest } = props;
   const mappedProps = {
     ...rest,
     disabled: isDisabled
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { ...mappedProps, ref });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("option", { ...mappedProps, ref });
 });
 Option2.displayName = "Option";
 
 // src/components/PasswordField/PasswordField.tsx
-var import_dedupe37 = __toESM(require("classnames/dedupe"));
-var import_react60 = require("react");
+var import_dedupe36 = __toESM(require("classnames/dedupe"));
+var import_react58 = require("react");
 
 // src/components/PasswordField/ShowHideButton.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var ShowHideButton = ({
   show = false,
   onClick
-}) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   "button",
   {
     className: "mobius-password-field__show-button",
@@ -3423,25 +3434,25 @@ var ShowHideButton = ({
 );
 
 // src/components/PasswordField/PasswordField.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var PasswordField = (0, import_react60.forwardRef)(
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var PasswordField = (0, import_react58.forwardRef)(
   ({ className, ...props }, ref) => {
-    const [show, setShow] = (0, import_react60.useState)(false);
+    const [show, setShow] = (0, import_react58.useState)(false);
     const type = show ? "text" : "password";
-    const classes = (0, import_dedupe37.default)("mobius-password-field", className);
-    const localRef = (0, import_react60.useRef)(null);
+    const classes = (0, import_dedupe36.default)("mobius-password-field", className);
+    const localRef = (0, import_react58.useRef)(null);
     const handleShowHideButtonClick = () => {
       setShow((oldShow) => !oldShow);
       localRef.current?.focus();
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       TextField,
       {
         ref: mergeRefs([localRef, ref]),
         className: classes,
         ...props,
         type,
-        suffixInside: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ShowHideButton, { onClick: handleShowHideButtonClick, show })
+        suffixInside: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ShowHideButton, { onClick: handleShowHideButtonClick, show })
       }
     );
   }
@@ -3449,30 +3460,30 @@ var PasswordField = (0, import_react60.forwardRef)(
 PasswordField.displayName = "PasswordField";
 
 // src/components/Popover/Popover.tsx
-var import_react61 = require("@floating-ui/react");
+var import_react59 = require("@floating-ui/react");
 var import_icons11 = require("@simplybusiness/icons");
 var import_classnames3 = __toESM(require("classnames"));
-var import_react62 = require("react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_react60 = require("react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var OFFSET_FROM_CONTENT_DEFAULT = 10;
 var Popover = (props) => {
   const { trigger, children, onOpen, onClose, className } = props;
-  const arrowRef = (0, import_react62.useRef)(null);
-  const [isOpen, setIsOpen] = (0, import_react62.useState)(false);
-  const { refs, floatingStyles, context } = (0, import_react61.useFloating)({
+  const arrowRef = (0, import_react60.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react60.useState)(false);
+  const { refs, floatingStyles, context } = (0, import_react59.useFloating)({
     open: isOpen,
     onOpenChange: setIsOpen,
-    whileElementsMounted: import_react61.autoUpdate,
+    whileElementsMounted: import_react59.autoUpdate,
     middleware: [
-      (0, import_react61.arrow)({
+      (0, import_react59.arrow)({
         element: arrowRef
       }),
-      (0, import_react61.offset)(OFFSET_FROM_CONTENT_DEFAULT),
-      (0, import_react61.shift)(),
-      (0, import_react61.flip)()
+      (0, import_react59.offset)(OFFSET_FROM_CONTENT_DEFAULT),
+      (0, import_react59.shift)(),
+      (0, import_react59.flip)()
     ]
   });
-  const dismiss = (0, import_react61.useDismiss)(context, {
+  const dismiss = (0, import_react59.useDismiss)(context, {
     bubbles: true,
     outsidePress: (event) => {
       const toggle = refs.reference.current;
@@ -3483,7 +3494,7 @@ var Popover = (props) => {
       return true;
     }
   });
-  const { getReferenceProps, getFloatingProps } = (0, import_react61.useInteractions)([dismiss]);
+  const { getReferenceProps, getFloatingProps } = (0, import_react59.useInteractions)([dismiss]);
   const containerClasses = (0, import_classnames3.default)(
     "mobius",
     "mobius-popover__container",
@@ -3498,7 +3509,7 @@ var Popover = (props) => {
     setIsOpen(true);
     onOpen?.();
   };
-  const triggerComponent = (0, import_react62.cloneElement)(trigger, {
+  const triggerComponent = (0, import_react60.cloneElement)(trigger, {
     ref: refs.setReference,
     className: (0, import_classnames3.default)(
       trigger.props.className,
@@ -3514,9 +3525,9 @@ var Popover = (props) => {
       e.stopPropagation();
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
     triggerComponent,
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "div",
       {
         className: containerClasses,
@@ -3524,8 +3535,8 @@ var Popover = (props) => {
         style: floatingStyles,
         ...getFloatingProps(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "mobius-popover", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("header", { className: "mobius-popover__header", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "mobius-popover", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("header", { className: "mobius-popover__header", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               Button,
               {
                 type: "button",
@@ -3533,7 +3544,7 @@ var Popover = (props) => {
                 onClick: toggleVisibility,
                 "aria-label": "Close",
                 variant: "ghost",
-                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                   Icon,
                   {
                     icon: import_icons11.cross,
@@ -3543,10 +3554,10 @@ var Popover = (props) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mobius-popover__body", children })
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "mobius-popover__body", children })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-            import_react61.FloatingArrow,
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            import_react59.FloatingArrow,
             {
               ref: arrowRef,
               context,
@@ -3561,9 +3572,9 @@ var Popover = (props) => {
 };
 
 // src/components/Progress/Progress.tsx
-var import_dedupe38 = __toESM(require("classnames/dedupe"));
-var import_react63 = require("react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_dedupe37 = __toESM(require("classnames/dedupe"));
+var import_react61 = require("react");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function warnAboutInvalidValues(value, minValue, maxValue) {
   if (minValue > maxValue) {
     console.warn("minValue is greater than maxValue");
@@ -3581,7 +3592,7 @@ var sanitizedValue = (value, defaultValue) => {
 };
 var getLabelComponent = (label, progressLabelId, showLabel) => {
   if (showLabel) {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       Label,
       {
         id: progressLabelId,
@@ -3591,7 +3602,7 @@ var getLabelComponent = (label, progressLabelId, showLabel) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     Label,
     {
       id: progressLabelId,
@@ -3604,9 +3615,9 @@ var getLabelComponent = (label, progressLabelId, showLabel) => {
 var DEFAULT_VALUE = 0;
 var DEFAULT_MIN_VALUE = 0;
 var DEFAULT_MAX_VALUE = 100;
-var Progress = (0, import_react63.forwardRef)((props, ref) => {
-  const progressId = (0, import_react63.useId)();
-  const progressLabelId = (0, import_react63.useId)();
+var Progress = (0, import_react61.forwardRef)((props, ref) => {
+  const progressId = (0, import_react61.useId)();
+  const progressLabelId = (0, import_react61.useId)();
   const {
     id,
     label,
@@ -3631,7 +3642,7 @@ var Progress = (0, import_react63.forwardRef)((props, ref) => {
     100
   );
   const barWidth = `${percentage}%`;
-  const classes = (0, import_dedupe38.default)("mobius", "mobius-progress", className, {
+  const classes = (0, import_dedupe37.default)("mobius", "mobius-progress", className, {
     "--is-primary": variant === "primary",
     "--is-secondary": variant === "secondary"
   });
@@ -3641,7 +3652,7 @@ var Progress = (0, import_react63.forwardRef)((props, ref) => {
   progressBarProps["aria-valuenow"] = value.toString();
   progressBarProps["aria-valuetext"] = valueFormatter instanceof Function ? valueFormatter(value, minValue, maxValue) : barWidth;
   const labelComponent = getLabelComponent(label, progressLabelId, showLabel);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "div",
     {
       id: id || progressId,
@@ -3652,8 +3663,8 @@ var Progress = (0, import_react63.forwardRef)((props, ref) => {
       "aria-labelledby": progressLabelId,
       children: [
         labelComponent,
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mobius-progress__track", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mobius-progress__bar", style: { width: barWidth } }) }),
-        showValueLabel && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Label, { "data-testid": "value-label", elementType: "span", children: progressBarProps["aria-valuetext"] })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mobius-progress__track", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mobius-progress__bar", style: { width: barWidth } }) }),
+        showValueLabel && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label, { "data-testid": "value-label", elementType: "span", children: progressBarProps["aria-valuetext"] })
       ]
     }
   );
@@ -3661,10 +3672,10 @@ var Progress = (0, import_react63.forwardRef)((props, ref) => {
 Progress.displayName = "Progress";
 
 // src/components/Radio/Radio.tsx
-var import_dedupe39 = __toESM(require("classnames/dedupe"));
-var import_react64 = require("react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var Radio = (0, import_react64.forwardRef)(
+var import_dedupe38 = __toESM(require("classnames/dedupe"));
+var import_react62 = require("react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var Radio = (0, import_react62.forwardRef)(
   (props, ref) => {
     const {
       children,
@@ -3686,10 +3697,10 @@ var Radio = (0, import_react64.forwardRef)(
     const isMultiline = label && children;
     const isControlled = selected !== void 0;
     const isChecked = isControlled ? selected === value : defaultChecked;
-    const hasIconFirst = (0, import_react64.useMemo)(() => {
-      if (!children || import_react64.Children.count(children) === 0) return false;
-      const firstChild = import_react64.Children.toArray(children)[0];
-      if (!(0, import_react64.isValidElement)(firstChild)) return false;
+    const hasIconFirst = (0, import_react62.useMemo)(() => {
+      if (!children || import_react62.Children.count(children) === 0) return false;
+      const firstChild = import_react62.Children.toArray(children)[0];
+      if (!(0, import_react62.isValidElement)(firstChild)) return false;
       const props2 = firstChild.props;
       return "icon" in props2 && props2.icon !== void 0;
     }, [children]);
@@ -3699,13 +3710,13 @@ var Radio = (0, import_react64.forwardRef)(
       "--is-multiline": !!isMultiline,
       "--is-required": isRequired
     };
-    const containerClasses = (0, import_dedupe39.default)(
+    const containerClasses = (0, import_dedupe38.default)(
       "mobius-radio__label",
       radioClasses,
       className,
       { "--has-icon-first": hasIconFirst }
     );
-    const inputClasses = (0, import_dedupe39.default)("mobius-radio__input", radioClasses);
+    const inputClasses = (0, import_dedupe38.default)("mobius-radio__input", radioClasses);
     const {
       // @ts-expect-error - TS doesn't like the orientation prop
       orientation,
@@ -3724,9 +3735,9 @@ var Radio = (0, import_react64.forwardRef)(
         onChange(adaptedEvent);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Label, { className: containerClasses, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Label, { className: containerClasses, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "input",
           {
             "aria-describedby": otherProps["aria-describedby"],
@@ -3743,21 +3754,21 @@ var Radio = (0, import_react64.forwardRef)(
             ...rest
           }
         ),
-        isMultiline ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "mobius-radio__content--multiline", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mobius-radio__content-first-line", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mobius-radio__extra-content", children })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mobius-radio__content", children: label || children })
+        isMultiline ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "mobius-radio__content--multiline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mobius-radio__content-first-line", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mobius-radio__extra-content", children })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mobius-radio__content", children: label || children })
       ] }),
-      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ErrorMessage, { errorMessage })
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ErrorMessage, { errorMessage })
     ] });
   }
 );
 Radio.displayName = "Radio";
 
 // src/components/Radio/RadioGroup.tsx
-var import_dedupe40 = __toESM(require("classnames/dedupe"));
-var import_react65 = require("react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_dedupe39 = __toESM(require("classnames/dedupe"));
+var import_react63 = require("react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var getDefaultVal = (children, defaultValue) => {
   if (Array.isArray(children) && defaultValue) {
     const option = children?.find((item) => item.props.value === defaultValue);
@@ -3766,7 +3777,7 @@ var getDefaultVal = (children, defaultValue) => {
   }
   return "";
 };
-var RadioGroup = (0, import_react65.forwardRef)((props, ref) => {
+var RadioGroup = (0, import_react63.forwardRef)((props, ref) => {
   const {
     label,
     isDisabled = false,
@@ -3785,8 +3796,8 @@ var RadioGroup = (0, import_react65.forwardRef)((props, ref) => {
     ...rest
   } = props;
   const defaultSelected = getDefaultVal(children, value || defaultValue);
-  const [selected, setSelected] = (0, import_react65.useState)(defaultSelected);
-  (0, import_react65.useEffect)(() => {
+  const [selected, setSelected] = (0, import_react63.useState)(defaultSelected);
+  (0, import_react63.useEffect)(() => {
     if (value !== void 0) {
       setSelected(value);
     }
@@ -3802,26 +3813,26 @@ var RadioGroup = (0, import_react65.forwardRef)((props, ref) => {
     [`--is-${orientation}`]: true,
     [className || ""]: true
   };
-  const radioGroupClasses = (0, import_dedupe40.default)(
+  const radioGroupClasses = (0, import_dedupe39.default)(
     "mobius",
     "mobius-radio-group",
     radioClasses,
     validationClasses
   );
-  const radioWrapperClasses = (0, import_dedupe40.default)("mobius-radio__wrapper", {
+  const radioWrapperClasses = (0, import_dedupe39.default)("mobius-radio__wrapper", {
     [`--is-${orientation}`]: true
   });
-  const labelClasses = (0, import_dedupe40.default)(radioClasses, validationClasses);
-  const errorMessageId = (0, import_react65.useId)();
-  const defaultNameAttrId = (0, import_react65.useId)();
+  const labelClasses = (0, import_dedupe39.default)(radioClasses, validationClasses);
+  const errorMessageId = (0, import_react63.useId)();
+  const defaultNameAttrId = (0, import_react63.useId)();
   const nameAttribute = name || defaultNameAttrId;
   const shouldErrorMessageShow = errorMessage ? errorMessageId : void 0;
   const describedBy = spaceDelimitedList([
     shouldErrorMessageShow,
     props["aria-describedby"]
   ]);
-  const labelId = (0, import_react65.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  const labelId = (0, import_react63.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     {
       ...rest,
@@ -3837,11 +3848,11 @@ var RadioGroup = (0, import_react65.forwardRef)((props, ref) => {
       ref,
       className: radioGroupClasses,
       role: "radiogroup",
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Stack, { gap: "xs", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Label, { htmlFor: name, id: labelId, className: labelClasses, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: radioWrapperClasses, children: import_react65.Children.map(children, (child) => {
-          if ((0, import_react65.isValidElement)(child)) {
-            return (0, import_react65.cloneElement)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Stack, { gap: "xs", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Label, { htmlFor: name, id: labelId, className: labelClasses, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: radioWrapperClasses, children: import_react63.Children.map(children, (child) => {
+          if ((0, import_react63.isValidElement)(child)) {
+            return (0, import_react63.cloneElement)(
               child,
               {
                 orientation,
@@ -3858,7 +3869,7 @@ var RadioGroup = (0, import_react65.forwardRef)((props, ref) => {
           }
           return child;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ErrorMessage, { id: errorMessageId, errorMessage })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ErrorMessage, { id: errorMessageId, errorMessage })
       ] })
     }
   );
@@ -3866,36 +3877,36 @@ var RadioGroup = (0, import_react65.forwardRef)((props, ref) => {
 RadioGroup.displayName = "RadioGroup";
 
 // src/components/Segment/SegmentGroup.tsx
-var import_dedupe41 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_dedupe40 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var SegmentGroup = (props) => {
   const { children, horizontal, gap, className, ...rest } = props;
   const gapClass = gap ? `gap-${gap}` : "";
-  const classes = (0, import_dedupe41.default)(
+  const classes = (0, import_dedupe40.default)(
     "mobius",
     "mobius-segment-group",
     className,
     { "--is-horizontal": horizontal },
     gapClass
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: classes, ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: classes, ...rest, children });
 };
 SegmentGroup.displayName = "SegmentGroup";
 
 // src/components/Segment/Segment.tsx
-var import_dedupe42 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_dedupe41 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var Segment = (props) => {
   const { heading, children, colour, inverted, className, ...rest } = props;
-  const classes = (0, import_dedupe42.default)(
+  const classes = (0, import_dedupe41.default)(
     "mobius",
     "mobius-segment",
     colour,
     { inverted },
     className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: classes, ...rest, children: [
-    heading && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "mobius-segment__heading", children: heading }),
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: classes, ...rest, children: [
+    heading && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "mobius-segment__heading", children: heading }),
     children
   ] });
 };
@@ -3903,10 +3914,10 @@ Segment.displayName = "Segment";
 
 // src/components/Select/Select.tsx
 var import_icons12 = require("@simplybusiness/icons");
-var import_dedupe43 = __toESM(require("classnames/dedupe"));
-var import_react66 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
-var Select = (0, import_react66.forwardRef)((props, ref) => {
+var import_dedupe42 = __toESM(require("classnames/dedupe"));
+var import_react64 = require("react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var Select = (0, import_react64.forwardRef)((props, ref) => {
   const {
     label,
     onChange,
@@ -3930,24 +3941,24 @@ var Select = (0, import_react66.forwardRef)((props, ref) => {
     "--is-required": typeof isRequired === "boolean" && isRequired,
     "--is-optional": typeof isRequired === "boolean" && !isRequired
   };
-  const sharedClasses = (0, import_dedupe43.default)(validationClasses, stateClasses);
-  const wrapperClasses = (0, import_dedupe43.default)(
+  const sharedClasses = (0, import_dedupe42.default)(validationClasses, stateClasses);
+  const wrapperClasses = (0, import_dedupe42.default)(
     "mobius-select__wrapper",
     sharedClasses,
     otherProps.className
   );
-  const selectClasses = (0, import_dedupe43.default)(
+  const selectClasses = (0, import_dedupe42.default)(
     "mobius-select",
     sharedClasses,
     otherProps.className
   );
-  const labelClasses = (0, import_dedupe43.default)(
+  const labelClasses = (0, import_dedupe42.default)(
     "mobius-label",
     sharedClasses,
     otherProps.className
   );
-  const iconClasses = (0, import_dedupe43.default)("mobius-select__icon", sharedClasses);
-  const errorMessageId = (0, import_react66.useId)();
+  const iconClasses = (0, import_dedupe42.default)("mobius-select__icon", sharedClasses);
+  const errorMessageId = (0, import_react64.useId)();
   const shouldErrorMessageShow = errorMessage ? errorMessageId : void 0;
   const describedBy = spaceDelimitedList([
     shouldErrorMessageShow,
@@ -3958,10 +3969,10 @@ var Select = (0, import_react66.forwardRef)((props, ref) => {
       onChange(e);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Stack, { className: "mobius mobius-select__outer", gap: "xs", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Label, { ...labelProps, className: labelClasses, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: wrapperClasses, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Stack, { className: "mobius mobius-select__outer", gap: "xs", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Label, { ...labelProps, className: labelClasses, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: wrapperClasses, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         "select",
         {
           ...otherProps,
@@ -3977,19 +3988,19 @@ var Select = (0, import_react66.forwardRef)((props, ref) => {
           onChange: handleChange
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: iconClasses, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { icon: import_icons12.chevronDown }) })
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: iconClasses, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { icon: import_icons12.chevronDown }) })
     ] }),
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ErrorMessage, { id: errorMessageId, errorMessage })
+    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ErrorMessage, { id: errorMessageId, errorMessage })
   ] });
 });
 Select.displayName = "Select";
 
 // src/components/Slider/Slider.tsx
-var import_dedupe44 = __toESM(require("classnames/dedupe"));
-var import_react68 = require("react");
+var import_dedupe43 = __toESM(require("classnames/dedupe"));
+var import_react66 = require("react");
 
 // src/components/Slider/helpers.ts
-var import_react67 = require("react");
+var import_react65 = require("react");
 function numberFormatter(value, formatOptions, locale = navigator.languages?.[0] || "en-GB") {
   if (!formatOptions) {
     return value?.toString() || "";
@@ -3998,7 +4009,7 @@ function numberFormatter(value, formatOptions, locale = navigator.languages?.[0]
 }
 
 // src/components/Slider/Slider.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var Slider = (props) => {
   const {
     id,
@@ -4019,11 +4030,11 @@ var Slider = (props) => {
     formatOptions,
     isDisabled = false
   } = props;
-  const trackRef = (0, import_react68.useRef)(null);
-  const [currentValue, setCurrentValue] = (0, import_react68.useState)(
+  const trackRef = (0, import_react66.useRef)(null);
+  const [currentValue, setCurrentValue] = (0, import_react66.useState)(
     value || defaultValue || 0
   );
-  const [isDragging, setIsDraggging] = (0, import_react68.useState)(false);
+  const [isDragging, setIsDraggging] = (0, import_react66.useState)(false);
   const { labelProps, fieldProps } = useLabel({
     id,
     label,
@@ -4031,7 +4042,7 @@ var Slider = (props) => {
     "aria-labelledby": ariaLabelledBy
   });
   const formattedValue = numberFormatter(currentValue, formatOptions);
-  const classes = (0, import_dedupe44.default)("mobius", "mobius-slider", className, {
+  const classes = (0, import_dedupe43.default)("mobius", "mobius-slider", className, {
     "--is-disabled": isDisabled,
     "--is-primary": variant === "primary",
     "--is-secondary": variant === "secondary",
@@ -4053,12 +4064,12 @@ var Slider = (props) => {
       onChangeEnd(currentValue);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: classes, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "mobius-slider__label-wrapper", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label, { ...labelProps, children: label }),
-      label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("output", { style: { flex: "1 0 auto", textAlign: "end" }, children: formattedValue })
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: classes, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "mobius-slider__label-wrapper", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Label, { ...labelProps, children: label }),
+      label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("output", { style: { flex: "1 0 auto", textAlign: "end" }, children: formattedValue })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { ref: trackRef, className: "mobius-slider__track-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { ref: trackRef, className: "mobius-slider__track-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       "input",
       {
         className: "mobius-slider__track",
@@ -4077,24 +4088,24 @@ var Slider = (props) => {
         ...fieldProps
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "mobius-slider__labels", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "mobius-slider__min-label", "data-testid": "min-label", children: minLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "mobius-slider__max-label", "data-testid": "max-label", children: maxLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "mobius-slider__labels", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "mobius-slider__min-label", "data-testid": "min-label", children: minLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "mobius-slider__max-label", "data-testid": "max-label", children: maxLabel })
     ] })
   ] });
 };
 
 // src/components/SVG/SVG.tsx
-var import_react69 = require("react");
-var import_dedupe45 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var SVG = (0, import_react69.forwardRef)(
+var import_react67 = require("react");
+var import_dedupe44 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var SVG = (0, import_react67.forwardRef)(
   (props, ref) => {
     const { children, className, ...otherProps } = props;
-    const classes = (0, import_dedupe45.default)("mobius", "mobius-svg", className);
-    const svgNode = import_react69.Children.only(children);
+    const classes = (0, import_dedupe44.default)("mobius", "mobius-svg", className);
+    const svgNode = import_react67.Children.only(children);
     const { children: svgChildren, viewBox, xmlns } = svgNode.props;
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "svg",
       {
         viewBox,
@@ -4110,10 +4121,10 @@ var SVG = (0, import_react69.forwardRef)(
 SVG.displayName = "SVG";
 
 // src/components/Switch/Switch.tsx
-var import_react70 = require("react");
-var import_dedupe46 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var Switch = (0, import_react70.forwardRef)((props, ref) => {
+var import_react68 = require("react");
+var import_dedupe45 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var Switch = (0, import_react68.forwardRef)((props, ref) => {
   const {
     checked = false,
     className,
@@ -4121,11 +4132,11 @@ var Switch = (0, import_react70.forwardRef)((props, ref) => {
     isDisabled = false,
     ...otherProps
   } = props;
-  const [enabled, setEnabled] = (0, import_react70.useState)(checked);
-  (0, import_react70.useEffect)(() => {
+  const [enabled, setEnabled] = (0, import_react68.useState)(checked);
+  (0, import_react68.useEffect)(() => {
     setEnabled(checked);
   }, [checked]);
-  const classes = (0, import_dedupe46.default)(
+  const classes = (0, import_dedupe45.default)(
     "mobius",
     "mobius-switch",
     {
@@ -4140,9 +4151,9 @@ var Switch = (0, import_react70.forwardRef)((props, ref) => {
       onChange(event);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("label", { ref, className: classes, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: enabled ? "On" : "Off" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("label", { ref, className: classes, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: enabled ? "On" : "Off" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       "input",
       {
         type: "checkbox",
@@ -4153,91 +4164,91 @@ var Switch = (0, import_react70.forwardRef)((props, ref) => {
         ...otherProps
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "mobius-switch__slider" })
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "mobius-switch__slider" })
   ] });
 });
 Switch.displayName = "Switch";
 
 // src/components/Table/Table.tsx
-var import_react71 = require("react");
-var import_dedupe47 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime59 = require("react/jsx-runtime");
-var Table = (0, import_react71.forwardRef)(
+var import_react69 = require("react");
+var import_dedupe46 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var Table = (0, import_react69.forwardRef)(
   (props, ref) => {
-    const classes = (0, import_dedupe47.default)("mobius", "mobius-table", props.className);
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("table", { ref, ...props, className: classes });
+    const classes = (0, import_dedupe46.default)("mobius", "mobius-table", props.className);
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("table", { ref, ...props, className: classes });
   }
 );
 Table.displayName = "Table";
 
 // src/components/Table/Head.tsx
-var import_react72 = require("react");
-var import_dedupe48 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var Head = (0, import_react72.forwardRef)((props, ref) => {
-  const classes = (0, import_dedupe48.default)("mobius", "mobius-table__head", props.className);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("thead", { ref, ...props, className: classes });
+var import_react70 = require("react");
+var import_dedupe47 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var Head = (0, import_react70.forwardRef)((props, ref) => {
+  const classes = (0, import_dedupe47.default)("mobius", "mobius-table__head", props.className);
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("thead", { ref, ...props, className: classes });
 });
 Head.displayName = "Table.Head";
 
 // src/components/Table/Body.tsx
-var import_react73 = require("react");
-var import_dedupe49 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var Body = (0, import_react73.forwardRef)((props, ref) => {
-  const classes = (0, import_dedupe49.default)("mobius", "mobius-table__body", props.className);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("tbody", { ref, ...props, className: classes });
+var import_react71 = require("react");
+var import_dedupe48 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var Body = (0, import_react71.forwardRef)((props, ref) => {
+  const classes = (0, import_dedupe48.default)("mobius", "mobius-table__body", props.className);
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("tbody", { ref, ...props, className: classes });
 });
 Body.displayName = "Table.Body";
 
 // src/components/Table/Foot.tsx
-var import_react74 = require("react");
-var import_dedupe50 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime62 = require("react/jsx-runtime");
-var Foot = (0, import_react74.forwardRef)((props, ref) => {
-  const classes = (0, import_dedupe50.default)("mobius", "mobius-table__foot", props.className);
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("tfoot", { ref, ...props, className: classes });
+var import_react72 = require("react");
+var import_dedupe49 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var Foot = (0, import_react72.forwardRef)((props, ref) => {
+  const classes = (0, import_dedupe49.default)("mobius", "mobius-table__foot", props.className);
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("tfoot", { ref, ...props, className: classes });
 });
 Foot.displayName = "Table.Foot";
 
 // src/components/Table/Row.tsx
-var import_react75 = require("react");
-var import_dedupe51 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var Row = (0, import_react75.forwardRef)(
+var import_react73 = require("react");
+var import_dedupe50 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var Row = (0, import_react73.forwardRef)(
   (props, ref) => {
-    const classes = (0, import_dedupe51.default)("mobius", "mobius-table__row", props.className);
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("tr", { ref, ...props, className: classes });
+    const classes = (0, import_dedupe50.default)("mobius", "mobius-table__row", props.className);
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("tr", { ref, ...props, className: classes });
   }
 );
 Row.displayName = "Table.Row";
 
 // src/components/Table/HeaderCell.tsx
-var import_react76 = require("react");
-var import_dedupe52 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime64 = require("react/jsx-runtime");
-var HeaderCell = (0, import_react76.forwardRef)((props, ref) => {
-  const classes = (0, import_dedupe52.default)(
+var import_react74 = require("react");
+var import_dedupe51 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime63 = require("react/jsx-runtime");
+var HeaderCell = (0, import_react74.forwardRef)((props, ref) => {
+  const classes = (0, import_dedupe51.default)(
     "mobius",
     "mobius-table__head-cell",
     props.className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("th", { ...props, ref, className: classes });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("th", { ...props, ref, className: classes });
 });
 HeaderCell.displayName = "Table.HeaderCell";
 
 // src/components/Table/Cell.tsx
-var import_react77 = require("react");
-var import_dedupe53 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime65 = require("react/jsx-runtime");
-var Cell = (0, import_react77.forwardRef)(
+var import_react75 = require("react");
+var import_dedupe52 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime64 = require("react/jsx-runtime");
+var Cell = (0, import_react75.forwardRef)(
   (props, ref) => {
-    const classes = (0, import_dedupe53.default)(
+    const classes = (0, import_dedupe52.default)(
       "mobius",
       "mobius-table__body-cell",
       props.className
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("td", { ref, ...props, className: classes });
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("td", { ref, ...props, className: classes });
   }
 );
 Cell.displayName = "Table.Cell";
@@ -4253,15 +4264,42 @@ var Table2 = Object.assign(Table, {
 });
 Table2.displayName = "Table";
 
+// src/components/Text/Text.tsx
+var import_react76 = require("react");
+var import_dedupe53 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var getElementType = (variant, elementType) => {
+  if (variant) {
+    return ["h1", "h2", "h3", "h4"].includes(variant) ? variant : "p";
+  }
+  return elementType || "p";
+};
+var Text = (0, import_react76.forwardRef)(
+  ({ elementType: Component = "p", ...props }, ref) => {
+    const { variant, className, spacing, ...otherProps } = props;
+    const elementType = getElementType(variant, Component);
+    const variantType = variant || elementType;
+    const classes = (0, import_dedupe53.default)(
+      "mobius",
+      "mobius-text",
+      { [`--is-${variantType}`]: variantType },
+      { [`--has-line-height-${spacing}`]: spacing },
+      className
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Component, { ref, ...otherProps, className: classes });
+  }
+);
+Text.displayName = "Text";
+
 // src/components/TextArea/TextArea.tsx
 var import_dedupe55 = __toESM(require("classnames/dedupe"));
-var import_react79 = require("react");
+var import_react78 = require("react");
 
 // src/components/TextAreaInput/TextAreaInput.tsx
 var import_dedupe54 = __toESM(require("classnames/dedupe"));
-var import_react78 = require("react");
+var import_react77 = require("react");
 var import_jsx_runtime66 = require("react/jsx-runtime");
-var TextAreaInput = (0, import_react78.forwardRef)((props, ref) => {
+var TextAreaInput = (0, import_react77.forwardRef)((props, ref) => {
   const { isSelected, isDisabled, isReadOnly, isRequired, ...otherProps } = props;
   const classes = (0, import_dedupe54.default)(
     "mobius",
@@ -4288,7 +4326,7 @@ TextAreaInput.displayName = "TextAreaInput";
 
 // src/components/TextArea/TextArea.tsx
 var import_jsx_runtime67 = require("react/jsx-runtime");
-var TextArea = (0, import_react79.forwardRef)((props, ref) => {
+var TextArea = (0, import_react78.forwardRef)((props, ref) => {
   const {
     isDisabled,
     className,
@@ -4332,10 +4370,37 @@ var TextArea = (0, import_react79.forwardRef)((props, ref) => {
 });
 TextArea.displayName = "TextArea";
 
+// src/components/TextOrHTML/TextOrHTML.tsx
+var import_react79 = require("react");
+var import_jsx_runtime68 = require("react/jsx-runtime");
+var TextOrHTML = (0, import_react79.forwardRef)(
+  ({
+    text,
+    htmlClassName,
+    htmlElementType = "span",
+    textWrapper = false,
+    ...textProps
+  }, ref) => {
+    const DangerousComponent = htmlElementType;
+    const dangerousElement = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      DangerousComponent,
+      {
+        className: htmlClassName,
+        dangerouslySetInnerHTML: { __html: text }
+      }
+    );
+    if (textWrapper) {
+      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Text, { ref, ...textProps, children: dangerousElement });
+    }
+    return dangerousElement;
+  }
+);
+TextOrHTML.displayName = "TextOrHTML";
+
 // src/components/Title/Title.tsx
 var import_react80 = require("react");
 var import_dedupe56 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var Title = (0, import_react80.forwardRef)(
   (props, ref) => {
     const {
@@ -4348,9 +4413,9 @@ var Title = (0, import_react80.forwardRef)(
     const headerClasses = (0, import_dedupe56.default)("mobius", "mobius-title__header");
     const contentClasses = (0, import_dedupe56.default)("mobius", "mobius-title__description");
     const containerClasses = (0, import_dedupe56.default)("mobius", "mobius-title__container");
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Element, { ref, ...otherProps, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Flex, { flexDirection: "column", className: containerClasses, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: headerClasses, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: contentClasses, children: description })
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Element, { ref, ...otherProps, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Flex, { flexDirection: "column", className: containerClasses, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: headerClasses, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: contentClasses, children: description })
     ] }) });
   }
 );
@@ -4416,7 +4481,7 @@ var TRUSTPILOT_WIDGET = {
 };
 
 // src/components/Trust/Trust.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var Trust = (0, import_react81.forwardRef)((props, ref) => {
   const {
     elementType: Element = "div",
@@ -4464,15 +4529,15 @@ var Trust = (0, import_react81.forwardRef)((props, ref) => {
   (0, import_react81.useEffect)(() => {
     setIsMounted(true);
   }, []);
-  if (!isMounted) return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { style: styles });
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  if (!isMounted) return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { style: styles });
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     Element,
     {
       ref: mergeRefs([trustRef, ref]),
       className: classes,
       style: styles,
       ...dataProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
         "a",
         {
           href: link,
@@ -4487,9 +4552,9 @@ var Trust = (0, import_react81.forwardRef)((props, ref) => {
 });
 
 // src/components/ExpandableText/ExpandableText.tsx
-var import_react82 = require("react");
 var import_dedupe58 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_react82 = require("react");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var ExpandableText = (0, import_react82.forwardRef)((props, ref) => {
   const {
     text,
@@ -4520,7 +4585,7 @@ var ExpandableText = (0, import_react82.forwardRef)((props, ref) => {
     setIsCollapsed(isOverflowing);
   }, [text, shouldCollapse, maxLines]);
   if (breakpoint && !shouldCollapse) {
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { ref, className, ...otherProps, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Text, { ...textProps, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { dangerouslySetInnerHTML: { __html: text } }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { ref, className, ...otherProps, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TextOrHTML, { text, textWrapper: true, ...textProps }) });
   }
   const handleAccordionChange = (expanded) => {
     setIsExpanded(expanded);
@@ -4533,7 +4598,7 @@ var ExpandableText = (0, import_react82.forwardRef)((props, ref) => {
   const textContainerStyle = {
     "--line-clamp": maxLines
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
     "div",
     {
       ref,
@@ -4541,7 +4606,7 @@ var ExpandableText = (0, import_react82.forwardRef)((props, ref) => {
       "data-testid": "expandable-text",
       ...otherProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
           "div",
           {
             ref: textRef,
@@ -4549,10 +4614,10 @@ var ExpandableText = (0, import_react82.forwardRef)((props, ref) => {
             style: textContainerStyle,
             "data-testid": "expandable-text-content",
             "aria-describedby": isCollapsed ? expandButtonId : void 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Text, { elementType: "span", ...textProps, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { dangerouslySetInnerHTML: { __html: text } }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TextOrHTML, { elementType: "span", textWrapper: true, text, ...textProps })
           }
         ),
-        isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
           Accordion,
           {
             showText,
@@ -4575,7 +4640,7 @@ ExpandableText.displayName = "ExpandableText";
 // src/components/MaskedField/MaskedField.tsx
 var import_react83 = require("react");
 var import_react_imask = require("react-imask");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var useAcceptHandler = (onChange, useMaskedValue, name) => {
   return (0, import_react83.useCallback)(
     (maskedValue, maskInstance) => {
@@ -4647,7 +4712,7 @@ var ControlledMaskedField = ({
       setValue(stringValue);
     }
   }, [value, maskRef, setValue, imaskRef]);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     TextField,
     {
       ...textFieldProps,
@@ -4671,7 +4736,7 @@ var UncontrolledMaskedField = ({
   const { ref: imaskRef, maskRef } = (0, import_react_imask.useIMask)(mask, { onAccept });
   const combinedRef = useCombinedRef(imaskRef, forwardedRef);
   const handleBlur = useBlurHandler(onBlur, maskRef, useMaskedValue, name);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     TextField,
     {
       ...textFieldProps,
@@ -4685,7 +4750,7 @@ var UncontrolledMaskedField = ({
 var MaskedField = (0, import_react83.forwardRef)((props, forwardedRef) => {
   const { value, defaultValue, ...rest } = props;
   if ("value" in props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       ControlledMaskedField,
       {
         ...rest,
@@ -4694,7 +4759,7 @@ var MaskedField = (0, import_react83.forwardRef)((props, forwardedRef) => {
       }
     );
   } else {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       UncontrolledMaskedField,
       {
         ...rest,