@hhgtech/hhg-components 1.29.419 → 1.29.420-beta-1

package/build/esm/{index-0426f23f.js → index-46c33337.js}

@@ -1,48 +1,51 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-5963bc29.js';
-import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-d4e185e2.js';
-import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
+import { _ as __rest, a as __awaiter } from './tslib.es6-19d12f26.js';
+import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
+import { R as Radio } from './index-5bac7a46.js';
+import { Stack, Group, createStyles, getStylesRef, Box, clsx, rem, Button as Button$2, AspectRatio } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-f701099c.js';
-import './index-f4288484.js';
-import { C as CommonGAssets } from './index-3f06a39d.js';
-import './index-d04d36d4.js';
-import { T as Text } from './index-821ea8b0.js';
-import { B as Button$1 } from './index-191ab44b.js';
-import './index.styles-57c0d264.js';
-import './translationsContext-539a404d.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-d73129b0.js';
+import './index-4e133a99.js';
+import { C as CommonGAssets } from './index-db60b22d.js';
+import './index-a2f554b3.js';
+import { T as Text } from './index-0652b75d.js';
+import { B as Button$1 } from './index-f7cf398d.js';
+import './index.styles-87b0d6a7.js';
+import './translationsContext-79e6afb0.js';
 import '@mantine/hooks';
