@hhgtech/hhg-components 1.29.539 → 1.29.540

package/build/{index-1120ece6.js → index-c42f208a.js}

@@ -1,55 +1,55 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f69eecff.js');
+var tslib_es6 = require('./tslib.es6-013bd4e3.js');
 var React = require('react');
-var index$1 = require('./index-c0ab322f.js');
-var index = require('./index-86839f4a.js');
-require('./index-96518f17.js');
-var dataTransform = require('./dataTransform-4a0f7576.js');
+var index$1 = require('./index-4662498f.js');
+var index = require('./index-a0a5d3ca.js');
+require('./index-3dc5f860.js');
+var dataTransform = require('./dataTransform-df0064ae.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-84c4a27d.js');
+var togetherComponentGlobalContext = require('./utils-0565614b.js');
 var core = require('@hhgtech/icons/core');
 var core$1 = require('@mantine/core');
-var togetherMoleculesCardAuthor = require('./index-af600018.js');
-var Locale = require('./Locale-6880b670.js');
+var togetherMoleculesCardAuthor = require('./index-0e1e6135.js');
+var Locale = require('./Locale-df39a3a9.js');
 require('@hhgtech/icons/other');
-require('./index-3a17b572.js');
-require('./shared-4258d7ff.js');
-require('./index-cc53557f.js');
-require('./index-b26310a7.js');
-require('./index-3fd6fbaf.js');
-require('./translationsContext-f163c180.js');
-require('./index-8cc2d533.js');
-require('./index-a6dd4a11.js');
+require('./index-2d97b370.js');
+require('./shared-f8a229fc.js');
+require('./index-91517a02.js');
+require('./index-112161ad.js');
+require('./index-634b3738.js');
+require('./translationsContext-55e611dd.js');
+require('./index-1da9cfd2.js');
+require('./index-50917a1e.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./constantsIsProduction.js');
 require('string-format');
-require('./constants-d60c6682.js');
+require('./constants-6b667238.js');
 require('dayjs');
 require('dayjs/plugin/relativeTime');
