@hhgtech/hhg-components 1.29.341-beta-4 → 1.29.341-beta-6

package/build/i18nV2.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var translationsContext = require('./translationsContext-ac37a205.js');
+var translationsContext = require('./translationsContext-d6aa823c.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/icons/ChatbotBg.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+declare const ChatbotBg: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default ChatbotBg;

package/build/icons/Search.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+declare const Search: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default Search;

package/build/icons/index.d.ts

@@ -1,16 +1,18 @@
 import CaretDown from "./CaretDown";
+import ChatbotBg from "./ChatbotBg";
 import CheckCircle from "./CheckCircle";
 import ChevronDown from "./ChevronDown";
 import ChevronLeft from "./ChevronLeft";
 import ChevronRight from "./ChevronRight";
 import ChevronUp from "./ChevronUp";
-import Circle from "./Circle";
 import Close from "./Close";
 import EmailCheck from "./EmailCheck";
 import EmailFail from "./EmailFail";
 import Facebook from "./Facebook";
 import Google from "./Google";
 import InVisible from "./InVisible";
-import Spinning from "./Spinning";
+import Search from "./Search";
 import Visible from "./Visible";
-export { CaretDown, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Close, EmailCheck, EmailFail, Facebook, Google, InVisible, Visible, Circle, Spinning, };
+import Circle from "./Circle";
+import Spinning from "./Spinning";
+export { CaretDown, ChatbotBg, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Close, EmailCheck, EmailFail, Facebook, Google, InVisible, Search, Visible, Circle, Spinning, };

package/build/{index-362bc4f9.js → index-028ad64e.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-57cd81cf.js');
+require('./index-3f2a3c92.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-5a458df9.js');
+var Locale = require('./Locale-3f23c811.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/{index-469c8890.js → index-06ecba73.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-4dedca11.js');
+var tslib_es6 = require('./tslib.es6-c16c058f.js');
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-bdf8592e.js → index-096c02e4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-4dedca11.js');
+var tslib_es6 = require('./tslib.es6-c16c058f.js');
 var React = require('react');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');

package/build/index-0a6692aa.js

@@ -0,0 +1,113 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-c16c058f.js');
+var React = require('react');
+var core = require('@mantine/core');
+var vaul = require('vaul');
+var styled = require('@emotion/styled');
+var index = require('./index-028ad64e.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const StyledDrawerComponentContent = styled__default["default"](vaul.Drawer.Content) `
+  position: fixed;
+  z-index: ${index.ZINDEX_SSO + 2};
+  inset: 0;
+  background-color: #fff;
+  outline: none !important;
+
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.4);
+    border-radius: 6px;
+  }
+
+  &[data-vaul-drawer-direction='bottom'] {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+  }
+
+  &[data-vaul-drawer-direction='top'] {
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px;
+  }
+
+  &[data-vaul-drawer-direction='left'] {
+    border-top-right-radius: 8px;
+    border-bottom-right-radius: 8px;
+  }
+
+  &[data-vaul-drawer-direction='right'] {
+    border-top-left-radius: 8px;
+    border-bottom-left-radius: 8px;
+  }
+`;
+const StyledDrawerComponentOverlay = styled__default["default"](vaul.Drawer.Overlay) `
+  position: fixed;
+  inset: 0;
+  z-index: ${index.ZINDEX_SSO + 2};
+  width: 100%;
+  max-height: 100%;
+
+  &[data-state='open'] {
+    opacity: 0.6 !important;
+  }
+`;
+
+const DrawerComponent = (props) => {
+    const { open: openProps, onOpenChange: onOpenChangeProps, snapPoints, activeSnapPoint, setActiveSnapPoint, children, overlayClassName, className } = props, restProps = tslib_es6.__rest(props, ["open", "onOpenChange", "snapPoints", "activeSnapPoint", "setActiveSnapPoint", "children", "overlayClassName", "className"]);
+    const [open, setOpen] = React.useState(openProps);
+    const [snap, setSnap] = React.useState(snapPoints ? snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[0] : null);
+    const onOpenChange = React.useCallback((_open) => {
+        setOpen(_open);
+        onOpenChangeProps === null || onOpenChangeProps === void 0 ? void 0 : onOpenChangeProps(_open);
+    }, [onOpenChangeProps]);
+    const isFullSnapPoint = React.useMemo(() => {
+        if (snapPoints && snapPoints.length) {
+            return Boolean(snap === snapPoints[snapPoints.length - 1]);
+        }
+        return open;
+    }, [snap, snapPoints]);
+    const mergedProps = React.useMemo(() => {
+        const _mergedProps = { open, onOpenChange };
+        if (snapPoints && (snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints.length)) {
+            _mergedProps.snapPoints = snapPoints;
+            _mergedProps.activeSnapPoint = snap;
+            _mergedProps.setActiveSnapPoint = (snP) => {
+                setSnap(snP);
+                setActiveSnapPoint === null || setActiveSnapPoint === void 0 ? void 0 : setActiveSnapPoint(snP);
+            };
+        }
+        return _mergedProps;
+    }, [open, onOpenChange, snap, setSnap, setActiveSnapPoint, snapPoints]);
+    React.useEffect(() => {
+        setOpen(openProps);
+    }, [openProps]);
+    React.useEffect(() => {
+        setSnap(activeSnapPoint);
+    }, [activeSnapPoint]);
+    return (React__default["default"].createElement(vaul.Drawer.Root, Object.assign({}, restProps, mergedProps),
+        React__default["default"].createElement(vaul.Drawer.Portal, null,
+            React__default["default"].createElement(StyledDrawerComponentOverlay, { className: core.clsx(overlayClassName, 'drawer__overlay', {
+                    drawer__overlay_full: isFullSnapPoint,
+                }) }),
+            React__default["default"].createElement(StyledDrawerComponentContent, { className: core.clsx(className, 'drawer__content', {
+                    drawer__content_full: isFullSnapPoint,
+                }) },
+                React__default["default"].createElement(vaul.Drawer.Handle, { className: "drawer__handle" }),
+                React__default["default"].createElement(vaul.Drawer.Title, { style: { display: 'none' } }),
+                children))));
+};
+
+exports.DrawerComponent = DrawerComponent;

package/build/{index-54496c56.js → index-0fb731bc.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-5a458df9.js');
-var index = require('./index-3eda77c6.js');
+var Locale = require('./Locale-3f23c811.js');
+var index = require('./index-c12db032.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-26666340.js');
-var logoIcon = require('./logoIcon-51dfe937.js');
-require('./index-57cd81cf.js');
-var useScreenSize = require('./useScreenSize-008ea8b8.js');
+var utils = require('./utils-80131590.js');
+var logoIcon = require('./logoIcon-5457b799.js');
+require('./index-3f2a3c92.js');
+var useScreenSize = require('./useScreenSize-641babdc.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1ec2efb0.js → index-11a97002.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-26666340.js');
+var utils = require('./utils-80131590.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var animation = require('./animation-12e35c54.js');
-var index = require('./index-9effb66f.js');
+var animation = require('./animation-6b824d15.js');
+var index = require('./index-bfc8ca13.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-baba72ad.js → index-122c8281.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-4dedca11.js');
+var tslib_es6 = require('./tslib.es6-c16c058f.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var LastPeriod = require('./LastPeriod-4df2c8b1.js');
-var index$3 = require('./index-54683d40.js');
-var index$2 = require('./index-4c378886.js');
-var index$4 = require('./index-9effb66f.js');
-require('./index-690bdbc6.js');
-require('./index.styles-be64e85f.js');
-var index = require('./index-70ded784.js');
+var LastPeriod = require('./LastPeriod-d3a34a26.js');
+var index$3 = require('./index-4b3d5059.js');
+var index$2 = require('./index-ec104b95.js');
+var index$4 = require('./index-bfc8ca13.js');
+require('./index-2ea52f21.js');
+require('./index.styles-294794ae.js');
+var index = require('./index-79d8bd3d.js');
 require('@mantine/hooks');
-require('./useMantineLocale-479576d6.js');
-require('./index-57cd81cf.js');
-require('./index-3eda77c6.js');
-require('./utils-26666340.js');
-require('./index-362bc4f9.js');
-require('./other-f704af7f.js');
-require('./index-3b962dba.js');
-var index$1 = require('./index-27c09bf6.js');
+require('./useMantineLocale-52ba38a0.js');
+require('./index-3f2a3c92.js');
+require('./index-c12db032.js');
+require('./utils-80131590.js');
+require('./index-028ad64e.js');
+require('./other-09df9edd.js');
+require('./index-a7c2f66e.js');
+var index$1 = require('./index-16be0a64.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-6c5ff1d0.js → index-126ba271.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var useScrollbarSize = require('./useScrollbarSize-5c089b9f.js');
+var useScrollbarSize = require('./useScrollbarSize-3f413999.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var utils = require('./utils-26666340.js');
+var utils = require('./utils-80131590.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-27c09bf6.js → index-16be0a64.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-4dedca11.js');
+var tslib_es6 = require('./tslib.es6-c16c058f.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-9effb66f.js');
-var index$1 = require('./index-690bdbc6.js');
-var index$2 = require('./index-70ded784.js');
+var index = require('./index-bfc8ca13.js');
+var index$1 = require('./index-2ea52f21.js');
+var index$2 = require('./index-79d8bd3d.js');
 var flattenChildren = require('react-keyed-flatten-children');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-a0823c33.js → index-271b1ed9.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-9effb66f.js');
+var index = require('./index-bfc8ca13.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-26666340.js');
-var index$1 = require('./index-54683d40.js');
-var index$2 = require('./index-29cf2fe1.js');
+var utils = require('./utils-80131590.js');
+var index$1 = require('./index-4b3d5059.js');
+var index$2 = require('./index-74894e0f.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var tslib_es6 = require('./tslib.es6-4dedca11.js');
+var tslib_es6 = require('./tslib.es6-c16c058f.js');
 var flattenChildren = require('react-keyed-flatten-children');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-be4ae18d.js → index-2ae87c66.js}

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

package/build/{index-690bdbc6.js → index-2ea52f21.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-4dedca11.js');
+var tslib_es6 = require('./tslib.es6-c16c058f.js');
 var React = require('react');
 var core = require('@mantine/core');
 

package/build/{index-55d014c0.js → index-2f13a319.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-3778c82e.js');
-var index = require('./index-70ded784.js');
+var index$1 = require('./index-7471e48a.js');
+var index = require('./index-79d8bd3d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-57cd81cf.js → index-3f2a3c92.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Locale = require('./Locale-5a458df9.js');
+var Locale = require('./Locale-3f23c811.js');
 
 exports.Gender = void 0;
 (function (Gender) {
@@ -124,6 +124,7 @@ exports.NodeActionType = void 0;
     NodeActionType["USER_SUBMIT_EMAIL"] = "user-submit-email";
     NodeActionType["USER_SUBMIT_DROPDOWN"] = "user-submit-dropdown";
     NodeActionType["USER_SUBMIT_DATE"] = "user-submit-date";
+    NodeActionType["USER_SUBMIT_DOB"] = "user-submit-dob";
     NodeActionType["USER_SUBMIT_CONFIRM"] = "user-submit-confirm";
     NodeActionType["USER_SUBMIT_SEND"] = "user-submit-send";
     NodeActionType["USER_SUBMIT_RESEND"] = "user-submit-resend";
@@ -193,6 +194,7 @@ const ELEMENT_CONTROL_INPUT_TYPE = {
     [exports.NodeActionType.DISLIKE_CHOICE]: 'dislike',
     [exports.NodeActionType.REVIEW_CHOICE]: 'review',
     [exports.NodeActionType.USER_SUBMIT_GOOGLE_API_ADDRESS]: 'google-api-address',
+    [exports.NodeActionType.USER_SUBMIT_DOB]: 'dob',
 };
 const SubotType = {
     FRU: 'FRU',

package/build/{index-84dad248.js → index-3f44a095.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-4dedca11.js');
+var tslib_es6 = require('./tslib.es6-c16c058f.js');
 var React = require('react');
-require('./index-57cd81cf.js');
+require('./index-3f2a3c92.js');
 var styled = require('@emotion/styled');
-var index = require('./index-3eda77c6.js');
+var index = require('./index-c12db032.js');
 var miscTheme = require('./miscTheme.js');
-var useScreenSize = require('./useScreenSize-008ea8b8.js');
-var index$1 = require('./index-29cf2fe1.js');
-var Locale = require('./Locale-5a458df9.js');
-var index$2 = require('./index-54683d40.js');
+var useScreenSize = require('./useScreenSize-641babdc.js');
+var index$1 = require('./index-74894e0f.js');
+var Locale = require('./Locale-3f23c811.js');
+var index$2 = require('./index-4b3d5059.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-6b71cbb2.js → index-4604a341.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-54683d40.js');
+var index$2 = require('./index-4b3d5059.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-9effb66f.js');
-var index$1 = require('./index-3eda77c6.js');
+var index = require('./index-bfc8ca13.js');
+var index$1 = require('./index-c12db032.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b0348bdc.js → index-46c21580.js}

@@ -1,46 +1,46 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-4dedca11.js');
+var tslib_es6 = require('./tslib.es6-c16c058f.js');
 var React = require('react');
-var index$5 = require('./index-54683d40.js');
+var index$5 = require('./index-4b3d5059.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-362bc4f9.js');
-require('./index-57cd81cf.js');
-var index$a = require('./index-3eda77c6.js');
-require('./useMantineLocale-479576d6.js');
-var index$3 = require('./index-9effb66f.js');
-var index$e = require('./index-690bdbc6.js');
-require('./index.styles-be64e85f.js');
-require('./translationsContext-ac37a205.js');
+var index$7 = require('./index-028ad64e.js');
+require('./index-3f2a3c92.js');
+var index$a = require('./index-c12db032.js');
+require('./useMantineLocale-52ba38a0.js');
+var index$3 = require('./index-bfc8ca13.js');
+var index$e = require('./index-2ea52f21.js');
+require('./index.styles-294794ae.js');
+require('./translationsContext-d6aa823c.js');
 require('@mantine/hooks');
-var utils = require('./utils-26666340.js');
-require('./other-f704af7f.js');
-require('./index-3b962dba.js');
-var index$2 = require('./index-6b71cbb2.js');
+var utils = require('./utils-80131590.js');
+require('./other-09df9edd.js');
+require('./index-a7c2f66e.js');
+var index$2 = require('./index-4604a341.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-9dcc7a03.js');
-var index$6 = require('./index-54496c56.js');
+var index$4 = require('./index-ecec0461.js');
+var index$6 = require('./index-0fb731bc.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var dateFns = require('date-fns');
-var useOutsideClick = require('./useOutsideClick-9d4aa36b.js');
+var useOutsideClick = require('./useOutsideClick-e9fb0c69.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$9 = require('./index-2d2e3b0c.js');
-var useScreenSize = require('./useScreenSize-008ea8b8.js');
-var index$8 = require('./index-70ded784.js');
-var index$b = require('./index-d0dee133.js');
+var index$9 = require('./index-ce11b8d5.js');
+var useScreenSize = require('./useScreenSize-641babdc.js');
+var index$8 = require('./index-79d8bd3d.js');
+var index$b = require('./index-780d0fe5.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$d = require('./index-be4ae18d.js');
-var index$c = require('./index-1ec2efb0.js');
+var index$d = require('./index-2ae87c66.js');
+var index$c = require('./index-11a97002.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-5a458df9.js');
+var Locale = require('./Locale-3f23c811.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');

package/build/{index-54683d40.js → index-4b3d5059.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-4dedca11.js');
+var tslib_es6 = require('./tslib.es6-c16c058f.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index$2 = require('./index-3eda77c6.js');
-var useScreenSize = require('./useScreenSize-008ea8b8.js');
+var index$2 = require('./index-c12db032.js');
+var useScreenSize = require('./useScreenSize-641babdc.js');
 var styled = require('@emotion/styled');
 var carousel = require('@mantine/carousel');
-var index$3 = require('./index-9effb66f.js');
-require('./index-57cd81cf.js');
+var index$3 = require('./index-bfc8ca13.js');
+require('./index-3f2a3c92.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-26666340.js');
-var useMantineLocale = require('./useMantineLocale-479576d6.js');
-var index = require('./index-362bc4f9.js');
-var index$1 = require('./index-690bdbc6.js');
-var Locale = require('./Locale-5a458df9.js');
+var utils = require('./utils-80131590.js');
+var useMantineLocale = require('./useMantineLocale-52ba38a0.js');
+var index = require('./index-028ad64e.js');
+var index$1 = require('./index-2ea52f21.js');
+var Locale = require('./Locale-3f23c811.js');
 var cn = require('classnames');
-var useUniqueId = require('./useUniqueId-30cb684a.js');
+var useUniqueId = require('./useUniqueId-eb856ec9.js');
 var constantsSite = require('./constantsSite.js');
 var core$1 = require('@hhgtech/icons/core');
 
@@ -1380,8 +1380,8 @@ const countriesDefault = Object.values(constantsSite.siteOptions).reduce((countr
 var styles = {"phoneInput":"i-9Ibox","error":"YDWHh9b"};
 
 /* eslint-disable prettier/prettier */
-const CaretDown = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 8 5", fill: "currentColor" }, props),
-    React__namespace.createElement("path", { d: "M4 5L0.535898 0.5L7.4641 0.5L4 5Z" })));
+const CaretDown = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" }, props),
+    React__namespace.createElement("path", { d: "M4.81428 7.53044L7.64065 10.3568C7.83849 10.5546 8.15877 10.5546 8.3561 10.3568L11.1825 7.53044C11.5012 7.21168 11.2756 6.66675 10.8247 6.66675H5.172C4.72118 6.66675 4.49552 7.21168 4.81428 7.53044Z" })));
 
 const PhoneForwardRef = (props, ref) => {
     const { isError, defaultCountry, countries = countriesDefault, countryCallingCodeEditable = false, defaultValue, value: valueProps, onChange: onChangeProps, className } = props, inputProps = tslib_es6.__rest(props, ["isError", "defaultCountry", "countries", "countryCallingCodeEditable", "defaultValue", "value", "onChange", "className"]);
@@ -1406,11 +1406,11 @@ const PhoneForwardRef = (props, ref) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     , Object.assign({ 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ref: ref, value: value, onChange: onChange, countries: countries, defaultCountry: defaultCountry, countryCallingCodeEditable: countryCallingCodeEditable, className: cn__default["default"](styles.phoneInput, { isError, [styles.error]: isError }, className), flagUrl: undefined, flagComponent: (props) => {
+        ref: ref, defaultValue: defaultValue, value: value, onChange: onChange, countries: countries, defaultCountry: defaultCountry, countryCallingCodeEditable: countryCallingCodeEditable, displayInitialValueAsLocalNumber: true, className: cn__default["default"](styles.phoneInput, { isError, [styles.error]: isError }, className), flagUrl: undefined, flagComponent: (props) => {
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
             const { country, countryName, flagUrl } = props, restProps = tslib_es6.__rest(props, ["country", "countryName", "flagUrl"]);
             const callingCode = country
-                ? `(+${PhoneInputUtils.getCountryCallingCode(country)})`
+                ? `+${PhoneInputUtils.getCountryCallingCode(country)}`
                 : '';
             return (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
                 React__namespace["default"].createElement(Flag, Object.assign({ country: country, title: countryName }, restProps)),

package/build/{index-98afbdc8.js → index-4bd49bd1.js}

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

package/build/{index-620c1a47.js → index-4d76c468.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-4dedca11.js');
+var tslib_es6 = require('./tslib.es6-c16c058f.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-85f08a9a.js');
-var index = require('./index-70ded784.js');
-var index$5 = require('./index-3eda77c6.js');
-var constants = require('./constants-3c7cf264.js');
-var index$2 = require('./index-a3450adc.js');
-var index$4 = require('./index-54683d40.js');
-var index$3 = require('./index-4c378886.js');
+var useHealthToolCache = require('./useHealthToolCache-c3068c08.js');
+var index = require('./index-79d8bd3d.js');
+var index$5 = require('./index-c12db032.js');
+var constants = require('./constants-29732063.js');
+var index$2 = require('./index-51656cca.js');
+var index$4 = require('./index-4b3d5059.js');
+var index$3 = require('./index-ec104b95.js');
 require('@mantine/core');
-require('./index-9effb66f.js');
-require('./index-690bdbc6.js');
-require('./index.styles-be64e85f.js');
+require('./index-bfc8ca13.js');
+require('./index-2ea52f21.js');
+require('./index.styles-294794ae.js');
 require('@mantine/hooks');
-require('./useMantineLocale-479576d6.js');
-require('./index-57cd81cf.js');
-require('./utils-26666340.js');
-require('./index-362bc4f9.js');
-require('./other-f704af7f.js');
-require('./index-3b962dba.js');
-var index$1 = require('./index-27c09bf6.js');
+require('./useMantineLocale-52ba38a0.js');
+require('./index-3f2a3c92.js');
+require('./utils-80131590.js');
+require('./index-028ad64e.js');
+require('./other-09df9edd.js');
+require('./index-a7c2f66e.js');
+var index$1 = require('./index-16be0a64.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }