@hhgtech/hhg-components 1.29.444 → 1.29.445-beta-1

package/build/{index-ebe463f1.js → index-5c3d6df2.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-88957b36.js');
+var tslib_es6 = require('./tslib.es6-d2043a8c.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$2 = require('./index-d0ff8123.js');
+var index$2 = require('./index-5eaef0d6.js');
 require('@mantine/dates');
-require('./index-20ca1bea.js');
-require('./index-4885f627.js');
-var index$1 = require('./index-3457edab.js');
-require('./index-d8eca98a.js');
-var index$3 = require('./index-fc6d8ee1.js');
-require('./index-62e6ff00.js');
-require('./index.styles-23370642.js');
-var index = require('./index-8e083bd5.js');
+require('./index-700a1b87.js');
+require('./index-572d1959.js');
+var index$1 = require('./index-47091942.js');
+require('./index-4c7bd876.js');
+var index$3 = require('./index-844322ad.js');
+require('./index-2ea2d55e.js');
+require('./index.styles-c4382129.js');
+var index = require('./index-20ec8c0c.js');
 require('@mantine/hooks');
-require('./text-6b8b876e.js');
-require('./utils-9c270ae9.js');
-require('./index-c33b57db.js');
+require('./text-814e026a.js');
+require('./utils-1a69ffa3.js');
+require('./index-23e608cb.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-a12c9111.js → index-5c6dc586.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-d0ff8123.js');
+var index$2 = require('./index-5eaef0d6.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-fc6d8ee1.js');
-var index$1 = require('./index-3457edab.js');
-var tslib_es6 = require('./tslib.es6-88957b36.js');
-var index$6 = require('./index-20ca1bea.js');
-var index$5 = require('./index-4885f627.js');
+var index = require('./index-844322ad.js');
+var index$1 = require('./index-47091942.js');
+var tslib_es6 = require('./tslib.es6-d2043a8c.js');
+var index$7 = require('./index-700a1b87.js');
+var index$5 = require('./index-572d1959.js');
 var core = require('@mantine/core');
-var number = require('./number-4ebfe298.js');
-var index$3 = require('./index-8e083bd5.js');
+var number = require('./number-5dfebdb5.js');
+var index$3 = require('./index-20ec8c0c.js');
 var hooks = require('@mantine/hooks');
-var index$4 = require('./index-c994b6f8.js');
-var index$7 = require('./index-66931f85.js');
+var index$4 = require('./index-b84a592f.js');
+var index$6 = require('./index-48dd2b39.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -432,7 +432,6 @@ const VideoPlayerModal = (_a) => {
                 [theme.fn.smallerThan('sm')]: {},
             },
             inner: {
-                zIndex: index$6.ZINDEX_HEADER + 2,
                 [theme.fn.smallerThan('sm')]: {
                     padding: 0,
                 },
@@ -457,13 +456,12 @@ const VideoPlayerModal = (_a) => {
                 },
             },
             overlay: {
-                zIndex: index$6.ZINDEX_HEADER + 1,
                 [theme.fn.smallerThan('sm')]: {
                     backgroundColor: 'rgba(0, 0, 0, 0.85)',
                 },
             },
         }) }, rest), type === index$5.VideoType.SHORTS ? (React__default["default"].createElement(core.AspectRatio, { ratio: 315 / 560 },
-        React__default["default"].createElement("iframe", { width: "100%", height: "100%", src: `https://www.youtube.com/embed/${videoId}?autoplay=${Number(!isIos)}`, title: "YouTube video player", frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media;\ngyroscope; picture-in-picture;\nweb-share", allowFullScreen: true }))) : (React__default["default"].createElement(index$7.SocialLinkPreview, { key: url, url: url || '', autoPlay: !isIos }))));
+        React__default["default"].createElement("iframe", { width: "100%", height: "100%", src: `https://www.youtube.com/embed/${videoId}?autoplay=${Number(!isIos)}`, title: "YouTube video player", frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media;\ngyroscope; picture-in-picture;\nweb-share", allowFullScreen: true }))) : (React__default["default"].createElement(index$6.SocialLinkPreview, { key: url, url: url || '', autoPlay: !isIos }))));
 };
 
 const VideoItem = (_a) => {
@@ -484,7 +482,7 @@ const VideoItem = (_a) => {
             : !articleLink
                 ? (e) => {
                     if (redirectToLandingPage) {
-                        localStorage.setItem(index$6.VIDEO_DETAIL_TEMP_STORAGE, JSON.stringify({
+                        localStorage.setItem(index$7.VIDEO_DETAIL_TEMP_STORAGE, JSON.stringify({
                             articleLink,
                             id,
                             videoId,

package/build/{index-d0ff8123.js → index-5eaef0d6.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-88957b36.js');
+var tslib_es6 = require('./tslib.es6-d2043a8c.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index = require('./index-3457edab.js');
-var text = require('./text-6b8b876e.js');
-var index$2 = require('./index-f6a456a2.js');
+var index = require('./index-47091942.js');
+var text = require('./text-814e026a.js');
+var index$2 = require('./index-f8716852.js');
 var styled = require('@emotion/styled');
 var carousel = require('@mantine/carousel');
-var index$1 = require('./index-fc6d8ee1.js');
-var index$3 = require('./index-d8eca98a.js');
+var index$1 = require('./index-844322ad.js');
+var index$3 = require('./index-4c7bd876.js');
 var miscTheme = require('./miscTheme.js');
 var cn = require('classnames');
 var uuid = require('uuid');
-var useUniqueId = require('./useUniqueId-d9f308ef.js');
+var useUniqueId = require('./useUniqueId-32586117.js');
 var constantsSite = require('./constantsSite.js');
 var react = require('@emotion/react');
 var core$1 = require('@hhgtech/icons/core');
-var index$4 = require('./index-62e6ff00.js');
+var index$4 = require('./index-2ea2d55e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-c40043f4.js → index-61bc43e8.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-88957b36.js');
+var tslib_es6 = require('./tslib.es6-d2043a8c.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-fc6d8ee1.js');
-var index = require('./index-8e083bd5.js');
+var index$1 = require('./index-844322ad.js');
+var index = require('./index-20ec8c0c.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-3aff515d.js → index-628ea46e.js}

@@ -1,36 +1,36 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-88957b36.js');
+var tslib_es6 = require('./tslib.es6-d2043a8c.js');
 var React = require('react');
-var index$7 = require('./index-815d786b.js');
-var index$3 = require('./index-7eedce16.js');
-var index = require('./index-8e083bd5.js');
+var index$7 = require('./index-755143e2.js');
+var index$3 = require('./index-17794bfd.js');
+var index = require('./index-20ec8c0c.js');
 var innertext = require('innertext');
-var index$1 = require('./index-7c7d7d04.js');
-var index$2 = require('./index-3457edab.js');
-var constants = require('./constants-42b48e64.js');
+var index$1 = require('./index-7b7edbcb.js');
+var index$2 = require('./index-47091942.js');
+var constants = require('./constants-2611b27e.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var togetherComponentGlobalContext = require('./utils-740188a1.js');
-var treePopoverMenu = require('./treePopoverMenu-aab0d3e0.js');
+var togetherComponentGlobalContext = require('./utils-19a9be47.js');
+var treePopoverMenu = require('./treePopoverMenu-4d4d7e0f.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-9c270ae9.js');
+var utils = require('./utils-1a69ffa3.js');
 var miscTheme = require('./miscTheme.js');
-var dataTransform = require('./dataTransform-2b1d0314.js');
+var dataTransform = require('./dataTransform-737e2a41.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$9 = require('./index-ca83de7a.js');
-var togetherMoleculesCardAuthor = require('./index-64ab278b.js');
-var togetherMoleculesProfileDetail = require('./index-c1fb839f.js');
-var togetherMoleculesPostImagePreview = require('./index-6c9ce91d.js');
-var index$a = require('./index-66931f85.js');
-var index$8 = require('./index-0ddf5da3.js');
-require('./index-20ca1bea.js');
+var index$9 = require('./index-20f656cc.js');
+var togetherMoleculesCardAuthor = require('./index-77d184e2.js');
+var togetherMoleculesProfileDetail = require('./index-2de008c9.js');
+var togetherMoleculesPostImagePreview = require('./index-fb100f98.js');
+var index$a = require('./index-48dd2b39.js');
+var index$8 = require('./index-d7a5543c.js');
+require('./index-700a1b87.js');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$6 = require('./index-f02f08a0.js');
-var index$4 = require('./index-fc6d8ee1.js');
-var index$5 = require('./index-c7174403.js');
-var normalizeLink = require('./normalizeLink-c4d107b4.js');
+var index$6 = require('./index-d406fa46.js');
+var index$4 = require('./index-844322ad.js');
+var index$5 = require('./index-148235cc.js');
+var normalizeLink = require('./normalizeLink-10a91ded.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-adabf2b1.js → index-62a26a06.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-88957b36.js');
+var tslib_es6 = require('./tslib.es6-d2043a8c.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$2 = require('./index-d0ff8123.js');
+var index$2 = require('./index-5eaef0d6.js');
 require('@mantine/dates');
-var index = require('./index-20ca1bea.js');
-require('./index-4885f627.js');
-require('./index-3457edab.js');
-require('./index-d8eca98a.js');
-require('./index-fc6d8ee1.js');
-require('./index-62e6ff00.js');
-require('./index.styles-23370642.js');
-var index$1 = require('./index-8e083bd5.js');
+var index = require('./index-700a1b87.js');
+require('./index-572d1959.js');
+require('./index-47091942.js');
+require('./index-4c7bd876.js');
+require('./index-844322ad.js');
+require('./index-2ea2d55e.js');
+require('./index.styles-c4382129.js');
+var index$1 = require('./index-20ec8c0c.js');
 require('@mantine/hooks');
-require('./text-6b8b876e.js');
-require('./utils-9c270ae9.js');
-require('./index-c33b57db.js');
-var utils = require('./utils-6a42aab9.js');
-var Locale = require('./Locale-ae30da2d.js');
+require('./text-814e026a.js');
+require('./utils-1a69ffa3.js');
+require('./index-23e608cb.js');
+var utils = require('./utils-ce4a20cc.js');
+var Locale = require('./Locale-56c7dedc.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-3a52a107.js → index-65c59a2d.js}

@@ -1,50 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-88957b36.js');
+var tslib_es6 = require('./tslib.es6-d2043a8c.js');
 var React = require('react');
-var index$b = require('./index-4885f627.js');
-var index$8 = require('./index-a12c9111.js');
-var index$3 = require('./index-20ca1bea.js');
-var normalizeLink = require('./normalizeLink-c4d107b4.js');
-var dataTransform = require('./dataTransform-2b1d0314.js');
+var index$b = require('./index-572d1959.js');
+var index$8 = require('./index-5c6dc586.js');
+var index$3 = require('./index-700a1b87.js');
+var normalizeLink = require('./normalizeLink-10a91ded.js');
+var dataTransform = require('./dataTransform-737e2a41.js');
 var core = require('@hhgtech/icons/core');
-require('./translationsContext-d0f656cd.js');
+require('./translationsContext-7d488310.js');
 var styled = require('@emotion/styled');
-var index = require('./index-d0ff8123.js');
+var index = require('./index-5eaef0d6.js');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-f85b9930.js');
+var navigationProfileButton = require('./index-c424ff82.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$d = require('./index-e1eec2d7.js');
+var index$d = require('./index-96ff8bdc.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$5 = require('./index-3457edab.js');
-require('./index-d8eca98a.js');
-var index$4 = require('./index-fc6d8ee1.js');
-var index$2 = require('./index-62e6ff00.js');
-require('./index.styles-23370642.js');
+var index$5 = require('./index-47091942.js');
+require('./index-4c7bd876.js');
+var index$4 = require('./index-844322ad.js');
+var index$2 = require('./index-2ea2d55e.js');
+require('./index.styles-c4382129.js');
 require('@mantine/hooks');
-require('./text-6b8b876e.js');
-var utils = require('./utils-9c270ae9.js');
-require('./index-c33b57db.js');
-var constants = require('./constants-70f76415.js');
-var store = require('./store-61997f61.js');
-var constants$1 = require('./constants-b18e39fc.js');
-var index$1 = require('./index-8e083bd5.js');
-var index$7 = require('./index-7eedce16.js');
-var index$6 = require('./index-af246cc1.js');
-var useIsInit = require('./useIsInit-a12cdf6a.js');
+require('./text-814e026a.js');
+var utils = require('./utils-1a69ffa3.js');
+require('./index-23e608cb.js');
+var constants = require('./constants-adddac76.js');
+var store = require('./store-48fe4efe.js');
+var constants$1 = require('./constants-bd2daeda.js');
+var index$1 = require('./index-20ec8c0c.js');
+var index$7 = require('./index-17794bfd.js');
+var index$6 = require('./index-f5720c17.js');
+var useIsInit = require('./useIsInit-b5fad548.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$9 = require('./index-815d786b.js');
+var index$9 = require('./index-755143e2.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-781a97c6.js');
+var index$a = require('./index-47e82a21.js');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$c = require('./index-56d6b7eb.js');
+var index$c = require('./index-4601b5f7.js');
 var debounce = require('lodash/debounce');
-var Locale = require('./Locale-ae30da2d.js');
-var core$2 = require('./core-73a0805e.js');
+var Locale = require('./Locale-56c7dedc.js');
+var core$2 = require('./core-efd4412f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -835,10 +835,16 @@ const StyledContainerItems$4 = styled__default["default"].div `
 `;
 
 const StyledItem$4 = styled__default["default"].a `
+  position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   text-decoration: none;
+
+  &[data-has-button='true'] {
+    cursor: default;
+    pointer-events: none;
+  }
   * {
     pointer-events: none;
   }
@@ -865,6 +871,50 @@ const StyledImageCard$2 = styled__default["default"].div `
     padding-top: 100px;
   }
 `;
+const StyledButton = styled__default["default"].button `
+  ${utils.MediaQueries.tdDown} {
+    position: relative;
+    bottom: 0;
+    left: 16px;
+    right: 0;
+    padding: 4px 8px;
+    width: 90px;
+    height: 24px;
+    min-height: 24px;
+    max-height: 24px;
+    font-size: 11px;
+    line-height: 16px;
+    border-radius: 8px;
+  }
+
+  position: absolute;
+  bottom: 8px;
+  left: 8px;
+  right: 8px;
+  height: 40px;
+  min-height: 40px;
+  max-height: 40px;
+  padding: 8px 16px;
+  pointer-events: auto;
+
+  background: ${(props) => props.bgColor};
+  border-radius: 12px;
+  border: none;
+  transition: all 0.2s ease-in-out;
+
+  color: ${(props) => props.textColor};
+  font-family: 'Inter';
+  font-weight: 500;
+  font-size: 15px;
+  text-align: center;
+  cursor: pointer;
+
+  &:hover {
+    opacity: 0.9;
+    color: ${(props) => props.bgColor};
+    background: ${(props) => props.textColor};
+  }
+`;
 const StyledTitle$3 = styled__default["default"].p `
   font-size: 16px;
   font-weight: 400;
@@ -880,10 +930,22 @@ const StyledTitle$3 = styled__default["default"].p `
 const Item$3 = ({ item, index = 0 }) => {
     if (!item)
         return null;
-    return (React__default["default"].createElement(StyledItem$4, { key: item.id, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": `Spotlight Click ${index + 1}`, "data-event-label": item.link },
+    const linkProps = {
+        href: item.link,
+        'data-event-category': 'Hamburger Navigation',
+        'data-event-action': `Spotlight Click ${index + 1}`,
+        'data-event-label': item.link,
+    };
+    return (React__default["default"].createElement(StyledItem$4, Object.assign({ key: item.id, as: item.buttonDisplay ? 'div' : 'a', "data-has-button": item.buttonDisplay ? 'true' : 'false' }, linkProps),
         React__default["default"].createElement(StyledImageCard$2, null,
             React__default["default"].createElement("img", { loading: "lazy", alt: item.title, src: item.banner || '/images/notFound-min-small.jpg' })),
-        React__default["default"].createElement(StyledTitle$3, null, item.title)));
+        React__default["default"].createElement("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: 8,
+            } },
+            React__default["default"].createElement(StyledTitle$3, null, item.title),
+            !!item.buttonDisplay && (React__default["default"].createElement(StyledButton, Object.assign({ as: item.buttonDisplay ? 'a' : 'button', bgColor: item.buttonDisplay.button_background_color, textColor: item.buttonDisplay.button_text_color }, linkProps), item.buttonDisplay.button_label)))));
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
@@ -894,6 +956,7 @@ const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
             link: statics.HOME_PAGE_URL + spotlight.permalink,
             title: spotlight.name,
             banner: spotlight.image,
+            buttonDisplay: spotlight.buttonDisplay,
         } }))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$5.CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
@@ -1920,6 +1983,7 @@ const formatSpotlightsList = (spotlight) => {
         imageThumbnail: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image_thumbnail) || null,
         startDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.start_date,
         endDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.end_date,
+        buttonDisplay: spotlight.button_display || null,
     };
 };
 const checkAvailableSpotlight = (spotlight) => {
@@ -2495,7 +2559,7 @@ const useNavServices = () => {
 };
 
 const StyledContainer = styled__default["default"].div `
-  --header-z-index: ${index$3.ZINDEX_HEADER};
+  --header-z-index: 305;
   top: 0;
   z-index: var(--header-z-index);
 

package/build/{index-20ca1bea.js → index-700a1b87.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-4885f627.js');
+require('./index-572d1959.js');
 var constantsSite = require('./constantsSite.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var Locale = require('./Locale-ae30da2d.js');
+var Locale = require('./Locale-56c7dedc.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;
@@ -768,7 +768,6 @@ const GA_TOKEN_COOKIE = '_ga';
 const API_DATE_FORMAT = 'YYYY-MM-DD';
 const DATE_FNS_DATE_FORMAT = 'dd-MM-yyyy';
 const ZINDEX_SSO = 9999999;
-const ZINDEX_HEADER = 305;
 const VIDEO_DETAIL_TEMP_STORAGE = 'video_item_detail';
 exports.EMERGENCY_STATUS = void 0;
 (function (EMERGENCY_STATUS) {
@@ -813,7 +812,6 @@ var index = /*#__PURE__*/Object.freeze({
   API_DATE_FORMAT: API_DATE_FORMAT,
   DATE_FNS_DATE_FORMAT: DATE_FNS_DATE_FORMAT,
   ZINDEX_SSO: ZINDEX_SSO,
-  ZINDEX_HEADER: ZINDEX_HEADER,
   VIDEO_DETAIL_TEMP_STORAGE: VIDEO_DETAIL_TEMP_STORAGE,
   get EMERGENCY_STATUS () { return exports.EMERGENCY_STATUS; },
   get ServicePrice () { return exports.ServicePrice; },
@@ -848,7 +846,6 @@ exports.UP_BASEPATH = UP_BASEPATH;
 exports.USER_GEOLOCATION_COORDINATES_COOKIE = USER_GEOLOCATION_COORDINATES_COOKIE;
 exports.VIDEO_DETAIL_TEMP_STORAGE = VIDEO_DETAIL_TEMP_STORAGE;
 exports.VIDEO_LOCALES = VIDEO_LOCALES;
-exports.ZINDEX_HEADER = ZINDEX_HEADER;
 exports.ZINDEX_SSO = ZINDEX_SSO;
 exports.basePath = basePath;
 exports.index = index;

package/build/{index-c365f7af.js → index-72153b7d.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-88957b36.js');
+var tslib_es6 = require('./tslib.es6-d2043a8c.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-d8eca98a.js');
-var text = require('./text-6b8b876e.js');
+var index = require('./index-4c7bd876.js');
+var text = require('./text-814e026a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-241b4898.js → index-726596db.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-88957b36.js');
+var tslib_es6 = require('./tslib.es6-d2043a8c.js');
 var React = require('react');
 var core = require('@mantine/core');
-require('./index-d0ff8123.js');
+require('./index-5eaef0d6.js');
 require('@mantine/dates');
-require('./index-20ca1bea.js');
-require('./index-4885f627.js');
-require('./index-3457edab.js');
-require('./index-d8eca98a.js');
-var index$1 = require('./index-fc6d8ee1.js');
-var index$2 = require('./index-62e6ff00.js');
-require('./index.styles-23370642.js');
-var index = require('./index-8e083bd5.js');
+require('./index-700a1b87.js');
+require('./index-572d1959.js');
+require('./index-47091942.js');
+require('./index-4c7bd876.js');
+var index$1 = require('./index-844322ad.js');
+var index$2 = require('./index-2ea2d55e.js');
+require('./index.styles-c4382129.js');
+var index = require('./index-20ec8c0c.js');
 require('@mantine/hooks');
-require('./text-6b8b876e.js');
-require('./utils-9c270ae9.js');
-require('./index-c33b57db.js');
+require('./text-814e026a.js');
+require('./utils-1a69ffa3.js');
+require('./index-23e608cb.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-c0454e73.js → index-74c13015.js}

@@ -1,21 +1,21 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-fc6d8ee1.js');
+var index = require('./index-844322ad.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-9c270ae9.js');
+var utils = require('./utils-1a69ffa3.js');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index$1 = require('./index-87693df0.js');
-var index$2 = require('./index-d0ff8123.js');
-var tslib_es6 = require('./tslib.es6-88957b36.js');
-var index$3 = require('./index-fcf9291e.js');
+var index$1 = require('./index-f4dcfc29.js');
+var index$2 = require('./index-5eaef0d6.js');
+var tslib_es6 = require('./tslib.es6-d2043a8c.js');
+var index$3 = require('./index-23614925.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var flattenChildren = require('react-keyed-flatten-children');
-var index$4 = require('./index-7eedce16.js');
-var Close = require('./Close-ddbbeb82.js');
-var index$5 = require('./index-8e083bd5.js');
+var index$4 = require('./index-17794bfd.js');
+var Close = require('./Close-09dd7509.js');
+var index$5 = require('./index-20ec8c0c.js');
 var carousel = require('@mantine/carousel');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -253,23 +253,23 @@ const StyledCardCollapse = styled__default["default"].div `
     line-height: 1.5rem;
     flex-grow: 1;
   }
-`;
-const StyledBox = styled__default["default"].div `
-  display: flex;
-  padding: 1.5rem 1rem 1rem 1rem;
-  gap: 0.75rem;
-  align-items: center;
+  .box-collapse {
+    display: flex;
+    padding: 1.5rem 1rem 1rem 1rem;
+    gap: 0.75rem;
+    align-items: center;
+  }
 `;
 
-function CardCollapse({ children, title, icon, defaultOpened = true, haveCollapse = true, id, }) {
+function CardCollapse({ children, title, icon, defaultOpened = true, haveCollapse = true, id, className, }) {
     const [opened, { toggle }] = hooks.useDisclosure(defaultOpened);
     const handleClick = () => {
         if (haveCollapse) {
             toggle();
         }
     };
-    return (React__namespace["default"].createElement(StyledCardCollapse, { id: id },
-        React__namespace["default"].createElement(StyledBox, { onClick: handleClick },
+    return (React__namespace["default"].createElement(StyledCardCollapse, { id: id, className: className },
+        React__namespace["default"].createElement("div", { className: "box-collapse", onClick: handleClick },
             haveCollapse && icon,
             React__namespace["default"].createElement("div", { className: "title-collapse" }, title),
             haveCollapse && React__namespace["default"].createElement(StyledArrowDownIcon, { "data-is-collapsed": opened })),

package/build/{index-815d786b.js → index-755143e2.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-88957b36.js');
+var tslib_es6 = require('./tslib.es6-d2043a8c.js');
 var React = require('react');
-var index = require('./index-62e6ff00.js');
+var index = require('./index-2ea2d55e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-29e063d3.js → index-7762f5cd.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var useScrollbarSize = require('./useScrollbarSize-e4e300f6.js');
+var useScrollbarSize = require('./useScrollbarSize-b0f4b26f.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var utils = require('./utils-9c270ae9.js');
+var utils = require('./utils-1a69ffa3.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var miscTheme = require('./miscTheme.js');