-require('./utils-8ba2afed.js');
-require('./index-a87cd1d5.js');
-require('./paths-9b376540.js');
-require('./constants-e0f9645c.js');
-require('./index-e01cefde.js');
+require('./utils-7ce29aa4.js');
+require('./index-150dc514.js');
+require('./paths-a6322278.js');
+require('./constants-77b140a6.js');
+require('./index-2d40ddb9.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
-require('./index-efb80488.js');
+require('./index-c0decf6a.js');
 require('./miscTheme.js');
-require('./WhatsApp-b5aac560.js');
-require('./Spinner-c6dbee0e.js');
-require('./index-03a05925.js');
+require('./WhatsApp-ee9b507a.js');
+require('./Spinner-fe5f13a8.js');
+require('./index-3212a254.js');
 require('@emotion/styled');
-require('./index-740da507.js');
-require('./index-3e6f73bf.js');
-require('./index-86ab6403.js');
+require('./index-c4d9dada.js');
+require('./index-94ccc312.js');
+require('./index-b5dd35e6.js');
 require('@emotion/react');
-require('./index-0350c39c.js');
-require('./index-4244f0ea.js');
-require('./index.styles-30554d5b.js');
+require('./index-c7c478bc.js');
+require('./index-5147f711.js');
+require('./index.styles-585b1fb1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-740da507.js → index-c4d9dada.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var utils = require('./utils-8ba2afed.js');
-var tslib_es6 = require('./tslib.es6-f69eecff.js');
+var utils = require('./utils-7ce29aa4.js');
+var tslib_es6 = require('./tslib.es6-013bd4e3.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-0350c39c.js → index-c7c478bc.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f69eecff.js');
+var tslib_es6 = require('./tslib.es6-013bd4e3.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-b26310a7.js');
+var index = require('./index-112161ad.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-3ed23994.js → index-cb4c4dfd.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f69eecff.js');
+var tslib_es6 = require('./tslib.es6-013bd4e3.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-6a36d6ed.js');
-var index = require('./index-cc53557f.js');
+var index$1 = require('./index-25eadff1.js');
+var index = require('./index-91517a02.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-debf363f.js → index-d4abcb73.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f69eecff.js');
+var tslib_es6 = require('./tslib.es6-013bd4e3.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-b26310a7.js');
-var index = require('./index-3fd6fbaf.js');
+var index$1 = require('./index-112161ad.js');
+var index = require('./index-634b3738.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-0f295a50.js → index-d66308dc.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var tslib_es6 = require('./tslib.es6-f69eecff.js');
+var tslib_es6 = require('./tslib.es6-013bd4e3.js');
 var core = require('@mantine/core');
 var vaul = require('vaul');
 var styled = require('@emotion/styled');
-var index = require('./index-e01cefde.js');
+var index = require('./index-2d40ddb9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-946f8195.js → index-d6b3cfd6.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f69eecff.js');
+var tslib_es6 = require('./tslib.es6-013bd4e3.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-740da507.js');
-var togetherComponentGlobalContext = require('./utils-84c4a27d.js');
+var index$1 = require('./index-c4d9dada.js');
+var togetherComponentGlobalContext = require('./utils-0565614b.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-d60c6682.js');
-var post = require('./post-205ebcbb.js');
-var index = require('./index-86ab6403.js');
+var constants = require('./constants-6b667238.js');
+var post = require('./post-0ee013d6.js');
+var index = require('./index-b5dd35e6.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -25,7 +25,8 @@ const StyledSocialLinkPreview = styled__default["default"].div `
     position: relative;
     overflow: hidden;
     width: 100%;
-    padding-top: 56.25%;
+    background-color: #000;
+    padding-top: ${(props) => { var _a; return (_a = props.aspectPaddingTop) !== null && _a !== void 0 ? _a : (props.isShort ? '179.58%' : '56.25%'); }};
     &.fetching {
       background: lightgray;
     }
@@ -41,7 +42,7 @@ const StyledSocialLinkPreview = styled__default["default"].div `
       left: 0;
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: ${(props) => { var _a; return (_a = props.posterFit) !== null && _a !== void 0 ? _a : 'cover'; }};
       object-position: center;
     }
   }
@@ -89,10 +90,11 @@ const useExternalScript = ({ url, onLoad, onError }) => {
     return state;
 };
 
-const YoutubePlyr = ({ id, autoplay }) => {
+const YoutubePlyr = ({ id, autoplay, posterFit = 'cover', }) => {
     const ref = React.useRef(null);
     const state = useExternalScript({ url: 'https://cdn.plyr.io/3.7.8/plyr.js' });
     React.useEffect(() => {
+        var _a;
         if (!document.getElementById('hhg-plyr-player')) {
             const link = document.createElement('link');
             link.rel = 'stylesheet';
@@ -101,31 +103,82 @@ const YoutubePlyr = ({ id, autoplay }) => {
             link.id = 'hhg-plyr-player';
             document.head.appendChild(link);
         }
-        if (state === 'ready' || typeof Plyr !== 'undefined') {
-            new Plyr(ref.current.querySelector('[data-id="player"]'), {
-                autoplay,
-                muted: true,
-            });
-        }
-    }, [state]);
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(core.Box, { ref: ref, sx: {
+        const canInit = state === 'ready' || typeof Plyr !== 'undefined';
+        if (!canInit)
+            return;
+        const container = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelector('[data-id="player"]');
+        if (!container)
+            return;
+        // No `ratio` here: parent `.link-image-wrapper` already sets aspect (padding-top / optional `ratio` prop).
+        // Inner Plyr aspect + maxWidth would desync iframe from that box; fill container instead.
+        const player = new Plyr(container, {
+            autoplay,
+            muted: true,
+        });
+        return () => {
+            player.destroy();
+        };
+    }, [state, autoplay, id]);
+    const posterBgSize = posterFit === 'cover' ? 'cover !important' : 'contain !important';
+    return (React__default["default"].createElement(core.Box, { ref: ref, sx: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: '#000',
+            '&, & > div': {
+                width: '100%',
+                height: '100%',
+            },
+            '& .plyr': {
+                width: '100%',
+                height: '100%',
+                maxWidth: 'none',
+            },
+            '& .plyr__video-wrapper': {
+                height: '100%',
+                width: '100%',
+            },
+            '& .plyr__video-embed': {
+                paddingBottom: '0 !important',
+                height: '100% !important',
+                position: 'relative',
+            },
+            '& .plyr__video-embed iframe': {
                 position: 'absolute',
                 top: 0,
                 left: 0,
-                right: 0,
-                bottom: 0,
-                backgroundColor: '#000',
-                '&, > div': {
-                    width: '100%',
-                    height: '100%',
-                },
-            } },
-            React__default["default"].createElement("div", { "data-id": "player" },
-                React__default["default"].createElement("iframe", { width: "100%", height: "100%", src: `https://www.youtube.com/embed/${id}?&mute=1&enablejsapi=1&rel=0`, allowFullScreen: true, frameBorder: "0" })))));
+                width: '100%',
+                height: '100%',
+            },
+            '& .plyr__poster': {
+                backgroundSize: posterBgSize,
+                backgroundPosition: 'center !important',
+                backgroundRepeat: 'no-repeat',
+                width: '100% !important',
+                height: '100% !important',
+                top: 0,
+                left: 0,
+            },
+        } },
+        React__default["default"].createElement("div", { key: id, "data-id": "player", className: "plyr__video-embed" },
+            React__default["default"].createElement("iframe", { width: "100%", height: "100%", src: `https://www.youtube.com/embed/${id}?mute=1&enablejsapi=1&rel=0`, allow: "autoplay; fullscreen", allowFullScreen: true, title: "YouTube preview", frameBorder: "0" }))));
 };
 
