@hhgtech/hhg-components 1.29.424 → 1.29.425-beta-1

package/build/{index-e6580157.js → index-19a443f0.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6fa0277b.js');
+var tslib_es6 = require('./tslib.es6-88004cab.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index_styles = require('./index.styles-b7d9cf1c.js');
+var index_styles = require('./index.styles-e020da74.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-28378423.js → index-1ba41d87.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-cd25b1e2.js');
-var togetherComponentGlobalContext = require('./utils-0880c63a.js');
+var index = require('./index-982326bc.js');
+var togetherComponentGlobalContext = require('./utils-de12404f.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-d185db5d.js → index-1c207e61.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-3330a2c5.js');
+require('./index-c77d0076.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-b5a0cbd3.js');
+var Locale = require('./Locale-e156b65e.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/{index-a9d0e6c4.js → index-20168ba8.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6fa0277b.js');
+var tslib_es6 = require('./tslib.es6-88004cab.js');
 var React = require('react');
 var core = require('@mantine/core');
 var vaul = require('vaul');
 var styled = require('@emotion/styled');
-var index = require('./index-d185db5d.js');
+var index = require('./index-1c207e61.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-638afb34.js → index-23cec788.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-cd25b1e2.js');
-var index = require('./index-95f86c94.js');
+var index$1 = require('./index-982326bc.js');
+var index = require('./index-769840b4.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-4105b740.js → index-2963acf8.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6fa0277b.js');
+var tslib_es6 = require('./tslib.es6-88004cab.js');
 var React = require('react');
 var core = require('@mantine/core');
 var other = require('@hhgtech/icons/other');
-require('./index-ffabb1ce.js');
+require('./index-bdbd3012.js');
 require('@mantine/dates');
-require('./index-d185db5d.js');
-require('./index-3330a2c5.js');
-require('./index-86c2e4af.js');
-var index = require('./index-13bf83df.js');
-var index$2 = require('./index-cb029462.js');
-require('./index-c7deadad.js');
-require('./index.styles-b7d9cf1c.js');
-var index$1 = require('./index-95f86c94.js');
+require('./index-1c207e61.js');
+require('./index-c77d0076.js');
+require('./index-9f667ccc.js');
+var index = require('./index-10563198.js');
+var index$2 = require('./index-65110c4f.js');
+require('./index-c872bb2b.js');
+require('./index.styles-e020da74.js');
+var index$1 = require('./index-769840b4.js');
 require('@mantine/hooks');
-require('./text-3c0f2008.js');
-var utils = require('./utils-b1d7a821.js');
-require('./index-59f65a29.js');
+require('./text-1d138b17.js');
+var utils = require('./utils-924187a7.js');
+require('./index-bea5321d.js');
 var styled = require('@emotion/styled');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 

package/build/{index-c70a82c4.js → index-2968e046.js}

@@ -1,19 +1,39 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-cb029462.js');
+var index = require('./index-65110c4f.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-b1d7a821.js');
-var index$1 = require('./index-ffabb1ce.js');
-var index$2 = require('./index-e3833252.js');
+var utils = require('./utils-924187a7.js');
+var core = require('@mantine/core');
+var hooks = require('@mantine/hooks');
+var index$1 = require('./index-bdbd3012.js');
+var index$2 = require('./index-f7b601f5.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var tslib_es6 = require('./tslib.es6-6fa0277b.js');
+var tslib_es6 = require('./tslib.es6-88004cab.js');
 var flattenChildren = require('react-keyed-flatten-children');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 var flattenChildren__default = /*#__PURE__*/_interopDefault(flattenChildren);
 
@@ -23,13 +43,13 @@ var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
  * @deprecated Consider to use Mantine
  */
 const Alert = ({ style, onClose, text, type, contentIcon, closeIcon, className, description, }) => {
-    return (React__default["default"].createElement("div", { className: `${styles.alert} ${className || ''}`, style: style, "data-alert-type": type },
-        React__default["default"].createElement("div", { className: styles.content },
-            React__default["default"].createElement("div", { className: "icon-title" },
+    return (React__namespace["default"].createElement("div", { className: `${styles.alert} ${className || ''}`, style: style, "data-alert-type": type },
+        React__namespace["default"].createElement("div", { className: styles.content },
+            React__namespace["default"].createElement("div", { className: "icon-title" },
                 contentIcon,
-                React__default["default"].createElement(index.Text, { weight: "bold", size: "label1" }, text)),
-            React__default["default"].createElement(index.Text, { weight: "regular", size: "p3" }, description)),
-        React__default["default"].createElement("div", { className: styles.close, onClick: onClose }, closeIcon)));
+                React__namespace["default"].createElement(index.Text, { weight: "bold", size: "label1" }, text)),
+            React__namespace["default"].createElement(index.Text, { weight: "regular", size: "p3" }, description)),
+        React__namespace["default"].createElement("div", { className: styles.close, onClick: onClose }, closeIcon)));
 };
 
 const renderNotificationStyles = (type, size, hasIcon, color) => {
@@ -142,11 +162,11 @@ const StyledBadge = styled__default["default"].div `
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
 const Badge = ({ amount, type, size = 'medium', color = 'primary', icon, className, }) => {
-    return (React__default["default"].createElement(StyledBadge, { "data-notification-type": type, "data-notification-size": size, "data-notification-color": color, "data-has-icon": !!icon || undefined, notificationType: type, notificationSize: size, notificationColor: color, hasIcon: !!icon, className: className },
-        React__default["default"].createElement("div", null,
-            amount && React__default["default"].createElement("span", null, amount),
+    return (React__namespace["default"].createElement(StyledBadge, { "data-notification-type": type, "data-notification-size": size, "data-notification-color": color, "data-has-icon": !!icon || undefined, notificationType: type, notificationSize: size, notificationColor: color, hasIcon: !!icon, className: className },
+        React__namespace["default"].createElement("div", null,
+            amount && React__namespace["default"].createElement("span", null, amount),
             " ",
-            icon && React__default["default"].createElement("div", null, icon))));
+            icon && React__namespace["default"].createElement("div", null, icon))));
 };
 
 const StyledBorderHeading = styled__default["default"].h4 `
@@ -196,7 +216,55 @@ const StyledBorderHeading = styled__default["default"].h4 `
   }
 `;
 
-const BorderHeading = ({ style, children, className, size = 'lg', type = 'bold', upperCase, as = 'h4', color, }) => (React__default["default"].createElement(StyledBorderHeading, { style: Object.assign({ color }, style), className: className, "data-size": size, "data-type": type, "data-uppercase": upperCase, as: as }, children));
+const BorderHeading = ({ style, children, className, size = 'lg', type = 'bold', upperCase, as = 'h4', color, }) => (React__namespace["default"].createElement(StyledBorderHeading, { style: Object.assign({ color }, style), className: className, "data-size": size, "data-type": type, "data-uppercase": upperCase, as: as }, children));
+
+/* eslint-disable prettier/prettier */
+const ShapedArrowDown = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),
+    React__namespace.createElement("path", { d: "M13.5554 9.33398L7.99989 5.55621L2.44434 9.33398", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
+
+const StyledArrowDownIcon = styled__default["default"](ShapedArrowDown) `
+  flex-shrink: 0;
+  color: ${miscTheme.theme.colors.neutral800};
+  width: 16px;
+  height: 16px;
+  transition: transform 0.2s ease-in-out;
+  transform: rotate(-180deg);
+  &[data-is-collapsed='true'] {
+    transform: rotate(0deg);
+  }
+`;
+const StyledCardCollapse = styled__default["default"].div `
+  background-color: white;
+  .icon {
+    width: 20px;
+    height: 20px;
+    flex-shrink: 0;
+    color: ${miscTheme.theme.colors.neutral800};
+  }
+  .title {
+    color: #111111;
+    font-weight: var(--fwSemiBold);
+    font-size: 0.9375rem;
+    line-height: 1.5rem;
+    flex-grow: 1;
+  }
+`;
+const StyledBox = styled__default["default"].div `
+  display: flex;
+  padding: 1rem;
+  gap: 0.75rem;
+  align-items: center;
+`;
+
+function CardCollapse({ children, title, icon, defaultOpened = true, id, }) {
+    const [opened, { toggle }] = hooks.useDisclosure(defaultOpened);
+    return (React__namespace["default"].createElement(StyledCardCollapse, { id: id },
+        React__namespace["default"].createElement(StyledBox, { onClick: toggle },
+            icon,
+            React__namespace["default"].createElement("div", { className: "title" }, title),
+            React__namespace["default"].createElement(StyledArrowDownIcon, { "data-is-collapsed": opened })),
+        React__namespace["default"].createElement(core.Collapse, { in: opened, transitionDuration: 200, transitionTimingFunction: "ease" }, children)));
+}
 
 const StyledDropdown = styled__default["default"].div `
   position: relative;
@@ -305,26 +373,26 @@ const StyledIcon = styled__default["default"].div `
   }
 `;
 
-const ShareIconPathStyle = () => (React__default["default"].createElement("style", null, '.file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}'));
-const DefaultFileIcon = () => (React__default["default"].createElement("svg", { id: "prefix__Layer_1", "data-name": "Layer 1", viewBox: "0 0 12.17 14.83" },
-    React__default["default"].createElement("defs", null,
-        React__default["default"].createElement("clipPath", { id: "prefix__clip-path", transform: "translate(-1.92 -1.54)" },
-            React__default["default"].createElement("path", { fill: "none", d: "M0 .96h16v16H0z" }))),
-    React__default["default"].createElement("title", null, 'File'),
-    React__default["default"].createElement("g", { clipPath: "url(#prefix__clip-path)" },
-        React__default["default"].createElement("path", { className: "file-dropdown-path", d: "M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z", transform: "translate(-1.92 -1.54)" }),
-        React__default["default"].createElement("path", { className: "file-dropdown-path", d: "M8.67 2.29V7h4.66", transform: "translate(-1.92 -1.54)" }))));
-const DownloadIcon = () => (React__default["default"].createElement("svg", { id: "prefix__Layer_1", "data-name": "Layer 1", viewBox: "0 0 13.5 13.5" },
-    React__default["default"].createElement("title", null, 'download'),
-    React__default["default"].createElement("path", { className: "file-dropdown-path", d: "M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3", transform: "translate(-1.25 -2.21)" })));
-const UploadIcon = () => (React__default["default"].createElement("svg", { id: "prefix__Layer_1", "data-name": "Layer 1", viewBox: "0 0 13.5 13.5" },
-    React__default["default"].createElement("title", null, 'upload'),
-    React__default["default"].createElement("path", { className: "file-dropdown-path", d: "M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8", transform: "translate(-1.25 -2.21)" })));
+const ShareIconPathStyle = () => (React__namespace["default"].createElement("style", null, '.file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}'));
+const DefaultFileIcon = () => (React__namespace["default"].createElement("svg", { id: "prefix__Layer_1", "data-name": "Layer 1", viewBox: "0 0 12.17 14.83" },
+    React__namespace["default"].createElement("defs", null,
+        React__namespace["default"].createElement("clipPath", { id: "prefix__clip-path", transform: "translate(-1.92 -1.54)" },
+            React__namespace["default"].createElement("path", { fill: "none", d: "M0 .96h16v16H0z" }))),
+    React__namespace["default"].createElement("title", null, 'File'),
+    React__namespace["default"].createElement("g", { clipPath: "url(#prefix__clip-path)" },
+        React__namespace["default"].createElement("path", { className: "file-dropdown-path", d: "M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z", transform: "translate(-1.92 -1.54)" }),
+        React__namespace["default"].createElement("path", { className: "file-dropdown-path", d: "M8.67 2.29V7h4.66", transform: "translate(-1.92 -1.54)" }))));
+const DownloadIcon = () => (React__namespace["default"].createElement("svg", { id: "prefix__Layer_1", "data-name": "Layer 1", viewBox: "0 0 13.5 13.5" },
+    React__namespace["default"].createElement("title", null, 'download'),
+    React__namespace["default"].createElement("path", { className: "file-dropdown-path", d: "M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3", transform: "translate(-1.25 -2.21)" })));
+const UploadIcon = () => (React__namespace["default"].createElement("svg", { id: "prefix__Layer_1", "data-name": "Layer 1", viewBox: "0 0 13.5 13.5" },
+    React__namespace["default"].createElement("title", null, 'upload'),
+    React__namespace["default"].createElement("path", { className: "file-dropdown-path", d: "M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8", transform: "translate(-1.25 -2.21)" })));
 const FileDropdown = ({ className, value, options, onUploadSelected, id, placeholderIcon, placeholder, style, }) => {
     const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);
     const showDropdown = () => setIsDropdownOpen(!isDropdownOpen);
     const inputList = React.useRef(options.map((option) => {
-        return (option.type === 'upload' && (React__default["default"].createElement("input", { id: 'uploader-dropdown-input-' + id + '-' + option.value, key: 'uploader-dropdown-input-' + id + '-' + option.value, accept: option.fileAcceptedType, multiple: option.multiple, type: "file", style: { display: 'none' }, onChange: (e) => {
+        return (option.type === 'upload' && (React__namespace["default"].createElement("input", { id: 'uploader-dropdown-input-' + id + '-' + option.value, key: 'uploader-dropdown-input-' + id + '-' + option.value, accept: option.fileAcceptedType, multiple: option.multiple, type: "file", style: { display: 'none' }, onChange: (e) => {
                 console.log('change');
                 onUploadSelected(e.target.files);
             } })));
@@ -336,18 +404,18 @@ const FileDropdown = ({ className, value, options, onUploadSelected, id, placeho
     const onDownload = (url) => {
         url && window.open(url, '_blank');
     };
-    return (React__default["default"].createElement(StyledDropdown, { className: className, "data-dropdown-open": !!isDropdownOpen, id: id, "data-has-icons": true, style: style, onBlur: () => setIsDropdownOpen(false), tabIndex: 0 },
-        React__default["default"].createElement(ShareIconPathStyle, null),
-        React__default["default"].createElement(StyledDropdownName, { onClick: showDropdown },
-            placeholderIcon || React__default["default"].createElement(DefaultFileIcon, null),
+    return (React__namespace["default"].createElement(StyledDropdown, { className: className, "data-dropdown-open": !!isDropdownOpen, id: id, "data-has-icons": true, style: style, onBlur: () => setIsDropdownOpen(false), tabIndex: 0 },
+        React__namespace["default"].createElement(ShareIconPathStyle, null),
+        React__namespace["default"].createElement(StyledDropdownName, { onClick: showDropdown },
+            placeholderIcon || React__namespace["default"].createElement(DefaultFileIcon, null),
             ' ',
-            React__default["default"].createElement("span", null, value && value.value ? value.label : placeholder)),
-        isDropdownOpen && (React__default["default"].createElement(StyledDropdownList, { onClick: showDropdown, "data-has-icons": true }, options.map((option) => (React__default["default"].createElement(StyledDropdownOption, { key: `${id}-${option.value}`, "data-selected": (value && value.value === option.value) || undefined, onClick: () => option.type === 'upload'
+            React__namespace["default"].createElement("span", null, value && value.value ? value.label : placeholder)),
+        isDropdownOpen && (React__namespace["default"].createElement(StyledDropdownList, { onClick: showDropdown, "data-has-icons": true }, options.map((option) => (React__namespace["default"].createElement(StyledDropdownOption, { key: `${id}-${option.value}`, "data-selected": (value && value.value === option.value) || undefined, onClick: () => option.type === 'upload'
                 ? onUpload('#uploader-dropdown-input-' + id + '-' + option.value)
                 : onDownload(option.url) },
-            React__default["default"].createElement(StyledIcon, null, option.icon || option.type === 'download' ? (React__default["default"].createElement(DownloadIcon, null)) : (React__default["default"].createElement(UploadIcon, null))),
+            React__namespace["default"].createElement(StyledIcon, null, option.icon || option.type === 'download' ? (React__namespace["default"].createElement(DownloadIcon, null)) : (React__namespace["default"].createElement(UploadIcon, null))),
             option.label))))),
-        React__default["default"].createElement(React__default["default"].Fragment, null, inputList.current)));
+        React__namespace["default"].createElement(React__namespace["default"].Fragment, null, inputList.current)));
 };
 
 const StyledGrid = styled__default["default"].div `
@@ -374,7 +442,7 @@ const StyledGrid = styled__default["default"].div `
  * @deprecated Consider to use mantine
  */
 const Grid = ({ className, columns, columnsDesktop, gridTemplateColumns, gridTemplateColumnsDesktop, gap, children, justifyChildren, style, alignItems, }) => {
-    return (React__default["default"].createElement(StyledGrid, { className: className, style: Object.assign({ '--columns-count': columns, '--columns-count-desktop': columnsDesktop, '--grid-template-columns': gridTemplateColumns, '--grid-template-columns-desktop': gridTemplateColumnsDesktop, '--justify-children': justifyChildren, '--grid-gap': gap, '--align-items': alignItems }, style) }, children));
+    return (React__namespace["default"].createElement(StyledGrid, { className: className, style: Object.assign({ '--columns-count': columns, '--columns-count-desktop': columnsDesktop, '--grid-template-columns': gridTemplateColumns, '--grid-template-columns-desktop': gridTemplateColumnsDesktop, '--justify-children': justifyChildren, '--grid-gap': gap, '--align-items': alignItems }, style) }, children));
 };
 
 /**
@@ -389,7 +457,7 @@ const Radio = ({ size = 'small', label, name, checked, value, className, isDisab
             'data-event-label': dataEventLabel,
         }
         : {};
-    return (React__default["default"].createElement(index$1.Radio
+    return (React__namespace["default"].createElement(index$1.Radio
     // type,
     , Object.assign({ 
         // type,
@@ -565,8 +633,8 @@ const Tag = ({ type, children, style, isInline, isSquared = false, className, is
     const textColor = textProps.color
         ? { '--text-props-color': textProps.color }
         : {};
-    return (React__default["default"].createElement(StyledTag, { "data-is-squared": isSquared || undefined, "data-tag-type": type, "data-is-light": isLight || undefined, "data-has-more-padding": hasMorePadding || undefined, "data-is-inline": isInline || undefined, style: Object.assign(Object.assign({}, style), textColor), className: className, "data-is-selected": isSelected || undefined, "data-is-link": isLink || undefined, tagType: type, isInline: isInline, tagHasMorePadding: hasMorePadding, tagIsLight: isLight, tagIsSquared: isSquared, tagIsALink: isLink },
-        React__default["default"].createElement(index$2.Text, Object.assign({}, textProps), children)));
+    return (React__namespace["default"].createElement(StyledTag, { "data-is-squared": isSquared || undefined, "data-tag-type": type, "data-is-light": isLight || undefined, "data-has-more-padding": hasMorePadding || undefined, "data-is-inline": isInline || undefined, style: Object.assign(Object.assign({}, style), textColor), className: className, "data-is-selected": isSelected || undefined, "data-is-link": isLink || undefined, tagType: type, isInline: isInline, tagHasMorePadding: hasMorePadding, tagIsLight: isLight, tagIsSquared: isSquared, tagIsALink: isLink },
+        React__namespace["default"].createElement(index$2.Text, Object.assign({}, textProps), children)));
 };
 
 const heightIcon = '24px';
@@ -621,11 +689,11 @@ const StyledToggle = styled__default["default"].div `
 /**
  * @deprecated Consider to use {@link Switch} at {@link https://www.npmjs.com/package/@hhgtech/hhg-components/mantine}
  */
-const Toggle = ({ className, id, onChange, checked, style, label }) => (React__default["default"].createElement(StyledToggle, { className: className, style: style },
-    React__default["default"].createElement("input", { type: "checkbox", id: id, onChange: onChange, checked: checked }),
-    React__default["default"].createElement("label", { htmlFor: id },
-        React__default["default"].createElement(StyledToggleIcon, null),
-        label && React__default["default"].createElement(StyledToggleLabel, null, label))));
+const Toggle = ({ className, id, onChange, checked, style, label }) => (React__namespace["default"].createElement(StyledToggle, { className: className, style: style },
+    React__namespace["default"].createElement("input", { type: "checkbox", id: id, onChange: onChange, checked: checked }),
+    React__namespace["default"].createElement("label", { htmlFor: id },
+        React__namespace["default"].createElement(StyledToggleIcon, null),
+        label && React__namespace["default"].createElement(StyledToggleLabel, null, label))));
 
 const StyledRateStars = styled__default["default"].div `
   display: inline-flex;
@@ -644,15 +712,15 @@ const StyledRateStars = styled__default["default"].div `
 `;
 
 const StarHalfIcon = (props) => {
-    return (React__default["default"].createElement("svg", Object.assign({}, props, { viewBox: "0 0 24 24", fill: "none" }),
-        React__default["default"].createElement("path", { d: "m139.287 144.772 5.17 3.12c.38.23.85-.11.75-.54l-1.37-5.88 4.56-3.95c.33-.29.16-.84-.29-.88l-6.01-.51-2.35-5.54a.498.498 0 0 0-.92 0l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z", fill: "#E4E8EC" }),
-        React__default["default"].createElement("path", { d: "M139.289 144.771s.013-14.488 0-14.488a.49.49 0 0 0-.46.308l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z", fill: "#FFC326" })));
+    return (React__namespace["default"].createElement("svg", Object.assign({}, props, { viewBox: "0 0 24 24", fill: "none" }),
+        React__namespace["default"].createElement("path", { d: "m139.287 144.772 5.17 3.12c.38.23.85-.11.75-.54l-1.37-5.88 4.56-3.95c.33-.29.16-.84-.29-.88l-6.01-.51-2.35-5.54a.498.498 0 0 0-.92 0l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z", fill: "#E4E8EC" }),
+        React__namespace["default"].createElement("path", { d: "M139.289 144.771s.013-14.488 0-14.488a.49.49 0 0 0-.46.308l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z", fill: "#FFC326" })));
 };
 
 const StarIcon = (_a) => {
     var { isFull } = _a, props = tslib_es6.__rest(_a, ["isFull"]);
-    return (React__default["default"].createElement("svg", Object.assign({}, props, { viewBox: "0 0 32 32", fill: "none" }),
-        React__default["default"].createElement("path", { d: "m16 23.027 6.893 4.16c.507.306 1.134-.147 1-.72l-1.826-7.84 6.08-5.267a.67.67 0 0 0-.387-1.173l-8.013-.68-3.134-7.387a.664.664 0 0 0-1.226 0l-3.133 7.387-8.014.68a.668.668 0 0 0-.373 1.173l6.08 5.267-1.827 7.84c-.133.573.493 1.026 1 .72z", fill: isFull ? '#FFC326' : '#D2D6DC' })));
+    return (React__namespace["default"].createElement("svg", Object.assign({}, props, { viewBox: "0 0 32 32", fill: "none" }),
+        React__namespace["default"].createElement("path", { d: "m16 23.027 6.893 4.16c.507.306 1.134-.147 1-.72l-1.826-7.84 6.08-5.267a.67.67 0 0 0-.387-1.173l-8.013-.68-3.134-7.387a.664.664 0 0 0-1.226 0l-3.133 7.387-8.014.68a.668.668 0 0 0-.373 1.173l6.08 5.267-1.827 7.84c-.133.573.493 1.026 1 .72z", fill: isFull ? '#FFC326' : '#D2D6DC' })));
 };
 
 /**
@@ -666,14 +734,14 @@ const RateStars = ({ gap = 2, size = 24, star, totalStars = 5, onSelect, hideEmp
     const [tempStar, setTempStar] = React.useState(null);
     const tempFullStars = tempStar || numberOfFullStars;
     const tempHalfStars = tempStar ? 0 : numberOfHalfStars;
-    return (React__default["default"].createElement(StyledRateStars, { "data-selectable": !!onSelect, style: Object.assign({ '--gap': gap, '--star-size': size }, style), className: className }, Array.from({
+    return (React__namespace["default"].createElement(StyledRateStars, { "data-selectable": !!onSelect, style: Object.assign({ '--gap': gap, '--star-size': size }, style), className: className }, Array.from({
         length: hideEmptyStars
             ? numberOfFullStars + numberOfHalfStars
             : totalStars,
     }).map((_, index) => {
         const onMouseOver = () => !!onSelect && setTempStar(index + 1);
         const onMouseLeave = () => !!onSelect && setTempStar(null);
-        return index + 1 <= tempFullStars ? (React__default["default"].createElement(StarIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, isFull: true })) : index + 1 === tempFullStars + tempHalfStars ? (React__default["default"].createElement(StarHalfIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave })) : (React__default["default"].createElement(StarIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave }));
+        return index + 1 <= tempFullStars ? (React__namespace["default"].createElement(StarIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, isFull: true })) : index + 1 === tempFullStars + tempHalfStars ? (React__namespace["default"].createElement(StarHalfIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave })) : (React__namespace["default"].createElement(StarIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave }));
     })));
 };
 
@@ -688,7 +756,7 @@ const StepRendererContext = React.createContext({
 const StepRenderer = ({ children, onStepChange }) => {
     const [currentStep, setCurrentStep] = React.useState(0);
     const [maxStep, setMaxStep] = React.useState(0);
-    const childrenCount = React__default["default"].Children.count(children);
+    const childrenCount = React__namespace["default"].Children.count(children);
     React.useEffect(() => {
         setMaxStep(childrenCount - 1);
     }, [childrenCount]);
@@ -697,7 +765,7 @@ const StepRenderer = ({ children, onStepChange }) => {
     }, [currentStep]);
     const nextStep = () => currentStep + 1 <= maxStep && setCurrentStep(currentStep + 1);
     const prevStep = () => currentStep - 1 >= 0 && setCurrentStep(currentStep - 1);
-    return (React__default["default"].createElement(StepRendererContext.Provider, { value: {
+    return (React__namespace["default"].createElement(StepRendererContext.Provider, { value: {
             currentStep,
             setCurrentStep,
             setMaxStep,
@@ -705,12 +773,12 @@ const StepRenderer = ({ children, onStepChange }) => {
             prevStep,
         } }, flattenChildren__default["default"](children).map((element, idx) => {
         const active = idx === currentStep;
-        return (React__default["default"].createElement(React.Fragment, { key: idx }, !React__default["default"].isValidElement(element)
+        return (React__namespace["default"].createElement(React.Fragment, { key: idx }, !React__namespace["default"].isValidElement(element)
             ? active
                 ? element
                 : null
             : element.props.alwaysRender || active
-                ? React__default["default"].cloneElement(element, {
+                ? React__namespace["default"].cloneElement(element, {
                     isActive: idx === currentStep,
                     stepIndex: idx,
                 })
@@ -721,6 +789,7 @@ const StepRenderer = ({ children, onStepChange }) => {
 exports.Alert = Alert;
 exports.Badge = Badge;
 exports.BorderHeading = BorderHeading;
+exports.CardCollapse = CardCollapse;
 exports.FileDropdown = FileDropdown;
 exports.Grid = Grid;
 exports.Radio = Radio;

package/build/{index-cecfc009.js → index-2ad70ddc.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-b1d7a821.js');
+var utils = require('./utils-924187a7.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-4b757c12.js → index-2fcfdc3d.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-41f77d11.js');
-var index = require('./index-95f86c94.js');
+var index$1 = require('./index-e6694504.js');
+var index = require('./index-769840b4.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-a6299942.js → index-37b74e1c.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var index = require('./index-75b70c59.js');
+var index = require('./index-f96f91a4.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-98eee6ba.js → index-3a12682c.js}

@@ -1,37 +1,37 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6fa0277b.js');
+var tslib_es6 = require('./tslib.es6-88004cab.js');
 var React = require('react');
 var dayjs = require('dayjs');
-var index$9 = require('./index-59f65a29.js');
-var index$7 = require('./index-424b4800.js');
-var dataTransform = require('./dataTransform-0050d93e.js');
+var index$9 = require('./index-bea5321d.js');
+var index$7 = require('./index-d233c867.js');
+var dataTransform = require('./dataTransform-487bb5ea.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-0880c63a.js');
+var togetherComponentGlobalContext = require('./utils-de12404f.js');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
-var index$2 = require('./index-86c2e4af.js');
-var index$1 = require('./index-2aea9044.js');
-var togetherMoleculesCardAuthor = require('./index-7c97c602.js');
-var index$3 = require('./index-3330a2c5.js');
-var index = require('./index-95f86c94.js');
+var index$2 = require('./index-9f667ccc.js');
+var index$1 = require('./index-90ee6ea9.js');
+var togetherMoleculesCardAuthor = require('./index-f0b7a729.js');
+var index$3 = require('./index-c77d0076.js');
+var index = require('./index-769840b4.js');
 var miscTheme = require('./miscTheme.js');
 var other = require('@hhgtech/icons/other');
-var index$4 = require('./index-ffabb1ce.js');
+var index$4 = require('./index-bdbd3012.js');
 require('@mantine/dates');
-require('./index-d185db5d.js');
-require('./index-13bf83df.js');
-var index$8 = require('./index-cb029462.js');
-var index$5 = require('./index-c7deadad.js');
-require('./index.styles-b7d9cf1c.js');
+require('./index-1c207e61.js');
+require('./index-10563198.js');
+var index$8 = require('./index-65110c4f.js');
+var index$5 = require('./index-c872bb2b.js');
+require('./index.styles-e020da74.js');
 require('@mantine/hooks');
-require('./text-3c0f2008.js');
-require('./utils-b1d7a821.js');
+require('./text-1d138b17.js');
+require('./utils-924187a7.js');
 var styled = require('@emotion/styled');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var post = require('./post-9a668842.js');
-var index$6 = require('./index-cd25b1e2.js');
-require('./translationsContext-d6193024.js');
+var post = require('./post-070a0ea5.js');
+var index$6 = require('./index-982326bc.js');
+require('./translationsContext-c77bf78d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-462e08c4.js → index-3a47abd1.js}

@@ -1,36 +1,36 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6fa0277b.js');
+var tslib_es6 = require('./tslib.es6-88004cab.js');
 var React = require('react');
-var index$7 = require('./index-cd25b1e2.js');
-var index$3 = require('./index-73ca2d5e.js');
-var index = require('./index-95f86c94.js');
+var index$7 = require('./index-982326bc.js');
+var index$3 = require('./index-7b754617.js');
+var index = require('./index-769840b4.js');
 var innertext = require('innertext');
-var index$1 = require('./index-6765c1ea.js');
-var index$2 = require('./index-86c2e4af.js');
-var constants = require('./constants-38723aa1.js');
+var index$1 = require('./index-53716506.js');
+var index$2 = require('./index-9f667ccc.js');
+var constants = require('./constants-69801a56.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var togetherComponentGlobalContext = require('./utils-0880c63a.js');
-var treePopoverMenu = require('./treePopoverMenu-9569ce9e.js');
+var togetherComponentGlobalContext = require('./utils-de12404f.js');
+var treePopoverMenu = require('./treePopoverMenu-19eaadf9.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-b1d7a821.js');
+var utils = require('./utils-924187a7.js');
 var miscTheme = require('./miscTheme.js');
-var dataTransform = require('./dataTransform-0050d93e.js');
+var dataTransform = require('./dataTransform-487bb5ea.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$9 = require('./index-1d692dbd.js');
-var togetherMoleculesCardAuthor = require('./index-7c97c602.js');
-var togetherMoleculesProfileDetail = require('./index-98eee6ba.js');
-var togetherMoleculesPostImagePreview = require('./index-8d889866.js');
-var index$a = require('./index-bd08f375.js');
-var index$8 = require('./index-15a90075.js');
-require('./index-d185db5d.js');
+var index$9 = require('./index-afb52a6f.js');
+var togetherMoleculesCardAuthor = require('./index-f0b7a729.js');
+var togetherMoleculesProfileDetail = require('./index-3a12682c.js');
+var togetherMoleculesPostImagePreview = require('./index-7b27f582.js');
+var index$a = require('./index-b8d532f6.js');
+var index$8 = require('./index-c7f23280.js');
+require('./index-1c207e61.js');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$6 = require('./index-75b70c59.js');
-var index$4 = require('./index-cb029462.js');
-var index$5 = require('./index-638afb34.js');
-var normalizeLink = require('./normalizeLink-bd11b687.js');
+var index$6 = require('./index-f96f91a4.js');
+var index$4 = require('./index-65110c4f.js');
+var index$5 = require('./index-23cec788.js');
+var normalizeLink = require('./normalizeLink-9e045663.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }