@hhgtech/hhg-components 1.29.500-beta-2 → 1.29.500-beta-4

package/build/{index-3d08b938.js → index-32159350.js}

@@ -1,55 +1,57 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5acb4e06.js');
+var tslib_es6 = require('./tslib.es6-9d29feb7.js');
 var React = require('react');
-var index$5 = require('./index-f5e9b364.js');
+var index$5 = require('./index-3e27db66.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-7b72c56d.js');
-require('./index-8a475cef.js');
-var index$b = require('./index-5ee77f91.js');
-require('./index-140f88aa.js');
-var index$3 = require('./index-3de9f044.js');
-var index$f = require('./index-a736619d.js');
-require('./index-488dd0de.js');
-require('./index.styles-07e6d846.js');
-require('./translationsContext-8063509f.js');
+var index$7 = require('./index-cf1194a1.js');
+require('./index-5bafff3d.js');
+var index$b = require('./index-99a8238e.js');
+require('./index-013bca28.js');
+var index$3 = require('./index-d07487d4.js');
+var index$f = require('./index-b7b92078.js');
+require('./index-460bb4f8.js');
+require('./index.styles-7b0eafe5.js');
+require('./translationsContext-a2f34b0b.js');
 require('@mantine/hooks');
-var utils = require('./utils-2f9950c1.js');
-require('./index-6a76ef06.js');
-var index$2 = require('./index-4034588b.js');
+var utils = require('./utils-147d70ee.js');
+require('./index-16e5926a.js');
+var index$2 = require('./index-3b79d048.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-89919948.js');
+var index$4 = require('./index-d7df592f.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-155b0dc6.js');
+var index$6 = require('./index-b12ba139.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var useOutsideClick = require('./useOutsideClick-1fa93a64.js');
+var useOutsideClick = require('./useOutsideClick-edb31afa.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$a = require('./index-11c62c3a.js');
-var index$8 = require('./index-2fd39ee8.js');
-var index$9 = require('./index-d1305da5.js');
+var index$a = require('./index-be1ba6c4.js');
+var index$8 = require('./index-ba05c96b.js');
+var index$9 = require('./index-cf303a6a.js');
 var classNames = require('classnames');
-var index$c = require('./index-8b316aa4.js');
+var index$c = require('./index-684d76ee.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-0c12b254.js');
-var index$d = require('./index-2b5b67fe.js');
+var index$e = require('./index-5a5f8aed.js');
+var index$d = require('./index-3b2f75dd.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-6bbe8ace.js');
+var Locale = require('./Locale-f8c1062a.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-0d69cb52.js');
-var index$h = require('./index-ea555a94.js');
+var index$g = require('./index-35462cef.js');
+var index$h = require('./index-ded664b0.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
+var Close = require('./Close-20036bee.js');
+var carousel = require('@mantine/carousel');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -5447,6 +5449,9 @@ const ImageCarouselContainer = styled__default["default"].div `
   }
 `;
 const StyledImageCarousel = styled__default["default"](index$5.Carousel) `
+  height: 100%;
+  flex: 1;
+
   .mantine-Carousel-controls {
     padding-left: 4px;
     padding-right: 4px;
@@ -5460,6 +5465,7 @@ const StyledImageCarousel = styled__default["default"](index$5.Carousel) `
     align-items: center;
     justify-content: center;
     opacity: 1;
+    width: auto;
 
     &:hover {
       background-color: #fff;
@@ -5557,6 +5563,377 @@ GeneralInfo.Container = GeneralInfoContainer;
 GeneralInfo.Image = ProductImage;
 GeneralInfo.Content = ProductContent;
 
+const GalleryLayout = styled__default["default"].div `
+  max-width: 1128px;
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  height: 100%;
+
+  ${utils.MediaQueries.mbUp} {
+    flex-direction: row;
+    /* height: auto; */
+    height: 100%;
+  }
+`;
+const GalleryMain = styled__default["default"].div `
+  min-width: 0;
+  height: calc(100% - 108px);
+  width: 100%;
+  ${utils.MediaQueries.mbUp} {
+    height: auto;
+    max-height: calc(100dvh - 10dvh);
+  }
+`;
+const GallerySidebar = styled__default["default"].div `
+  width: 100%;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+  width: 412px;
+  padding: 64px 36px 24px 40px;
+`;
+const ThumbnailsGrid = styled__default["default"].div `
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: row;
+  gap: 0.5rem;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scroll-snap-type: x mandatory;
+  -webkit-overflow-scrolling: touch;
+  padding: 16px;
+
+  scroll-padding: 0px 16px;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  scrollbar-width: none;
+
+  ${utils.MediaQueries.mbUp} {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 1rem;
+    overflow: visible;
+    scroll-snap-type: none;
+    padding: 0;
+  }
+`;
+const ThumbnailButton = styled__default["default"].button `
+  border: 2px solid ${miscTheme.theme.colors.gray200};
+  border-radius: 0.5rem;
+  padding: 0;
+  background-color: transparent;
+  width: 72px;
+  height: 72px;
+  flex-shrink: 0;
+  overflow: hidden;
+  cursor: pointer;
+  transition: border-color 0.15s ease;
+  scroll-snap-align: start;
+
+  ${utils.MediaQueries.mbUp} {
+    scroll-snap-align: unset;
+  }
+
+  &[data-active='true'] {
+    border-color: ${miscTheme.theme.colors.primaryBase};
+  }
+
+  &:hover {
+    border-color: ${miscTheme.theme.colors.primaryBase};
+  }
+
+  &:focus-visible {
+    outline: 2px solid ${miscTheme.theme.colors.primaryBase};
+    outline-offset: 2px;
+  }
+`;
+const LargeImageWrapper = styled__default["default"].div `
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-color: ${miscTheme.theme.colors.neutral50};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  ${utils.MediaQueries.mbUp} {
+    height: 100%;
+    aspect-ratio: 716 / 720;
+  }
+`;
+const MainGalleryImage = styled__default["default"](index$4.ImageWrapV2) `
+  background-color: ${miscTheme.theme.colors.neutral50};
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  object-position: center;
+`;
+const EmptyState = styled__default["default"].div `
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  align-items: center;
+  justify-content: center;
+  min-height: 240px;
+  text-align: center;
+`;
+const StyledModal = styled__default["default"](core.Modal) `
+  .mantine-Modal-header {
+    padding: 12px 16px;
+    border-bottom: 1px solid #0000001a;
+  }
+
+  .mantine-Modal-close {
+    width: 24px;
+    height: 24px;
+    & > svg {
+      width: auto !important;
+      height: auto !important;
+    }
+  }
+  .mantine-Modal-title {
+    font-weight: 600;
+    font-size: 15px;
+    line-height: 24px;
+    letter-spacing: -0.3px;
+  }
+  .mantine-Modal-inner {
+    left: 0;
+  }
+
+  .mantine-Modal-content {
+    ${utils.MediaQueries.mbDown} {
+      display: grid;
+      grid-template-rows: 48px calc(100% - 48px);
+      grid-template-columns: 100%;
+    }
+
+    ${utils.MediaQueries.mbUp} {
+      border-radius: 12px;
+    }
+  }
+
+  .mantine-Modal-body {
+    height: 100%;
+    max-height: 100%;
+    padding: 0;
+  }
+
+  .closeModal {
+    position: absolute;
+    right: 16px;
+    top: 16px;
+    cursor: pointer;
+  }
+`;
+const StyledCarousel = styled__default["default"](index$5.Carousel) `
+  height: 100%;
+
+  .mantine-Carousel-controls {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .mantine-Carousel-control {
+    background-color: #fff;
+    border: none;
+    box-shadow: none;
+    padding: 0;
+    align-items: center;
+    justify-content: center;
+    opacity: 1;
+    width: auto;
+
+    &:hover {
+      background-color: #fff;
+    }
+
+    &:active {
+      background-color: #fff;
+    }
+
+    &[data-inactive] {
+      opacity: 0.5;
+      cursor: default;
+    }
+  }
+
+  .mantine-Carousel-indicators {
+    gap: 0.375rem;
+    bottom: 0.5rem;
+  }
+
+  .mantine-Carousel-indicator {
+    width: 5px;
+    height: 5px;
+    border-radius: 50%;
+    background-color: ${miscTheme.theme.colors.gray200};
+    opacity: 1;
+
+    &[data-active] {
+      background-color: ${miscTheme.theme.colors.black};
+    }
+  }
+`;
+
+const ModalGalleryContext = React.createContext(null);
+function useModalGalleryContext() {
+    const ctx = React.useContext(ModalGalleryContext);
+    if (!ctx)
+        throw new Error('useModalGalleryContext must be used within ModalGalleryProvider');
+    return ctx;
+}
+
+const TRANSITION_DURATION$1 = 200;
+function GalleryCarousel() {
+    const { galleryImages, altPrefix, backupSrc, isMobile, setActiveIndex, setEmbla, embla, initialSlide, } = useModalGalleryContext();
+    carousel.useAnimationOffsetEffect(embla, TRANSITION_DURATION$1);
+    const handleEmblaReady = (emblaApi) => {
+        setEmbla(emblaApi);
+    };
+    const handleSlideChange = (index) => {
+        setActiveIndex(index);
+    };
+    return (React__namespace["default"].createElement(StyledCarousel, { align: "center", slideSize: "100%", withControls: galleryImages.length > 1 && !isMobile, withIndicators: false, dragFree: false, slideGap: 0, draggable: galleryImages.length > 1 && isMobile, getEmblaApi: handleEmblaReady, onSlideChange: handleSlideChange, loop: false, height: "100%", controlSize: 32, initialSlide: initialSlide }, galleryImages.map((imageUrl, index) => (React__namespace["default"].createElement(index$5.Carousel.Slide, { key: `${imageUrl}-${index}` },
+        React__namespace["default"].createElement(LargeImageWrapper, null,
+            React__namespace["default"].createElement(MainGalleryImage, { src: imageUrl, alt: `${altPrefix} - ${index + 1}`, backupSrc: backupSrc })))))));
+}
+
+function GalleryThumbnails({ isMobile }) {
+    const { galleryImages, altPrefix, backupSrc, activeIndex, handleThumbnailClick, } = useModalGalleryContext();
+    const itemRefs = React.useRef([]);
+    React.useEffect(() => {
+        const activeItem = itemRefs.current[activeIndex];
+        if (activeItem && isMobile) {
+            activeItem.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+                inline: 'center',
+            });
+        }
+    }, [activeIndex, isMobile]);
+    return (React__namespace["default"].createElement(ThumbnailsGrid, null, galleryImages.map((imageUrl, index) => (React__namespace["default"].createElement(ThumbnailButton, { key: `${imageUrl}-${index}`, type: "button", "data-active": activeIndex === index, onClick: () => handleThumbnailClick(index), ref: (el) => (itemRefs.current[index] = el) },
+        React__namespace["default"].createElement(CarouselImageItem, { src: imageUrl, alt: `${altPrefix} thumbnail - ${index + 1}`, backupSrc: backupSrc, width: 72 }))))));
+}
+
+function GalleryTitle({ isMobile }) {
+    const { generalInfo } = useModalGalleryContext();
+    // Mobile title is handled by Modal title prop
+    if (isMobile) {
+        return null;
+    }
+    if (typeof generalInfo.name === 'string') {
+        return (React__namespace["default"].createElement(index$3.Text, { size: "h5", fw: 600, color: "gray1000", as: "h2" }, generalInfo.name));
+    }
+    return React__namespace["default"].createElement(React__namespace["default"].Fragment, null, generalInfo.name);
+}
+
+function ModalGalleryContent() {
+    const { galleryImages, isMobile } = useModalGalleryContext();
+    const hasImages = galleryImages.length > 0;
+    if (!hasImages) {
+        return (React__namespace["default"].createElement(EmptyState, null,
+            React__namespace["default"].createElement(GalleryTitle, { isMobile: isMobile }),
+            React__namespace["default"].createElement(index$3.Text, { size: "p2", color: "gray600" }, "No images available.")));
+    }
+    return (React__namespace["default"].createElement(GalleryLayout, null,
+        React__namespace["default"].createElement(GalleryMain, null,
+            React__namespace["default"].createElement(GalleryCarousel, null)),
+        !isMobile && (React__namespace["default"].createElement(GallerySidebar, null,
+            React__namespace["default"].createElement(GalleryTitle, { isMobile: isMobile }),
+            React__namespace["default"].createElement(GalleryThumbnails, { isMobile: isMobile }))),
+        isMobile && React__namespace["default"].createElement(GalleryThumbnails, { isMobile: isMobile })));
+}
+
+const clampIndex = (index, length) => {
+    if (!length || typeof index !== 'number')
+        return 0;
+    if (index < 0)
+        return 0;
+    if (index >= length)
+        return length - 1;
+    return index;
+};
+function useModalGallery({ generalInfo, imageCarousel = [], backupSrc, isMobile = false, initialSlide = 0, }) {
+    const galleryImages = React.useMemo(() => {
+        if (imageCarousel === null || imageCarousel === void 0 ? void 0 : imageCarousel.length)
+            return imageCarousel;
+        const fallbackImages = [generalInfo.banner, generalInfo.logo].filter((src) => Boolean(src));
+        return fallbackImages;
+    }, [generalInfo.banner, generalInfo.logo, imageCarousel]);
+    const [activeIndex, setActiveIndex] = React.useState(() => clampIndex(initialSlide, galleryImages.length));
+    const [embla, setEmbla] = React.useState(null);
+    React.useEffect(() => {
+        setActiveIndex(clampIndex(initialSlide, galleryImages.length));
+    }, [galleryImages.length, initialSlide]);
+    React.useEffect(() => {
+        if (!embla || !galleryImages.length)
+            return;
+        const current = embla.selectedScrollSnap();
+        if (current !== activeIndex) {
+            embla.scrollTo(activeIndex);
+        }
+    }, [activeIndex, embla, galleryImages.length]);
+    const altPrefix = generalInfo.altText ||
+        (typeof generalInfo.name === 'string' ? generalInfo.name : 'product image');
+    const handleThumbnailClick = React.useCallback((index) => {
+        setActiveIndex(index);
+        embla === null || embla === void 0 ? void 0 : embla.scrollTo(index);
+    }, [embla]);
+    return {
+        generalInfo,
+        imageCarousel,
+        backupSrc,
+        isMobile,
+        activeIndex,
+        embla,
+        altPrefix,
+        galleryImages,
+        setActiveIndex,
+        setEmbla,
+        handleThumbnailClick,
+    };
+}
+
+function ModalGalleryProvider({ generalInfo, imageCarousel = [], backupSrc, isMobile = false, initialSlide = 0, children, }) {
+    const galleryState = useModalGallery({
+        generalInfo,
+        imageCarousel,
+        backupSrc,
+        isMobile,
+        initialSlide,
+    });
+    const value = React.useMemo(() => (Object.assign(Object.assign({}, galleryState), { initialSlide })), [
+        galleryState.generalInfo,
+        galleryState.imageCarousel,
+        galleryState.backupSrc,
+        galleryState.isMobile,
+        galleryState.activeIndex,
+        galleryState.embla,
+        galleryState.altPrefix,
+        galleryState.galleryImages,
+        galleryState.handleThumbnailClick,
+    ]);
+    return (React__namespace["default"].createElement(ModalGalleryContext.Provider, { value: value }, children));
+}
+
+const TRANSITION_DURATION = 200;
+function ModalGallery({ generalInfo, imageCarousel = [], backupSrc, isMobile = false, initialSlide = 0, isOpen = false, onOpenChange, modalProps = {}, title = 'Product gallery', }) {
+    const handleClose = () => {
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
+    };
+    const modalTitle = isMobile ? title : undefined;
+    return (React__namespace["default"].createElement(StyledModal, Object.assign({ opened: isOpen, onClose: handleClose, zIndex: index$7.ZINDEX_SSO, withCloseButton: isMobile, centered: true, size: "auto", fullScreen: isMobile, title: modalTitle }, modalProps, { transitionProps: Object.assign({ duration: TRANSITION_DURATION }, modalProps.transitionProps) }),
+        !isMobile && (React__namespace["default"].createElement(Close.Close, { onClick: handleClose, className: "closeModal", width: 24, height: 24, fill: "#212121" })),
+        React__namespace["default"].createElement(ModalGalleryProvider, { generalInfo: generalInfo, imageCarousel: imageCarousel, backupSrc: backupSrc, initialSlide: initialSlide, isMobile: isMobile },
+            React__namespace["default"].createElement(ModalGalleryContent, null))));
+}
+
 const StyledContainer$2 = styled__default["default"].div `
   border-radius: 12px;
   padding: 0.875rem 0.75rem;
@@ -5782,6 +6159,8 @@ exports.IconText = IconText;
 exports.List = List;
 exports.ListContext = ListContext;
 exports.MAX_RATING = MAX_RATING;
+exports.ModalGallery = ModalGallery;
+exports.ModalGalleryProvider = ModalGalleryProvider;
 exports.QuickFilter = QuickFilter;
 exports.QuickFilterWrapLine = QuickFilterWrapLine;
 exports.RadioGroup = RadioGroup;
@@ -5802,3 +6181,4 @@ exports.index = index$1;
 exports.index$1 = index;
 exports.useList = useList;
 exports.useListContext = useListContext;
+exports.useModalGalleryContext = useModalGalleryContext;

package/build/{index-0d69cb52.js → index-35462cef.js}

@@ -3,10 +3,10 @@
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-88ac3d26.js');
+var index = require('./index-69c68a9f.js');
 var classNames = require('classnames');
-var index$1 = require('./index-2fd39ee8.js');
-var index$2 = require('./index-3de9f044.js');
+var index$1 = require('./index-ba05c96b.js');
+var index$2 = require('./index-d07487d4.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b64b9d7f.js → index-395afd3a.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5acb4e06.js');
+var tslib_es6 = require('./tslib.es6-9d29feb7.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index_styles = require('./index.styles-07e6d846.js');
+var index_styles = require('./index.styles-7b0eafe5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-2b5b67fe.js → index-3b2f75dd.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-2f9950c1.js');
+var utils = require('./utils-147d70ee.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var animation = require('./animation-f2b28f01.js');
-var index = require('./index-3de9f044.js');
+var animation = require('./animation-0ca5db08.js');
+var index = require('./index-d07487d4.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-4034588b.js → index-3b79d048.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-f5e9b364.js');
+var index$2 = require('./index-3e27db66.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-3de9f044.js');
-var index$1 = require('./index-5ee77f91.js');
-var tslib_es6 = require('./tslib.es6-5acb4e06.js');
-var index$6 = require('./index-7b72c56d.js');
-var index$5 = require('./index-8a475cef.js');
+var index = require('./index-d07487d4.js');
+var index$1 = require('./index-99a8238e.js');
+var tslib_es6 = require('./tslib.es6-9d29feb7.js');
+var index$6 = require('./index-cf1194a1.js');
+var index$5 = require('./index-5bafff3d.js');
 var core = require('@mantine/core');
-var number = require('./number-9747e6dc.js');
-var index$3 = require('./index-d1305da5.js');
+var number = require('./number-1dcc5bf2.js');
+var index$3 = require('./index-cf303a6a.js');
 var hooks = require('@mantine/hooks');
-var index$4 = require('./index-b64b9d7f.js');
-var index$7 = require('./index-34abc824.js');
+var index$4 = require('./index-395afd3a.js');
+var index$7 = require('./index-47a0cb64.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-f5e9b364.js → index-3e27db66.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5acb4e06.js');
+var tslib_es6 = require('./tslib.es6-9d29feb7.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index$1 = require('./index-5ee77f91.js');
-var index = require('./index-488dd0de.js');
-var index$3 = require('./index-2fd39ee8.js');
+var index$1 = require('./index-99a8238e.js');
+var index = require('./index-460bb4f8.js');
+var index$3 = require('./index-ba05c96b.js');
 var styled = require('@emotion/styled');
 var carousel = require('@mantine/carousel');
-var index$2 = require('./index-3de9f044.js');
-var index$4 = require('./index-140f88aa.js');
+var index$2 = require('./index-d07487d4.js');
+var index$4 = require('./index-013bca28.js');
 var miscTheme = require('./miscTheme.js');
 var classNames = require('classnames');
 var uuid = require('uuid');
-var useUniqueId = require('./useUniqueId-ddf9bb6b.js');
+var useUniqueId = require('./useUniqueId-cfe90b94.js');
 var constantsSite = require('./constantsSite.js');
 var react = require('@emotion/react');
 var core$1 = require('@hhgtech/icons/core');
-var index$5 = require('./index-a736619d.js');
+var index$5 = require('./index-b7b92078.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-9634da0a.js → index-423cc0b8.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-8b38d3c1.js');
-var utils = require('./utils-2f9950c1.js');
-var index = require('./index-d1305da5.js');
-var togetherComponentGlobalContext = require('./utils-c3eaa19f.js');
+var index$2 = require('./index-1809c357.js');
+var utils = require('./utils-147d70ee.js');
+var index = require('./index-cf303a6a.js');
+var togetherComponentGlobalContext = require('./utils-f1ac2e80.js');
 var core = require('@mantine/core');
-var index$1 = require('./index-3de9f044.js');
+var index$1 = require('./index-d07487d4.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-5acb4e06.js');
+var tslib_es6 = require('./tslib.es6-9d29feb7.js');
 var miscTheme = require('./miscTheme.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 

package/build/{index-f18f46a1.js → index-47876789.js}

@@ -1,29 +1,29 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5acb4e06.js');
+var tslib_es6 = require('./tslib.es6-9d29feb7.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-40fdbc7b.js');
-var constants = require('./constants-792bf5e4.js');
+var useHealthToolCache = require('./useHealthToolCache-658801bb.js');
+var constants = require('./constants-d6729353.js');
 var core = require('@mantine/core');
-var index$2 = require('./index-da14bf5c.js');
-var index$3 = require('./index-f5e9b364.js');
+var index$2 = require('./index-e997941e.js');
+var index$3 = require('./index-3e27db66.js');
 require('@mantine/dates');
-require('./index-7b72c56d.js');
-require('./index-8a475cef.js');
-require('./index-5ee77f91.js');
-require('./index-140f88aa.js');
-var index$4 = require('./index-3de9f044.js');
-require('./index-a736619d.js');
-require('./index-488dd0de.js');
-require('./index.styles-07e6d846.js');
-var index = require('./index-d1305da5.js');
+require('./index-cf1194a1.js');
+require('./index-5bafff3d.js');
+require('./index-99a8238e.js');
+require('./index-013bca28.js');
+var index$4 = require('./index-d07487d4.js');
+require('./index-b7b92078.js');
+require('./index-460bb4f8.js');
+require('./index.styles-7b0eafe5.js');
+var index = require('./index-cf303a6a.js');
 require('@mantine/hooks');
-require('./utils-2f9950c1.js');
-require('./index-6a76ef06.js');
-var index$1 = require('./index-3142ba95.js');
-var context = require('./context-efec0d4a.js');
-var Locale = require('./Locale-6bbe8ace.js');
+require('./utils-147d70ee.js');
+require('./index-16e5926a.js');
+var index$1 = require('./index-80a1bfb8.js');
+var context = require('./context-055677b7.js');
+var Locale = require('./Locale-f8c1062a.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var embeddedHeathToolCards_helpers = require('./embeddedHeathToolCards_helpers.js');