-const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPlay = true, onPushStatus, }) => {
+/** `width:height` (e.g. `16:9`, `9:16`) — sets preview box aspect via padding-top. */
+function aspectRatioStringToPaddingTop(ratio) {
+    const m = ratio.trim().match(/^(\d+(?:\.\d+)?)\s*:\s*(\d+(?:\.\d+)?)$/);
+    if (!m)
+        return undefined;
+    const w = Number(m[1]);
+    const h = Number(m[2]);
+    if (!Number.isFinite(w) || !Number.isFinite(h) || w <= 0 || h <= 0) {
+        return undefined;
+    }
+    return `${(h / w) * 100}%`;
+}
+const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPlay = true, isShort = false, autoScaleByVideoType = false, ratio, posterFit = 'cover', onPushStatus, }) => {
     const { data: { locale }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const [previewData, setPreviewData] = React.useState(null);
     React.useEffect(() => {
@@ -173,34 +226,69 @@ const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPla
     const facebookVidId = React.useMemo(() => {
         return (displayUrl.includes('facebook.com') || displayUrl.includes('fb.watch'));
     }, [displayUrl]);
+    const isReelUrl = React.useMemo(() => {
+        const normalizedUrl = (displayUrl || '').toLowerCase();
+        return normalizedUrl.includes('/reel/') || normalizedUrl.includes('/reels/');
+    }, [displayUrl]);
+    const shouldRenderEmbedVideo = React.useMemo(() => Boolean(youtubeVidId || facebookVidId), [facebookVidId, youtubeVidId]);
+    const shouldRenderShortRatio = React.useMemo(() => {
+        if (!autoScaleByVideoType)
+            return false;
+        if (isShort)
+            return true;
+        return displayUrl.toLowerCase().includes('/shorts/') || isReelUrl;
+    }, [autoScaleByVideoType, displayUrl, isReelUrl, isShort]);
+    const aspectPaddingTop = React.useMemo(() => (ratio ? aspectRatioStringToPaddingTop(ratio) : undefined), [ratio]);
+    const embedWrapperRef = React.useRef(null);
     const responsiveWidth = React.useRef(0);
     const responsiveHeight = React.useRef(0);
     const [forceRerenderFB, setForceRerenderFB] = React.useState(false);
-    // FACEBOOK Video is not responsive for desktop browser
-    // => hack: set size to same as container, if size change too large, re-render facebook iframe with new config
-    React.useEffect(() => {
-        const handleResize = () => {
-            var _a;
-            const containerRect = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-            let toChangeSize = false;
-            if (containerRect &&
-                (!responsiveWidth.current ||
-                    Math.abs((responsiveWidth.current - containerRect.width) /
-                        (containerRect === null || containerRect === void 0 ? void 0 : containerRect.width)) > 0.2)) {
-                responsiveWidth.current = Math.floor(containerRect.width);
+    /** Facebook iframe needs explicit width/height; keep in sync with `.link-image-wrapper` box. */
+    const measureFacebookIframeBox = React.useCallback((looseThreshold) => {
+        var _a;
+        const rect = (_a = embedWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        if (!(rect === null || rect === void 0 ? void 0 : rect.width))
+            return;
+        const w = Math.floor(rect.width);
+        const h = Math.floor(rect.height);
+        let toChangeSize = false;
+        if (looseThreshold) {
+            if (!responsiveWidth.current ||
+                Math.abs((responsiveWidth.current - w) / rect.width) > 0.2) {
+                responsiveWidth.current = w;
                 toChangeSize = true;
             }
-            if (containerRect &&
-                (!responsiveHeight.current ||
-                    Math.abs((responsiveHeight.current - containerRect.height) /
-                        (containerRect === null || containerRect === void 0 ? void 0 : containerRect.height)) > 0.2)) {
-                responsiveHeight.current = Math.floor(containerRect.height);
+            if (!responsiveHeight.current ||
+                Math.abs((responsiveHeight.current - h) / (rect.height || 1)) > 0.2) {
+                responsiveHeight.current = h;
                 toChangeSize = true;
             }
-            if (toChangeSize) {
-                setForceRerenderFB((v) => !v);
+        }
+        else {
+            if (w !== responsiveWidth.current || h !== responsiveHeight.current) {
+                responsiveWidth.current = w;
+                responsiveHeight.current = h;
+                toChangeSize = true;
             }
-        };
+        }
+        if (toChangeSize) {
+            setForceRerenderFB((v) => !v);
+        }
+    }, []);
+    // After aspect ratio / layout updates, iframe must match `link-image-wrapper` (not only on window resize).
+    React.useLayoutEffect(() => {
+        measureFacebookIframeBox(false);
+    }, [
+        aspectPaddingTop,
+        ratio,
+        shouldRenderShortRatio,
+        displayUrl,
+        measureFacebookIframeBox,
+    ]);
+    // FACEBOOK Video is not responsive for desktop browser
+    // => hack: set size to same as container, if size change too large, re-render facebook iframe with new config
+    React.useEffect(() => {
+        const handleResize = () => measureFacebookIframeBox(true);
         handleResize();
         window.addEventListener('resize', handleResize, {
             passive: true,
@@ -208,15 +296,14 @@ const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPla
         return () => {
             window.removeEventListener('resize', handleResize);
         };
-    }, []);
+    }, [measureFacebookIframeBox]);
     React.useEffect(() => {
         if ((previewData === null || previewData === void 0 ? void 0 : previewData.image) && (previewData === null || previewData === void 0 ? void 0 : previewData.url)) {
             onPushStatus === null || onPushStatus === void 0 ? void 0 : onPushStatus(true);
         }
     }, [previewData]);
-    const containerRef = React.useRef(null);
     const _theme = core.useMantineTheme();
-    return (React__default["default"].createElement(StyledSocialLinkPreview, { className: `${className} no-replace-click`, style: style, ref: containerRef, color: _theme.colors[_theme.primaryColor][0] }, !image && (youtubeVidId || facebookVidId) ? (React__default["default"].createElement("div", { className: "link-image-wrapper" }, youtubeVidId ? (React__default["default"].createElement(YoutubePlyr, { id: youtubeVidId, autoplay: autoPlay })) : facebookVidId ? (React__default["default"].createElement("iframe", { key: String(forceRerenderFB), src: `https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(displayUrl)}&autoplay=${autoPlay ? 1 : 0}&show_text=false&t=0&width=${responsiveWidth.current}&height=${responsiveHeight.current}`, style: {
+    return (React__default["default"].createElement(StyledSocialLinkPreview, { className: `${className} no-replace-click`, style: style, color: _theme.colors[_theme.primaryColor][0], isShort: shouldRenderShortRatio, aspectPaddingTop: aspectPaddingTop, posterFit: posterFit }, shouldRenderEmbedVideo && (!image || isReelUrl) ? (React__default["default"].createElement("div", { ref: embedWrapperRef, className: "link-image-wrapper" }, youtubeVidId ? (React__default["default"].createElement(YoutubePlyr, { key: `${youtubeVidId}-${ratio !== null && ratio !== void 0 ? ratio : 'auto'}`, id: youtubeVidId, autoplay: autoPlay, isShort: shouldRenderShortRatio, ratio: ratio, posterFit: posterFit })) : facebookVidId ? (React__default["default"].createElement("iframe", { key: String(forceRerenderFB), src: `https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(displayUrl)}&autoplay=${autoPlay ? 1 : 0}&show_text=false&t=0&width=${responsiveWidth.current}&height=${responsiveHeight.current}`, style: {
             position: 'absolute',
             top: '50%',
             left: '50%',

package/build/{index-c5c9abeb.js → index-dc1a40a5.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f69eecff.js');
+var tslib_es6 = require('./tslib.es6-013bd4e3.js');
 var React = require('react');
 var core = require('@mantine/core');
-require('./index-6a36d6ed.js');
+require('./index-25eadff1.js');
 require('@mantine/dates');
-require('./index-e01cefde.js');
-require('./index-96518f17.js');
-require('./index-3e6f73bf.js');
-require('./index-08dbe8c9.js');
-var index$2 = require('./index-b26310a7.js');
-var index$3 = require('./index-3a17b572.js');
-require('./index-cc53557f.js');
-require('./index.styles-30554d5b.js');
-var index = require('./index-3fd6fbaf.js');
+require('./index-2d40ddb9.js');
+require('./index-3dc5f860.js');
+require('./index-94ccc312.js');
+require('./index-828c8a0e.js');
+var index$2 = require('./index-112161ad.js');
+var index$3 = require('./index-2d97b370.js');
+require('./index-91517a02.js');
+require('./index.styles-585b1fb1.js');
+var index = require('./index-634b3738.js');
 require('@mantine/hooks');
-require('./utils-8ba2afed.js');
-require('./index-c0ab322f.js');
-var context = require('./context-002a01f9.js');
-var index$1 = require('./index-ed4e6e0e.js');
+require('./utils-7ce29aa4.js');
+require('./index-4662498f.js');
+var context = require('./context-e3660a82.js');
+var index$1 = require('./index-e75b33ed.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-01f8cbb0.js → index-e109ebb8.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-740da507.js');
-var index$1 = require('./index-b26310a7.js');
+var index = require('./index-c4d9dada.js');
+var index$1 = require('./index-112161ad.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-ed4e6e0e.js → index-e75b33ed.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f69eecff.js');
+var tslib_es6 = require('./tslib.es6-013bd4e3.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-b26310a7.js');
-var index$1 = require('./index-3a17b572.js');
-var index$2 = require('./index-3fd6fbaf.js');
+var index = require('./index-112161ad.js');
+var index$1 = require('./index-2d97b370.js');
+var index$2 = require('./index-634b3738.js');
 var flattenChildren = require('react-keyed-flatten-children');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-539432c2.js → index-e7d362d0.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f69eecff.js');
+var tslib_es6 = require('./tslib.es6-013bd4e3.js');
 var React = require('react');
 var core = require('@mantine/core');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-8ba2afed.js');
+var utils = require('./utils-7ce29aa4.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-afe086bb.js → index-eb697168.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f69eecff.js');
+var tslib_es6 = require('./tslib.es6-013bd4e3.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-f12a0e82.js');
-var index = require('./index-3fd6fbaf.js');
-var constants$1 = require('./constants-d60c6682.js');
-var index$2 = require('./index-6a36d6ed.js');
+var useHealthToolCache = require('./useHealthToolCache-6f8a7565.js');
+var index = require('./index-634b3738.js');
+var constants$1 = require('./constants-6b667238.js');
+var index$2 = require('./index-25eadff1.js');
 require('@mantine/dates');
-require('./index-e01cefde.js');
-require('./index-96518f17.js');
-require('./index-3e6f73bf.js');
-require('./index-08dbe8c9.js');
-var index$3 = require('./index-b26310a7.js');
-require('./index-3a17b572.js');
-require('./index-cc53557f.js');
-require('./index.styles-30554d5b.js');
+require('./index-2d40ddb9.js');
+require('./index-3dc5f860.js');
+require('./index-94ccc312.js');
+require('./index-828c8a0e.js');
+var index$3 = require('./index-112161ad.js');
+require('./index-2d97b370.js');
+require('./index-91517a02.js');
+require('./index.styles-585b1fb1.js');
 require('@mantine/hooks');
-require('./utils-8ba2afed.js');
-require('./index-c0ab322f.js');
-var context = require('./context-002a01f9.js');
-var index$1 = require('./index-ed4e6e0e.js');
-var constants = require('./constants-e6d5ed90.js');
+require('./utils-7ce29aa4.js');
+require('./index-4662498f.js');
+var context = require('./context-e3660a82.js');
+var index$1 = require('./index-e75b33ed.js');
+var constants = require('./constants-4e4d3eee.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-6a2eb1de.js → index-f1beb22d.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f69eecff.js');
+var tslib_es6 = require('./tslib.es6-013bd4e3.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-6a36d6ed.js');
-var index$3 = require('./index-08d1e419.js');
-var index$4 = require('./index-b26310a7.js');
-require('./index-3a17b572.js');
-require('./index-cc53557f.js');
-require('./index.styles-30554d5b.js');
-var index = require('./index-3fd6fbaf.js');
+require('./index-25eadff1.js');
+var index$3 = require('./index-77852a6c.js');
+var index$4 = require('./index-112161ad.js');
+require('./index-2d97b370.js');
+require('./index-91517a02.js');
+require('./index.styles-585b1fb1.js');
+var index = require('./index-634b3738.js');
 require('@mantine/hooks');
-require('./index-08dbe8c9.js');
-require('./utils-8ba2afed.js');
-require('./index-c0ab322f.js');
-var context = require('./context-002a01f9.js');
-var index$1 = require('./index-ed4e6e0e.js');
-var index$2 = require('./index-cc7ffb71.js');
+require('./index-828c8a0e.js');
+require('./utils-7ce29aa4.js');
+require('./index-4662498f.js');
+var context = require('./context-e3660a82.js');
+var index$1 = require('./index-e75b33ed.js');
+var index$2 = require('./index-5b7aea1b.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-9d614552.js → index-f5a49543.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var useScrollbarSize = require('./useScrollbarSize-32bb0640.js');
+var useScrollbarSize = require('./useScrollbarSize-2f92b5b2.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var utils = require('./utils-8ba2afed.js');
+var utils = require('./utils-7ce29aa4.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-fb6f4fd3.js → index-ff2ce518.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-efb80488.js');
-var index = require('./index-3fd6fbaf.js');
+var index$1 = require('./index-c0decf6a.js');
+var index = require('./index-634b3738.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }