@hhgtech/hhg-components 1.29.489 → 1.29.490

package/build/esm/{index-68e54dfc.js → index-da2191c1.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-850564cb.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-3121b76a.js';
-import './index-d5dd38ed.js';
-import { C as CommonGAssets } from './index-8db0b932.js';
-import { M as MAPPED_LOCALE } from './index-aba149d2.js';
-import { L as LOCALE } from './Locale-b2013de4.js';
+import { I as ISO_FORMAT } from './index-a9c34188.js';
+import './index-99ee5a05.js';
+import { C as CommonGAssets } from './index-43593626.js';
+import { M as MAPPED_LOCALE } from './index-b57b2423.js';
+import { L as LOCALE } from './Locale-27ec82e5.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-aef2e609.js → index-db3c0a8f.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-a976119a.js';
-import { u as useTranslations } from './index-540292e6.js';
+import { I as Icon } from './index-b93abe8e.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-3569f4c6.js → index-dcdae455.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-850564cb.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, Box, clsx } from '@mantine/core';
-import './index-4fac9351.js';
+import './index-e2da89bc.js';
 import '@mantine/dates';
-import './index-3121b76a.js';
-import './index-d5dd38ed.js';
-import './index-8db0b932.js';
-import './index-aba149d2.js';
-import { T as Text } from './index-8524e45a.js';
-import { B as Button } from './index-8f8c7974.js';
-import './index-1d21ada3.js';
-import './index.styles-4f5cbf4a.js';
-import { u as useTranslations } from './index-540292e6.js';
+import './index-a9c34188.js';
+import './index-99ee5a05.js';
+import './index-43593626.js';
+import './index-b57b2423.js';
+import { T as Text } from './index-5d34cf46.js';
+import { B as Button } from './index-45b8e84b.js';
+import './index-1cdb2e65.js';
+import './index.styles-4ddad41f.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
 import '@mantine/hooks';
-import './utils-09b2c314.js';
-import './index-dffe8a68.js';
-import { C as CardWrapperContext } from './context-f5092e4d.js';
-import { H as HealthToolFormWrapper } from './index-bead7afc.js';
+import './utils-600236fe.js';
+import './index-57102615.js';
+import { C as CardWrapperContext } from './context-33bb16ec.js';
+import { H as HealthToolFormWrapper } from './index-f80cd612.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-0f955794.js → index-e1d48fcc.js}

@@ -2,10 +2,10 @@ import * as React from 'react';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-9043274c.js';
+import { T as Text } from './index-d66e9963.js';
 import classNames from 'classnames';
-import { I as ImageWrap } from './index-0056c578.js';
-import { T as Text$1 } from './index-8524e45a.js';
+import { I as ImageWrap } from './index-33140421.js';
+import { T as Text$1 } from './index-5d34cf46.js';
 
 /* eslint-disable prettier/prettier */
 const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),

