@simplybusiness/mobius 5.26.3 → 5.27.1

package/dist/cjs/index.js

@@ -42,6 +42,7 @@ __export(index_exports, {
   Combobox: () => Combobox,
   Container: () => Container,
   DEFAULT_BREAKPOINTS: () => DEFAULT_BREAKPOINTS,
+  DateField: () => DateField,
   Divider: () => Divider,
   Drawer: () => Drawer2,
   DropdownMenu: () => DropdownMenu2,
@@ -59,6 +60,7 @@ __export(index_exports, {
   LoadingIndicator: () => LoadingIndicator,
   Logo: () => Logo,
   LoqateAddressLookupService: () => LoqateAddressLookupService,
+  MIN_MAX_ERROR: () => MIN_MAX_ERROR,
   Modal: () => Modal2,
   NumberField: () => NumberField,
   Option: () => Option2,
@@ -2342,52 +2344,172 @@ var Container = (0, import_react34.forwardRef)((props, ref) => {
 });
 Container.displayName = "Container";
 
-// src/components/Divider/Divider.tsx
+// src/components/DateField/DateField.tsx
 var import_dedupe19 = __toESM(require("classnames/dedupe"));
+var import_react35 = require("react");
+
+// src/components/DateField/validation.ts
+var convertToDateFormat = (date, format) => {
+  const dateParts = date.split(/[-/]/);
+  const formatParts = format ? format.split(/[-/]/) : ["yyyy", "mm", "dd"];
+  const dateObj = {};
+  const formattedDate = [];
+  for (let i = 0; i < formatParts.length; i++) {
+    dateObj[formatParts[i]] = dateParts[i] ? parseInt(dateParts[i], 10) : 0;
+  }
+  formattedDate.push(dateObj["yyyy"]?.toString() || "0000");
+  formattedDate.push(
+    (dateObj["mm"] < 10 ? "0" : "") + (dateObj["mm"]?.toString() || "00")
+  );
+  formattedDate.push(
+    (dateObj["dd"] < 10 ? "0" : "") + (dateObj["dd"]?.toString() || "00")
+  );
+  return formattedDate.join("-");
+};
+var isValidDate = (date, format = "yyyy-mm-dd") => {
+  if (!date) return true;
+  const standardDate = convertToDateFormat(date, format);
+  const [yearStr, monthStr, dayStr] = standardDate.split("-");
+  const year = parseInt(yearStr, 10);
+  const month = parseInt(monthStr, 10);
+  const day = parseInt(dayStr, 10);
+  if (month < 1 || month > 12) {
+    return false;
+  }
+  const daysInMonth = new Date(year, month, 0).getDate();
+  return day > 0 && day <= daysInMonth;
+};
+
+// src/components/DateField/DateField.tsx
 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)(
+  (props, ref) => {
+    const {
+      min,
+      max,
+      format,
+      className,
+      errorMessage,
+      defaultValue,
+      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_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;
+    const formattedValue = value ? convertToDateFormat(value, format) : void 0;
+    const setInvalidState = (error4) => {
+      setError(error4);
+      setIsInvalid(true);
+    };
+    const setValidState = () => {
+      setError(props.errorMessage);
+      setIsInvalid(false);
+    };
+    (0, import_react35.useEffect)(() => {
+      if (!isValidDate(min, format)) {
+        setInvalidState(`Invalid min date: ${min}`);
+        return;
+      }
+      if (!isValidDate(max, format)) {
+        setInvalidState(`Invalid max date: ${max}`);
+        return;
+      }
+      if (min && max) {
+        const minDate = new Date(min);
+        const maxDate = new Date(max);
+        if (minDate > maxDate) {
+          setInvalidState(MIN_MAX_ERROR);
+        } else {
+          setValidState();
+        }
+      } else {
+        setValidState();
+      }
+    }, [min, max, format]);
+    const validate = () => {
+      const isValidInput = localRef.current?.checkValidity();
+      if (!isValidInput) {
+        setInvalidState("Invalid date input");
+      } else {
+        setValidState();
+      }
+    };
+    const handleBlur = (event) => {
+      validate();
+      otherProps.onBlur?.(event);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      TextField,
+      {
+        ref: mergeRefs([localRef, ref]),
+        className: classes,
+        type: "date",
+        min: formattedMin,
+        max: formattedMax,
+        errorMessage: error3,
+        isInvalid,
+        defaultValue: formattedDefaultValue,
+        value: formattedValue,
+        onBlur: handleBlur,
+        ...otherProps
+      }
+    );
+  }
+);
+DateField.displayName = "DateField";
+
+// src/components/Divider/Divider.tsx
+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_dedupe19.default)("mobius", "mobius-divider", className);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime24.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_react35 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var Content = (0, import_react35.forwardRef)(
-  ({ children, ...otherProps }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref, ...otherProps, className: "mobius-drawer__content", children })
+var import_react36 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var Content = (0, import_react36.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_dedupe20 = __toESM(require("classnames/dedupe"));
-var import_react37 = require("react");
+var import_dedupe21 = __toESM(require("classnames/dedupe"));
+var import_react38 = require("react");
 
 // src/components/Drawer/DrawerContext.tsx
-var import_react36 = require("react");
-var DrawerContext = (0, import_react36.createContext)({
+var import_react37 = require("react");
+var DrawerContext = (0, import_react37.createContext)({
   onClose: () => {
   },
   closeLabel: void 0
 });
 
 // src/components/Drawer/Drawer.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var TRANSITION_CSS_VARIABLE = "--drawer-transition-duration";
-var Drawer = (0, import_react37.forwardRef)((props, ref) => {
+var Drawer = (0, import_react38.forwardRef)((props, ref) => {
   const {
     isOpen,
     className,
@@ -2398,8 +2520,8 @@ var Drawer = (0, import_react37.forwardRef)((props, ref) => {
     onClose,
     children
   } = props;
-  const dialogRef = (0, import_react37.useRef)(null);
-  const [shouldTransition, setShouldTransition] = (0, import_react37.useState)(false);
+  const dialogRef = (0, import_react38.useRef)(null);
+  const [shouldTransition, setShouldTransition] = (0, import_react38.useState)(false);
   const { close } = useDialog({
     ref: dialogRef,
     isOpen,
@@ -2410,8 +2532,8 @@ var Drawer = (0, import_react37.forwardRef)((props, ref) => {
       CSSVariable: TRANSITION_CSS_VARIABLE
     }
   });
-  const hiddenId = `screen-reader-announce-${(0, import_react37.useId)()}`;
-  const dialogClasses = (0, import_dedupe20.default)(
+  const hiddenId = `screen-reader-announce-${(0, import_react38.useId)()}`;
+  const dialogClasses = (0, import_dedupe21.default)(
     "mobius",
     "mobius-drawer",
     `--${direction}`,
@@ -2420,27 +2542,27 @@ var Drawer = (0, import_react37.forwardRef)((props, ref) => {
       "--should-transition": shouldTransition
     }
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     setShouldTransition(supportsDialog());
   }, []);
-  const contextValue = (0, import_react37.useMemo)(
+  const contextValue = (0, import_react38.useMemo)(
     () => ({
       onClose: close,
       closeLabel
     }),
     [close, closeLabel]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "dialog",
     {
-      id: (0, import_react37.useId)(),
+      id: (0, import_react38.useId)(),
       ref: mergeRefs([dialogRef, ref]),
       onCancel: close,
       className: dialogClasses,
       "aria-describedby": hiddenId,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { id: hiddenId, children: announce }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.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 })
       ]
     }
   );
@@ -2448,22 +2570,22 @@ var Drawer = (0, import_react37.forwardRef)((props, ref) => {
 Drawer.displayName = "Drawer";
 
 // src/components/Drawer/useDrawer.ts
-var import_react38 = require("react");
+var import_react39 = require("react");
 var useDrawer = () => {
-  const { onClose, closeLabel } = (0, import_react38.useContext)(DrawerContext);
+  const { onClose, closeLabel } = (0, import_react39.useContext)(DrawerContext);
   return { onClose, closeLabel };
 };
 
 // src/components/Drawer/Header.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_icons8 = require("@simplybusiness/icons");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var Header = (0, import_react39.forwardRef)(
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var Header = (0, import_react40.forwardRef)(
   ({ children, ...otherProps }, ref) => {
     const { onClose, closeLabel } = useDrawer();
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("header", { ref, ...otherProps, className: "mobius-drawer__header", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("header", { ref, ...otherProps, className: "mobius-drawer__header", children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         Button,
         {
           "aria-label": "Close",
@@ -2472,7 +2594,7 @@ var Header = (0, import_react39.forwardRef)(
           className: "mobius-drawer__close",
           size: "sm",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { icon: import_icons8.cross }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { icon: import_icons8.cross }),
             " ",
             closeLabel
           ]
@@ -2491,11 +2613,11 @@ var Drawer2 = Object.assign(Drawer, {
 Drawer2.displayName = "Drawer";
 
 // src/components/DropdownMenu/DropdownMenu.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_react_accessible_dropdown_menu_hook = __toESM(require("react-accessible-dropdown-menu-hook"));
-var import_dedupe21 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var DropdownMenu = (0, import_react40.forwardRef)((props, ref) => {
+var import_dedupe22 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var DropdownMenu = (0, import_react41.forwardRef)((props, ref) => {
   const {
     elementType: Element = "nav",
     trigger,
@@ -2503,21 +2625,21 @@ var DropdownMenu = (0, import_react40.forwardRef)((props, ref) => {
     children,
     ...otherProps
   } = props;
-  const [activeId, setActiveId] = (0, import_react40.useState)(null);
-  const numberOfItems = import_react40.Children.count(children);
+  const [activeId, setActiveId] = (0, import_react41.useState)(null);
+  const numberOfItems = import_react41.Children.count(children);
   const {
     buttonProps,
     itemProps,
     isOpen: open,
     setIsOpen
   } = (0, import_react_accessible_dropdown_menu_hook.default)(numberOfItems);
-  const classes = (0, import_dedupe21.default)(
+  const classes = (0, import_dedupe22.default)(
     "mobius",
     "mobius-dropdown-menu",
     otherProps.className
   );
-  const triggerClasses = (0, import_dedupe21.default)("mobius", "mobius-dropdown-menu__trigger");
-  const listClasses = (0, import_dedupe21.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) => {
@@ -2527,16 +2649,16 @@ var DropdownMenu = (0, import_react40.forwardRef)((props, ref) => {
       onClick();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Element, { ref, ...otherProps, className: classes, children: [
-    trigger ? (0, import_react40.cloneElement)(trigger, {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Element, { ref, ...otherProps, className: classes, children: [
+    trigger ? (0, import_react41.cloneElement)(trigger, {
       className: triggerClasses,
       open,
       label,
       ...buttonProps
-    }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { className: triggerClasses, ...buttonProps, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.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, {
+    }) : /* @__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_react41.Children.map(children, (child, index) => {
+      if ((0, import_react41.isValidElement)(child)) {
+        return (0, import_react41.cloneElement)(child, {
           onClick: () => handleChildClick(child.props, index),
           active: index === activeId,
           ...itemProps[index]
@@ -2549,10 +2671,10 @@ var DropdownMenu = (0, import_react40.forwardRef)((props, ref) => {
 DropdownMenu.displayName = "DropdownMenu";
 
 // src/components/DropdownMenu/Item.tsx
-var import_react41 = require("react");
-var import_dedupe22 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var Item = (0, import_react41.forwardRef)(
+var import_react42 = require("react");
+var import_dedupe23 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Item = (0, import_react42.forwardRef)(
   (props, ref) => {
     const {
       elementType: Element = "li",
@@ -2561,20 +2683,20 @@ var Item = (0, import_react41.forwardRef)(
       children,
       ...otherProps
     } = props;
-    const classes = (0, import_dedupe22.default)(
+    const classes = (0, import_dedupe23.default)(
       "mobius",
       "mobius-dropdown-menu__item",
       { "--is-active": active },
       otherProps.className
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Element, { ref, onClick, ...otherProps, children: import_react41.Children.map(children, (child) => {
-      if ((0, import_react41.isValidElement)(child)) {
-        const childClasses = (0, import_dedupe22.default)(child.props.className, classes);
-        return (0, import_react41.cloneElement)(child, {
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Element, { ref, onClick, ...otherProps, children: import_react42.Children.map(children, (child) => {
+      if ((0, import_react42.isValidElement)(child)) {
+        const childClasses = (0, import_dedupe23.default)(child.props.className, classes);
+        return (0, import_react42.cloneElement)(child, {
           className: childClasses
         });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: classes, children: child });
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: classes, children: child });
     }) });
   }
 );
@@ -2590,16 +2712,16 @@ var DropdownMenu2 = Object.assign(
 DropdownMenu2.displayName = "DropdownMenu";
 
 // src/components/Fieldset/Fieldset.tsx
-var import_dedupe23 = __toESM(require("classnames/dedupe"));
-var import_react42 = require("react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_dedupe24 = __toESM(require("classnames/dedupe"));
+var import_react43 = 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_react42.useId)();
+  const legendId = (0, import_react43.useId)();
   if (legend) {
     legendProps = {
       ...legendProps,
@@ -2615,28 +2737,28 @@ var useFieldset = (props) => {
     containerProps
   };
 };
-var Fieldset = (0, import_react42.forwardRef)((props, _ref) => {
+var Fieldset = (0, import_react43.forwardRef)((props, _ref) => {
   const {
     children,
     legend,
-    legendComponent = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("legend", {}),
+    legendComponent = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("legend", {}),
     ...otherProps
   } = props;
   const { legendProps, containerProps } = useFieldset(props);
-  const classes = (0, import_dedupe23.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_runtime30.jsxs)(Flex, { ...containerProps, ...otherProps, className: classes, children: [
-    legend && (0, import_react42.cloneElement)(legendComponent, { ...legendProps }, [legend]),
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Flex, { ...containerProps, ...otherProps, className: classes, children: [
+    legend && (0, import_react43.cloneElement)(legendComponent, { ...legendProps }, [legend]),
     children
   ] });
 });
 Fieldset.displayName = "Fieldset";
 
 // src/components/Grid/Grid.tsx
-var import_react43 = require("react");
-var import_dedupe24 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var Grid = (0, import_react43.forwardRef)(
+var import_react44 = require("react");
+var import_dedupe25 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Grid = (0, import_react44.forwardRef)(
   (props, _ref) => {
     const {
       columns = 12,
@@ -2651,7 +2773,7 @@ var Grid = (0, import_react43.forwardRef)(
       style,
       ...rest
     } = props;
-    const classes = (0, import_dedupe24.default)("mobius", "mobius-grid", className);
+    const classes = (0, import_dedupe25.default)("mobius", "mobius-grid", className);
     const styles = filterUndefinedProps({
       boxSizing: "border-box",
       display: "grid",
@@ -2665,22 +2787,22 @@ var Grid = (0, import_react43.forwardRef)(
       justifyItems,
       ...style
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime31.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_react44 = require("react");
-var import_dedupe25 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_react45 = 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_react44.forwardRef)((props, _ref) => {
+var GridItem = (0, import_react45.forwardRef)((props, _ref) => {
   const {
     breakpoint: { size: breakpointSize }
   } = useBreakpoint();
@@ -2705,9 +2827,9 @@ var GridItem = (0, import_react44.forwardRef)((props, _ref) => {
     xl,
     xxl
   });
-  const [responsiveSpan, setResponsiveSpan] = (0, import_react44.useState)();
-  const classes = (0, import_dedupe25.default)("mobius-grid__item", className);
-  (0, import_react44.useEffect)(() => {
+  const [responsiveSpan, setResponsiveSpan] = (0, import_react45.useState)();
+  const classes = (0, import_dedupe26.default)("mobius-grid__item", className);
+  (0, import_react45.useEffect)(() => {
     setResponsiveSpan(breakpointMap[breakpointSize]);
   }, [breakpointSize, breakpointMap]);
   const styles = {
@@ -2715,7 +2837,7 @@ var GridItem = (0, import_react44.forwardRef)((props, _ref) => {
     alignSelf,
     justifySelf
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { style: { ...styles }, className: classes, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { style: { ...styles }, className: classes, ...rest });
 });
 GridItem.displayName = "GridItem";
 
@@ -2726,22 +2848,22 @@ var Grid2 = Object.assign(Grid, {
 Grid2.displayName = "Grid";
 
 // src/components/Image/Image.tsx
-var import_react45 = require("react");
-var import_dedupe26 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var Image = (0, import_react45.forwardRef)(
+var import_react46 = require("react");
+var import_dedupe27 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var Image = (0, import_react46.forwardRef)(
   ({ alt, elementType: Component = "img", ...otherProps }, ref) => {
-    const classes = (0, import_dedupe26.default)("mobius", "mobius-image", otherProps.className);
-    return /* @__PURE__ */ (0, import_jsx_runtime33.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_react46 = require("react");
-var import_dedupe27 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var Link = (0, import_react46.forwardRef)(
+var import_react47 = require("react");
+var import_dedupe28 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var Link = (0, import_react47.forwardRef)(
   (props, ref) => {
     const {
       isDisabled = false,
@@ -2754,10 +2876,10 @@ var Link = (0, import_react46.forwardRef)(
       pointerEvents: "none"
     };
     const styles = { ...style, ...isDisabled && disabledStyles };
-    const classes = (0, import_dedupe27.default)("mobius", "mobius-link", className, {
+    const classes = (0, import_dedupe28.default)("mobius", "mobius-link", className, {
       "--is-disabled": isDisabled
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       Component,
       {
         ref,
@@ -2773,8 +2895,8 @@ var Link = (0, import_react46.forwardRef)(
 Link.displayName = "Link";
 
 // src/components/LinkButton/LinkButton.tsx
-var import_dedupe28 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime35 = (
+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")
 );
@@ -2788,15 +2910,15 @@ function LinkButton({
   if (!href) {
     throw new Error("LinkButton requires a href prop");
   }
-  const classes = (0, import_dedupe28.default)("mobius", "mobius-link-button", className);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.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_react47 = require("react");
-var import_dedupe29 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var List = (0, import_react47.forwardRef)(
+var import_react48 = require("react");
+var import_dedupe30 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var List = (0, import_react48.forwardRef)(
   (props, ref) => {
     const Component = props.isOrdered ? "ol" : "ul";
     const { children, icon, ...otherProps } = props;
@@ -2805,7 +2927,7 @@ var List = (0, import_react47.forwardRef)(
       ...restProps,
       reversed: isReversed
     };
-    const classes = (0, import_dedupe29.default)(
+    const classes = (0, import_dedupe30.default)(
       "mobius",
       "mobius-list",
       {
@@ -2814,9 +2936,9 @@ var List = (0, import_react47.forwardRef)(
       },
       otherProps.className
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime36.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, {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.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, {
           parentIcon: icon
         });
       }
@@ -2827,13 +2949,13 @@ var List = (0, import_react47.forwardRef)(
 List.displayName = "List";
 
 // src/components/List/ListItem.tsx
-var import_react48 = require("react");
-var import_dedupe30 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var ListItem = (0, import_react48.forwardRef)((props, ref) => {
+var import_react49 = require("react");
+var import_dedupe31 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var ListItem = (0, import_react49.forwardRef)((props, ref) => {
   const { parentIcon, icon, children, ...otherProps } = props;
   const iconContent = icon || parentIcon;
-  const classes = (0, import_dedupe30.default)(
+  const classes = (0, import_dedupe31.default)(
     "mobius",
     "mobius-list__item",
     {
@@ -2841,42 +2963,42 @@ var ListItem = (0, import_react48.forwardRef)((props, ref) => {
     },
     props.className
   );
-  const contentClasses = (0, import_dedupe30.default)("mobius", "mobius-list__item-content");
-  const iconClasses = (0, import_dedupe30.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_runtime37.jsx)("li", { ref, ...otherProps, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: contentClasses, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.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_runtime37.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_react49 = require("react");
-var import_dedupe31 = __toESM(require("classnames/dedupe"));
+var import_react50 = require("react");
+var import_dedupe32 = __toESM(require("classnames/dedupe"));
 var import_icons9 = require("@simplybusiness/icons");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var LoadingIndicator = (0, import_react49.forwardRef)((props, ref) => {
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var LoadingIndicator = (0, import_react50.forwardRef)((props, ref) => {
   const { icon = import_icons9.loading, ...otherProps } = props;
-  const classes = (0, import_dedupe31.default)(
+  const classes = (0, import_dedupe32.default)(
     "mobius",
     "mobius-loading-indicator",
     otherProps.className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime38.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_react50 = require("react");
-var import_dedupe32 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var Logo = (0, import_react50.forwardRef)((props, ref) => {
+var import_react51 = require("react");
+var import_dedupe33 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var Logo = (0, import_react51.forwardRef)((props, ref) => {
   const { className, width, height, ...otherProps } = props;
-  const classes = (0, import_dedupe32.default)("mobius", "mobius-logo", className);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  const classes = (0, import_dedupe33.default)("mobius", "mobius-logo", className);
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "svg",
     {
       width,
@@ -2886,7 +3008,7 @@ var Logo = (0, import_react50.forwardRef)((props, ref) => {
       viewBox: "0 0 144 37",
       ...otherProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           "linearGradient",
           {
             id: "logo-gradient",
@@ -2895,27 +3017,27 @@ var Logo = (0, import_react50.forwardRef)((props, ref) => {
             y1: "76.042%",
             y2: "26.973%",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("stop", { stopColor: "#4632D8", offset: "0%" }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.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_runtime39.jsxs)("g", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.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_runtime39.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_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "path",
             {
               fill: "#0E0A2B",
@@ -2930,23 +3052,23 @@ var Logo = (0, import_react50.forwardRef)((props, ref) => {
 Logo.displayName = "Logo";
 
 // src/components/Modal/Content.tsx
-var import_react51 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var Content2 = (0, import_react51.forwardRef)(
-  ({ children, ...otherProps }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref, ...otherProps, className: "mobius-modal__content", children })
+var import_react52 = require("react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var Content2 = (0, import_react52.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_react54 = require("react");
+var import_react55 = require("react");
 var import_icons10 = require("@simplybusiness/icons");
 
 // src/components/Modal/useModal.ts
-var import_react53 = require("react");
+var import_react54 = require("react");
 
 // src/components/Modal/ModalContext.tsx
-var import_react52 = require("react");
-var ModalContext = (0, import_react52.createContext)({
+var import_react53 = require("react");
+var ModalContext = (0, import_react53.createContext)({
   onClose: () => {
   },
   closeLabel: void 0
@@ -2954,18 +3076,18 @@ var ModalContext = (0, import_react52.createContext)({
 
 // src/components/Modal/useModal.ts
 var useModal = () => {
-  const { onClose, closeLabel } = (0, import_react53.useContext)(ModalContext);
+  const { onClose, closeLabel } = (0, import_react54.useContext)(ModalContext);
   return { onClose, closeLabel };
 };
 
 // src/components/Modal/Header.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var Header2 = (0, import_react54.forwardRef)(
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var Header2 = (0, import_react55.forwardRef)(
   ({ children, ...otherProps }, ref) => {
     const { onClose, closeLabel } = useModal();
-    return /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
         Button,
         {
           "aria-label": "Close",
@@ -2973,7 +3095,7 @@ var Header2 = (0, import_react54.forwardRef)(
           onPress: onClose,
           className: "mobius-modal__close",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { icon: import_icons10.cross }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: import_icons10.cross }),
             " ",
             closeLabel
           ]
@@ -2985,11 +3107,11 @@ var Header2 = (0, import_react54.forwardRef)(
 Header2.displayName = "Header";
 
 // src/components/Modal/Modal.tsx
-var import_dedupe33 = __toESM(require("classnames/dedupe"));
-var import_react55 = require("react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_dedupe34 = __toESM(require("classnames/dedupe"));
+var import_react56 = require("react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var TRANSITION_CSS_VARIABLE2 = "--modal-transition-duration";
-var Modal = (0, import_react55.forwardRef)((props, ref) => {
+var Modal = (0, import_react56.forwardRef)((props, ref) => {
   const {
     isOpen,
     onClose,
@@ -3007,7 +3129,7 @@ var Modal = (0, import_react55.forwardRef)((props, ref) => {
     parentSelector,
     ...rest
   } = props;
-  const [shouldTransition, setShouldTransition] = (0, import_react55.useState)(false);
+  const [shouldTransition, setShouldTransition] = (0, import_react56.useState)(false);
   useDeprecationWarning({
     size,
     appElement,
@@ -3015,10 +3137,10 @@ var Modal = (0, import_react55.forwardRef)((props, ref) => {
     shouldFocusAfterRender,
     parentSelector
   });
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     setShouldTransition(supportsDialog());
   }, []);
-  const dialogRef = (0, import_react55.useRef)(null);
+  const dialogRef = (0, import_react56.useRef)(null);
   const { close } = useDialog({
     ref: dialogRef,
     isOpen,
@@ -3029,7 +3151,7 @@ var Modal = (0, import_react55.forwardRef)((props, ref) => {
       CSSVariable: TRANSITION_CSS_VARIABLE2
     }
   });
-  const modalClasses = (0, import_dedupe33.default)(
+  const modalClasses = (0, import_dedupe34.default)(
     "mobius",
     "mobius-modal",
     {
@@ -3042,21 +3164,21 @@ var Modal = (0, import_react55.forwardRef)((props, ref) => {
     },
     className
   );
-  const contextValue = (0, import_react55.useMemo)(
+  const contextValue = (0, import_react56.useMemo)(
     () => ({
       onClose: close,
       closeLabel
     }),
     [close, closeLabel]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "dialog",
     {
       ref: mergeRefs([dialogRef, ref]),
       onCancel: close,
       className: modalClasses,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ModalContext.Provider, { value: contextValue, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ModalContext.Provider, { value: contextValue, children })
     }
   );
 });
@@ -3070,12 +3192,12 @@ var Modal2 = Object.assign(Modal, {
 Modal2.displayName = "Modal";
 
 // src/components/NumberField/NumberField.tsx
-var import_dedupe34 = __toESM(require("classnames/dedupe"));
-var import_react56 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var NumberField = (0, import_react56.forwardRef)((props, ref) => {
+var import_dedupe35 = __toESM(require("classnames/dedupe"));
+var import_react57 = require("react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var NumberField = (0, import_react57.forwardRef)((props, ref) => {
   const { minValue, maxValue, step, defaultValue, className, ...otherProps } = props;
-  const containerClasses = (0, import_dedupe34.default)("mobius-number-field", className);
+  const containerClasses = (0, import_dedupe35.default)("mobius-number-field", className);
   const handleBeforeInput = (event) => {
     const { data } = event.nativeEvent;
     if (step != null && Number.isInteger(step) && data === ".") {
@@ -3085,7 +3207,7 @@ var NumberField = (0, import_react56.forwardRef)((props, ref) => {
       event.preventDefault();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     TextField,
     {
       ...otherProps,
@@ -3103,28 +3225,28 @@ var NumberField = (0, import_react56.forwardRef)((props, ref) => {
 NumberField.displayName = "NumberField";
 
 // src/components/Option/Option.tsx
-var import_react57 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var Option2 = (0, import_react57.forwardRef)((props, ref) => {
+var import_react58 = require("react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var Option2 = (0, import_react58.forwardRef)((props, ref) => {
   const { isDisabled, ...rest } = props;
   const mappedProps = {
     ...rest,
     disabled: isDisabled
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("option", { ...mappedProps, ref });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("option", { ...mappedProps, ref });
 });
 Option2.displayName = "Option";
 
 // src/components/PasswordField/PasswordField.tsx
-var import_dedupe35 = __toESM(require("classnames/dedupe"));
-var import_react58 = require("react");
+var import_dedupe36 = __toESM(require("classnames/dedupe"));
+var import_react59 = require("react");
 
 // src/components/PasswordField/ShowHideButton.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var ShowHideButton = ({
   show = false,
   onClick
-}) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   "button",
   {
     className: "mobius-password-field__show-button",
@@ -3140,25 +3262,25 @@ var ShowHideButton = ({
 );
 
 // src/components/PasswordField/PasswordField.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var PasswordField = (0, import_react58.forwardRef)(
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var PasswordField = (0, import_react59.forwardRef)(
   ({ className, ...props }, ref) => {
-    const [show, setShow] = (0, import_react58.useState)(false);
+    const [show, setShow] = (0, import_react59.useState)(false);
     const type = show ? "text" : "password";
-    const classes = (0, import_dedupe35.default)("mobius-password-field", className);
-    const localRef = (0, import_react58.useRef)(null);
+    const classes = (0, import_dedupe36.default)("mobius-password-field", className);
+    const localRef = (0, import_react59.useRef)(null);
     const handleShowHideButtonClick = () => {
       setShow((oldShow) => !oldShow);
       localRef.current?.focus();
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       TextField,
       {
         ref: mergeRefs([localRef, ref]),
         className: classes,
         ...props,
         type,
-        suffixInside: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ShowHideButton, { onClick: handleShowHideButtonClick, show })
+        suffixInside: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ShowHideButton, { onClick: handleShowHideButtonClick, show })
       }
     );
   }
@@ -3166,30 +3288,30 @@ var PasswordField = (0, import_react58.forwardRef)(
 PasswordField.displayName = "PasswordField";
 
 // src/components/Popover/Popover.tsx
-var import_react59 = require("@floating-ui/react");
+var import_react60 = require("@floating-ui/react");
 var import_icons11 = require("@simplybusiness/icons");
 var import_classnames3 = __toESM(require("classnames"));
-var import_react60 = require("react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_react61 = 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_react60.useRef)(null);
-  const [isOpen, setIsOpen] = (0, import_react60.useState)(false);
-  const { refs, floatingStyles, context } = (0, import_react59.useFloating)({
+  const arrowRef = (0, import_react61.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react61.useState)(false);
+  const { refs, floatingStyles, context } = (0, import_react60.useFloating)({
     open: isOpen,
     onOpenChange: setIsOpen,
-    whileElementsMounted: import_react59.autoUpdate,
+    whileElementsMounted: import_react60.autoUpdate,
     middleware: [
-      (0, import_react59.arrow)({
+      (0, import_react60.arrow)({
         element: arrowRef
       }),
-      (0, import_react59.offset)(OFFSET_FROM_CONTENT_DEFAULT),
-      (0, import_react59.shift)(),
-      (0, import_react59.flip)()
+      (0, import_react60.offset)(OFFSET_FROM_CONTENT_DEFAULT),
+      (0, import_react60.shift)(),
+      (0, import_react60.flip)()
     ]
   });
-  const dismiss = (0, import_react59.useDismiss)(context, {
+  const dismiss = (0, import_react60.useDismiss)(context, {
     bubbles: true,
     outsidePress: (event) => {
       const toggle = refs.reference.current;
@@ -3200,7 +3322,7 @@ var Popover = (props) => {
       return true;
     }
   });
-  const { getReferenceProps, getFloatingProps } = (0, import_react59.useInteractions)([dismiss]);
+  const { getReferenceProps, getFloatingProps } = (0, import_react60.useInteractions)([dismiss]);
   const containerClasses = (0, import_classnames3.default)(
     "mobius",
     "mobius-popover__container",
@@ -3215,7 +3337,7 @@ var Popover = (props) => {
     setIsOpen(true);
     onOpen?.();
   };
-  const triggerComponent = (0, import_react60.cloneElement)(trigger, {
+  const triggerComponent = (0, import_react61.cloneElement)(trigger, {
     ref: refs.setReference,
     className: (0, import_classnames3.default)(trigger.props.className, "mobius-popover__toggle"),
     onClick: toggleVisibility,
@@ -3228,9 +3350,9 @@ var Popover = (props) => {
       e.stopPropagation();
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
     triggerComponent,
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "div",
       {
         className: containerClasses,
@@ -3238,8 +3360,8 @@ var Popover = (props) => {
         style: floatingStyles,
         ...getFloatingProps(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "mobius-popover", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("header", { className: "mobius-popover__header", children: /* @__PURE__ */ (0, import_jsx_runtime47.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",
@@ -3247,7 +3369,7 @@ var Popover = (props) => {
                 onClick: toggleVisibility,
                 "aria-label": "Close",
                 variant: "ghost",
-                children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                   Icon,
                   {
                     icon: import_icons11.cross,
@@ -3257,10 +3379,10 @@ var Popover = (props) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "mobius-popover__body", children })
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "mobius-popover__body", children })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-            import_react59.FloatingArrow,
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            import_react60.FloatingArrow,
             {
               ref: arrowRef,
               context,
@@ -3275,9 +3397,9 @@ var Popover = (props) => {
 };
 
 // src/components/Progress/Progress.tsx
-var import_dedupe36 = __toESM(require("classnames/dedupe"));
-var import_react61 = require("react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_dedupe37 = __toESM(require("classnames/dedupe"));
+var import_react62 = 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");
@@ -3295,7 +3417,7 @@ var sanitizedValue = (value, defaultValue) => {
 };
 var getLabelComponent = (label, progressLabelId, showLabel) => {
   if (showLabel) {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       Label,
       {
         id: progressLabelId,
@@ -3305,7 +3427,7 @@ var getLabelComponent = (label, progressLabelId, showLabel) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     Label,
     {
       id: progressLabelId,
@@ -3318,9 +3440,9 @@ var getLabelComponent = (label, progressLabelId, showLabel) => {
 var DEFAULT_VALUE = 0;
 var DEFAULT_MIN_VALUE = 0;
 var DEFAULT_MAX_VALUE = 100;
-var Progress = (0, import_react61.forwardRef)((props, ref) => {
-  const progressId = (0, import_react61.useId)();
-  const progressLabelId = (0, import_react61.useId)();
+var Progress = (0, import_react62.forwardRef)((props, ref) => {
+  const progressId = (0, import_react62.useId)();
+  const progressLabelId = (0, import_react62.useId)();
   const {
     id,
     label,
@@ -3345,7 +3467,7 @@ var Progress = (0, import_react61.forwardRef)((props, ref) => {
     100
   );
   const barWidth = `${percentage}%`;
-  const classes = (0, import_dedupe36.default)("mobius", "mobius-progress", className, {
+  const classes = (0, import_dedupe37.default)("mobius", "mobius-progress", className, {
     "--is-primary": variant === "primary",
     "--is-secondary": variant === "secondary"
   });
@@ -3355,7 +3477,7 @@ var Progress = (0, import_react61.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_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "div",
     {
       id: id || progressId,
@@ -3366,8 +3488,8 @@ var Progress = (0, import_react61.forwardRef)((props, ref) => {
       "aria-labelledby": progressLabelId,
       children: [
         labelComponent,
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "mobius-progress__track", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "mobius-progress__bar", style: { width: barWidth } }) }),
-        showValueLabel && /* @__PURE__ */ (0, import_jsx_runtime48.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"] })
       ]
     }
   );
@@ -3375,10 +3497,10 @@ var Progress = (0, import_react61.forwardRef)((props, ref) => {
 Progress.displayName = "Progress";
 
 // src/components/Radio/Radio.tsx
-var import_dedupe37 = __toESM(require("classnames/dedupe"));
-var import_react62 = require("react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
-var Radio = (0, import_react62.forwardRef)(
+var import_dedupe38 = __toESM(require("classnames/dedupe"));
+var import_react63 = require("react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var Radio = (0, import_react63.forwardRef)(
   (props, ref) => {
     const {
       children,
@@ -3405,12 +3527,12 @@ var Radio = (0, import_react62.forwardRef)(
       "--is-multiline": !!isMultiline,
       "--is-required": isRequired
     };
-    const containerClasses = (0, import_dedupe37.default)(
+    const containerClasses = (0, import_dedupe38.default)(
       "mobius-radio__label",
       radioClasses,
       className
     );
-    const inputClasses = (0, import_dedupe37.default)("mobius-radio__input", radioClasses);
+    const inputClasses = (0, import_dedupe38.default)("mobius-radio__input", radioClasses);
     const handleClick = (event) => {
       if (onChange) {
         onChange(event);
@@ -3425,9 +3547,9 @@ var Radio = (0, import_react62.forwardRef)(
       "aria-describedby": _ariaDescribedBy,
       ...rest
     } = otherProps;
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Label, { className: containerClasses, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.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"],
@@ -3444,21 +3566,21 @@ var Radio = (0, import_react62.forwardRef)(
             ...rest
           }
         ),
-        isMultiline ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "mobius-radio__content--multiline", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mobius-radio__content-first-line", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mobius-radio__extra-content", children })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime49.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_runtime49.jsx)(ErrorMessage, { errorMessage })
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ErrorMessage, { errorMessage })
     ] });
   }
 );
 Radio.displayName = "Radio";
 
 // src/components/Radio/RadioGroup.tsx
-var import_react63 = require("react");
-var import_dedupe38 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_react64 = require("react");
+var import_dedupe39 = __toESM(require("classnames/dedupe"));
+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);
@@ -3467,7 +3589,7 @@ var getDefaultVal = (children, defaultValue) => {
   }
   return "";
 };
-var RadioGroup = (0, import_react63.forwardRef)((props, ref) => {
+var RadioGroup = (0, import_react64.forwardRef)((props, ref) => {
   const {
     label,
     isDisabled = false,
@@ -3485,7 +3607,7 @@ var RadioGroup = (0, import_react63.forwardRef)((props, ref) => {
     ...rest
   } = props;
   const defaultSelected = getDefaultVal(children, defaultValue);
-  const [selected, setSelected] = (0, import_react63.useState)(defaultSelected);
+  const [selected, setSelected] = (0, import_react64.useState)(defaultSelected);
   const validationClasses = useValidationClasses({
     validationState,
     isInvalid
@@ -3497,26 +3619,26 @@ var RadioGroup = (0, import_react63.forwardRef)((props, ref) => {
     [`--is-${orientation}`]: true,
     [className || ""]: true
   };
-  const radioGroupClasses = (0, import_dedupe38.default)(
+  const radioGroupClasses = (0, import_dedupe39.default)(
     "mobius",
     "mobius-radio-group",
     radioClasses,
     validationClasses
   );
-  const radioWrapperClasses = (0, import_dedupe38.default)("mobius-radio__wrapper", {
+  const radioWrapperClasses = (0, import_dedupe39.default)("mobius-radio__wrapper", {
     [`--is-${orientation}`]: true
   });
-  const labelClasses = (0, import_dedupe38.default)(radioClasses, validationClasses);
-  const errorMessageId = (0, import_react63.useId)();
-  const defaultNameAttrId = (0, import_react63.useId)();
+  const labelClasses = (0, import_dedupe39.default)(radioClasses, validationClasses);
+  const errorMessageId = (0, import_react64.useId)();
+  const defaultNameAttrId = (0, import_react64.useId)();
   const nameAttribute = name || defaultNameAttrId;
   const shouldErrorMessageShow = errorMessage ? errorMessageId : void 0;
   const describedBy = spaceDelimitedList([
     shouldErrorMessageShow,
     props["aria-describedby"]
   ]);
-  const labelId = (0, import_react63.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  const labelId = (0, import_react64.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     {
       ...rest,
@@ -3532,11 +3654,11 @@ var RadioGroup = (0, import_react63.forwardRef)((props, ref) => {
       ref,
       className: radioGroupClasses,
       role: "radiogroup",
-      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Stack, { gap: "xs", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Label, { htmlFor: name, id: labelId, className: labelClasses, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: radioWrapperClasses, children: import_react63.Children.map(children, (child) => {
-          if ((0, import_react63.isValidElement)(child)) {
-            return (0, import_react63.cloneElement)(child, {
+      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_react64.Children.map(children, (child) => {
+          if ((0, import_react64.isValidElement)(child)) {
+            return (0, import_react64.cloneElement)(child, {
               orientation,
               groupDisabled: isDisabled,
               name: nameAttribute,
@@ -3549,7 +3671,7 @@ var RadioGroup = (0, import_react63.forwardRef)((props, ref) => {
           }
           return child;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ErrorMessage, { id: errorMessageId, errorMessage })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ErrorMessage, { id: errorMessageId, errorMessage })
       ] })
     }
   );
@@ -3557,47 +3679,47 @@ var RadioGroup = (0, import_react63.forwardRef)((props, ref) => {
 RadioGroup.displayName = "RadioGroup";
 
 // src/components/Segment/SegmentGroup.tsx
-var import_dedupe39 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime51 = 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_dedupe39.default)(
+  const classes = (0, import_dedupe40.default)(
     "mobius",
     "mobius-segment-group",
     className,
     { "--is-horizontal": horizontal },
     gapClass
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime51.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_dedupe40 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime52 = 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_dedupe40.default)(
+  const classes = (0, import_dedupe41.default)(
     "mobius",
     "mobius-segment",
     colour,
     { inverted },
     className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: classes, ...rest, children: [
-    heading && /* @__PURE__ */ (0, import_jsx_runtime52.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
   ] });
 };
 Segment.displayName = "Segment";
 
 // src/components/Select/Select.tsx
-var import_dedupe41 = __toESM(require("classnames/dedupe"));
-var import_react64 = require("react");
+var import_dedupe42 = __toESM(require("classnames/dedupe"));
+var import_react65 = require("react");
 var import_icons12 = require("@simplybusiness/icons");
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var Select = (0, import_react64.forwardRef)((props, ref) => {
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var Select = (0, import_react65.forwardRef)((props, ref) => {
   const {
     label,
     onChange,
@@ -3621,24 +3743,24 @@ var Select = (0, import_react64.forwardRef)((props, ref) => {
     "--is-required": typeof isRequired === "boolean" && isRequired,
     "--is-optional": typeof isRequired === "boolean" && !isRequired
   };
-  const sharedClasses = (0, import_dedupe41.default)(validationClasses, stateClasses);
-  const wrapperClasses = (0, import_dedupe41.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_dedupe41.default)(
+  const selectClasses = (0, import_dedupe42.default)(
     "mobius-select",
     sharedClasses,
     otherProps.className
   );
-  const labelClasses = (0, import_dedupe41.default)(
+  const labelClasses = (0, import_dedupe42.default)(
     "mobius-label",
     sharedClasses,
     otherProps.className
   );
-  const iconClasses = (0, import_dedupe41.default)("mobius-select__icon", sharedClasses);
-  const errorMessageId = (0, import_react64.useId)();
+  const iconClasses = (0, import_dedupe42.default)("mobius-select__icon", sharedClasses);
+  const errorMessageId = (0, import_react65.useId)();
   const shouldErrorMessageShow = errorMessage ? errorMessageId : void 0;
   const describedBy = spaceDelimitedList([
     shouldErrorMessageShow,
@@ -3649,10 +3771,10 @@ var Select = (0, import_react64.forwardRef)((props, ref) => {
       onChange(e);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Stack, { className: "mobius mobius-select__outer", gap: "xs", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Label, { ...labelProps, className: labelClasses, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: wrapperClasses, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.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,
@@ -3667,19 +3789,19 @@ var Select = (0, import_react64.forwardRef)((props, ref) => {
           onChange: handleChange
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: iconClasses, children: /* @__PURE__ */ (0, import_jsx_runtime53.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_runtime53.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_dedupe42 = __toESM(require("classnames/dedupe"));
-var import_react66 = require("react");
+var import_dedupe43 = __toESM(require("classnames/dedupe"));
+var import_react67 = require("react");
 
 // src/components/Slider/helpers.ts
-var import_react65 = require("react");
+var import_react66 = require("react");
 function numberFormatter(value, formatOptions, locale = navigator.languages?.[0] || "en-GB") {
   if (!formatOptions) {
     return value?.toString() || "";
@@ -3688,7 +3810,7 @@ function numberFormatter(value, formatOptions, locale = navigator.languages?.[0]
 }
 
 // src/components/Slider/Slider.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var Slider = (props) => {
   const {
     id,
@@ -3709,11 +3831,11 @@ var Slider = (props) => {
     formatOptions,
     isDisabled = false
   } = props;
-  const trackRef = (0, import_react66.useRef)(null);
-  const [currentValue, setCurrentValue] = (0, import_react66.useState)(
+  const trackRef = (0, import_react67.useRef)(null);
+  const [currentValue, setCurrentValue] = (0, import_react67.useState)(
     value || defaultValue || 0
   );
-  const [isDragging, setIsDraggging] = (0, import_react66.useState)(false);
+  const [isDragging, setIsDraggging] = (0, import_react67.useState)(false);
   const { labelProps, fieldProps } = useLabel({
     id,
     label,
@@ -3721,7 +3843,7 @@ var Slider = (props) => {
     "aria-labelledby": ariaLabelledBy
   });
   const formattedValue = numberFormatter(currentValue, formatOptions);
-  const classes = (0, import_dedupe42.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",
@@ -3743,12 +3865,12 @@ var Slider = (props) => {
       onChangeEnd(currentValue);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: classes, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "mobius-slider__label-wrapper", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Label, { ...labelProps, children: label }),
-      label && /* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.jsx)("div", { ref: trackRef, className: "mobius-slider__track-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime54.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",
@@ -3767,24 +3889,24 @@ var Slider = (props) => {
         ...fieldProps
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "mobius-slider__labels", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "mobius-slider__min-label", "data-testid": "min-label", children: minLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime54.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_react67 = require("react");
-var import_dedupe43 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime55 = require("react/jsx-runtime");
-var SVG = (0, import_react67.forwardRef)(
+var import_react68 = require("react");
+var import_dedupe44 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var SVG = (0, import_react68.forwardRef)(
   (props, ref) => {
     const { children, className, ...otherProps } = props;
-    const classes = (0, import_dedupe43.default)("mobius", "mobius-svg", className);
-    const svgNode = import_react67.Children.only(children);
+    const classes = (0, import_dedupe44.default)("mobius", "mobius-svg", className);
+    const svgNode = import_react68.Children.only(children);
     const { children: svgChildren, viewBox, xmlns } = svgNode.props;
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "svg",
       {
         viewBox,
@@ -3800,10 +3922,10 @@ var SVG = (0, import_react67.forwardRef)(
 SVG.displayName = "SVG";
 
 // src/components/Switch/Switch.tsx
-var import_react68 = require("react");
-var import_dedupe44 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime56 = require("react/jsx-runtime");
-var Switch = (0, import_react68.forwardRef)((props, ref) => {
+var import_react69 = require("react");
+var import_dedupe45 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var Switch = (0, import_react69.forwardRef)((props, ref) => {
   const {
     checked = false,
     className,
@@ -3811,11 +3933,11 @@ var Switch = (0, import_react68.forwardRef)((props, ref) => {
     isDisabled = false,
     ...otherProps
   } = props;
-  const [enabled, setEnabled] = (0, import_react68.useState)(checked);
-  (0, import_react68.useEffect)(() => {
+  const [enabled, setEnabled] = (0, import_react69.useState)(checked);
+  (0, import_react69.useEffect)(() => {
     setEnabled(checked);
   }, [checked]);
-  const classes = (0, import_dedupe44.default)(
+  const classes = (0, import_dedupe45.default)(
     "mobius",
     "mobius-switch",
     {
@@ -3830,9 +3952,9 @@ var Switch = (0, import_react68.forwardRef)((props, ref) => {
       onChange(event);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("label", { ref, className: classes, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: enabled ? "On" : "Off" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.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",
@@ -3843,91 +3965,91 @@ var Switch = (0, import_react68.forwardRef)((props, ref) => {
         ...otherProps
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime56.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_react69 = require("react");
-var import_dedupe45 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var Table = (0, import_react69.forwardRef)(
+var import_react70 = require("react");
+var import_dedupe46 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var Table = (0, import_react70.forwardRef)(
   (props, ref) => {
-    const classes = (0, import_dedupe45.default)("mobius", "mobius-table", props.className);
-    return /* @__PURE__ */ (0, import_jsx_runtime57.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_react70 = require("react");
-var import_dedupe46 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var Head = (0, import_react70.forwardRef)((props, ref) => {
-  const classes = (0, import_dedupe46.default)("mobius", "mobius-table__head", props.className);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("thead", { ref, ...props, className: classes });
-});
-Head.displayName = "Table.Head";
-
-// src/components/Table/Body.tsx
 var import_react71 = require("react");
 var import_dedupe47 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime59 = require("react/jsx-runtime");
-var Body = (0, import_react71.forwardRef)((props, ref) => {
-  const classes = (0, import_dedupe47.default)("mobius", "mobius-table__body", props.className);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("tbody", { ref, ...props, className: classes });
+var Head = (0, import_react71.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 });
 });
-Body.displayName = "Table.Body";
+Head.displayName = "Table.Head";
 
-// src/components/Table/Foot.tsx
+// src/components/Table/Body.tsx
 var import_react72 = require("react");
 var import_dedupe48 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime60 = require("react/jsx-runtime");
-var Foot = (0, import_react72.forwardRef)((props, ref) => {
-  const classes = (0, import_dedupe48.default)("mobius", "mobius-table__foot", props.className);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("tfoot", { ref, ...props, className: classes });
+var Body = (0, import_react72.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 });
 });
-Foot.displayName = "Table.Foot";
+Body.displayName = "Table.Body";
 
-// src/components/Table/Row.tsx
+// src/components/Table/Foot.tsx
 var import_react73 = require("react");
 var import_dedupe49 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime61 = require("react/jsx-runtime");
-var Row = (0, import_react73.forwardRef)(
+var Foot = (0, import_react73.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_react74 = require("react");
+var import_dedupe50 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var Row = (0, import_react74.forwardRef)(
   (props, ref) => {
-    const classes = (0, import_dedupe49.default)("mobius", "mobius-table__row", props.className);
-    return /* @__PURE__ */ (0, import_jsx_runtime61.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_react74 = require("react");
-var import_dedupe50 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime62 = require("react/jsx-runtime");
-var HeaderCell = (0, import_react74.forwardRef)((props, ref) => {
-  const classes = (0, import_dedupe50.default)(
+var import_react75 = require("react");
+var import_dedupe51 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime63 = require("react/jsx-runtime");
+var HeaderCell = (0, import_react75.forwardRef)((props, ref) => {
+  const classes = (0, import_dedupe51.default)(
     "mobius",
     "mobius-table__head-cell",
     props.className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime62.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_react75 = require("react");
-var import_dedupe51 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var Cell = (0, import_react75.forwardRef)(
+var import_react76 = require("react");
+var import_dedupe52 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime64 = require("react/jsx-runtime");
+var Cell = (0, import_react76.forwardRef)(
   (props, ref) => {
-    const classes = (0, import_dedupe51.default)(
+    const classes = (0, import_dedupe52.default)(
       "mobius",
       "mobius-table__body-cell",
       props.className
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("td", { ref, ...props, className: classes });
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("td", { ref, ...props, className: classes });
   }
 );
 Cell.displayName = "Table.Cell";
@@ -3944,16 +4066,16 @@ var Table2 = Object.assign(Table, {
 Table2.displayName = "Table";
 
 // src/components/TextArea/TextArea.tsx
-var import_dedupe53 = __toESM(require("classnames/dedupe"));
-var import_react77 = require("react");
+var import_dedupe54 = __toESM(require("classnames/dedupe"));
+var import_react78 = require("react");
 
 // src/components/TextAreaInput/TextAreaInput.tsx
-var import_dedupe52 = __toESM(require("classnames/dedupe"));
-var import_react76 = require("react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
-var TextAreaInput = (0, import_react76.forwardRef)((props, ref) => {
+var import_dedupe53 = __toESM(require("classnames/dedupe"));
+var import_react77 = require("react");
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var TextAreaInput = (0, import_react77.forwardRef)((props, ref) => {
   const { isSelected, isDisabled, isReadOnly, isRequired, ...otherProps } = props;
-  const classes = (0, import_dedupe52.default)(
+  const classes = (0, import_dedupe53.default)(
     "mobius",
     "mobius-text-area__input",
     {
@@ -3963,7 +4085,7 @@ var TextAreaInput = (0, import_react76.forwardRef)((props, ref) => {
     },
     otherProps.className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "textarea",
     {
       ref,
@@ -3977,8 +4099,8 @@ var TextAreaInput = (0, import_react76.forwardRef)((props, ref) => {
 TextAreaInput.displayName = "TextAreaInput";
 
 // src/components/TextArea/TextArea.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
-var TextArea = (0, import_react77.forwardRef)((props, ref) => {
+var import_jsx_runtime66 = require("react/jsx-runtime");
+var TextArea = (0, import_react78.forwardRef)((props, ref) => {
   const {
     isDisabled,
     className,
@@ -3989,24 +4111,24 @@ var TextArea = (0, import_react77.forwardRef)((props, ref) => {
     ...otherProps
   } = props;
   const { inputProps, labelProps, errorMessageProps } = useTextField(props);
-  const classes = (0, import_dedupe53.default)("mobius", "mobius-text-area", className);
+  const classes = (0, import_dedupe54.default)("mobius", "mobius-text-area", className);
   const validationClasses = useValidationClasses({
     validationState,
     isInvalid
   });
-  const inputClasses = (0, import_dedupe53.default)(
+  const inputClasses = (0, import_dedupe54.default)(
     "mobius-text-area__input",
     validationClasses
   );
-  const labelClasses = (0, import_dedupe53.default)(
+  const labelClasses = (0, import_dedupe54.default)(
     {
       "--is-disabled": isDisabled
     },
     validationClasses
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Stack, { className: classes, gap: "xs", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Label, { ...labelProps, className: labelClasses, children: props.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Stack, { className: classes, gap: "xs", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Label, { ...labelProps, className: labelClasses, children: props.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       TextAreaInput,
       {
         ...otherProps,
@@ -4017,16 +4139,16 @@ var TextArea = (0, import_react77.forwardRef)((props, ref) => {
         "aria-invalid": errorMessage != null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ErrorMessage, { ...errorMessageProps, errorMessage })
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ErrorMessage, { ...errorMessageProps, errorMessage })
   ] });
 });
 TextArea.displayName = "TextArea";
 
 // src/components/Title/Title.tsx
-var import_react78 = require("react");
-var import_dedupe54 = __toESM(require("classnames/dedupe"));
-var import_jsx_runtime66 = require("react/jsx-runtime");
-var Title = (0, import_react78.forwardRef)(
+var import_react79 = require("react");
+var import_dedupe55 = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime67 = require("react/jsx-runtime");
+var Title = (0, import_react79.forwardRef)(
   (props, ref) => {
     const {
       elementType: Element = "div",
@@ -4034,21 +4156,21 @@ var Title = (0, import_react78.forwardRef)(
       description,
       ...otherProps
     } = props;
-    const classes = (0, import_dedupe54.default)("mobius", "mobius-title", otherProps.className);
-    const headerClasses = (0, import_dedupe54.default)("mobius", "mobius-title__header");
-    const contentClasses = (0, import_dedupe54.default)("mobius", "mobius-title__description");
-    const containerClasses = (0, import_dedupe54.default)("mobius", "mobius-title__container");
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Element, { ref, ...otherProps, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Flex, { flexDirection: "column", className: containerClasses, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: headerClasses, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: contentClasses, children: description })
+    const classes = (0, import_dedupe55.default)("mobius", "mobius-title", otherProps.className);
+    const headerClasses = (0, import_dedupe55.default)("mobius", "mobius-title__header");
+    const contentClasses = (0, import_dedupe55.default)("mobius", "mobius-title__description");
+    const containerClasses = (0, import_dedupe55.default)("mobius", "mobius-title__container");
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Element, { ref, ...otherProps, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Flex, { flexDirection: "column", className: containerClasses, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: headerClasses, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: contentClasses, children: description })
     ] }) });
   }
 );
 Title.displayName = "Title";
 
 // src/components/Trust/Trust.tsx
-var import_dedupe55 = __toESM(require("classnames/dedupe"));
-var import_react79 = require("react");
+var import_dedupe56 = __toESM(require("classnames/dedupe"));
+var import_react80 = require("react");
 
 // src/components/Trust/constants.ts
 var REQUIRED_TRUSTPILOT_CLASS_NAME = "trustpilot-widget";
@@ -4098,8 +4220,8 @@ var TRUSTPILOT_WIDGET = {
 };
 
 // src/components/Trust/Trust.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
-var Trust = (0, import_react79.forwardRef)((props, ref) => {
+var import_jsx_runtime68 = require("react/jsx-runtime");
+var Trust = (0, import_react80.forwardRef)((props, ref) => {
   const {
     elementType: Element = "div",
     variant,
@@ -4110,8 +4232,8 @@ var Trust = (0, import_react79.forwardRef)((props, ref) => {
     stars,
     className
   } = props;
-  const [isMounted, setIsMounted] = (0, import_react79.useState)(false);
-  const trustRef = (0, import_react79.useRef)(null);
+  const [isMounted, setIsMounted] = (0, import_react80.useState)(false);
+  const trustRef = (0, import_react80.useRef)(null);
   const {
     templateId,
     className: variantClassName,
@@ -4127,7 +4249,7 @@ var Trust = (0, import_react79.forwardRef)((props, ref) => {
     "data-style-height": height,
     "data-stars": stars
   };
-  const classes = (0, import_dedupe55.default)(
+  const classes = (0, import_dedupe56.default)(
     "mobius",
     "mobius-trust",
     REQUIRED_TRUSTPILOT_CLASS_NAME,
@@ -4137,24 +4259,24 @@ var Trust = (0, import_react79.forwardRef)((props, ref) => {
     },
     className
   );
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     const hasTrustpilotLoaded = trustRef.current && window?.Trustpilot && window?.Trustpilot.loadFromElement;
     if (isMounted && hasTrustpilotLoaded) {
       window.Trustpilot.loadFromElement(trustRef.current, true);
     }
   }, [isMounted]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     setIsMounted(true);
   }, []);
-  if (!isMounted) return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { style: styles });
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  if (!isMounted) return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { style: styles });
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     Element,
     {
       ref: mergeRefs([trustRef, ref]),
       className: classes,
       style: styles,
       ...dataProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         "a",
         {
           href: link,