@hhgtech/hhg-components 1.29.478 → 1.29.479

package/build/esm/{index-94784cf9.js → index-ce252ef8.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-6512d090.js';
+import { T as Text } from './index-d8f453a0.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-64169dd2.js';
+import { M as MediaQueries } from './utils-68c1eb3a.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-ee8c5351.js';
-import { R as Radio$1 } from './index-c21452e2.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-45ce6353.js';
-import { T as Text$1 } from './index-67cd6f36.js';
+import { S as ShapedArrowDown } from './index-98f46d65.js';
+import { R as Radio$1 } from './index-d53b5d64.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e6b0683d.js';
+import { T as Text$1 } from './index-f02fdc64.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-16706645.js';
-import { C as Close } from './Close-89f9bf3a.js';
-import { u as useTranslations } from './index-2446c72e.js';
+import { H as Heading } from './index-2b1fb52f.js';
+import { C as Close } from './Close-df872805.js';
+import { u as useTranslations } from './index-dcfca694.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-c0988930.js → index-ce445296.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-2446c72e.js';
-import { B as Button } from './index-122cc18c.js';
+import { u as useTranslations } from './index-dcfca694.js';
+import { B as Button } from './index-73d5e63f.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-1c436001.js → index-d14dcfff.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-45ce6353.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e6b0683d.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio } from './index-c21452e2.js';
+import { R as Radio } from './index-d53b5d64.js';
 import { Stack, Group, createStyles, getStylesRef, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-560aca98.js';
-import './index-815ae747.js';
-import { C as CommonGAssets } from './index-56dced9f.js';
-import './index-35f35129.js';
-import { T as Text } from './index-6512d090.js';
-import { B as Button$1 } from './index-f2d228af.js';
-import './index-5b28ac5e.js';
-import './index.styles-5b99525e.js';
-import './translationsContext-50bce11b.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-54ebeb31.js';
+import './index-964f9e56.js';
+import { C as CommonGAssets } from './index-e1c3e0e1.js';
+import './index-0bfcb7a7.js';
+import { T as Text } from './index-d8f453a0.js';
+import { B as Button$1 } from './index-149a4bcb.js';
+import './index-7d49f9d1.js';
+import './index.styles-c89285e1.js';
+import './translationsContext-76d53c58.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-64169dd2.js';
-import './index-055b1f1b.js';
-import { i as isInternalLink } from './index-fcb4fe71.js';
+import { M as MediaQueries } from './utils-68c1eb3a.js';
+import './index-fef013de.js';
+import { i as isInternalLink } from './index-0e912e3d.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-d755f3c5.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-ab4817a2.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-7e5b4813.js';
+import { L as Logo } from './index-ab69f10d.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-0cfddff2.js';
+import { a as useOutsideClick } from './useOutsideClick-1255b7f7.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-122cc18c.js';
-import { u as useScreenSize, I as ImageWrap } from './index-20ba006e.js';
-import { u as useTranslations } from './index-2446c72e.js';
+import { B as Button } from './index-73d5e63f.js';
+import { u as useScreenSize, I as ImageWrap } from './index-9d64f5f1.js';
+import { u as useTranslations } from './index-dcfca694.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-7dab16d5.js';
+import { D as Dropdown } from './index-e5b066b3.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-21f88271.js';
-import { D as Drawer } from './index-81a9e7c6.js';
+import { I as Input } from './index-60e3d1e4.js';
+import { D as Drawer } from './index-4872bbe7.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-9ebdf028.js';
+import { L as LOCALE } from './Locale-7ac6b152.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-ab83b4b5.js';
-import { L as Loading } from './index-f5c8b482.js';
+import { A as ArrowRightBlue } from './index-b1db253e.js';
+import { L as Loading } from './index-54fe9407.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 

package/build/esm/{index-f5db0285.js → index-d1783286.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-45ce6353.js';
+import { _ as __rest } from './tslib.es6-e6b0683d.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-815ae747.js';
+import './index-964f9e56.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-56dced9f.js';
+import { C as CommonGAssets } from './index-e1c3e0e1.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-20ba006e.js';
-import { T as Text } from './index-67cd6f36.js';
-import { L as LOCALE } from './Locale-9ebdf028.js';
-import { e as CentralCarousel } from './index-c21452e2.js';
+import { I as ImageWrap } from './index-9d64f5f1.js';
+import { T as Text } from './index-f02fdc64.js';
+import { L as LOCALE } from './Locale-7ac6b152.js';
+import { e as CentralCarousel } from './index-d53b5d64.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-c21452e2.js → index-d53b5d64.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-45ce6353.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e6b0683d.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { createStyles, rem, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, Flex, clsx, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-56dced9f.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-5b28ac5e.js';
-import { u as useScreenSize, I as ImageWrap } from './index-20ba006e.js';
+import { C as CommonGAssets } from './index-e1c3e0e1.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-7d49f9d1.js';
+import { u as useScreenSize, I as ImageWrap } from './index-9d64f5f1.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-6512d090.js';
-import { t as themeColors } from './index-35f35129.js';
+import { T as Text } from './index-d8f453a0.js';
+import { t as themeColors } from './index-0bfcb7a7.js';
 import { theme } from './miscTheme.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-fb473ef0.js';
+import { a as useUniqueId } from './useUniqueId-168a619f.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-f2d228af.js';
+import { B as Button } from './index-149a4bcb.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;
@@ -1211,7 +1211,7 @@ function transferOtpToValue(otp) {
     return otp.join('');
 }
 
-var styles$2 = {"otpContainer":"_2iQs0sk","otpInput":"Ia6IojY","error":"yJs9MaD"};
+var styles$1 = {"otpContainer":"_2iQs0sk","otpInput":"Ia6IojY","error":"yJs9MaD"};
 
 const BACKSPACE = 8;
 const LEFT_ARROW = 37;
@@ -1220,7 +1220,7 @@ const DELETE = 46;
 const SPACEBAR = 32;
 const OTPInputFunction = (props, ref) => {
     const { maxLength = 1, placeholder, className } = props, restProps = __rest(props, ["maxLength", "placeholder", "className"]);
-    return (React__default.createElement("input", Object.assign({ maxLength: maxLength, className: classNames(styles$2.otpInput, 'otpInput', className), placeholder: placeholder, type: "number" }, restProps, { ref: ref })));
+    return (React__default.createElement("input", Object.assign({ maxLength: maxLength, className: classNames(styles$1.otpInput, 'otpInput', className), placeholder: placeholder, type: "number" }, restProps, { ref: ref })));
 };
 const OTPInput = forwardRef(OTPInputFunction);
 const OTPFowardRef = (props, ref) => {
@@ -1335,7 +1335,7 @@ const OTPFowardRef = (props, ref) => {
         setOtp(() => transferValueToOtp(valueProps, valueLength));
         setValue(valueProps);
     }, [valueLength, valueProps]);
-    return (React__default.createElement(Flex, { justify: "center", columnGap: 8, className: classNames(styles$2.otpContainer, 'otpContainer') }, otp.map((val, index) => {
+    return (React__default.createElement(Flex, { justify: "center", columnGap: 8, className: classNames(styles$1.otpContainer, 'otpContainer') }, otp.map((val, index) => {
         return (React__default.createElement(OTPInput, Object.assign({}, otpShareProps, { ref: (iRef) => {
                 inputRef.current[index] = iRef;
             }, key: '' + index, value: val, type: type, onChange: inputOnChange, onFocus: inputOnFocus, onKeyDown: inputOnKeyDown, onPaste: inputOnPaste, onBlur: onBlur, placeholder: placeholder })));
@@ -1542,7 +1542,7 @@ const VietnamSquareIcon = (props) => (React__default.createElement("svg", Object
         React__default.createElement("path", { d: "M2.01386e-10 2C0 0.895431 0.895431 -7.50368e-10 2 -1.67599e-09L22 -1.84359e-08C23.1046 -1.93615e-08 24 0.895431 24 2L24 14C24 15.1046 23.1046 16 22 16L2 16C0.89543 16 1.52092e-09 15.1046 1.4097e-09 14L2.01386e-10 2Z", fill: "#DA251D" }),
         React__default.createElement("path", { d: "M13.7823 8.92854L16.6663 6.8332L13.1016 6.8332L11.9997 3.44287L10.8978 6.8332L7.33301 6.8332L10.217 8.92854L9.11567 12.3195L11.9997 10.2235L14.8837 12.3195L13.7823 8.92854Z", fill: "#FFEB3B" }))));
 
-var styles$1 = {"flag":"pfaLGRK"};
+var styles = {"flag":"pfaLGRK"};
 
 const Flag = ({ country, language, rounded, height, width, isTesting, className, }) => {
     let flag;
@@ -1629,7 +1629,7 @@ const Flag = ({ country, language, rounded, height, width, isTesting, className,
                 break;
         }
     }
-    return (React__default.createElement("div", { className: `${styles$1.flag} ${className || ''}`, style: {
+    return (React__default.createElement("div", { className: `${styles.flag} ${className || ''}`, style: {
             '--width': width || 20,
             '--height': height || 20,
         } }, rounded ? flagRounded : flag));
@@ -1646,8 +1646,6 @@ const countriesDefault = Object.values(siteOptions).reduce((countries, { phoneCo
     return countries;
 }, []);
 
-var styles = {"phoneInput":"i-9Ibox","error":"YDWHh9b","selectedCountry":"_87SIJ95"};
-
 const PhoneForwardRef = (props, ref) => {
     const { isError, defaultCountry, selectedCountry, countries = countriesDefault, countryCallingCodeEditable = false, defaultValue, value: valueProps, onChange: onChangeProps, flagComponent: flagComponentProps, arrowComponent: arrowComponentProps, withFloatingLabel, className, inputId, label, error } = props, inputProps = __rest(props, ["isError", "defaultCountry", "selectedCountry", "countries", "countryCallingCodeEditable", "defaultValue", "value", "onChange", "flagComponent", "arrowComponent", "withFloatingLabel", "className", "inputId", "label", "error"]);
     const [value, setValue] = useState(defaultValue || valueProps);
@@ -1666,13 +1664,13 @@ const PhoneForwardRef = (props, ref) => {
             : '';
         return (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(Flag, Object.assign({ country: country, title: countryName }, restProps)),
-            React__default.createElement(Text, { size: "p2", variant: "primary", className: classNames(styles.callingCode, 'PhoneInputCountryIconCallingCode') }, callingCode)));
+            React__default.createElement(Text, { size: "p2", variant: "primary", className: classNames(undefined, 'PhoneInputCountryIconCallingCode') }, callingCode)));
     }, [flagComponentProps, PhoneInputUtils]);
     const arrowComponent = useCallback(() => {
         if (arrowComponentProps) {
             return arrowComponentProps();
         }
-        return (React__default.createElement("div", { className: classNames(styles.arrowSelect, 'PhoneInputArrowContainer') },
+        return (React__default.createElement("div", { className: classNames(undefined, 'PhoneInputArrowContainer') },
             React__default.createElement(CaretDown, null)));
     }, [arrowComponentProps]);
     const onChange = (val) => {
@@ -1695,10 +1693,10 @@ const PhoneForwardRef = (props, ref) => {
         label,
         value,
         onChange,
-        countries, defaultCountry: defaultCountry || selectedCountry, countryCallingCodeEditable, displayInitialValueAsLocalNumber: true, className: classNames(styles.phoneInput, {
+        countries, defaultCountry: defaultCountry || selectedCountry, countryCallingCodeEditable, displayInitialValueAsLocalNumber: true, className: classNames(undefined, {
             isError,
-            [styles.error]: isError,
-            [styles.selectedCountry]: selectedCountry,
+            [undefined]: isError,
+            [undefined]: selectedCountry,
         }, className), flagUrl: undefined, flagComponent, countrySelectProps: { arrowComponent }, id: inputId }, inputProps);
     if (withFloatingLabel) {
         return (React__default.createElement(FloatingLabelControl, { shrink: !!value },
@@ -1794,4 +1792,4 @@ const _ChipButton = (_a) => {
 const ChipButton = _ChipButton;
 ChipButton.Group = Chip.Group;
 
-export { Anchor as A, Breadcrumbs as B, CaretDown as C, DEBOUNCED_TIME as D, ErrorIcon as E, Flag as F, Input as I, NumberInput as N, OTP as O, Phone as P, Radio as R, Select as S, Avatar as a, AspectRatio as b, ErrorLabel as c, Checkbox as d, CentralCarousel as e, ChipButton as f, PasswordInput as g, ErrorBoundary as h, StyledSliderWrapper as i, StyledSlider as j, Accordion as k, Carousel as l, emotionCache as m, PhoneInput as n, Popover as o, styles as s, useStyles$2 as u };
+export { Anchor as A, Breadcrumbs as B, CaretDown as C, DEBOUNCED_TIME as D, ErrorIcon as E, Flag as F, Input as I, NumberInput as N, OTP as O, Phone as P, Radio as R, Select as S, Avatar as a, AspectRatio as b, ErrorLabel as c, Checkbox as d, CentralCarousel as e, ChipButton as f, PasswordInput as g, ErrorBoundary as h, StyledSliderWrapper as i, StyledSlider as j, Accordion as k, Carousel as l, emotionCache as m, PhoneInput as n, Popover as o, useStyles$2 as u };

package/build/esm/{index-6512d090.js → index-d8f453a0.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-45ce6353.js';
+import { _ as __rest } from './tslib.es6-e6b0683d.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-5b28ac5e.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-7d49f9d1.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-2446c72e.js → index-dcfca694.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-50bce11b.js';
+import { T as TranslationsContext } from './translationsContext-76d53c58.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {

package/build/esm/{index-c4f775a2.js → index-e8949828.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-122cc18c.js';
-import { T as TogetherComponentGlobalContext } from './utils-c69afac5.js';
+import { B as Button } from './index-73d5e63f.js';
+import { T as TogetherComponentGlobalContext } from './utils-b0048afb.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-9718f8c6.js → index-edc0ac81.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-45ce6353.js';
+import { _ as __rest } from './tslib.es6-e6b0683d.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-5b99525e.js';
+import { u as useStyles } from './index.styles-c89285e1.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-fd6d7d79.js → index-edc629c4.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-45ce6353.js';
+import { _ as __rest } from './tslib.es6-e6b0683d.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-c69afac5.js';
+import { T as TogetherComponentGlobalContext } from './utils-b0048afb.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-67cd6f36.js → index-f02fdc64.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-45ce6353.js';
+import { _ as __rest } from './tslib.es6-e6b0683d.js';
 import React__default from 'react';
-import './index-c21452e2.js';
+import './index-d53b5d64.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-560aca98.js';
-import './index-815ae747.js';
-import './index-56dced9f.js';
-import './index-35f35129.js';
-import { T as Text$1 } from './index-6512d090.js';
-import './index-f2d228af.js';
-import './index-5b28ac5e.js';
-import './index.styles-5b99525e.js';
-import './translationsContext-50bce11b.js';
+import './index-54ebeb31.js';
+import './index-964f9e56.js';
+import './index-e1c3e0e1.js';
+import './index-0bfcb7a7.js';
+import { T as Text$1 } from './index-d8f453a0.js';
+import './index-149a4bcb.js';
+import './index-7d49f9d1.js';
+import './index.styles-c89285e1.js';
+import './translationsContext-76d53c58.js';
 import '@mantine/hooks';
-import './utils-64169dd2.js';
-import './index-055b1f1b.js';
+import './utils-68c1eb3a.js';
+import './index-fef013de.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-0c8c6183.js → index-f05c70f1.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-960a1d62.js';
-import { T as Text } from './index-67cd6f36.js';
+import { M as MarryBabyText } from './index-511acc18.js';
+import { T as Text } from './index-f02fdc64.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-435ca731.js → index-f4b041dc.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-5b28ac5e.js';
-import { _ as __rest } from './tslib.es6-45ce6353.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-7d49f9d1.js';
+import { _ as __rest } from './tslib.es6-e6b0683d.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-4e273edc.js → index-f6e7941f.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-45ce6353.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e6b0683d.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-2446c72e.js';
+import { u as useTranslations } from './index-dcfca694.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-f1c3c8f9.js';
-import { L as LOCALIZED_SLUGS } from './constants-26749107.js';
-import { B as Button } from './index-f2d228af.js';
-import './index-560aca98.js';
-import { c as callApi, g as getCarePath } from './utils-c69afac5.js';
+import { P as PATHS } from './paths-94499eed.js';
+import { L as LOCALIZED_SLUGS } from './constants-394cd914.js';
+import { B as Button } from './index-149a4bcb.js';
+import './index-54ebeb31.js';
+import { c as callApi, g as getCarePath } from './utils-b0048afb.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-93e9f469.js → index-fd5244fd.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-1e93154d.js';
+import { C as Container } from './index-423b816a.js';
 import dayjs from 'dayjs';
-import './index-560aca98.js';
-import './index-c21452e2.js';
+import './index-54ebeb31.js';
+import './index-d53b5d64.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-815ae747.js';
-import './index-56dced9f.js';
-import './index-35f35129.js';
-import { T as Text } from './index-6512d090.js';
-import './index-f2d228af.js';
-import './index-5b28ac5e.js';
-import './index.styles-5b99525e.js';
-import './translationsContext-50bce11b.js';
+import './index-964f9e56.js';
+import './index-e1c3e0e1.js';
+import './index-0bfcb7a7.js';
+import { T as Text } from './index-d8f453a0.js';
+import './index-149a4bcb.js';
+import './index-7d49f9d1.js';
+import './index.styles-c89285e1.js';
+import './translationsContext-76d53c58.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-64169dd2.js';
-import './index-055b1f1b.js';
-import { u as useScreenSize } from './index-20ba006e.js';
+import { M as MediaQueries } from './utils-68c1eb3a.js';
+import './index-fef013de.js';
+import { u as useScreenSize } from './index-9d64f5f1.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-7e5b4813.js';
-import { M as MarryBabyText } from './index-960a1d62.js';
+import { L as Logo } from './index-ab69f10d.js';
+import { M as MarryBabyText } from './index-511acc18.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-055b1f1b.js → index-fef013de.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-45ce6353.js';
+import { _ as __rest } from './tslib.es6-e6b0683d.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-f2d228af.js';
-import { T as Text } from './index-6512d090.js';
+import { B as Button } from './index-149a4bcb.js';
+import { T as Text } from './index-d8f453a0.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-5a20db0a.js → index-fff4f6bc.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-1e93154d.js';
-import { T as Text } from './index-6512d090.js';
+import { C as Container } from './index-423b816a.js';
+import { T as Text } from './index-d8f453a0.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);