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

package/build/{index-e8acb6cf.js → index-3aee9f58.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-ee162501.js');
+var index = require('./index-645d63a2.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-f5379515.js');
-var index$1 = require('./index-8db3897d.js');
-var index$2 = require('./index-51e2f50b.js');
+var utils = require('./utils-04752ec6.js');
+var index$1 = require('./index-795aae91.js');
+var index$2 = require('./index-953955d3.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var tslib_es6 = require('./tslib.es6-e2c2a1ef.js');
+var tslib_es6 = require('./tslib.es6-bb9455e4.js');
 var flattenChildren = require('react-keyed-flatten-children');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -377,140 +377,6 @@ const Grid = ({ className, columns, columnsDesktop, gridTemplateColumns, gridTem
     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));
 };
 
-const StyledPagination = styled__default["default"].div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  user-select: none;
-  li {
-    transition: all 0.3s ease;
-  }
-  [data-page-active] {
-    background: ${miscTheme.theme.colors.primaryBase};
-    color: ${miscTheme.theme.colors.white};
-
-    > a {
-      color: ${miscTheme.theme.colors.white};
-    }
-  }
-`;
-const StyledPageBlock = styled__default["default"].div `
-  display: flex;
-  width: 32px;
-  height: 32px;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid ${miscTheme.theme.colors.gray200};
-  margin: 0 2px;
-  border-radius: 4px;
-  color: ${miscTheme.theme.colors.gray800};
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: ${miscTheme.theme.sizes.fwBold};
-
-  &[data-last-page] {
-    border: none;
-    background-color: ${miscTheme.theme.colors.gray100};
-    cursor: not-allowed;
-    pointer-events: none;
-
-    svg {
-      path {
-        stroke: ${miscTheme.theme.colors.gray300};
-      }
-    }
-  }
-`;
-const StyledPaginationBlock = styled__default["default"].li `
-  display: flex;
-  width: 32px;
-  height: 32px;
-  align-items: center;
-  justify-content: center;
-  margin: 0 2px;
-  border-radius: 4px;
-  color: ${miscTheme.theme.colors.gray800};
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: ${miscTheme.theme.sizes.fwBold};
-
-  > a {
-    color: ${miscTheme.theme.colors.gray800};
-    text-decoration: unset;
-    display: block;
-    width: 100%;
-    height: 100%;
-    line-height: 32px;
-    text-align: center;
-  }
-`;
-
-const RenderPagiWithDots = ({ pagesAmount, activePage, handlePageChange, handleClick, href, queryPageName = 'page', }) => {
-    const pages = [...Array(pagesAmount)].map((__v, i) => i + 1);
-    const [visiblePages, setVisiblePages] = React.useState(activePage <= 4
-        ? pages.slice(0, 5)
-        : activePage >= pages.length - 3
-            ? pages.slice(pages.length - 5, pages.length)
-            : pages.slice(activePage - 2, activePage + 1));
-    React.useEffect(() => {
-        if (activePage <= 4) {
-            setVisiblePages(pages.slice(0, 5));
-        }
-        else if (activePage >= pages.length - 3) {
-            setVisiblePages(pages.slice(pages.length - 5, pages.length));
-        }
-        else {
-            setVisiblePages(pages.slice(activePage - 2, activePage + 1));
-        }
-    }, [activePage]);
-    return (React__default["default"].createElement(React.Fragment, null,
-        activePage > 4 && (React__default["default"].createElement(React.Fragment, null,
-            React__default["default"].createElement(StyledPaginationBlock, { onClick: () => handlePageChange(1) }, href ? (React__default["default"].createElement("a", { href: href, onClick: handleClick }, 1)) : (1)),
-            React__default["default"].createElement(StyledPaginationBlock, null, "..."))),
-        visiblePages.map((i) => (React__default["default"].createElement(StyledPaginationBlock, { key: `${'pagination'}+${i}`, "data-page-active": i === activePage || undefined, onClick: () => handlePageChange(i) }, href ? (React__default["default"].createElement("a", { href: utils.formatUrlWithPageParam(href, i, queryPageName), onClick: handleClick }, i)) : (i)))),
-        activePage < pages.length - 3 && (React__default["default"].createElement(React.Fragment, null,
-            React__default["default"].createElement(StyledPaginationBlock, null, "..."),
-            React__default["default"].createElement(StyledPaginationBlock, { onClick: () => handlePageChange(pages.length) }, href ? (React__default["default"].createElement("a", { href: utils.formatUrlWithPageParam(href, pages.length, queryPageName), onClick: handleClick }, pages.length)) : (pages.length))))));
-};
-const Pagination = ({ className, pagesAmount, currentPage, onChange, onClick, style, href: _href, queryPageName = 'page', }) => {
-    const pages = [...Array(pagesAmount)].map((__v, i) => i + 1);
-    const [activePage, setActivePage] = React.useState(currentPage);
-    const href = React.useMemo(() => {
-        // Props `href` is updated from the version 1.8.4 and later. Please change the way to use this props properly
-        //    - To avoid crash app, transform href for the old way and remove the part &page=
-        //       /care/ho-chi-minh/hospital/da-khoa/&page=
-        //    -> /care/ho-chi-minh/hospital/da-khoa/
-        if (_href && _href.endsWith('&page=')) {
-            return _href.replace('&page=', '');
-        }
-        return _href;
-    }, [_href]);
-    const totalArray = pagesAmount - 1;
-    const handlePageChange = (p) => {
-        if (p <= pagesAmount && p > 0) {
-            setActivePage(p);
-            onChange(p);
-        }
-    };
-    const handleClick = (e) => {
-        onClick && onClick(e);
-    };
-    React.useEffect(() => {
-        setActivePage(currentPage);
-    }, [currentPage]);
-    return (React__default["default"].createElement(StyledPagination, { className: className, style: style },
-        React__default["default"].createElement(StyledPageBlock, { className: "prev-page", onClick: () => handlePageChange(activePage - 1), "data-last-page": activePage === 1 || undefined }, href ? (React__default["default"].createElement("a", { href: utils.formatUrlWithPageParam(href, activePage, queryPageName), onClick: handleClick },
-            React__default["default"].createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
-                React__default["default"].createElement("path", { d: "M5.5 9L1.5 5L5.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })))) : (React__default["default"].createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
-            React__default["default"].createElement("path", { d: "M5.5 9L1.5 5L5.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })))),
-        pages.length > 8 ? (React__default["default"].createElement(RenderPagiWithDots, { pagesAmount: pagesAmount, activePage: activePage, handlePageChange: handlePageChange, handleClick: handleClick, href: href, queryPageName: queryPageName })) : (pages.map((i) => (React__default["default"].createElement(StyledPaginationBlock, { key: `${'pagination'}+${i}`, "data-page-active": i === activePage || undefined, onClick: () => handlePageChange(i) }, href ? (React__default["default"].createElement("a", { href: utils.formatUrlWithPageParam(href, i, queryPageName), onClick: handleClick }, i)) : (i))))),
-        React__default["default"].createElement(StyledPageBlock, { className: "next-page", onClick: () => handlePageChange(activePage + 1), "data-last-page": activePage === totalArray + 1 || undefined }, href ? (React__default["default"].createElement("a", { href: utils.formatUrlWithPageParam(href, activePage, queryPageName), onClick: handleClick },
-            React__default["default"].createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
-                React__default["default"].createElement("path", { d: "M1.5 9L5.5 5L1.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })))) : (React__default["default"].createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
-            React__default["default"].createElement("path", { d: "M1.5 9L5.5 5L1.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))))));
-};
-
 /**
  * @deprecated Consider to use import { Radio } from '@mantine/core'
  */
@@ -857,7 +723,6 @@ exports.Badge = Badge;
 exports.BorderHeading = BorderHeading;
 exports.FileDropdown = FileDropdown;
 exports.Grid = Grid;
-exports.Pagination = Pagination;
 exports.Radio = Radio;
 exports.RateStars = RateStars;
 exports.StepRenderer = StepRenderer;

package/build/index-3b5df4f3.js

@@ -0,0 +1,398 @@
+'use strict';
+
+var core = require('@mantine/core');
+var text = require('./text-d1ea7469.js');
+var tslib_es6 = require('./tslib.es6-bb9455e4.js');
+var React = require('react');
+var miscTheme = require('./miscTheme.js');
+var hooks = require('@mantine/hooks');
+var react = require('@emotion/react');
+var styled = require('@emotion/styled');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var useTextStyles = core.createStyles((theme) => {
+    return text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN];
+});
+
+const ErrorIcon = (_a) => {
+    var { size } = _a, rest = tslib_es6.__rest(_a, ["size"]);
+    const props = Object.assign({ width: size, height: size }, rest);
+    return (React__default["default"].createElement("svg", Object.assign({ width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React__default["default"].createElement("path", { d: "M5.996 6.513q.163 0 .282-.12a.38.38 0 0 0 .118-.28V3.937q0-.15-.118-.268a.4.4 0 0 0-.282-.119.4.4 0 0 0-.281.12.38.38 0 0 0-.119.28v2.175q0 .15.119.269.12.119.281.119m0 1.862a.43.43 0 0 0 .3-.112.4.4 0 0 0 .125-.313.4.4 0 0 0-.125-.3.4.4 0 0 0-.3-.125.4.4 0 0 0-.3.125.4.4 0 0 0-.125.3.4.4 0 0 0 .125.313.43.43 0 0 0 .3.112m0 2.375a4.6 4.6 0 0 1-1.856-.375 4.8 4.8 0 0 1-1.506-1.012A4.8 4.8 0 0 1 1.62 7.857 4.6 4.6 0 0 1 1.246 6q0-.987.375-1.856t1.013-1.506A4.8 4.8 0 0 1 4.14 1.625a4.6 4.6 0 0 1 1.856-.375q.988 0 1.857.375Q8.72 2 9.359 2.638q.637.637 1.012 1.506T10.747 6t-.375 1.857A4.8 4.8 0 0 1 9.36 9.363a4.8 4.8 0 0 1-1.506 1.012q-.87.375-1.857.375", fill: "#F44D2C" })));
+};
+ErrorIcon.defaultProps = {
+    size: 18,
+    color: miscTheme.theme.colors.gray600,
+    activeColor: miscTheme.theme.colors.primaryBase,
+};
+
+const TextFieldContext = React.createContext({});
+
+const cssInputNotShrink = react.css `
+  height: 100% !important;
+  min-height: calc(var(--container-height, 56px) * 24 / 56);
+  line-height: calc(var(--container-height, 56px) * 24 / 56);
+  border: none !important;
+  border-radius: 0 !important;
+  outline: none !important;
+  box-shadow: none !important;
+  padding: 0;
+  cursor: pointer;
+  opacity: 0;
+
+  ::placeholder {
+    color: ${miscTheme.theme.colors.gray400};
+  }
+`;
+const cssInputShrink = react.css `
+  height: auto !important;
+  cursor: text;
+  opacity: 1;
+  transition: 0.1s ease-in-out all;
+`;
+const cssLabelNotShrink = react.css `
+  position: absolute;
+  top: calc(var(--container-height) / 2);
+  left: var(--space-x, 16px);
+  margin: 0;
+  z-index: 1;
+  cursor: pointer;
+  transform: translateY(-50%);
+  transition: 0.125s ease-in all;
+`;
+const cssLabelShrink = react.css `
+  top: var(--space-y-shrink, 6px);
+  transform: none;
+  transition: 0.125s ease-out all;
+`;
+const cssWrapperInputNotShrink = react.css `
+  min-height: var(--container-height, 56px);
+  display: flex;
+  align-items: flex-end;
+  border: 1px solid ${miscTheme.theme.colors.gray200};
+  border-radius: 8px;
+  background-color: #fff;
+  padding-inline: var(--space-x, 16px);
+  padding-block: var(--space-y-not-shrink, 16px);
+  cursor: pointer;
+  pointer-events: none;
+
+  &:has(.mantine-Input-rightSection) {
+    padding-right: var(--container-height, 56px);
+  }
+
+  .mantine-Input-icon {
+    display: none;
+  }
+
+  .mantine-NumberInput-control {
+    border-color: ${miscTheme.theme.colors.gray200};
+  }
+`;
+const cssWrapperInputShrink = react.css `
+  height: auto;
+  min-height: var(--container-height, 56px);
+  padding-block: var(--space-y-shrink, 6px);
+  cursor: text;
+  pointer-events: auto;
+`;
+const cssInputWrapperError = react.css `
+  color: ${miscTheme.theme.colors.red800};
+  font-size: 12px;
+  line-height: 1.5;
+`;
+const StyledTextFieldContainer = styled__default["default"].div `
+  --space-x: 16px;
+  --space-y-not-shrink: 15px;
+  --space-y-shrink: 6px;
+  --container-height: 56px;
+  --label-not-shrink: 16px;
+  --label-shrink: 12px;
+  --input: 15px;
+
+  position: relative;
+  min-width: 100px;
+  max-width: 100%;
+  display: inline-block;
+
+  .textField_wrapper {
+    display: inline-block;
+    width: 100%;
+    cursor: pointer;
+  }
+
+  .mantine-InputWrapper-root {
+    &[data-invalid='true'] {
+      .mantine-Input-wrapper {
+        border-color: ${miscTheme.theme.colors.red400};
+      }
+    }
+
+    .mantine-Input-wrapper {
+      &:has([data-invalid]) {
+        border-color: ${miscTheme.theme.colors.red400};
+      }
+    }
+  }
+
+  .mantine-InputWrapper-label {
+    ${cssLabelNotShrink}
+  }
+
+  .mantine-Input-wrapper {
+    ${cssWrapperInputNotShrink}
+
+    + .mantine-Popover-dropdown[data-position="bottom-start"] {
+      left: 0 !important;
+    }
+    + .mantine-Popover-dropdown[data-position='top-start'] {
+      top: unset !important;
+      left: 0 !important;
+      bottom: 100% !important;
+    }
+  }
+
+  .mantine-Input-input {
+    ${cssInputNotShrink}
+  }
+
+  &.textField_shrink {
+    .mantine-InputWrapper-label {
+      ${cssLabelShrink}
+    }
+
+    .mantine-Input-wrapper {
+      ${cssWrapperInputShrink}
+      &.mantine-Select-wrapper {
+        .mantine-Select-rightSection {
+          pointer-events: auto !important;
+        }
+      }
+    }
+
+    .mantine-Input-input {
+      ${cssInputShrink}
+    }
+
+    &:has(.PhoneInput) {
+      .mantine-InputWrapper-label {
+        left: var(--space-x, 16px);
+      }
+      .PhoneInput {
+        .PhoneInputInput {
+          opacity: 1;
+        }
+      }
+    }
+  }
+
+  &:focus-within {
+    .mantine-Input-wrapper {
+      transition: 0.25s linear border;
+      border-color: ${miscTheme.theme.colors.primary600};
+      box-shadow: 0 0 4px ${miscTheme.theme.colors.primary200};
+    }
+  }
+
+  .PhoneInput {
+    --phone-select: 75px;
+    --phone-input-space-x: 8px;
+    width: 100%;
+    opacity: 1;
+    border: none;
+    .PhoneInputCountry {
+      background-color: transparent;
+      border: none;
+      padding: 0;
+      width: var(--phone-select, 75px);
+    }
+    .PhoneInputInput {
+      flex: 1;
+      min-width: 0;
+      line-height: 1.5;
+      outline: none !important;
+      border: none;
+      box-shadow: none;
+      font-size: var(--input, 15px);
+      padding: 0 var(--phone-input-space-x, 8px);
+      opacity: 0;
+      color: ${miscTheme.theme.colors.gray800} !important;
+      :focus {
+        color: ${miscTheme.theme.colors.gray800} !important;
+      }
+    }
+  }
+
+  &:has(.PhoneInput) {
+    .mantine-InputWrapper-label {
+      left: calc(
+        var(--space-x, 16px) + var(--phone-select, 75px) +
+          var(--phone-input-space-x, 8px)
+      );
+    }
+  }
+
+  .icon {
+    position: absolute;
+    top: calc(var(--container-height) / 2);
+    right: var(--space-x, 16px);
+    transform: translateY(-50%);
+    transition: 0.125s ease-in all;
+    &.shrink {
+      top: calc(var(--container-height) / 2 - 4px);
+      transform: translateY(0);
+    }
+  }
+`;
+const StyledChoiceFieldContainer = styled__default["default"].div `
+  &.leadgen-form_checkbox,
+  &.leadgen-form_radio {
+    width: 100%;
+  }
+
+  &.leadgen-form_dropdown {
+    width: calc(50% - 12px);
+  }
+
+  .mantine-InputWrapper-root {
+    display: block;
+  }
+
+  .mantine-InputWrapper-label {
+    margin-bottom: 0.5rem;
+    color: ${miscTheme.theme.colors.gray800};
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 1.5;
+  }
+
+  .mantine-Radio-root,
+  .mantine-Checkbox-root {
+    gap: 8px;
+    min-width: calc(50% - 4px);
+
+    // input[type='radio'],
+    // input[type='checkbox'] {
+    //   border-color: ${miscTheme.theme.colors.gray600};
+    //   width: 18px;
+    //   height: 18px;
+    // }
+    // input[type='checkbox'] {
+    //   border-radius: 4px;
+    // }
+
+    // &[data-checked='true'] {
+    //   input[type='radio'],
+    //   input[type='checkbox'] {
+    //     border-color: ${miscTheme.theme.colors.primary600};
+    //   }
+
+    //   input[type='radio'] {
+    //     background-color: white;
+    //   }
+    // }
+
+    .mantine-Checkbox-input {
+      &:checked {
+        border-color: ${miscTheme.theme.colors.primary600};
+      }
+    }
+  }
+
+  .leadgen-choiceContainer {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    gap: 8px;
+  }
+
+  .mantine-InputWrapper-error {
+    ${cssInputWrapperError}
+  }
+`;
+styled__default["default"].div `
+  position: absolute;
+  top: calc(var(--container-height) / 2);
+  right: var(--space-x, 16px);
+`;
+
+const TextField = (props) => {
+    const { shrink: shrinkProps, onChangeShrink, children, className } = props, restProps = tslib_es6.__rest(props, ["shrink", "onChangeShrink", "children", "className"]);
+    const [shrink, setShrink] = React.useState(shrinkProps);
+    const [hasIcon, setHasIcon] = React.useState(false);
+    React.useEffect(() => {
+        setShrink(shrinkProps);
+    }, [shrinkProps]);
+    return (React__default["default"].createElement(TextFieldContext.Provider, Object.assign({ value: {
+            shrinkProps,
+            shrink,
+            setShrink,
+            onChangeShrink,
+            hasIcon,
+            setHasIcon,
+        } }, restProps),
+        React__default["default"].createElement(StyledTextFieldContainer, Object.assign({ shrink: shrink, className: core.clsx(className, 'textField', { textField_shrink: !!shrink }) }, restProps), children)));
+};
+const TextFieldControl = (props) => {
+    const { shrink, shrinkProps, onChangeShrink, setShrink, hasIcon } = React.useContext(TextFieldContext);
+    const { children } = props;
+    const containerRef = hooks.useClickOutside(() => {
+        if (shrinkProps) {
+            return;
+        }
+        setShrink(false);
+        onChangeShrink === null || onChangeShrink === void 0 ? void 0 : onChangeShrink(false);
+    });
+    // const inputInside = useMemo(() => {
+    //   containerRef.current.querySelectorAll(
+    //     'input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])',
+    //   )
+    // }, [containerRef.current])
+    // console.log({ containerRef })
+    const focusInput = (target) => {
+        const $textEl = target.querySelectorAll('input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])');
+        const $focusEl = $textEl.item($textEl.length - 1);
+        if ($focusEl) {
+            $focusEl.focus({ preventScroll: true });
+        }
+    };
+    const onClick = React.useCallback((e) => {
+        if (shrink) {
+            e.preventDefault();
+            focusInput(e.currentTarget);
+            return;
+        }
+        setShrink(true);
+        onChangeShrink === null || onChangeShrink === void 0 ? void 0 : onChangeShrink(true);
+        focusInput(e.currentTarget);
+    }, [shrink]);
+    React.useEffect(() => {
+        setShrink(shrinkProps);
+    }, [shrinkProps]);
+    return (React__default["default"].createElement(core.Box, { ref: containerRef, onClick: onClick, className: "textField_wrapper" }, typeof children === 'function'
+        ? children({ shrink: !!shrink, hasIcon })
+        : children));
+};
+const TextFieldIcon = ({ Icon }) => {
+    const { shrink, setHasIcon } = React.useContext(TextFieldContext);
+    const theme = core.useMantineTheme();
+    React.useEffect(() => {
+        Icon && setHasIcon(true);
+    }, []);
+    return Icon ? (React__default["default"].createElement(Icon, { className: `icon ${!!shrink ? 'shrink' : ''}`, shrink: shrink, size: 24, color: theme.colors.gray[9] })) : null;
+};
+TextField.Control = TextFieldControl;
+TextField.Icon = TextFieldIcon;
+const ChoiceField = (props) => {
+    const { children, className } = props, restProps = tslib_es6.__rest(props, ["children", "className"]);
+    return (React__default["default"].createElement(StyledChoiceFieldContainer, Object.assign({ className: core.clsx(className, 'choiceField') }, restProps), children));
+};
+
+exports.ChoiceField = ChoiceField;
+exports.ErrorIcon = ErrorIcon;
+exports.TextField = TextField;
+exports.useTextStyles = useTextStyles;

package/build/{index-62d9276f.js → index-469ba5bf.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-e2c2a1ef.js');
+var tslib_es6 = require('./tslib.es6-bb9455e4.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-ee162501.js');
-var index = require('./index-6f5758a5.js');
+var index$1 = require('./index-645d63a2.js');
+var index = require('./index-24c128bc.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-44f91705.js → index-4803b6ee.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-e2c2a1ef.js');
+var tslib_es6 = require('./tslib.es6-bb9455e4.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-0ab78ef8.js');
-var index = require('./index-6f5758a5.js');
-var constants$1 = require('./constants-24e45086.js');
-var index$2 = require('./index-8db3897d.js');
+var useHealthToolCache = require('./useHealthToolCache-3c1bd138.js');
+var index = require('./index-24c128bc.js');
+var constants$1 = require('./constants-10554651.js');
+var index$2 = require('./index-795aae91.js');
 require('@mantine/dates');
-require('./index-22f7c329.js');
-require('./index-c6e7ffb3.js');
-require('./index-9186ffbd.js');
-require('./index-80a406c3.js');
-require('./index-ee162501.js');
-require('./index-1aac9204.js');
-require('./index.styles-a11f475c.js');
+require('./index-7f78294d.js');
+require('./index-f24970ad.js');
+require('./index-2cf4fc87.js');
+require('./index-e339ff4d.js');
+require('./index-645d63a2.js');
+require('./index-0b0c7333.js');
+require('./index.styles-2bf7833a.js');
 require('@mantine/hooks');
-require('./text-a5ecdb3f.js');
-require('./utils-f5379515.js');
-require('./index-5ee0bf23.js');
-var index$1 = require('./index-177c7ef1.js');
-var constants = require('./constants-3347f57d.js');
+require('./text-d1ea7469.js');
+require('./utils-04752ec6.js');
+require('./index-21eab174.js');
+var index$1 = require('./index-e25066e5.js');
+var constants = require('./constants-98c8918d.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-b45631a9.js → index-499a45d2.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-e2c2a1ef.js');
+var tslib_es6 = require('./tslib.es6-bb9455e4.js');
 var React = require('react');
 var core = require('@mantine/core');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-f5379515.js');
+var utils = require('./utils-04752ec6.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-07827cc4.js → index-4a3bd16b.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-e2c2a1ef.js');
+var tslib_es6 = require('./tslib.es6-bb9455e4.js');
 var React = require('react');
 var core = require('@mantine/core');
 var other = require('@hhgtech/icons/other');
-require('./index-8db3897d.js');
+require('./index-795aae91.js');
 require('@mantine/dates');
-require('./index-22f7c329.js');
-require('./index-c6e7ffb3.js');
-require('./index-9186ffbd.js');
-var index = require('./index-80a406c3.js');
-var index$2 = require('./index-ee162501.js');
-require('./index-1aac9204.js');
-require('./index.styles-a11f475c.js');
-var index$1 = require('./index-6f5758a5.js');
+require('./index-7f78294d.js');
+require('./index-f24970ad.js');
+require('./index-2cf4fc87.js');
+var index = require('./index-e339ff4d.js');
+var index$2 = require('./index-645d63a2.js');
+require('./index-0b0c7333.js');
+require('./index.styles-2bf7833a.js');
+var index$1 = require('./index-24c128bc.js');
 require('@mantine/hooks');
-require('./text-a5ecdb3f.js');
-var utils = require('./utils-f5379515.js');
-require('./index-5ee0bf23.js');
+require('./text-d1ea7469.js');
+var utils = require('./utils-04752ec6.js');
+require('./index-21eab174.js');
 var styled = require('@emotion/styled');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');