-import './text-61cb44ed.js';
-import { M as MediaQueries } from './utils-0a4ff4ca.js';
-import './index-e038eac9.js';
-import { i as isInternalLink } from './index-ab3b6ff2.js';
+import './text-2b51369f.js';
+import { M as MediaQueries } from './utils-1e575bf8.js';
+import './index-279391ec.js';
+import { i as isInternalLink } from './index-e67cee6a.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-707480ef.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput } from './index-2a005f97.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-31ba25b8.js';
+import { L as Logo } from './index-3de86141.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-9db01f41.js';
+import { a as useOutsideClick } from './useOutsideClick-b3698b1a.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-733da889.js';
-import { u as useScreenSize } from './index-f606de13.js';
-import { u as useTranslations } from './index-0b3eda7a.js';
-import { D as Dropdown } from './index-1a3a5538.js';
+import { B as Button } from './index-0055f23e.js';
+import { u as useScreenSize, I as ImageWrap } from './index-3059d59c.js';
+import { u as useTranslations } from './index-8fbc4fca.js';
+import { D as Dropdown } from './index-16f7de54.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-bec9aaac.js';
-import { D as Drawer } from './index-274ec6b2.js';
+import { I as Input } from './index-d945fb06.js';
+import { D as Drawer } from './index-f7c1defa.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-d9693753.js';
+import { L as LOCALE } from './Locale-fab7a069.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
+import { L as Loading } from './index-7f2608d6.js';
+import get from 'lodash/get';
+import debounce from 'lodash/debounce';
 
 const StyledCategoryCard = styled.a `
   display: flex;
@@ -4634,4 +4637,339 @@ const WidgetChatbotAi = ({}) => {
                     React__default.createElement(Button$1, { className: "submitBtn", type: "submit", variant: value ? 'primary' : 'ghost', leftIcon: React__default.createElement(ArrowRight, { size: 16, color: value ? '#fff' : '#595959' }) }))))));
 };
 
-export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DatePicker as D, FloatButtonGroup as F, IconText as I, RadioGroup as R, ScrollList as S, Tabs as T, WidgetChatbotAi as W, CheckboxGroup as a, StatisticCard as b, index as c, DoctorInfo as d, CookieAcceptConfirm as e, SeoHead as f, DateRangePicker as g, ShareContainer as h, index$1 as i, ShareDrawer as j, FixedBottomAdBlock as k };
+const ListContext = createContext(null);
+function useListContext() {
+    const ctx = useContext(ListContext);
+    if (!ctx)
+        throw new Error('useListContext must be used within ListProvider');
+    return ctx;
+}
+
+function Content({ className, children, customLoading, customEmpty, }) {
+    const { loading, items } = useListContext();
+    const { t } = useTranslations();
+    if (loading) {
+        return customLoading ? React__default.createElement(React__default.Fragment, null, customLoading) : React__default.createElement(Loading, null);
+    }
+    if (!items.length) {
+        return customEmpty ? React__default.createElement(React__default.Fragment, null, customEmpty) : React__default.createElement("div", null, t('common.noResult'));
+    }
+    return React__default.createElement("div", { className: className }, children);
+}
+
+function Item({ render, }) {
+    const { items, loading, loadingMore } = useListContext();
+    return (React__default.createElement(React__default.Fragment, null, items.map((item, idx) => (React__default.createElement("div", { key: get(item, 'id', idx) }, render(item, loading, loadingMore))))));
+}
+
+const DEFAULT_PAGE_SIZE = 10;
+function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', defaultFilters = {}, }) {
+    const [items, setItems] = useState([]);
+    const [total, setTotal] = useState(0);
+    const [page, setPage] = useState(1);
+    const [search, setSearch] = useState(defaultSearch);
+    const [loading, setLoading] = useState(false);
+    const [loadingMore, setLoadingMore] = useState(false);
+    const [filters, setFilters] = useState(defaultFilters);
+    const loadData = ({ page, search, isMore, pageSize: customPage, filters: filtersData, }) => __awaiter(this, void 0, void 0, function* () {
+        setLoading(!isMore);
+        setLoadingMore(isMore);
+        try {
+            const res = yield fetcher({
+                page,
+                pageSize: customPage || pageSize,
+                search,
+                filters: filtersData,
+            });
+            if (isMore) {
+                setItems((prevState) => [...prevState, ...res.data]);
+            }
+            else {
+                setItems(res.data);
+            }
+            setPage(page);
+            setTotal(res.total);
+        }
+        finally {
+            setLoading(false);
+            setLoadingMore(false);
+        }
+    });
+    const loadDataDebounce = useCallback(debounce(loadData, 300), []);
+    const handleChangePage = (page) => {
+        loadDataDebounce({
+            search,
+            page,
+        });
+    };
+    const handleLoadMore = () => {
+        const nextPage = page + 1;
+        loadDataDebounce({
+            search,
+            page: nextPage,
+            isMore: true,
+            filters,
+        });
+    };
+    const handleChangeSearch = (value) => {
+        setSearch(value);
+        loadDataDebounce({
+            search: value,
+            page: 1,
+            filters,
+        });
+    };
+    const resetData = () => {
+        setSearch('');
+        setFilters({});
+        loadDataDebounce({
+            page: 1,
+            search: '',
+            filters: {},
+        });
+    };
+    const handleChangeFilter = (filterData) => {
+        const nextFilter = Object.assign({}, filters);
+        if (filterData.filterKey in nextFilter &&
+            nextFilter[filterData.filterKey] === filterData.value) {
+            delete nextFilter[filterData.filterKey];
+        }
+        else {
+            nextFilter[filterData.filterKey] = filterData.value;
+        }
+        setFilters(nextFilter);
+        loadDataDebounce({
+            page: 1,
+            search: search,
+            filters: nextFilter,
+        });
+    };
+    const handleUpdateFilter = (filterObject) => {
+        const nextFilter = Object.assign(Object.assign({}, filters), filterObject);
+        setFilters(nextFilter);
+        loadDataDebounce({
+            page: 1,
+            search: search,
+            filters: nextFilter,
+        });
+    };
+    return {
+        items,
+        total,
+        page,
+        pageSize,
+        search,
+        loading,
+        loadingMore,
+        filters,
+        handleChangePage,
+        handleChangeSearch,
+        handleLoadMore,
+        handleChangeFilter,
+        handleUpdateFilter,
+        resetData,
+    };
+}
+
+function ListProvider({ fetcher, children, defaultFilters, defaultSearch, pageSize, }) {
+    const listState = useList({
+        fetcher,
+        defaultFilters,
+        defaultSearch,
+        pageSize,
+    });
+    const value = useMemo(() => (Object.assign({}, listState)), [
+        listState.items,
+        listState.page,
+        listState.loading,
+        listState.loadingMore,
+        listState.search,
+        listState.total,
+        listState.filters,
+    ]);
+    return React__default.createElement(ListContext.Provider, { value: value }, children);
+}
+
+const StyledFilterItem = styled.div `
+  display: inline-flex;
+  border: 1px solid ${theme.colors.neutral100};
+  padding: 0.5rem 0.75rem;
+  color: ${theme.colors.gray800};
+  text-align: center;
+  font-size: 0.8125rem;
+  border-radius: 0.5rem;
+  line-height: 1.25rem;
+  background-color: ${theme.colors.white};
+  white-space: nowrap;
+  cursor: pointer;
+
+  &.active {
+    border: 1px solid ${theme.colors.blue100};
+    background-color: ${theme.colors.blue50};
+  }
+`;
+
+const StyledVaccineFilter = styled.div `
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+    display: none;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.4);
+    border-radius: 6px;
+  }
+`;
+function QuickFilter(_a) {
+    var { filterOptions, activeFilter, onChange } = _a, restProps = __rest(_a, ["filterOptions", "activeFilter", "onChange"]);
+    const handleChange = (item) => {
+        return ((e) => {
+            onChange === null || onChange === void 0 ? void 0 : onChange(item);
+            const target = e.target;
+            if (target) {
+                target.scrollIntoView({
+                    block: 'nearest',
+                    inline: 'center',
+                    behavior: 'auto',
+                });
+            }
+        });
+    };
+    return (React__default.createElement(StyledVaccineFilter, { className: "flex flex-nowrap gap-2 overflow-x-auto snap-x max-w-full" }, filterOptions.map((item, index) => (React__default.createElement(StyledFilterItem, Object.assign({}, restProps, { key: `filter_${index}`, onClick: handleChange(item), className: clsx('snap-center', {
+            active: activeFilter[item.filterKey] === item.value,
+        }), "data-event-label": item.label }), item.label)))));
+}
+
+function ListQuickFilter(_a) {
+    var { filterOptions } = _a, restProps = __rest(_a, ["filterOptions"]);
+    const { handleChangeFilter, filters } = useListContext();
+    return (React__default.createElement(QuickFilter, Object.assign({}, restProps, { filterOptions: filterOptions, onChange: handleChangeFilter, activeFilter: filters })));
+}
+
+function LoadMore(_a) {
+    var { renderLoadMore } = _a, restProps = __rest(_a, ["renderLoadMore"]);
+    const { loadingMore, handleLoadMore, pageSize, page, total } = useListContext();
+    const totalPages = Math.ceil(total / pageSize);
+    const isEndLoadMore = totalPages === page || !total;
+    const restTotal = total - page * pageSize;
+    const loadMoreNumber = restTotal > pageSize ? pageSize : restTotal;
+    if (isEndLoadMore) {
+        return null;
+    }
+    return (React__default.createElement(Box, { mt: rem(24), className: "text-center" },
+        React__default.createElement(Button$2, Object.assign({}, restProps, { loading: loadingMore, onClick: handleLoadMore, variant: "white", radius: 30, py: 8, px: 32, lh: rem(20), sx: {
+                color: theme.colors.gray800,
+                fontSize: 13,
+                transition: 'color 0.2s',
+                ':hover': {
+                    color: theme.colors.gray600,
+                },
+            } }), typeof renderLoadMore === 'function'
+            ? renderLoadMore({
+                loadingMore,
+                page,
+                pageSize,
+                last: loadMoreNumber,
+            })
+            : `Load more ${loadMoreNumber} items`)));
+}
+
+function Pagination() {
+    const { total, page, handleChangePage, pageSize } = useListContext();
+    const totalPages = Math.ceil(total / pageSize);
+    return (React__default.createElement(Pagination$1, { pagesAmount: totalPages, currentPage: page, onChange: handleChangePage }));
+}
+
+function Search(_a) {
+    var { className, placeholder = 'Search...', formatValue } = _a, restProps = __rest(_a, ["className", "placeholder", "formatValue"]);
+    const { search, handleChangeSearch } = useListContext();
+    const onChange = (value) => {
+        if (formatValue) {
+            handleChangeSearch(formatValue(value));
+            return;
+        }
+        handleChangeSearch(value);
+    };
+    return (React__default.createElement(SearchInput, Object.assign({ value: search, onChange: onChange, placeholder: placeholder, className: className }, restProps)));
+}
+
+const List = {
+    Provider: ListProvider,
+    Search,
+    Content,
+    Pagination,
+    Item,
+    LoadMore,
+    QuickFilter: ListQuickFilter,
+};
+
+const StyleCardItem = styled.div `
+  padding: 1rem;
+  display: grid;
+  grid-template-columns: 1fr 84px;
+  background-color: ${theme.colors.white};
+  gap: 0.75rem;
+
+  .logo {
+    width: 84px;
+    border-radius: 8px;
+    overflow: hidden;
+  }
+
+  /* grid-rows-1 grid-cols-2 order-2 w-[84px] */
+
+  .title {
+    font-size: 0.9375rem;
+    line-height: 1.5rem;
+    font-weight: 600;
+    letter-spacing: -0.2px;
+    color: #1e1e1e;
+  }
+
+  .description {
+    font-size: 0.8125rem;
+    line-height: 1.25rem;
+    color: ${theme.colors.gray600};
+    letter-spacing: -0.3px;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+  }
+
+  .info {
+    gap: 4px;
+    display: flex;
+    flex-direction: column;
+  }
+`;
+styled.div `
+  position: relative;
+  width: 85px;
+  flex-shrink: 0;
+  border-radius: 0.5rem;
+`;
+
+function CardListItem({ title, href, description, logo, defaultImage, LinkComponent = 'a', children, contentInfo, className, }) {
+    return (React__default.createElement(StyleCardItem, { className: className },
+        React__default.createElement("div", { className: "info" },
+            React__default.createElement(LinkComponent, { href: href },
+                React__default.createElement("h5", { className: "title" }, title)),
+            description && (React__default.createElement(LinkComponent, { href: href },
+                React__default.createElement("p", { className: "description" }, description))),
+            contentInfo),
+        React__default.createElement("div", { className: "logo" },
+            React__default.createElement(LinkComponent, { href: href },
+                React__default.createElement(AspectRatio, { ratio: 1, bg: "#EFF4FF" },
+                    React__default.createElement(ImageWrap, { src: logo || defaultImage, width: 84, height: 84, alt: title, backupSrc: defaultImage })))),
+        children));
+}
+
+export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DatePicker as D, FloatButtonGroup as F, IconText as I, List as L, QuickFilter as Q, RadioGroup as R, ScrollList as S, Tabs as T, WidgetChatbotAi as W, CheckboxGroup as a, StatisticCard as b, index as c, DoctorInfo as d, CookieAcceptConfirm as e, SeoHead as f, DateRangePicker as g, ShareContainer as h, index$1 as i, ShareDrawer as j, FixedBottomAdBlock as k, ListContext as l, CardListItem as m, useListContext as u };

package/build/esm/{index-c5b717b3.js → index-4765c245.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-5963bc29.js';
+import { _ as __rest } from './tslib.es6-19d12f26.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-d4e185e2.js';
-import { D as DatePicker } from './index-53376e93.js';
-import './index-821ea8b0.js';
-import './index-191ab44b.js';
-import './index.styles-57c0d264.js';
-import { u as useTranslations } from './index-0b3eda7a.js';
+import './index-5bac7a46.js';
+import { D as DatePicker } from './index-8b2944f0.js';
+import './index-0652b75d.js';
+import './index-f7cf398d.js';
+import './index.styles-87b0d6a7.js';
+import { u as useTranslations } from './index-8fbc4fca.js';
 import '@mantine/hooks';
-import './index-d04d36d4.js';
-import './text-61cb44ed.js';
-import './utils-0a4ff4ca.js';
-import './index-e038eac9.js';
-import { H as HealthToolFormWrapper } from './index-aabf1f0c.js';
-import { G as GenderOptionControl } from './index-934270bc.js';
+import './index-a2f554b3.js';
+import './text-2b51369f.js';
+import './utils-1e575bf8.js';
+import './index-279391ec.js';
+import { H as HealthToolFormWrapper } from './index-84f985bb.js';
+import { G as GenderOptionControl } from './index-eec51dad.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-f4288484.js → index-4e133a99.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-d9693753.js';
+import { L as LOCALE } from './Locale-fab7a069.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-e886646b.js → index-5610e9e1.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-5963bc29.js';
+import { _ as __rest } from './tslib.es6-19d12f26.js';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-f701099c.js';
+import { Z as ZINDEX_SSO } from './index-d73129b0.js';
 
 const StyledDrawerComponentContent = styled(Drawer.Content) `
   position: fixed;