package/build/esm/{index-4fac9351.js → index-e2da89bc.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-850564cb.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-94c2c26b.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-8db0b932.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-1d21ada3.js';
-import { u as useScreenSize, I as ImageWrap } from './index-0056c578.js';
+import { C as CommonGAssets } from './index-43593626.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-1cdb2e65.js';
+import { u as useScreenSize, I as ImageWrap } from './index-33140421.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-8524e45a.js';
-import { t as themeColors } from './index-aba149d2.js';
+import { T as Text } from './index-5d34cf46.js';
+import { t as themeColors } from './index-b57b2423.js';
 import { theme } from './miscTheme.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-868b280c.js';
+import { a as useUniqueId } from './useUniqueId-60c44022.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-8f8c7974.js';
+import { B as Button } from './index-45b8e84b.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-9438deeb.js → index-e478f923.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-8524e45a.js';
+import { T as Text } from './index-5d34cf46.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-09b2c314.js';
+import { M as MediaQueries } from './utils-600236fe.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-3d95de81.js';
-import { R as Radio$1 } from './index-4fac9351.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-850564cb.js';
-import { T as Text$1 } from './index-9043274c.js';
+import { S as ShapedArrowDown } from './index-3e2f2ddc.js';
+import { R as Radio$1 } from './index-e2da89bc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-94c2c26b.js';
+import { T as Text$1 } from './index-d66e9963.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-a2c49331.js';
-import { C as Close } from './Close-4f337299.js';
-import { u as useTranslations } from './index-540292e6.js';
+import { H as Heading } from './index-8c1aecd3.js';
+import { C as Close } from './Close-9269ec3f.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
@@ -236,7 +236,7 @@ const StyledCardCollapse = styled.div `
   }
 `;
 
-function CardCollapse({ children, title, icon, defaultOpened = true, haveCollapse = true, id, className, }) {
+function CardCollapse({ children, title, icon, defaultOpened = true, haveCollapse = true, id, className, as = 'h2', }) {
     const [opened, { toggle }] = useDisclosure(defaultOpened);
     const handleClick = () => {
         if (haveCollapse) {
@@ -246,7 +246,7 @@ function CardCollapse({ children, title, icon, defaultOpened = true, haveCollaps
     return (React__default.createElement(StyledCardCollapse, { id: id, className: className },
         React__default.createElement("div", { className: "box-collapse", onClick: handleClick },
             haveCollapse && icon,
-            React__default.createElement("div", { className: "title-collapse" }, title),
+            React__default.createElement(Text, { as: as, className: "title-collapse" }, title),
             haveCollapse && React__default.createElement(StyledArrowDownIcon, { "data-is-collapsed": opened })),
         React__default.createElement(Collapse, { in: haveCollapse ? opened : true, transitionDuration: 200, transitionTimingFunction: "ease" }, children)));
 }

package/build/esm/{index-f54675d0.js → index-e637d80e.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-850564cb.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
 import { Warning } from '@hhgtech/icons/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-4fac9351.js';
+import './index-e2da89bc.js';
 import '@mantine/dates';
-import './index-3121b76a.js';
-import './index-d5dd38ed.js';
-import './index-8db0b932.js';
-import './index-aba149d2.js';
-import { T as Text } from './index-8524e45a.js';
-import './index-8f8c7974.js';
-import { F as FontWeight } from './index-1d21ada3.js';
-import './index.styles-4f5cbf4a.js';
-import { u as useTranslations } from './index-540292e6.js';
+import './index-a9c34188.js';
+import './index-99ee5a05.js';
+import './index-43593626.js';
+import './index-b57b2423.js';
+import { T as Text } from './index-5d34cf46.js';
+import './index-45b8e84b.js';
+import { F as FontWeight } from './index-1cdb2e65.js';
+import './index.styles-4ddad41f.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-09b2c314.js';
-import './index-dffe8a68.js';
-import { C as CardWrapperContext } from './context-f5092e4d.js';
+import { M as MediaQueries } from './utils-600236fe.js';
+import './index-57102615.js';
+import { C as CardWrapperContext } from './context-33bb16ec.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';

package/build/esm/{index-002ea85b.js → index-e69c915e.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-850564cb.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-4fac9351.js';
-import { D as DatePicker } from './index-68e54dfc.js';
-import { T as Text } from './index-8524e45a.js';
-import './index-8f8c7974.js';
-import './index-1d21ada3.js';
-import './index.styles-4f5cbf4a.js';
-import { u as useTranslations } from './index-540292e6.js';
+import { I as Input } from './index-e2da89bc.js';
+import { D as DatePicker } from './index-da2191c1.js';
+import { T as Text } from './index-5d34cf46.js';
+import './index-45b8e84b.js';
+import './index-1cdb2e65.js';
+import './index.styles-4ddad41f.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
 import '@mantine/hooks';
-import './index-aba149d2.js';
-import './utils-09b2c314.js';
-import './index-dffe8a68.js';
-import { C as CardWrapperContext } from './context-f5092e4d.js';
-import { I as INPUT_RANGE } from './constants-486b6326.js';
-import { H as HealthToolFormWrapper } from './index-bead7afc.js';
-import { G as GenderOptionControl } from './index-3347fd1e.js';
-import { L as LOCALE } from './Locale-b2013de4.js';
+import './index-b57b2423.js';
+import './utils-600236fe.js';
+import './index-57102615.js';
+import { C as CardWrapperContext } from './context-33bb16ec.js';
+import { I as INPUT_RANGE } from './constants-21038496.js';
+import { H as HealthToolFormWrapper } from './index-f80cd612.js';
+import { G as GenderOptionControl } from './index-efb9800d.js';
+import { L as LOCALE } from './Locale-27ec82e5.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-cb3ceb1e.js → index-eaaab630.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-850564cb.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-8f8c7974.js';
+import { B as Button$1 } from './index-45b8e84b.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-3347fd1e.js → index-efb9800d.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-850564cb.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-4fac9351.js';
+import { R as Radio } from './index-e2da89bc.js';
 import '@mantine/dates';
-import './index-3121b76a.js';
-import './index-d5dd38ed.js';
-import { C as CommonGAssets } from './index-8db0b932.js';
-import './index-aba149d2.js';
-import { T as Text } from './index-8524e45a.js';
-import './index-8f8c7974.js';
-import './index-1d21ada3.js';
-import './index.styles-4f5cbf4a.js';
-import { u as useTranslations } from './index-540292e6.js';
+import './index-a9c34188.js';
+import './index-99ee5a05.js';
+import { C as CommonGAssets } from './index-43593626.js';
+import './index-b57b2423.js';
+import { T as Text } from './index-5d34cf46.js';
+import './index-45b8e84b.js';
+import './index-1cdb2e65.js';
+import './index.styles-4ddad41f.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
 import '@mantine/hooks';
-import './utils-09b2c314.js';
-import './index-dffe8a68.js';
+import './utils-600236fe.js';
+import './index-57102615.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-54b6a72c.js → index-f4995663.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-09b2c314.js';
+import { t as toggleNoScroll } from './utils-600236fe.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-ab2139d5.js';
-import { T as Text } from './index-8524e45a.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-ca71e384.js';
+import { T as Text } from './index-5d34cf46.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-bead7afc.js → index-f80cd612.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-850564cb.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-8524e45a.js';
-import { B as Button } from './index-8f8c7974.js';
-import { u as useTranslations } from './index-540292e6.js';
+import { T as Text } from './index-5d34cf46.js';
+import { B as Button } from './index-45b8e84b.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-540292e6.js → index-fcc7fb0c.js}

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

package/build/esm/{index-8b7bf731.js → index-fe11163f.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-27c373d5.js';
+import { C as Container } from './index-4b85d0dc.js';
 import dayjs from 'dayjs';
-import './index-3121b76a.js';
-import './index-4fac9351.js';
+import './index-a9c34188.js';
+import './index-e2da89bc.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-d5dd38ed.js';
-import './index-8db0b932.js';
-import './index-aba149d2.js';
-import { T as Text } from './index-8524e45a.js';
-import './index-8f8c7974.js';
-import './index-1d21ada3.js';
-import './index.styles-4f5cbf4a.js';
-import './translationsContext-b103bad6.js';
+import './index-99ee5a05.js';
+import './index-43593626.js';
+import './index-b57b2423.js';
+import { T as Text } from './index-5d34cf46.js';
+import './index-45b8e84b.js';
+import './index-1cdb2e65.js';
+import './index.styles-4ddad41f.js';
+import './translationsContext-08f61c38.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-09b2c314.js';
-import './index-dffe8a68.js';
-import { u as useScreenSize } from './index-0056c578.js';
+import { M as MediaQueries } from './utils-600236fe.js';
+import './index-57102615.js';
+import { u as useScreenSize } from './index-33140421.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-12bc5123.js';
-import { M as MarryBabyText } from './index-f65cdc5e.js';
+import { L as Logo } from './index-a669b9ed.js';
+import { M as MarryBabyText } from './index-71df1d9a.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;