@simplybusiness/mobius 7.1.1 → 7.1.2

package/dist/cjs/index.js

@@ -1074,11 +1074,11 @@ var import_icons3 = require("@simplybusiness/icons");
 var import_react21 = require("react");
 
 // src/components/Combobox/Combobox.tsx
-var import_dedupe12 = __toESM(require("classnames/dedupe"));
+var import_dedupe14 = __toESM(require("classnames/dedupe"));
 var import_react20 = require("react");
 
 // src/components/TextField/TextField.tsx
-var import_dedupe10 = __toESM(require("classnames/dedupe"));
+var import_dedupe11 = __toESM(require("classnames/dedupe"));
 
 // src/components/ErrorMessage/ErrorMessage.tsx
 var import_icons2 = require("@simplybusiness/icons");
@@ -1141,12 +1141,12 @@ var Stack = ({ ref, ...props }) => {
 Stack.displayName = "Stack";
 
 // src/components/TextField/adornmentWithClassName.ts
-var import_classnames = __toESM(require("classnames"));
+var import_dedupe10 = __toESM(require("classnames/dedupe"));
 var import_react16 = require("react");
 var adornmentWithClassName = (component, validationClasses, className) => {
   if (!component) return null;
   return (0, import_react16.cloneElement)(component, {
-    className: (0, import_classnames.default)(
+    className: (0, import_dedupe10.default)(
       component.props.className,
       validationClasses,
       className
@@ -1186,24 +1186,24 @@ var TextField = ({ ref, ...props }) => {
     "--is-hidden": hidden,
     [className || ""]: true
   };
-  const sharedClasses = (0, import_dedupe10.default)(validationClasses, textfieldClasses);
-  const labelClasses = (0, import_dedupe10.default)(
+  const sharedClasses = (0, import_dedupe11.default)(validationClasses, textfieldClasses);
+  const labelClasses = (0, import_dedupe11.default)(
     {
       "--is-disabled": isDisabled
     },
     validationClasses
   );
-  const containerClasses = (0, import_dedupe10.default)(
+  const containerClasses = (0, import_dedupe11.default)(
     "mobius",
     "mobius-text-field",
     sharedClasses
   );
-  const inputClasses = (0, import_dedupe10.default)(
+  const inputClasses = (0, import_dedupe11.default)(
     "mobius",
     "mobius-text-field__input",
     sharedClasses
   );
-  const inputWrapperClasses = (0, import_dedupe10.default)(
+  const inputWrapperClasses = (0, import_dedupe11.default)(
     "mobius-text-field__input-wrapper",
     sharedClasses
   );
@@ -1281,11 +1281,11 @@ function VisuallyHidden(props) {
 }
 
 // src/components/Combobox/Listbox.tsx
-var import_classnames2 = __toESM(require("classnames"));
+var import_dedupe13 = __toESM(require("classnames/dedupe"));
 
 // src/components/Combobox/Option.tsx
 var import_react17 = require("react");
-var import_dedupe11 = __toESM(require("classnames/dedupe"));
+var import_dedupe12 = __toESM(require("classnames/dedupe"));
 
 // src/components/Combobox/utils.tsx
 function isOptionGroup(options) {
@@ -1331,7 +1331,7 @@ var Option = ({
       id,
       "aria-selected": isHighlighted,
       onMouseDown: () => onOptionSelect(option),
-      className: (0, import_dedupe11.default)("mobius-combobox__option", "has-pii", {
+      className: (0, import_dedupe12.default)("mobius-combobox__option", "has-pii", {
         "mobius-combobox__option--is-highlighted": isHighlighted
       }),
       children: OptionComponent ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(OptionComponent, { option, isHighlighted }) : getOptionLabel(option)
@@ -1359,7 +1359,7 @@ var Listbox = ({
   onOptionSelect,
   optionComponent
 }) => {
-  const classes = (0, import_classnames2.default)("mobius-combobox__list", {
+  const classes = (0, import_dedupe13.default)("mobius-combobox__list", {
     "mobius-combobox__list--hidden": !isOpen
   });
   function getOptionId(option, groupIndex, index) {
@@ -1795,7 +1795,7 @@ var ComboboxInner = ({
       setIsOpen(!!filteredOptions && filteredOptions.length > 0);
     }
   }, [filteredOptions, asyncOptions, isChanging]);
-  const classes = (0, import_dedupe12.default)(
+  const classes = (0, import_dedupe14.default)(
     "mobius mobius-combobox",
     {
       "mobius-combobox--is-expanded": isOpen,
@@ -2037,7 +2037,7 @@ _filters = new WeakMap();
 
 // src/components/Alert/Alert.tsx
 var import_icons4 = require("@simplybusiness/icons");
-var import_dedupe13 = __toESM(require("classnames/dedupe"));
+var import_dedupe15 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function isAlertVariant(value) {
   return value === "info" || value === "success" || value === "warning" || value === "error";
@@ -2054,7 +2054,7 @@ var Alert = ({ ref, ...props }) => {
   if (!show) return null;
   const variant = variantProp && isAlertVariant(variantProp) ? variantProp : "info";
   const colorValue = variant === "success" ? `var(--color-valid)` : `var(--color-${variant})`;
-  const classes = (0, import_dedupe13.default)(
+  const classes = (0, import_dedupe15.default)(
     "mobius",
     "mobius-alert",
     {
@@ -2072,9 +2072,9 @@ var Alert = ({ ref, ...props }) => {
     warning: import_icons4.warning,
     error: import_icons4.error
   };
-  const headerClasses = (0, import_dedupe13.default)("mobius", "mobius-alert__header");
-  const iconClasses = (0, import_dedupe13.default)("mobius", "mobius-alert__icon");
-  const contentClasses = (0, import_dedupe13.default)("mobius", "mobius-alert__content");
+  const headerClasses = (0, import_dedupe15.default)("mobius", "mobius-alert__header");
+  const iconClasses = (0, import_dedupe15.default)("mobius", "mobius-alert__icon");
+  const contentClasses = (0, import_dedupe15.default)("mobius", "mobius-alert__content");
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Element, { ref, role: "alert", ...otherProps, className: classes, children: [
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: iconClasses, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { icon: icon[variant], color: colorValue }) }),
     /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
@@ -2086,7 +2086,7 @@ var Alert = ({ ref, ...props }) => {
 Alert.displayName = "Alert";
 
 // src/components/Box/Box.tsx
-var import_dedupe14 = __toESM(require("classnames/dedupe"));
+var import_dedupe16 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var Box = ({ ref, ...props }) => {
   const {
@@ -2113,7 +2113,7 @@ var Box = ({ ref, ...props }) => {
     style,
     ...otherProps
   } = props;
-  const classes = (0, import_dedupe14.default)("mobius", "mobius-box", otherProps.className);
+  const classes = (0, import_dedupe16.default)("mobius", "mobius-box", otherProps.className);
   const styleProps = filterUndefinedProps({
     padding: getSpacingValue(padding),
     paddingInline: getSpacingValue(paddingInline || paddingX),
@@ -2136,14 +2136,14 @@ Box.displayName = "Box";
 
 // src/components/Breadcrumbs/Breadcrumbs.tsx
 var import_react22 = require("react");
-var import_dedupe15 = __toESM(require("classnames/dedupe"));
+var import_dedupe17 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var Breadcrumbs = ({ ref, ...props }) => {
   const { "aria-label": ariaLabel = "Breadcrumbs" } = props;
   const { navProps } = { navProps: { "aria-label": ariaLabel } };
   const { children, ...otherProps } = props;
   const childArray = import_react22.Children.toArray(children);
-  const classes = (0, import_dedupe15.default)(
+  const classes = (0, import_dedupe17.default)(
     "mobius",
     "mobius-breadcrumb",
     otherProps.className
@@ -2162,7 +2162,7 @@ Breadcrumbs.displayName = "Breadcrumbs";
 
 // src/components/Breadcrumbs/BreadcrumbItem.tsx
 var import_react23 = require("react");
-var import_dedupe16 = __toESM(require("classnames/dedupe"));
+var import_dedupe18 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var BreadcrumbItem = ({ ref, ...props }) => {
   const {
@@ -2180,7 +2180,7 @@ var BreadcrumbItem = ({ ref, ...props }) => {
       ...otherProps
     }
   };
-  const classes = (0, import_dedupe16.default)(
+  const classes = (0, import_dedupe18.default)(
     "mobius",
     "mobius-breadcrumb__item",
     props.className
@@ -2198,7 +2198,7 @@ var BreadcrumbItem = ({ ref, ...props }) => {
 BreadcrumbItem.displayName = "BreadcrumbItem";
 
 // src/components/Button/Button.tsx
-var import_dedupe17 = __toESM(require("classnames/dedupe"));
+var import_dedupe19 = __toESM(require("classnames/dedupe"));
 
 // src/components/Button/Loading.tsx
 var import_icons5 = require("@simplybusiness/icons");
@@ -2236,7 +2236,7 @@ var Button = ({ ref, ...props }) => {
     ...otherProps
   } = props;
   const { buttonProps } = useButton(props);
-  otherProps.className = (0, import_dedupe17.default)(
+  otherProps.className = (0, import_dedupe19.default)(
     "mobius",
     "mobius-button",
     `--variant-${variant}`,
@@ -2257,7 +2257,7 @@ Button.displayName = "Button";
 
 // src/components/Checkbox/Checkbox.tsx
 var import_react24 = require("react");
-var import_dedupe18 = __toESM(require("classnames/dedupe"));
+var import_dedupe20 = __toESM(require("classnames/dedupe"));
 var import_icons7 = require("@simplybusiness/icons");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var Checkbox = ({ ref, ...props }) => {
@@ -2290,7 +2290,7 @@ var Checkbox = ({ ref, ...props }) => {
     }
   }, [selected, isControlled]);
   const validationClasses = useValidationClasses({ isInvalid });
-  const sharedClasses = (0, import_dedupe18.default)(
+  const sharedClasses = (0, import_dedupe20.default)(
     {
       "--is-disabled": isDisabled,
       "--is-selected": checked,
@@ -2299,15 +2299,15 @@ var Checkbox = ({ ref, ...props }) => {
     },
     validationClasses
   );
-  const wrapperClasses = (0, import_dedupe18.default)(
+  const wrapperClasses = (0, import_dedupe20.default)(
     "mobius",
     "mobius-checkbox",
     sharedClasses,
     className
   );
-  const labelClasses = (0, import_dedupe18.default)("mobius-checkbox__label", sharedClasses);
-  const inputClasses = (0, import_dedupe18.default)("mobius-checkbox__input", sharedClasses);
-  const iconClasses = (0, import_dedupe18.default)("mobius-checkbox__icon", sharedClasses);
+  const labelClasses = (0, import_dedupe20.default)("mobius-checkbox__label", sharedClasses);
+  const inputClasses = (0, import_dedupe20.default)("mobius-checkbox__input", sharedClasses);
+  const iconClasses = (0, import_dedupe20.default)("mobius-checkbox__icon", sharedClasses);
   const errorMessageId = (0, import_react24.useId)();
   const shouldErrorMessageShow = errorMessage ? errorMessageId : void 0;
   const describedBy = spaceDelimitedList([
@@ -2360,7 +2360,7 @@ var Checkbox = ({ ref, ...props }) => {
 Checkbox.displayName = "Checkbox";
 
 // src/components/Checkbox/CheckboxGroup.tsx
-var import_dedupe19 = __toESM(require("classnames/dedupe"));
+var import_dedupe21 = __toESM(require("classnames/dedupe"));
 var import_react25 = require("react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var CheckboxGroup = ({ ref, ...props }) => {
@@ -2393,7 +2393,7 @@ var CheckboxGroup = ({ ref, ...props }) => {
       isInitializedRef.current = true;
     }
   }, [defaultValue]);
-  const checkboxGroupClasses = (0, import_dedupe19.default)(
+  const checkboxGroupClasses = (0, import_dedupe21.default)(
     "mobius",
     "mobius-checkbox-group",
     className,
@@ -2405,7 +2405,7 @@ var CheckboxGroup = ({ ref, ...props }) => {
     }
   );
   const validationClasses = useValidationClasses({ isInvalid });
-  const labelClasses = (0, import_dedupe19.default)(
+  const labelClasses = (0, import_dedupe21.default)(
     {
       "--is-disabled": isDisabled
     },
@@ -2482,11 +2482,11 @@ var CheckboxGroup = ({ ref, ...props }) => {
 CheckboxGroup.displayName = "CheckboxGroup";
 
 // src/components/Container/Container.tsx
-var import_dedupe20 = __toESM(require("classnames/dedupe"));
+var import_dedupe22 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var Container = ({ ref, ...props }) => {
   const { elementType: Element = "div", size = "md", ...otherProps } = props;
-  const classes = (0, import_dedupe20.default)(
+  const classes = (0, import_dedupe22.default)(
     "mobius",
     "mobius-container",
     sizeClasses(size),
@@ -2497,7 +2497,7 @@ var Container = ({ ref, ...props }) => {
 Container.displayName = "Container";
 
 // src/components/DateField/DateField.tsx
-var import_dedupe21 = __toESM(require("classnames/dedupe"));
+var import_dedupe23 = __toESM(require("classnames/dedupe"));
 var import_react26 = require("react");
 
 // src/components/DateField/validation.ts
@@ -2549,7 +2549,7 @@ var DateField = ({ ref, ...props }) => {
   const [error3, setError] = (0, import_react26.useState)(errorMessage);
   const [isInvalid, setIsInvalid] = (0, import_react26.useState)(void 0);
   const localRef = (0, import_react26.useRef)(null);
-  const classes = (0, import_dedupe21.default)("mobius-date-field", className);
+  const classes = (0, import_dedupe23.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;
@@ -2620,7 +2620,7 @@ var Content = ({ ref, children, ...otherProps }) => /* @__PURE__ */ (0, import_j
 Content.displayName = "Content";
 
 // src/components/Drawer/Drawer.tsx
-var import_dedupe22 = __toESM(require("classnames/dedupe"));
+var import_dedupe24 = __toESM(require("classnames/dedupe"));
 var import_react28 = require("react");
 
 // src/components/Drawer/DrawerContext.tsx
@@ -2660,7 +2660,7 @@ var Drawer = ({ ref, ...props }) => {
   });
   const hiddenId = `dialog-screen-reader-announce-${(0, import_react28.useId)()}`;
   const headerId = `dialog-header-${(0, import_react28.useId)()}`;
-  const dialogClasses = (0, import_dedupe22.default)(
+  const dialogClasses = (0, import_dedupe24.default)(
     "mobius",
     "mobius-drawer",
     `--${direction}`,
@@ -2741,7 +2741,7 @@ Drawer2.displayName = "Drawer";
 // src/components/DropdownMenu/DropdownMenu.tsx
 var import_react30 = require("react");
 var import_react_accessible_dropdown_menu_hook = __toESM(require("react-accessible-dropdown-menu-hook"));
-var import_dedupe23 = __toESM(require("classnames/dedupe"));
+var import_dedupe25 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var DropdownMenu = ({ ref, ...props }) => {
   const {
@@ -2759,13 +2759,13 @@ var DropdownMenu = ({ ref, ...props }) => {
     isOpen: open,
     setIsOpen
   } = (0, import_react_accessible_dropdown_menu_hook.default)(numberOfItems);
-  const classes = (0, import_dedupe23.default)(
+  const classes = (0, import_dedupe25.default)(
     "mobius",
     "mobius-dropdown-menu",
     otherProps.className
   );
-  const triggerClasses = (0, import_dedupe23.default)("mobius", "mobius-dropdown-menu__trigger");
-  const listClasses = (0, import_dedupe23.default)("mobius", "mobius-dropdown-menu__list", {
+  const triggerClasses = (0, import_dedupe25.default)("mobius", "mobius-dropdown-menu__trigger");
+  const listClasses = (0, import_dedupe25.default)("mobius", "mobius-dropdown-menu__list", {
     "--is-open": open
   });
   const handleChildClick = ({ onClick }, index) => {
@@ -2798,7 +2798,7 @@ DropdownMenu.displayName = "DropdownMenu";
 
 // src/components/DropdownMenu/Item.tsx
 var import_react31 = require("react");
-var import_dedupe24 = __toESM(require("classnames/dedupe"));
+var import_dedupe26 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var Item = ({ ref, ...props }) => {
   const {
@@ -2808,7 +2808,7 @@ var Item = ({ ref, ...props }) => {
     children,
     ...otherProps
   } = props;
-  const classes = (0, import_dedupe24.default)(
+  const classes = (0, import_dedupe26.default)(
     "mobius",
     "mobius-dropdown-menu__item",
     { "--is-active": active },
@@ -2816,7 +2816,7 @@ var Item = ({ ref, ...props }) => {
   );
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Element, { ref, onClick, ...otherProps, children: import_react31.Children.map(children, (child) => {
     if ((0, import_react31.isValidElement)(child)) {
-      const childClasses = (0, import_dedupe24.default)(
+      const childClasses = (0, import_dedupe26.default)(
         child.props.className,
         classes
       );
@@ -2842,7 +2842,7 @@ var DropdownMenu2 = Object.assign(
 DropdownMenu2.displayName = "DropdownMenu";
 
 // src/components/Fieldset/Fieldset.tsx
-var import_dedupe25 = __toESM(require("classnames/dedupe"));
+var import_dedupe27 = __toESM(require("classnames/dedupe"));
 var import_react32 = require("react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var useFieldset = (props) => {
@@ -2875,7 +2875,7 @@ var Fieldset = ({ ref: _ref, ...props }) => {
     ...otherProps
   } = props;
   const { legendProps, containerProps } = useFieldset(props);
-  const classes = (0, import_dedupe25.default)("mobius", "mobius-fieldset", props.className);
+  const classes = (0, import_dedupe27.default)("mobius", "mobius-fieldset", props.className);
   legendProps.className = "mobius-fieldset__legend";
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Flex, { ...containerProps, ...otherProps, className: classes, children: [
     legend && (0, import_react32.cloneElement)(legendComponent, { ...legendProps }, [legend]),
@@ -2885,7 +2885,7 @@ var Fieldset = ({ ref: _ref, ...props }) => {
 Fieldset.displayName = "Fieldset";
 
 // src/components/Grid/Grid.tsx
-var import_dedupe26 = __toESM(require("classnames/dedupe"));
+var import_dedupe28 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var Grid = ({ ref: _ref, ...props }) => {
   const {
@@ -2901,7 +2901,7 @@ var Grid = ({ ref: _ref, ...props }) => {
     style,
     ...rest
   } = props;
-  const classes = (0, import_dedupe26.default)("mobius", "mobius-grid", className);
+  const classes = (0, import_dedupe28.default)("mobius", "mobius-grid", className);
   const styles = filterUndefinedProps({
     boxSizing: "border-box",
     display: "grid",
@@ -2921,7 +2921,7 @@ Grid.displayName = "Grid";
 
 // src/components/Grid/Item.tsx
 var import_react33 = require("react");
-var import_dedupe27 = __toESM(require("classnames/dedupe"));
+var import_dedupe29 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var getBreakpointMap = (config) => Object.entries(config).reduce(
   (prev, [key, value]) => {
@@ -2958,7 +2958,7 @@ var GridItem = ({ ref: _ref, ...props }) => {
     xxl
   });
   const [responsiveSpan, setResponsiveSpan] = (0, import_react33.useState)();
-  const classes = (0, import_dedupe27.default)("mobius-grid__item", className);
+  const classes = (0, import_dedupe29.default)("mobius-grid__item", className);
   (0, import_react33.useEffect)(() => {
     setResponsiveSpan(breakpointMap[breakpointSize]);
   }, [breakpointSize, breakpointMap]);
@@ -2978,7 +2978,7 @@ var Grid2 = Object.assign(Grid, {
 Grid2.displayName = "Grid";
 
 // src/components/Image/Image.tsx
-var import_dedupe28 = __toESM(require("classnames/dedupe"));
+var import_dedupe30 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var Image = ({
   ref,
@@ -2986,13 +2986,13 @@ var Image = ({
   elementType: Component = "img",
   ...otherProps
 }) => {
-  const classes = (0, import_dedupe28.default)("mobius", "mobius-image", otherProps.className);
+  const classes = (0, import_dedupe30.default)("mobius", "mobius-image", otherProps.className);
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Component, { alt, ref, ...otherProps, className: classes });
 };
 Image.displayName = "Image";
 
 // src/components/Link/Link.tsx
-var import_dedupe29 = __toESM(require("classnames/dedupe"));
+var import_dedupe31 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var Link = ({ ref, ...props }) => {
   const {
@@ -3007,7 +3007,7 @@ var Link = ({ ref, ...props }) => {
     pointerEvents: "none"
   };
   const styles = { ...style, ...isDisabled && disabledStyles };
-  const classes = (0, import_dedupe29.default)(
+  const classes = (0, import_dedupe31.default)(
     "mobius",
     "mobius-link",
     className,
@@ -3031,7 +3031,7 @@ var Link = ({ ref, ...props }) => {
 Link.displayName = "Link";
 
 // src/components/LinkButton/LinkButton.tsx
-var import_dedupe30 = __toESM(require("classnames/dedupe"));
+var import_dedupe32 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function LinkButton({
   href,
@@ -3043,13 +3043,13 @@ function LinkButton({
   if (!href) {
     throw new Error("LinkButton requires a href prop");
   }
-  const classes = (0, import_dedupe30.default)("mobius", "mobius-link-button", className);
+  const classes = (0, import_dedupe32.default)("mobius", "mobius-link-button", className);
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { elementType, href, className: classes, ...rest, children });
 }
 
 // src/components/List/List.tsx
 var import_react34 = require("react");
-var import_dedupe31 = __toESM(require("classnames/dedupe"));
+var import_dedupe33 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var List = ({ ref, ...props }) => {
   const Component = props.isOrdered ? "ol" : "ul";
@@ -3059,7 +3059,7 @@ var List = ({ ref, ...props }) => {
     ...restProps,
     reversed: isReversed
   };
-  const classes = (0, import_dedupe31.default)(
+  const classes = (0, import_dedupe33.default)(
     "mobius",
     "mobius-list",
     {
@@ -3080,12 +3080,12 @@ var List = ({ ref, ...props }) => {
 List.displayName = "List";
 
 // src/components/List/ListItem.tsx
-var import_dedupe32 = __toESM(require("classnames/dedupe"));
+var import_dedupe34 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var ListItem = ({ ref, ...props }) => {
   const { parentIcon, icon, children, ...otherProps } = props;
   const iconContent = icon || parentIcon;
-  const classes = (0, import_dedupe32.default)(
+  const classes = (0, import_dedupe34.default)(
     "mobius",
     "mobius-list__item",
     {
@@ -3093,8 +3093,8 @@ var ListItem = ({ ref, ...props }) => {
     },
     props.className
   );
-  const contentClasses = (0, import_dedupe32.default)("mobius", "mobius-list__item-content");
-  const iconClasses = (0, import_dedupe32.default)("mobius", "mobius-list__icon");
+  const contentClasses = (0, import_dedupe34.default)("mobius", "mobius-list__item-content");
+  const iconClasses = (0, import_dedupe34.default)("mobius", "mobius-list__icon");
   if (iconContent) {
     return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("li", { ref, ...otherProps, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: contentClasses, children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: iconClasses, children: iconContent }),
@@ -3106,12 +3106,12 @@ var ListItem = ({ ref, ...props }) => {
 ListItem.displayName = "ListItem";
 
 // src/components/LoadingIndicator/LoadingIndicator.tsx
-var import_dedupe33 = __toESM(require("classnames/dedupe"));
+var import_dedupe35 = __toESM(require("classnames/dedupe"));
 var import_icons9 = require("@simplybusiness/icons");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var LoadingIndicator = ({ ref, ...props }) => {
   const { icon = import_icons9.loading, ...otherProps } = props;
-  const classes = (0, import_dedupe33.default)(
+  const classes = (0, import_dedupe35.default)(
     "mobius",
     "mobius-loading-indicator",
     otherProps.className
@@ -3121,11 +3121,11 @@ var LoadingIndicator = ({ ref, ...props }) => {
 LoadingIndicator.displayName = "LoadingIndicator";
 
 // src/components/Logo/Logo.tsx
-var import_dedupe34 = __toESM(require("classnames/dedupe"));
+var import_dedupe36 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var Logo = ({ ref, ...props }) => {
   const { className, width, height, ...otherProps } = props;
-  const classes = (0, import_dedupe34.default)("mobius", "mobius-logo", className);
+  const classes = (0, import_dedupe36.default)("mobius", "mobius-logo", className);
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "svg",
     {
@@ -3229,7 +3229,7 @@ var Header2 = ({ ref, children, ...otherProps }) => {
 Header2.displayName = "Header";
 
 // src/components/Modal/Modal.tsx
-var import_dedupe35 = __toESM(require("classnames/dedupe"));
+var import_dedupe37 = __toESM(require("classnames/dedupe"));
 var import_react37 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var TRANSITION_CSS_VARIABLE2 = "--modal-transition-duration";
@@ -3260,7 +3260,7 @@ var Modal = ({ ref, ...props }) => {
       CSSVariable: TRANSITION_CSS_VARIABLE2
     }
   });
-  const modalClasses = (0, import_dedupe35.default)(
+  const modalClasses = (0, import_dedupe37.default)(
     "mobius",
     "mobius-modal",
     {
@@ -3301,7 +3301,7 @@ var Modal2 = Object.assign(Modal, {
 Modal2.displayName = "Modal";
 
 // src/components/NumberField/NumberField.tsx
-var import_dedupe36 = __toESM(require("classnames/dedupe"));
+var import_dedupe38 = __toESM(require("classnames/dedupe"));
 var import_react38 = require("react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var NumberField = ({ ref, ...props }) => {
@@ -3327,7 +3327,7 @@ var NumberField = ({ ref, ...props }) => {
       focusedInputRef.current = null;
     };
   }, [wheelHandler]);
-  const containerClasses = (0, import_dedupe36.default)("mobius-number-field", className, {
+  const containerClasses = (0, import_dedupe38.default)("mobius-number-field", className, {
     "--hide-spin-buttons": hideSpinButtons
   });
   const handleBeforeInput = (event) => {
@@ -3401,7 +3401,7 @@ var Option2 = ({ ref, ...props }) => {
 Option2.displayName = "Option";
 
 // src/components/PasswordField/PasswordField.tsx
-var import_dedupe37 = __toESM(require("classnames/dedupe"));
+var import_dedupe39 = __toESM(require("classnames/dedupe"));
 var import_react39 = require("react");
 
 // src/components/PasswordField/ShowHideButton.tsx
@@ -3434,7 +3434,7 @@ var PasswordField = ({
 }) => {
   const [show, setShow] = (0, import_react39.useState)(false);
   const type = show ? "text" : "password";
-  const classes = (0, import_dedupe37.default)("mobius-password-field", className);
+  const classes = (0, import_dedupe39.default)("mobius-password-field", className);
   const localRef = (0, import_react39.useRef)(null);
   const handleShowHideButtonClick = () => {
     const selectionStart = localRef.current?.selectionStart;
@@ -3463,7 +3463,7 @@ PasswordField.displayName = "PasswordField";
 // src/components/Popover/Popover.tsx
 var import_react40 = require("@floating-ui/react");
 var import_icons12 = require("@simplybusiness/icons");
-var import_classnames3 = __toESM(require("classnames"));
+var import_dedupe40 = __toESM(require("classnames/dedupe"));
 var import_react41 = require("react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var OFFSET_FROM_CONTENT_DEFAULT = 10;
@@ -3496,7 +3496,7 @@ var Popover = (props) => {
     }
   });
   const { getReferenceProps, getFloatingProps } = (0, import_react40.useInteractions)([dismiss]);
-  const containerClasses = (0, import_classnames3.default)(
+  const containerClasses = (0, import_dedupe40.default)(
     "mobius",
     "mobius-popover__container",
     className
@@ -3512,7 +3512,7 @@ var Popover = (props) => {
   };
   const triggerComponent = (0, import_react41.cloneElement)(trigger, {
     ref: refs.setReference,
-    className: (0, import_classnames3.default)(
+    className: (0, import_dedupe40.default)(
       trigger.props.className,
       "mobius-popover__toggle"
     ),
@@ -3573,7 +3573,7 @@ var Popover = (props) => {
 };
 
 // src/components/Progress/Progress.tsx
-var import_dedupe38 = __toESM(require("classnames/dedupe"));
+var import_dedupe41 = __toESM(require("classnames/dedupe"));
 var import_react42 = require("react");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function warnAboutInvalidValues(value, minValue, maxValue) {
@@ -3645,7 +3645,7 @@ var Progress = ({ ref, ...props }) => {
     100
   );
   const barWidth = `${percentage}%`;
-  const classes = (0, import_dedupe38.default)("mobius", "mobius-progress", className, {
+  const classes = (0, import_dedupe41.default)("mobius", "mobius-progress", className, {
     "--is-primary": variant === "primary",
     "--is-secondary": variant === "secondary"
   });
@@ -3675,7 +3675,7 @@ var Progress = ({ ref, ...props }) => {
 Progress.displayName = "Progress";
 
 // src/components/Radio/Radio.tsx
-var import_dedupe39 = __toESM(require("classnames/dedupe"));
+var import_dedupe42 = __toESM(require("classnames/dedupe"));
 var import_react43 = require("react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var Radio = ({ ref, ...props }) => {
@@ -3742,13 +3742,13 @@ var Radio = ({ ref, ...props }) => {
     "--is-multiline": !!isMultiline,
     "--is-required": isRequired
   };
-  const containerClasses = (0, import_dedupe39.default)(
+  const containerClasses = (0, import_dedupe42.default)(
     "mobius-radio__label",
     radioClasses,
     className,
     { "--has-icon-first": hasIconFirst }
   );
-  const inputClasses = (0, import_dedupe39.default)("mobius-radio__input", radioClasses);
+  const inputClasses = (0, import_dedupe42.default)("mobius-radio__input", radioClasses);
   const { "aria-describedby": _ariaDescribedBy, ...rest } = otherProps;
   const handleChange = (event) => {
     if (setSelected) {
@@ -3792,7 +3792,7 @@ var Radio = ({ ref, ...props }) => {
 Radio.displayName = "Radio";
 
 // src/components/Radio/RadioGroup.tsx
-var import_dedupe40 = __toESM(require("classnames/dedupe"));
+var import_dedupe43 = __toESM(require("classnames/dedupe"));
 var import_react44 = require("react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var getDefaultVal = (children, defaultValue) => {
@@ -3854,16 +3854,16 @@ var RadioGroup = ({ ref, ...props }) => {
     [`--is-${effectiveOrientation}`]: true,
     [className || ""]: true
   };
-  const radioGroupClasses = (0, import_dedupe40.default)(
+  const radioGroupClasses = (0, import_dedupe43.default)(
     "mobius",
     "mobius-radio-group",
     radioClasses,
     validationClasses
   );
-  const radioWrapperClasses = (0, import_dedupe40.default)("mobius-radio__wrapper", {
+  const radioWrapperClasses = (0, import_dedupe43.default)("mobius-radio__wrapper", {
     [`--is-${effectiveOrientation}`]: true
   });
-  const labelClasses = (0, import_dedupe40.default)(radioClasses, validationClasses);
+  const labelClasses = (0, import_dedupe43.default)(radioClasses, validationClasses);
   const errorMessageId = (0, import_react44.useId)();
   const defaultNameAttrId = (0, import_react44.useId)();
   const nameAttribute = name || defaultNameAttrId;
@@ -3920,12 +3920,12 @@ var RadioGroup = ({ ref, ...props }) => {
 RadioGroup.displayName = "RadioGroup";
 
 // src/components/Segment/SegmentGroup.tsx
-var import_dedupe41 = __toESM(require("classnames/dedupe"));
+var import_dedupe44 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var SegmentGroup = (props) => {
   const { children, horizontal, gap, className, ...rest } = props;
   const gapClass = gap ? `gap-${gap}` : "";
-  const classes = (0, import_dedupe41.default)(
+  const classes = (0, import_dedupe44.default)(
     "mobius",
     "mobius-segment-group",
     className,
@@ -3937,11 +3937,11 @@ var SegmentGroup = (props) => {
 SegmentGroup.displayName = "SegmentGroup";
 
 // src/components/Segment/Segment.tsx
-var import_dedupe42 = __toESM(require("classnames/dedupe"));
+var import_dedupe45 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var Segment = (props) => {
   const { heading, children, colour, inverted, className, ...rest } = props;
-  const classes = (0, import_dedupe42.default)(
+  const classes = (0, import_dedupe45.default)(
     "mobius",
     "mobius-segment",
     colour,
@@ -3957,7 +3957,7 @@ Segment.displayName = "Segment";
 
 // src/components/Select/Select.tsx
 var import_icons13 = require("@simplybusiness/icons");
-var import_dedupe43 = __toESM(require("classnames/dedupe"));
+var import_dedupe46 = __toESM(require("classnames/dedupe"));
 var import_react45 = require("react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var Select = ({ ref, ...props }) => {
@@ -3980,23 +3980,23 @@ var Select = ({ ref, ...props }) => {
     "--is-required": typeof isRequired === "boolean" && isRequired,
     "--is-optional": typeof isRequired === "boolean" && !isRequired
   };
-  const sharedClasses = (0, import_dedupe43.default)(validationClasses, stateClasses);
-  const wrapperClasses = (0, import_dedupe43.default)(
+  const sharedClasses = (0, import_dedupe46.default)(validationClasses, stateClasses);
+  const wrapperClasses = (0, import_dedupe46.default)(
     "mobius-select__wrapper",
     sharedClasses,
     otherProps.className
   );
-  const selectClasses = (0, import_dedupe43.default)(
+  const selectClasses = (0, import_dedupe46.default)(
     "mobius-select",
     sharedClasses,
     otherProps.className
   );
-  const labelClasses = (0, import_dedupe43.default)(
+  const labelClasses = (0, import_dedupe46.default)(
     "mobius-label",
     sharedClasses,
     otherProps.className
   );
-  const iconClasses = (0, import_dedupe43.default)("mobius-select__icon", sharedClasses);
+  const iconClasses = (0, import_dedupe46.default)("mobius-select__icon", sharedClasses);
   const errorMessageId = (0, import_react45.useId)();
   const shouldErrorMessageShow = errorMessage ? errorMessageId : void 0;
   const describedBy = spaceDelimitedList([
@@ -4035,7 +4035,7 @@ var Select = ({ ref, ...props }) => {
 Select.displayName = "Select";
 
 // src/components/Slider/Slider.tsx
-var import_dedupe44 = __toESM(require("classnames/dedupe"));
+var import_dedupe47 = __toESM(require("classnames/dedupe"));
 var import_react47 = require("react");
 
 // src/components/Slider/helpers.ts
@@ -4081,7 +4081,7 @@ var Slider = (props) => {
     "aria-labelledby": ariaLabelledBy
   });
   const formattedValue = numberFormatter(currentValue, formatOptions);
-  const classes = (0, import_dedupe44.default)("mobius", "mobius-slider", className, {
+  const classes = (0, import_dedupe47.default)("mobius", "mobius-slider", className, {
     "--is-disabled": isDisabled,
     "--is-primary": variant === "primary",
     "--is-secondary": variant === "secondary",
@@ -4136,11 +4136,11 @@ var Slider = (props) => {
 
 // src/components/SVG/SVG.tsx
 var import_react48 = require("react");
-var import_dedupe45 = __toESM(require("classnames/dedupe"));
+var import_dedupe48 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var SVG = ({ ref, ...props }) => {
   const { children, className, ...otherProps } = props;
-  const classes = (0, import_dedupe45.default)("mobius", "mobius-svg", className);
+  const classes = (0, import_dedupe48.default)("mobius", "mobius-svg", className);
   const svgNode = import_react48.Children.only(children);
   const { children: svgChildren, viewBox, xmlns } = svgNode.props;
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
@@ -4159,7 +4159,7 @@ SVG.displayName = "SVG";
 
 // src/components/Switch/Switch.tsx
 var import_react49 = require("react");
-var import_dedupe46 = __toESM(require("classnames/dedupe"));
+var import_dedupe49 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var Switch = ({ ref, ...props }) => {
   const {
@@ -4173,7 +4173,7 @@ var Switch = ({ ref, ...props }) => {
   (0, import_react49.useEffect)(() => {
     setEnabled(checked);
   }, [checked]);
-  const classes = (0, import_dedupe46.default)(
+  const classes = (0, import_dedupe49.default)(
     "mobius",
     "mobius-switch",
     {
@@ -4207,55 +4207,55 @@ var Switch = ({ ref, ...props }) => {
 Switch.displayName = "Switch";
 
 // src/components/Table/Table.tsx
-var import_dedupe47 = __toESM(require("classnames/dedupe"));
+var import_dedupe50 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var Table = ({ ref, ...props }) => {
-  const classes = (0, import_dedupe47.default)("mobius", "mobius-table", props.className);
+  const classes = (0, import_dedupe50.default)("mobius", "mobius-table", props.className);
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("table", { ref, ...props, className: classes });
 };
 Table.displayName = "Table";
 
 // src/components/Table/Head.tsx
-var import_dedupe48 = __toESM(require("classnames/dedupe"));
+var import_dedupe51 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var Head = ({ ref, ...props }) => {
-  const classes = (0, import_dedupe48.default)("mobius", "mobius-table__head", props.className);
+  const classes = (0, import_dedupe51.default)("mobius", "mobius-table__head", props.className);
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("thead", { ref, ...props, className: classes });
 };
 Head.displayName = "Table.Head";
 
 // src/components/Table/Body.tsx
-var import_dedupe49 = __toESM(require("classnames/dedupe"));
+var import_dedupe52 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var Body = ({ ref, ...props }) => {
-  const classes = (0, import_dedupe49.default)("mobius", "mobius-table__body", props.className);
+  const classes = (0, import_dedupe52.default)("mobius", "mobius-table__body", props.className);
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("tbody", { ref, ...props, className: classes });
 };
 Body.displayName = "Table.Body";
 
 // src/components/Table/Foot.tsx
-var import_dedupe50 = __toESM(require("classnames/dedupe"));
+var import_dedupe53 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var Foot = ({ ref, ...props }) => {
-  const classes = (0, import_dedupe50.default)("mobius", "mobius-table__foot", props.className);
+  const classes = (0, import_dedupe53.default)("mobius", "mobius-table__foot", props.className);
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("tfoot", { ref, ...props, className: classes });
 };
 Foot.displayName = "Table.Foot";
 
 // src/components/Table/Row.tsx
-var import_dedupe51 = __toESM(require("classnames/dedupe"));
+var import_dedupe54 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var Row = ({ ref, ...props }) => {
-  const classes = (0, import_dedupe51.default)("mobius", "mobius-table__row", props.className);
+  const classes = (0, import_dedupe54.default)("mobius", "mobius-table__row", props.className);
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("tr", { ref, ...props, className: classes });
 };
 Row.displayName = "Table.Row";
 
 // src/components/Table/HeaderCell.tsx
-var import_dedupe52 = __toESM(require("classnames/dedupe"));
+var import_dedupe55 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime64 = require("react/jsx-runtime");
 var HeaderCell = ({ ref, ...props }) => {
-  const classes = (0, import_dedupe52.default)(
+  const classes = (0, import_dedupe55.default)(
     "mobius",
     "mobius-table__head-cell",
     props.className
@@ -4265,10 +4265,10 @@ var HeaderCell = ({ ref, ...props }) => {
 HeaderCell.displayName = "Table.HeaderCell";
 
 // src/components/Table/Cell.tsx
-var import_dedupe53 = __toESM(require("classnames/dedupe"));
+var import_dedupe56 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var Cell = ({ ref, ...props }) => {
-  const classes = (0, import_dedupe53.default)(
+  const classes = (0, import_dedupe56.default)(
     "mobius",
     "mobius-table__body-cell",
     props.className
@@ -4289,7 +4289,7 @@ var Table2 = Object.assign(Table, {
 Table2.displayName = "Table";
 
 // src/components/Text/Text.tsx
-var import_dedupe54 = __toESM(require("classnames/dedupe"));
+var import_dedupe57 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var getElementType = (variant, elementType) => {
   if (variant) {
@@ -4301,7 +4301,7 @@ var Text = ({ ref, elementType: Component = "p", ...props }) => {
   const { variant, className, spacing, ...otherProps } = props;
   const elementType = getElementType(variant, Component);
   const variantType = variant || elementType;
-  const classes = (0, import_dedupe54.default)(
+  const classes = (0, import_dedupe57.default)(
     "mobius",
     "mobius-text",
     { [`--is-${variantType}`]: variantType },
@@ -4313,14 +4313,14 @@ var Text = ({ ref, elementType: Component = "p", ...props }) => {
 Text.displayName = "Text";
 
 // src/components/TextArea/TextArea.tsx
-var import_dedupe56 = __toESM(require("classnames/dedupe"));
+var import_dedupe59 = __toESM(require("classnames/dedupe"));
 
 // src/components/TextAreaInput/TextAreaInput.tsx
-var import_dedupe55 = __toESM(require("classnames/dedupe"));
+var import_dedupe58 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var TextAreaInput = ({ ref, ...props }) => {
   const { isSelected, isDisabled, isReadOnly, isRequired, ...otherProps } = props;
-  const classes = (0, import_dedupe55.default)(
+  const classes = (0, import_dedupe58.default)(
     "mobius",
     "mobius-text-area__input",
     {
@@ -4355,10 +4355,10 @@ var TextArea = ({ ref, ...props }) => {
     ...otherProps
   } = props;
   const { inputProps, labelProps, errorMessageProps } = useTextField(props);
-  const classes = (0, import_dedupe56.default)("mobius", "mobius-text-area", className);
+  const classes = (0, import_dedupe59.default)("mobius", "mobius-text-area", className);
   const validationClasses = useValidationClasses({ isInvalid });
-  const inputClasses = (0, import_dedupe56.default)("mobius-text-area__input", validationClasses);
-  const labelClasses = (0, import_dedupe56.default)(
+  const inputClasses = (0, import_dedupe59.default)("mobius-text-area__input", validationClasses);
+  const labelClasses = (0, import_dedupe59.default)(
     {
       "--is-disabled": isDisabled
     },
@@ -4410,7 +4410,7 @@ var TextOrHTML = ({
 TextOrHTML.displayName = "TextOrHTML";
 
 // src/components/Title/Title.tsx
-var import_dedupe57 = __toESM(require("classnames/dedupe"));
+var import_dedupe60 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var Title = ({ ref, ...props }) => {
   const {
@@ -4419,10 +4419,10 @@ var Title = ({ ref, ...props }) => {
     description,
     ...otherProps
   } = props;
-  const classes = (0, import_dedupe57.default)("mobius", "mobius-title", otherProps.className);
-  const headerClasses = (0, import_dedupe57.default)("mobius", "mobius-title__header");
-  const contentClasses = (0, import_dedupe57.default)("mobius", "mobius-title__description");
-  const containerClasses = (0, import_dedupe57.default)("mobius", "mobius-title__container");
+  const classes = (0, import_dedupe60.default)("mobius", "mobius-title", otherProps.className);
+  const headerClasses = (0, import_dedupe60.default)("mobius", "mobius-title__header");
+  const contentClasses = (0, import_dedupe60.default)("mobius", "mobius-title__description");
+  const containerClasses = (0, import_dedupe60.default)("mobius", "mobius-title__container");
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Element, { ref, ...otherProps, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Flex, { flexDirection: "column", className: containerClasses, children: [
     /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: headerClasses, children: title }),
     /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: contentClasses, children: description })
@@ -4432,7 +4432,7 @@ Title.displayName = "Title";
 
 // src/components/Toast/Toast.tsx
 var import_icons14 = require("@simplybusiness/icons");
-var import_dedupe58 = __toESM(require("classnames/dedupe"));
+var import_dedupe61 = __toESM(require("classnames/dedupe"));
 var import_sonner = require("sonner");
 
 // src/components/Toast/state.ts
@@ -4464,7 +4464,7 @@ var ToastContent = ({
   action,
   cancel,
   showCloseButton = toastState.showCloseButton
-}) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: (0, import_dedupe58.default)("mobius", "mobius-toast", `--${variant}`), children: [
+}) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: (0, import_dedupe61.default)("mobius", "mobius-toast", `--${variant}`), children: [
   /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ToastIcon, { variant }),
   /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "mobius-toast__body", children: [
     /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "mobius-toast__content", children: [
@@ -4571,7 +4571,7 @@ var Toaster = ({
 Toaster.displayName = "Toaster";
 
 // src/components/Trust/Trust.tsx
-var import_dedupe59 = __toESM(require("classnames/dedupe"));
+var import_dedupe62 = __toESM(require("classnames/dedupe"));
 var import_react52 = require("react");
 
 // src/components/Trust/constants.ts
@@ -4666,7 +4666,7 @@ var Trust = ({ ref, ...props }) => {
     "data-style-height": height,
     "data-stars": stars
   };
-  const classes = (0, import_dedupe59.default)(
+  const classes = (0, import_dedupe62.default)(
     "mobius",
     "mobius-trust",
     REQUIRED_TRUSTPILOT_CLASS_NAME,
@@ -4708,7 +4708,7 @@ var Trust = ({ ref, ...props }) => {
 };
 
 // src/components/ExpandableText/ExpandableText.tsx
-var import_dedupe60 = __toESM(require("classnames/dedupe"));
+var import_dedupe63 = __toESM(require("classnames/dedupe"));
 var import_react53 = require("react");
 var import_jsx_runtime74 = require("react/jsx-runtime");
 var ExpandableText = ({ ref, ...props }) => {
@@ -4747,8 +4747,8 @@ var ExpandableText = ({ ref, ...props }) => {
     setIsExpanded(expanded);
     onToggle?.(expanded);
   };
-  const classes = (0, import_dedupe60.default)("mobius-expandable-text", className);
-  const textContainerClasses = (0, import_dedupe60.default)("mobius-expandable-text__content", {
+  const classes = (0, import_dedupe63.default)("mobius-expandable-text", className);
+  const textContainerClasses = (0, import_dedupe63.default)("mobius-expandable-text__content", {
     "mobius-expandable-text__content--collapsed": !isExpanded
   });
   const textContainerStyle = {