package/build/esm/{index-bd72cf8c.js → index-5a0379f8.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-5963bc29.js';
+import { a as __awaiter } from './tslib.es6-19d12f26.js';
 import { isProduction } from './constantsIsProduction.js';
-import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-89b3718a.js';
-import { L as LOCALE_SPECS, e as BEARER_REFRESH_TOKEN_COOKIE } from './index-f701099c.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-ba312b2b.js';
+import { L as LOCALE_SPECS, e as BEARER_REFRESH_TOKEN_COOKIE } from './index-d73129b0.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-d9693753.js';
+import { L as LOCALE } from './Locale-fab7a069.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-d4e185e2.js → index-5bac7a46.js}

@@ -1,22 +1,22 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-5963bc29.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-19d12f26.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 { Autocomplete, Image, ActionIcon, Select as Select$1, createStyles, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, Popover as Popover$1, rem, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-3f06a39d.js';
-import { u as useScreenSize, I as ImageWrap } from './index-f606de13.js';
+import { C as CommonGAssets } from './index-db60b22d.js';
+import { u as useScreenSize, I as ImageWrap } from './index-3059d59c.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-821ea8b0.js';
-import { t as themeColors } from './index-d04d36d4.js';
+import { T as Text } from './index-0652b75d.js';
+import { t as themeColors } from './index-a2f554b3.js';
 import { theme } from './miscTheme.js';
-import { C as CustomStylesType } from './text-61cb44ed.js';
+import { C as CustomStylesType } from './text-2b51369f.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-f477f2c4.js';
+import { a as useUniqueId } from './useUniqueId-cbdda104.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-191ab44b.js';
+import { B as Button } from './index-f7cf398d.js';
 
 const Select = forwardRef((_a, ref) => {
     var { keepSearch = false } = _a, props = __rest(_a, ["keepSearch"]);

package/build/esm/{index-b0a916ab.js → index-5bd5ad74.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-5963bc29.js';
+import { _ as __rest } from './tslib.es6-19d12f26.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-821ea8b0.js';
-import { u as useTranslations } from './index-0b3eda7a.js';
+import { T as Text } from './index-0652b75d.js';
+import { u as useTranslations } from './index-8fbc4fca.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-66bb61f2.js → index-5cd2794a.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-bec9aaac.js';
+import { L as Label } from './index-d945fb06.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `

package/build/esm/{index-1d2eaa10.js → index-66d15dd7.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-8a48040b.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-f701099c.js';
-import { N as NodeIntentType } from './index-f4288484.js';
+import { c as cookie } from './index-d1904b09.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-d73129b0.js';
+import { N as NodeIntentType } from './index-4e133a99.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-71ef12de.js → index-67530fa1.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-5963bc29.js';
+import { _ as __rest } from './tslib.es6-19d12f26.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-d04d36d4.js';
-import { C as CustomStylesType } from './text-61cb44ed.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-a2f554b3.js';
+import { C as CustomStylesType } from './text-2b51369f.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "customStyleType"]);

package/build/esm/{index-5731d0d8.js → index-6f949065.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-5963bc29.js';
+import { _ as __rest } from './tslib.es6-19d12f26.js';
 import React__default from 'react';
-import './index-d4e185e2.js';
+import './index-5bac7a46.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-f701099c.js';
-import './index-f4288484.js';
-import './index-3f06a39d.js';
-import './index-d04d36d4.js';
-import { T as Text$1 } from './index-821ea8b0.js';
-import './index-191ab44b.js';
-import './index.styles-57c0d264.js';
-import './translationsContext-539a404d.js';
+import './index-d73129b0.js';
+import './index-4e133a99.js';
+import './index-db60b22d.js';
+import './index-a2f554b3.js';
+import { T as Text$1 } from './index-0652b75d.js';
+import './index-f7cf398d.js';
+import './index.styles-87b0d6a7.js';
+import './translationsContext-79e6afb0.js';
 import '@mantine/hooks';
-import './text-61cb44ed.js';
-import './utils-0a4ff4ca.js';
-import './index-e038eac9.js';
+import './text-2b51369f.js';
+import './utils-1e575bf8.js';
+import './index-279391ec.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-89577391.js → index-77b75661.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-5963bc29.js';
+import { _ as __rest } from './tslib.es6-19d12f26.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-d4e185e2.js';
-import { D as DatePicker } from './index-53376e93.js';
-import { T as Text } from './index-821ea8b0.js';
-import './index-191ab44b.js';
-import './index.styles-57c0d264.js';
-import { u as useTranslations } from './index-0b3eda7a.js';
+import { I as Input } from './index-5bac7a46.js';
+import { D as DatePicker } from './index-8b2944f0.js';
+import { T as Text } from './index-0652b75d.js';
+import './index-f7cf398d.js';
+import './index.styles-87b0d6a7.js';
+import { u as useTranslations } from './index-8fbc4fca.js';
 import '@mantine/hooks';
-import './index-d04d36d4.js';
-import './text-61cb44ed.js';
-import './utils-0a4ff4ca.js';
-import './index-e038eac9.js';
-import { I as INPUT_RANGE } from './constants-d96d01e9.js';
-import { H as HealthToolFormWrapper } from './index-aabf1f0c.js';
-import { G as GenderOptionControl } from './index-934270bc.js';
-import { L as LOCALE } from './Locale-d9693753.js';
+import './index-a2f554b3.js';
+import './text-2b51369f.js';
+import './utils-1e575bf8.js';
+import './index-279391ec.js';
+import { I as INPUT_RANGE } from './constants-34fbbb2b.js';
+import { H as HealthToolFormWrapper } from './index-84f985bb.js';
+import { G as GenderOptionControl } from './index-eec51dad.js';
+import { L as LOCALE } from './Locale-fab7a069.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});