@egov3/system-design 1.3.144 → 1.3.146

package/dist/cjs/baseComponents/BottomSheet/BottomSheet.module.css.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var css_248z = ".BottomSheet-module_contentWrap__ffurp {\n  align-self: flex-end;\n  width: 100%;\n  background: var(--page-color-background-white);\n  border-radius: 16px 16px 0 0;\n  display: flex;\n  flex-direction: column;\n  height: auto;\n  max-height: calc(100% - 64px);\n  animation: BottomSheet-module_slideUp__lehy7 0.3s ease;\n}\n\n.BottomSheet-module_largeVariant__9LYsH {\n  height: calc(100% - 64px);\n}\n\n.BottomSheet-module_smallVariant__9hVmR {\n  height: auto;\n}\n\n@keyframes BottomSheet-module_slideUp__lehy7 {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n\n.BottomSheet-module_contentBody__Ku11- {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  min-height: 0;\n  padding: 0 0 18px;\n}\n\n.BottomSheet-module_contentHeader__MrGrx {\n  display: flex;\n  align-items: center;\n}\n\n.BottomSheet-module_posLeft__7OLLr {\n  padding: 16px 20px;\n  flex: 1 0 0;\n}\n\n.BottomSheet-module_posRight__TCy-f {\n  display: flex;\n  width: 56px;\n  padding: 16px;\n  align-items: center;\n}\n\n.BottomSheet-module_grabber__NiEaj {\n  flex: 0 0 auto;\n  width: 36px;\n  height: 4px;\n  margin: 8px auto 0;\n  border-radius: 100px;\n  background: var(--icon-tertiary);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .BottomSheet-module_contentWrap__ffurp {\n    animation: none;\n  }\n}\n";
+var css_248z = ".BottomSheet-module_contentWrap__ffurp {\n  align-self: flex-end;\n  width: 100%;\n  background: var(--page-color-background-white);\n  border-radius: 16px 16px 0 0;\n  display: flex;\n  flex-direction: column;\n  height: auto;\n  max-height: calc(100% - 64px);\n  animation: BottomSheet-module_slideUp__lehy7 0.3s ease;\n}\n\n.BottomSheet-module_largeVariant__9LYsH {\n  height: calc(100% - 64px);\n}\n\n.BottomSheet-module_smallVariant__9hVmR {\n  height: auto;\n}\n\n@keyframes BottomSheet-module_slideUp__lehy7 {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n\n.BottomSheet-module_contentBody__Ku11- {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  min-height: 0;\n  padding: 0 0 18px;\n}\n\n.BottomSheet-module_contentHeader__MrGrx {\n  display: flex;\n  align-items: center;\n}\n\n.BottomSheet-module_posLeft__7OLLr {\n  padding: 16px 20px;\n  flex: 1 0 0;\n}\n\n.BottomSheet-module_posRight__TCy-f {\n  display: flex;\n  width: 56px;\n  padding: 16px;\n  align-items: center;\n}\n\n.BottomSheet-module_grabber__NiEaj {\n  flex: 0 0 auto;\n  box-sizing: content-box;\n  width: 36px;\n  height: 4px;\n  margin: 0 auto;\n  padding: 8px;\n  border-radius: 8px;\n  background: var(--icon-tertiary);\n  background-clip: content-box;\n  cursor: grab;\n  touch-action: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .BottomSheet-module_contentWrap__ffurp {\n    animation: none;\n  }\n}\n";
 var styles = {"contentWrap":"BottomSheet-module_contentWrap__ffurp","slideUp":"BottomSheet-module_slideUp__lehy7","largeVariant":"BottomSheet-module_largeVariant__9LYsH","smallVariant":"BottomSheet-module_smallVariant__9hVmR","contentBody":"BottomSheet-module_contentBody__Ku11-","contentHeader":"BottomSheet-module_contentHeader__MrGrx","posLeft":"BottomSheet-module_posLeft__7OLLr","posRight":"BottomSheet-module_posRight__TCy-f","grabber":"BottomSheet-module_grabber__NiEaj"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;

package/dist/cjs/baseComponents/BottomSheet/index.js

@@ -2,13 +2,15 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var Close = require('@egov3/graphics/General/Close');
+var useDragToClose = require('../../customHooks/useDragToClose.js');
 var joinClasses = require('../../utils/joinClasses.js');
 var index = require('../Overlay/index.js');
 var index$1 = require('../Typography/index.js');
 var BottomSheet_module = require('./BottomSheet.module.css.js');
 
 const BottomSheet = ({ children, title, setIsOpen, variant, }) => {
-    return (jsxRuntime.jsx(index.Overlay, { children: jsxRuntime.jsxs("div", { className: joinClasses.joinClasses(BottomSheet_module.default.contentWrap, BottomSheet_module.default[`${variant}Variant`]), "data-testid": "BottomSheet_WRAPPER", children: [jsxRuntime.jsx("div", { className: BottomSheet_module.default.grabber, "data-testid": "BottomSheet_GRABBER" }), jsxRuntime.jsxs("div", { className: BottomSheet_module.default.contentHeader, "data-testid": "BottomSheet_HEADER", children: [jsxRuntime.jsx(index$1.Typography, { className: BottomSheet_module.default.posLeft, "data-testid": "BottomSheet_TITLE", fontClass: "subtitles2", tag: "h3", children: title }), jsxRuntime.jsx("button", { className: BottomSheet_module.default.posRight, "data-testid": "BottomSheetHeaderBtn_CLOSE", onClick: () => {
+    const { grabberProps, sheetRef } = useDragToClose.useDragToClose(setIsOpen);
+    return (jsxRuntime.jsx(index.Overlay, { children: jsxRuntime.jsxs("div", { className: joinClasses.joinClasses(BottomSheet_module.default.contentWrap, BottomSheet_module.default[`${variant}Variant`]), "data-testid": "BottomSheet_WRAPPER", ref: sheetRef, children: [jsxRuntime.jsx("div", { className: BottomSheet_module.default.grabber, "data-testid": "BottomSheet_GRABBER", ...grabberProps }), jsxRuntime.jsxs("div", { className: BottomSheet_module.default.contentHeader, "data-testid": "BottomSheet_HEADER", children: [jsxRuntime.jsx(index$1.Typography, { className: BottomSheet_module.default.posLeft, "data-testid": "BottomSheet_TITLE", fontClass: "subtitles2", tag: "h3", children: title }), jsxRuntime.jsx("button", { className: BottomSheet_module.default.posRight, "data-testid": "BottomSheetHeaderBtn_CLOSE", onClick: () => {
                                 setIsOpen(false);
                             }, type: "button", children: jsxRuntime.jsx(Close.CloseIcon, { "data-testid": "BottomSheetClose_ICON", height: 24, width: 24 }) })] }), jsxRuntime.jsx("div", { className: BottomSheet_module.default.contentBody, "data-testid": "BottomSheet_BODY", children: children })] }) }));
 };

package/dist/cjs/baseComponents/BottomSheet/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BottomSheet/index.tsx"],"sourcesContent":[null],"names":["_jsx","Overlay","_jsxs","joinClasses","styles","Typography","CloseIcon"],"mappings":";;;;;;;;;AAeO,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,GACW,KAAqB;AACvC,IAAA,QACEA,cAAA,CAACC,aAAO,EAAA,EAAA,QAAA,EACNC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,uBAAW,CAACC,0BAAM,CAAC,WAAW,EAAEA,0BAAM,CAAC,GAAG,OAAO,CAAA,OAAA,CAAS,CAAC,CAAC,iBAC3D,qBAAqB,EAAA,QAAA,EAAA,CAEjCJ,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEI,0BAAM,CAAC,OAAO,EAAA,aAAA,EAAc,qBAAqB,EAAA,CAAG,EACpEF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,0BAAM,CAAC,aAAa,EAAA,aAAA,EAAc,oBAAoB,EAAA,QAAA,EAAA,CACpEJ,cAAA,CAACK,kBAAU,EAAA,EACT,SAAS,EAAED,0BAAM,CAAC,OAAO,iBACb,mBAAmB,EAC/B,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,YAEP,KAAK,EAAA,CACK,EACbJ,cAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAEI,0BAAM,CAAC,QAAQ,iBACd,4BAA4B,EACxC,OAAO,EAAE,MAAK;gCACZ,SAAS,CAAC,KAAK,CAAC;AAClB,4BAAA,CAAC,EACD,IAAI,EAAC,QAAQ,YAEbJ,cAAA,CAACM,eAAS,EAAA,EAAA,aAAA,EACI,uBAAuB,EACnC,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EAAA,CACT,EAAA,CACK,IACL,EAENN,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEI,0BAAM,CAAC,WAAW,EAAA,aAAA,EAAc,kBAAkB,YAC/D,QAAQ,EAAA,CACL,CAAA,EAAA,CACF,EAAA,CACE;AAEd;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BottomSheet/index.tsx"],"sourcesContent":[null],"names":["useDragToClose","_jsx","Overlay","_jsxs","joinClasses","styles","Typography","CloseIcon"],"mappings":";;;;;;;;;;AAgBO,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,GACW,KAAqB;IACvC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAGA,6BAAc,CAAC,SAAS,CAAC;AAE5D,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EAAA,QAAA,EACNC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,uBAAW,CAACC,0BAAM,CAAC,WAAW,EAAEA,0BAAM,CAAC,CAAA,EAAG,OAAO,CAAA,OAAA,CAAS,CAAC,CAAC,EAAA,aAAA,EAC3D,qBAAqB,EACjC,GAAG,EAAE,QAAQ,EAAA,QAAA,EAAA,CAEbJ,wBACE,SAAS,EAAEI,0BAAM,CAAC,OAAO,EAAA,aAAA,EACb,qBAAqB,KAC7B,YAAY,EAAA,CAChB,EACFF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,0BAAM,CAAC,aAAa,EAAA,aAAA,EAAc,oBAAoB,EAAA,QAAA,EAAA,CACpEJ,eAACK,kBAAU,EAAA,EACT,SAAS,EAAED,0BAAM,CAAC,OAAO,iBACb,mBAAmB,EAC/B,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EAAA,QAAA,EAEP,KAAK,EAAA,CACK,EACbJ,2BACE,SAAS,EAAEI,0BAAM,CAAC,QAAQ,EAAA,aAAA,EACd,4BAA4B,EACxC,OAAO,EAAE,MAAK;gCACZ,SAAS,CAAC,KAAK,CAAC;AAClB,4BAAA,CAAC,EACD,IAAI,EAAC,QAAQ,YAEbJ,cAAA,CAACM,eAAS,EAAA,EAAA,aAAA,EACI,uBAAuB,EACnC,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EAAA,CACT,EAAA,CACK,IACL,EAENN,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEI,0BAAM,CAAC,WAAW,EAAA,aAAA,EAAc,kBAAkB,YAC/D,QAAQ,EAAA,CACL,CAAA,EAAA,CACF,EAAA,CACE;AAEd;;;;"}

package/dist/cjs/components/Calendar/Body/index.js

@@ -8,13 +8,13 @@ var Close = require('@egov3/graphics/General/Close');
 require('../../../styles/colors.css.js');
 var joinClasses = require('../../../utils/joinClasses.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/Button/button.module.css.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');
 require('../../../baseComponents/Loader/Loader.module.css.js');

package/dist/cjs/components/Calendar/Header/index.js

@@ -4,13 +4,13 @@ var jsxRuntime = require('react/jsx-runtime');
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index$2 = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/Button/button.module.css.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');
 require('../../../baseComponents/Loader/Loader.module.css.js');

package/dist/cjs/components/ErrorModal/index.js

@@ -7,12 +7,12 @@ var Verification = require('@egov3/graphics/Illustrations/Verification');
 var Egov = require('@egov3/graphics/Logo/Egov');
 require('../../styles/colors.css.js');
 require('../../baseComponents/Accordion/Accordion.module.css.js');
+require('react');
 require('../../baseComponents/Overlay/Overlay.module.css.js');
 var index$2 = require('../../baseComponents/Typography/index.js');
 require('../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 var index$3 = require('../../baseComponents/Button/index.js');
 require('../../baseComponents/InputField/index.js');
-require('react');
 require('../../styles/typography.module.css.js');
 require('../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../baseComponents/Label/Label.module.css.js');

package/dist/cjs/components/Identity/Agreement/index.js

@@ -5,8 +5,8 @@ var parse = require('html-react-parser');
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
-require('../../../baseComponents/Overlay/Overlay.module.css.js');
 require('react');
+require('../../../baseComponents/Overlay/Overlay.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 var index = require('../../../baseComponents/Button/index.js');

package/dist/cjs/components/Identity/EdsSuccess/index.js

@@ -5,12 +5,12 @@ var RegistrationSuccess = require('@egov3/graphics/Illustrations/RegistrationSuc
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 var index$2 = require('../../../baseComponents/Button/index.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');

package/dist/cjs/components/Identity/IdentityModal/index.js

@@ -5,13 +5,13 @@ require('../../../styles/colors.css.js');
 var joinClasses = require('../../../utils/joinClasses.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index$2 = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/Button/button.module.css.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');
 require('../../../baseComponents/Loader/Loader.module.css.js');

package/dist/cjs/components/Messages/EmptyMessages/index.js

@@ -6,13 +6,13 @@ var ServicesOutline = require('@egov3/graphics/General/ServicesOutline');
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/Button/button.module.css.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');
 require('../../../baseComponents/Loader/Loader.module.css.js');

package/dist/cjs/components/Messages/HelpNotification/index.js

@@ -12,10 +12,13 @@ const HelpNotification = ({ icon, children, handleOnClick, ariaLabel, dataTestid
     const handleMouseLeave = () => {
         setVisible(false);
     };
-    return (jsxRuntime.jsxs("button", { type: "button", className: HelpNotification_module.default.wrap, "data-testid": dataTestid, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, onClick: () => {
+    return (jsxRuntime.jsxs("button", { type: "button", className: HelpNotification_module.default.wrap, "data-testid": dataTestid, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, onBlur: handleMouseLeave, onClick: () => {
             if (handleOnClick) {
                 handleOnClick();
             }
+            else {
+                setVisible(true);
+            }
         }, tabIndex: 0, "aria-expanded": visible, "aria-label": ariaLabel, children: [jsxRuntime.jsx("div", { className: HelpNotification_module.default.icon, "data-testid": "HelpNotification_BUTTON", children: icon }), visible && (jsxRuntime.jsxs("div", { className: HelpNotification_module.default.notification, "data-testid": "HelpNotification_NOTIFICATION", children: [jsxRuntime.jsx("div", { className: HelpNotification_module.default.arrow, "data-testid": "HelpNotification_ARROW", children: jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "13", viewBox: "0 0 28 13", children: jsxRuntime.jsx("path", { d: "M28 12.9988L0 12.9988C6.894 13.1061 10.7704 6.17509 12.6198 1.40184C13.0084 0.398973 14.9916 0.398973 15.3802 1.40184C17.2296 6.17509 21.106 13.1061 28 12.9988Z" }) }) }), jsxRuntime.jsx("div", { className: HelpNotification_module.default.block, "data-testid": "HelpNotification_BLOCK", children: children })] }))] }));
 };
 

package/dist/cjs/components/Messages/HelpNotification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Messages/HelpNotification/index.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","styles","_jsx"],"mappings":";;;;;;AAYO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,GACa,KAAI;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,IAAI,CAAC;AAClB,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,KAAK,CAAC;AACnB,IAAA,CAAC;IAED,QACEC,eAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAEC,+BAAM,CAAC,IAAI,EAAA,aAAA,EACT,UAAU,EACvB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,MAAK;YACZ,IAAI,aAAa,EAAE;AACjB,gBAAA,aAAa,EAAE;YACjB;AACF,QAAA,CAAC,EACD,QAAQ,EAAE,CAAC,EAAA,eAAA,EACI,OAAO,EAAA,YAAA,EACV,SAAS,EAAA,QAAA,EAAA,CAErBC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,+BAAM,CAAC,IAAI,EAAA,aAAA,EAAc,yBAAyB,EAAA,QAAA,EAC/D,IAAI,EAAA,CACD,EACL,OAAO,KACND,yBACE,SAAS,EAAEC,+BAAM,CAAC,YAAY,EAAA,aAAA,EAClB,+BAA+B,aAE3CC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,+BAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAChEC,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EAAA,QAAA,EAEnBA,yBAAM,CAAC,EAAC,kKAAkK,EAAA,CAAG,GACzK,EAAA,CACF,EACNA,wBAAK,SAAS,EAAED,+BAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,YAC/D,QAAQ,EAAA,CACL,IACF,CACP,CAAA,EAAA,CACM;AAEb;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Messages/HelpNotification/index.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","styles","_jsx"],"mappings":";;;;;;AAYO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,GACa,KAAI;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,IAAI,CAAC;AAClB,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,KAAK,CAAC;AACnB,IAAA,CAAC;AAED,IAAA,QACEC,eAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAEC,+BAAM,CAAC,IAAI,EAAA,aAAA,EACT,UAAU,EACvB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,MAAM,EAAE,gBAAgB,EACxB,OAAO,EAAE,MAAK;YACZ,IAAI,aAAa,EAAE;AACjB,gBAAA,aAAa,EAAE;YACjB;iBAAO;gBACL,UAAU,CAAC,IAAI,CAAC;YAClB;AACF,QAAA,CAAC,EACD,QAAQ,EAAE,CAAC,EAAA,eAAA,EACI,OAAO,EAAA,YAAA,EACV,SAAS,EAAA,QAAA,EAAA,CAErBC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,+BAAM,CAAC,IAAI,EAAA,aAAA,EAAc,yBAAyB,EAAA,QAAA,EAC/D,IAAI,EAAA,CACD,EACL,OAAO,KACND,yBACE,SAAS,EAAEC,+BAAM,CAAC,YAAY,EAAA,aAAA,EAClB,+BAA+B,aAE3CC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,+BAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAChEC,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EAAA,QAAA,EAEnBA,yBAAM,CAAC,EAAC,kKAAkK,EAAA,CAAG,GACzK,EAAA,CACF,EACNA,wBAAK,SAAS,EAAED,+BAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,YAC/D,QAAQ,EAAA,CACL,IACF,CACP,CAAA,EAAA,CACM;AAEb;;;;"}

package/dist/cjs/components/Messages/HelpNotificationItem/index.js

@@ -5,13 +5,13 @@ require('../../../styles/colors.css.js');
 var joinClasses = require('../../../utils/joinClasses.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/Button/button.module.css.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');
 require('../../../baseComponents/Loader/Loader.module.css.js');

package/dist/cjs/components/Messages/MsgBody/index.js

@@ -9,12 +9,12 @@ require('../../../styles/colors.css.js');
 var joinClasses = require('../../../utils/joinClasses.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 var index$1 = require('../../../baseComponents/Button/index.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');

package/dist/cjs/components/Messages/MsgComponentHeader/index.js

@@ -7,13 +7,13 @@ var Search = require('@egov3/graphics/General/Search');
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/Button/button.module.css.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');
 require('../../../baseComponents/Loader/Loader.module.css.js');

package/dist/cjs/components/Messages/MsgSearch/index.js

@@ -4,8 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
-require('../../../baseComponents/Overlay/Overlay.module.css.js');
 require('react');
+require('../../../baseComponents/Overlay/Overlay.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 var index$1 = require('../../../baseComponents/Button/index.js');

package/dist/cjs/components/Notification/Item/index.js

@@ -9,13 +9,13 @@ require('../../../styles/colors.css.js');
 var joinClasses = require('../../../utils/joinClasses.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/Button/button.module.css.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');
 require('../../../baseComponents/Loader/Loader.module.css.js');

package/dist/cjs/components/Presale/AccordionTitle/index.js

@@ -4,13 +4,13 @@ var jsxRuntime = require('react/jsx-runtime');
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/Button/button.module.css.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');
 require('../../../baseComponents/Loader/Loader.module.css.js');

package/dist/cjs/components/Presale/Instructions/index.js

@@ -4,13 +4,13 @@ var jsxRuntime = require('react/jsx-runtime');
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/Button/button.module.css.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');
 require('../../../baseComponents/Loader/Loader.module.css.js');

package/dist/cjs/components/Presale/PassportDetails/index.js

@@ -4,13 +4,13 @@ var jsxRuntime = require('react/jsx-runtime');
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/Button/button.module.css.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');
 require('../../../baseComponents/Loader/Loader.module.css.js');

package/dist/cjs/components/Profile/IconToggleItem/index.js

@@ -4,13 +4,13 @@ var jsxRuntime = require('react/jsx-runtime');
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/Button/button.module.css.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');
 require('../../../baseComponents/Loader/Loader.module.css.js');

package/dist/cjs/components/Profile/ProfileHealthGeneral/index.js

@@ -4,13 +4,13 @@ var jsxRuntime = require('react/jsx-runtime');
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/Button/button.module.css.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');
 require('../../../baseComponents/Loader/Loader.module.css.js');

package/dist/cjs/components/Profile/RightMenuSectionItem/index.js

@@ -4,12 +4,12 @@ var jsxRuntime = require('react/jsx-runtime');
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 var index$1 = require('../../../baseComponents/Button/index.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');

package/dist/cjs/components/Profile/SetUpAccess/index.js

@@ -6,13 +6,13 @@ var Kaspi = require('@egov3/graphics/Logo/Kaspi');
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index$2 = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/Button/button.module.css.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');
 require('../../../baseComponents/Loader/Loader.module.css.js');

package/dist/cjs/components/Services/Feedback/index.js

@@ -9,12 +9,12 @@ var Smile = require('@egov3/graphics/Emoji/Smile');
 var Close = require('@egov3/graphics/General/Close');
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
+require('react');
 var index = require('../../../baseComponents/Overlay/index.js');
 var index$3 = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 var index$5 = require('../../../baseComponents/Button/index.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 var index$1 = require('../../../baseComponents/Label/index.js');

package/dist/cjs/components/Services/FileForUpload/index.js

@@ -9,13 +9,13 @@ require('../../../styles/colors.css.js');
 var joinClasses = require('../../../utils/joinClasses.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
+require('react');
 require('../../../baseComponents/Overlay/Overlay.module.css.js');
 var index$1 = require('../../../baseComponents/Typography/index.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/Button/button.module.css.js');
 require('../../../baseComponents/InputField/index.js');
-require('react');
 require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
 require('../../../baseComponents/Label/Label.module.css.js');
 require('../../../baseComponents/Loader/Loader.module.css.js');

package/dist/cjs/components/Services/NextStepComponent/index.js

@@ -4,8 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
 require('../../../styles/colors.css.js');
 require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
-require('../../../baseComponents/Overlay/Overlay.module.css.js');
 require('react');
+require('../../../baseComponents/Overlay/Overlay.module.css.js');
 require('../../../styles/typography.module.css.js');
 require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
 var index = require('../../../baseComponents/Button/index.js');

package/dist/cjs/customHooks/useDragToClose.js

@@ -0,0 +1,56 @@
+'use strict';
+
+var React = require('react');
+
+/* Note: Larger-than-typical dismiss threshold (~100px vs the usual 50-80px) to avoid
+ accidental closes for elderly users who drag slowly and imprecisely */
+const DISMISS_THRESHOLD_PX = 100;
+const SNAP_BACK_TRANSITION = "transform 200ms ease-out";
+/* Note Drag the grabber to translate the sheet 1:1 with the finger; on release,
+  dismiss past the threshold or snap back.*/
+const useDragToClose = (setIsOpen) => {
+    const sheetRef = React.useRef(null);
+    const dragStartY = React.useRef(null);
+    const setOffset = (px, animate) => {
+        const sheet = sheetRef.current;
+        if (!sheet)
+            return;
+        // Note: No transition during drag for 1:1 finger tracking; animate on snap-back.
+        sheet.style.transition = animate ? SNAP_BACK_TRANSITION : "none";
+        sheet.style.transform = `translateY(${px}px)`;
+    };
+    const onPointerDown = (event) => {
+        dragStartY.current = event.clientY;
+        event.currentTarget.setPointerCapture(event.pointerId);
+    };
+    const onPointerMove = (event) => {
+        if (dragStartY.current === null)
+            return;
+        // Note: Only follow downward drags; clamp upward pulls to 0.
+        setOffset(Math.max(0, event.clientY - dragStartY.current), false);
+    };
+    const onPointerUp = (event) => {
+        if (dragStartY.current === null)
+            return;
+        const draggedDown = event.clientY - dragStartY.current;
+        dragStartY.current = null;
+        if (draggedDown >= DISMISS_THRESHOLD_PX) {
+            setIsOpen(false);
+            return;
+        }
+        setOffset(0, true);
+    };
+    return {
+        grabberProps: {
+            onPointerDown,
+            onPointerMove,
+            onPointerUp,
+            // Note: required to prevents the browser from interpreting the drag as a scroll.
+            style: { touchAction: "none" },
+        },
+        sheetRef,
+    };
+};
+
+exports.useDragToClose = useDragToClose;
+//# sourceMappingURL=useDragToClose.js.map

package/dist/cjs/customHooks/useDragToClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragToClose.js","sources":["../../../src/customHooks/useDragToClose.tsx"],"sourcesContent":[null],"names":["useRef"],"mappings":";;;;AAQA;AACuE;AACvE,MAAM,oBAAoB,GAAG,GAAG;AAChC,MAAM,oBAAoB,GAAG,0BAA0B;AAYvD;AAC4C;AACrC,MAAM,cAAc,GAAG,CAC5B,SAA4C,KAC5B;AAChB,IAAA,MAAM,QAAQ,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAGA,YAAM,CAAgB,IAAI,CAAC;AAE9C,IAAA,MAAM,SAAS,GAAG,CAAC,EAAU,EAAE,OAAgB,KAAU;AACvD,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO;AAC9B,QAAA,IAAI,CAAC,KAAK;YAAE;;AAEZ,QAAA,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,OAAO,GAAG,oBAAoB,GAAG,MAAM;QAChE,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,WAAA,EAAc,EAAE,KAAK;AAC/C,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,KAAmC,KAAU;AAClE,QAAA,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO;QAClC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC;AACxD,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,KAAmC,KAAU;AAClE,QAAA,IAAI,UAAU,CAAC,OAAO,KAAK,IAAI;YAAE;;AAEjC,QAAA,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC;AACnE,IAAA,CAAC;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,KAAmC,KAAU;AAChE,QAAA,IAAI,UAAU,CAAC,OAAO,KAAK,IAAI;YAAE;QACjC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO;AACtD,QAAA,UAAU,CAAC,OAAO,GAAG,IAAI;AACzB,QAAA,IAAI,WAAW,IAAI,oBAAoB,EAAE;YACvC,SAAS,CAAC,KAAK,CAAC;YAChB;QACF;AACA,QAAA,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC;AACpB,IAAA,CAAC;IAED,OAAO;AACL,QAAA,YAAY,EAAE;YACZ,aAAa;YACb,aAAa;YACb,WAAW;;AAEX,YAAA,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE;AAC/B,SAAA;QACD,QAAQ;KACT;AACH;;;;"}

package/dist/esm/baseComponents/BottomSheet/BottomSheet.module.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".BottomSheet-module_contentWrap__ffurp {\n  align-self: flex-end;\n  width: 100%;\n  background: var(--page-color-background-white);\n  border-radius: 16px 16px 0 0;\n  display: flex;\n  flex-direction: column;\n  height: auto;\n  max-height: calc(100% - 64px);\n  animation: BottomSheet-module_slideUp__lehy7 0.3s ease;\n}\n\n.BottomSheet-module_largeVariant__9LYsH {\n  height: calc(100% - 64px);\n}\n\n.BottomSheet-module_smallVariant__9hVmR {\n  height: auto;\n}\n\n@keyframes BottomSheet-module_slideUp__lehy7 {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n\n.BottomSheet-module_contentBody__Ku11- {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  min-height: 0;\n  padding: 0 0 18px;\n}\n\n.BottomSheet-module_contentHeader__MrGrx {\n  display: flex;\n  align-items: center;\n}\n\n.BottomSheet-module_posLeft__7OLLr {\n  padding: 16px 20px;\n  flex: 1 0 0;\n}\n\n.BottomSheet-module_posRight__TCy-f {\n  display: flex;\n  width: 56px;\n  padding: 16px;\n  align-items: center;\n}\n\n.BottomSheet-module_grabber__NiEaj {\n  flex: 0 0 auto;\n  width: 36px;\n  height: 4px;\n  margin: 8px auto 0;\n  border-radius: 100px;\n  background: var(--icon-tertiary);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .BottomSheet-module_contentWrap__ffurp {\n    animation: none;\n  }\n}\n";
+var css_248z = ".BottomSheet-module_contentWrap__ffurp {\n  align-self: flex-end;\n  width: 100%;\n  background: var(--page-color-background-white);\n  border-radius: 16px 16px 0 0;\n  display: flex;\n  flex-direction: column;\n  height: auto;\n  max-height: calc(100% - 64px);\n  animation: BottomSheet-module_slideUp__lehy7 0.3s ease;\n}\n\n.BottomSheet-module_largeVariant__9LYsH {\n  height: calc(100% - 64px);\n}\n\n.BottomSheet-module_smallVariant__9hVmR {\n  height: auto;\n}\n\n@keyframes BottomSheet-module_slideUp__lehy7 {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n\n.BottomSheet-module_contentBody__Ku11- {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  min-height: 0;\n  padding: 0 0 18px;\n}\n\n.BottomSheet-module_contentHeader__MrGrx {\n  display: flex;\n  align-items: center;\n}\n\n.BottomSheet-module_posLeft__7OLLr {\n  padding: 16px 20px;\n  flex: 1 0 0;\n}\n\n.BottomSheet-module_posRight__TCy-f {\n  display: flex;\n  width: 56px;\n  padding: 16px;\n  align-items: center;\n}\n\n.BottomSheet-module_grabber__NiEaj {\n  flex: 0 0 auto;\n  box-sizing: content-box;\n  width: 36px;\n  height: 4px;\n  margin: 0 auto;\n  padding: 8px;\n  border-radius: 8px;\n  background: var(--icon-tertiary);\n  background-clip: content-box;\n  cursor: grab;\n  touch-action: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .BottomSheet-module_contentWrap__ffurp {\n    animation: none;\n  }\n}\n";
 var styles = {"contentWrap":"BottomSheet-module_contentWrap__ffurp","slideUp":"BottomSheet-module_slideUp__lehy7","largeVariant":"BottomSheet-module_largeVariant__9LYsH","smallVariant":"BottomSheet-module_smallVariant__9hVmR","contentBody":"BottomSheet-module_contentBody__Ku11-","contentHeader":"BottomSheet-module_contentHeader__MrGrx","posLeft":"BottomSheet-module_posLeft__7OLLr","posRight":"BottomSheet-module_posRight__TCy-f","grabber":"BottomSheet-module_grabber__NiEaj"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;

package/dist/esm/baseComponents/BottomSheet/index.js

@@ -1,12 +1,14 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { CloseIcon } from '@egov3/graphics/General/Close';
+import { useDragToClose } from '../../customHooks/useDragToClose.js';
 import { joinClasses } from '../../utils/joinClasses.js';
 import { Overlay } from '../Overlay/index.js';
 import { Typography } from '../Typography/index.js';
 import styles from './BottomSheet.module.css.js';
 
 const BottomSheet = ({ children, title, setIsOpen, variant, }) => {
-    return (jsx(Overlay, { children: jsxs("div", { className: joinClasses(styles.contentWrap, styles[`${variant}Variant`]), "data-testid": "BottomSheet_WRAPPER", children: [jsx("div", { className: styles.grabber, "data-testid": "BottomSheet_GRABBER" }), jsxs("div", { className: styles.contentHeader, "data-testid": "BottomSheet_HEADER", children: [jsx(Typography, { className: styles.posLeft, "data-testid": "BottomSheet_TITLE", fontClass: "subtitles2", tag: "h3", children: title }), jsx("button", { className: styles.posRight, "data-testid": "BottomSheetHeaderBtn_CLOSE", onClick: () => {
+    const { grabberProps, sheetRef } = useDragToClose(setIsOpen);
+    return (jsx(Overlay, { children: jsxs("div", { className: joinClasses(styles.contentWrap, styles[`${variant}Variant`]), "data-testid": "BottomSheet_WRAPPER", ref: sheetRef, children: [jsx("div", { className: styles.grabber, "data-testid": "BottomSheet_GRABBER", ...grabberProps }), jsxs("div", { className: styles.contentHeader, "data-testid": "BottomSheet_HEADER", children: [jsx(Typography, { className: styles.posLeft, "data-testid": "BottomSheet_TITLE", fontClass: "subtitles2", tag: "h3", children: title }), jsx("button", { className: styles.posRight, "data-testid": "BottomSheetHeaderBtn_CLOSE", onClick: () => {
                                 setIsOpen(false);
                             }, type: "button", children: jsx(CloseIcon, { "data-testid": "BottomSheetClose_ICON", height: 24, width: 24 }) })] }), jsx("div", { className: styles.contentBody, "data-testid": "BottomSheet_BODY", children: children })] }) }));
 };

package/dist/esm/baseComponents/BottomSheet/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BottomSheet/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AAeO,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,GACW,KAAqB;AACvC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EAAA,QAAA,EACNC,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG,OAAO,CAAA,OAAA,CAAS,CAAC,CAAC,iBAC3D,qBAAqB,EAAA,QAAA,EAAA,CAEjCD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,aAAA,EAAc,qBAAqB,EAAA,CAAG,EACpEC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA,aAAA,EAAc,oBAAoB,EAAA,QAAA,EAAA,CACpED,GAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAE,MAAM,CAAC,OAAO,iBACb,mBAAmB,EAC/B,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,YAEP,KAAK,EAAA,CACK,EACbA,GAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,QAAQ,iBACd,4BAA4B,EACxC,OAAO,EAAE,MAAK;gCACZ,SAAS,CAAC,KAAK,CAAC;AAClB,4BAAA,CAAC,EACD,IAAI,EAAC,QAAQ,YAEbA,GAAA,CAAC,SAAS,EAAA,EAAA,aAAA,EACI,uBAAuB,EACnC,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EAAA,CACT,EAAA,CACK,IACL,EAENA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,aAAA,EAAc,kBAAkB,YAC/D,QAAQ,EAAA,CACL,CAAA,EAAA,CACF,EAAA,CACE;AAEd;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BottomSheet/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAgBO,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,GACW,KAAqB;IACvC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC,SAAS,CAAC;AAE5D,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EAAA,QAAA,EACNC,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA,EAAG,OAAO,CAAA,OAAA,CAAS,CAAC,CAAC,EAAA,aAAA,EAC3D,qBAAqB,EACjC,GAAG,EAAE,QAAQ,EAAA,QAAA,EAAA,CAEbD,aACE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,aAAA,EACb,qBAAqB,KAC7B,YAAY,EAAA,CAChB,EACFC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA,aAAA,EAAc,oBAAoB,EAAA,QAAA,EAAA,CACpED,IAAC,UAAU,EAAA,EACT,SAAS,EAAE,MAAM,CAAC,OAAO,iBACb,mBAAmB,EAC/B,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EAAA,QAAA,EAEP,KAAK,EAAA,CACK,EACbA,gBACE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,aAAA,EACd,4BAA4B,EACxC,OAAO,EAAE,MAAK;gCACZ,SAAS,CAAC,KAAK,CAAC;AAClB,4BAAA,CAAC,EACD,IAAI,EAAC,QAAQ,YAEbA,GAAA,CAAC,SAAS,EAAA,EAAA,aAAA,EACI,uBAAuB,EACnC,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EAAA,CACT,EAAA,CACK,IACL,EAENA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,aAAA,EAAc,kBAAkB,YAC/D,QAAQ,EAAA,CACL,CAAA,EAAA,CACF,EAAA,CACE;AAEd;;;;"}

package/dist/esm/components/Calendar/Body/index.js

@@ -6,13 +6,13 @@ import { CloseIcon } from '@egov3/graphics/General/Close';
 import '../../../styles/colors.css.js';
 import { joinClasses } from '../../../utils/joinClasses.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/Button/button.module.css.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';
 import '../../../baseComponents/Loader/Loader.module.css.js';

package/dist/esm/components/Calendar/Header/index.js

@@ -2,13 +2,13 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/Button/button.module.css.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';
 import '../../../baseComponents/Loader/Loader.module.css.js';

package/dist/esm/components/ErrorModal/index.js

@@ -5,12 +5,12 @@ import { VerificationIllustration } from '@egov3/graphics/Illustrations/Verifica
 import { EgovIcon } from '@egov3/graphics/Logo/Egov';
 import '../../styles/colors.css.js';
 import '../../baseComponents/Accordion/Accordion.module.css.js';
+import 'react';
 import '../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../baseComponents/Typography/index.js';
 import '../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import { Button } from '../../baseComponents/Button/index.js';
 import '../../baseComponents/InputField/index.js';
-import 'react';
 import '../../styles/typography.module.css.js';
 import '../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../baseComponents/Label/Label.module.css.js';

package/dist/esm/components/Identity/Agreement/index.js

@@ -3,8 +3,8 @@ import parse from 'html-react-parser';
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
-import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import 'react';
+import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import { Button } from '../../../baseComponents/Button/index.js';

package/dist/esm/components/Identity/EdsSuccess/index.js

@@ -3,12 +3,12 @@ import { RegistrationSuccessIllustration } from '@egov3/graphics/Illustrations/R
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import { Button } from '../../../baseComponents/Button/index.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';

package/dist/esm/components/Identity/IdentityModal/index.js

@@ -3,13 +3,13 @@ import '../../../styles/colors.css.js';
 import { joinClasses } from '../../../utils/joinClasses.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/Button/button.module.css.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';
 import '../../../baseComponents/Loader/Loader.module.css.js';

package/dist/esm/components/Messages/EmptyMessages/index.js

@@ -4,13 +4,13 @@ import { ServicesOutlineIcon } from '@egov3/graphics/General/ServicesOutline';
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/Button/button.module.css.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';
 import '../../../baseComponents/Loader/Loader.module.css.js';

package/dist/esm/components/Messages/HelpNotification/index.js

@@ -10,10 +10,13 @@ const HelpNotification = ({ icon, children, handleOnClick, ariaLabel, dataTestid
     const handleMouseLeave = () => {
         setVisible(false);
     };
-    return (jsxs("button", { type: "button", className: styles.wrap, "data-testid": dataTestid, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, onClick: () => {
+    return (jsxs("button", { type: "button", className: styles.wrap, "data-testid": dataTestid, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, onBlur: handleMouseLeave, onClick: () => {
             if (handleOnClick) {
                 handleOnClick();
             }
+            else {
+                setVisible(true);
+            }
         }, tabIndex: 0, "aria-expanded": visible, "aria-label": ariaLabel, children: [jsx("div", { className: styles.icon, "data-testid": "HelpNotification_BUTTON", children: icon }), visible && (jsxs("div", { className: styles.notification, "data-testid": "HelpNotification_NOTIFICATION", children: [jsx("div", { className: styles.arrow, "data-testid": "HelpNotification_ARROW", children: jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "13", viewBox: "0 0 28 13", children: jsx("path", { d: "M28 12.9988L0 12.9988C6.894 13.1061 10.7704 6.17509 12.6198 1.40184C13.0084 0.398973 14.9916 0.398973 15.3802 1.40184C17.2296 6.17509 21.106 13.1061 28 12.9988Z" }) }) }), jsx("div", { className: styles.block, "data-testid": "HelpNotification_BLOCK", children: children })] }))] }));
 };
 

package/dist/esm/components/Messages/HelpNotification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Messages/HelpNotification/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAYO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,GACa,KAAI;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,IAAI,CAAC;AAClB,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,KAAK,CAAC;AACnB,IAAA,CAAC;IAED,QACEA,IAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EACT,UAAU,EACvB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,MAAK;YACZ,IAAI,aAAa,EAAE;AACjB,gBAAA,aAAa,EAAE;YACjB;AACF,QAAA,CAAC,EACD,QAAQ,EAAE,CAAC,EAAA,eAAA,EACI,OAAO,EAAA,YAAA,EACV,SAAS,EAAA,QAAA,EAAA,CAErBC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EAAc,yBAAyB,EAAA,QAAA,EAC/D,IAAI,EAAA,CACD,EACL,OAAO,KACND,cACE,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,aAAA,EAClB,+BAA+B,aAE3CC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAChEA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EAAA,QAAA,EAEnBA,cAAM,CAAC,EAAC,kKAAkK,EAAA,CAAG,GACzK,EAAA,CACF,EACNA,aAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,YAC/D,QAAQ,EAAA,CACL,IACF,CACP,CAAA,EAAA,CACM;AAEb;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Messages/HelpNotification/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAYO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,GACa,KAAI;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,IAAI,CAAC;AAClB,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,KAAK,CAAC;AACnB,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EACT,UAAU,EACvB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,MAAM,EAAE,gBAAgB,EACxB,OAAO,EAAE,MAAK;YACZ,IAAI,aAAa,EAAE;AACjB,gBAAA,aAAa,EAAE;YACjB;iBAAO;gBACL,UAAU,CAAC,IAAI,CAAC;YAClB;AACF,QAAA,CAAC,EACD,QAAQ,EAAE,CAAC,EAAA,eAAA,EACI,OAAO,EAAA,YAAA,EACV,SAAS,EAAA,QAAA,EAAA,CAErBC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EAAc,yBAAyB,EAAA,QAAA,EAC/D,IAAI,EAAA,CACD,EACL,OAAO,KACND,cACE,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,aAAA,EAClB,+BAA+B,aAE3CC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAChEA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EAAA,QAAA,EAEnBA,cAAM,CAAC,EAAC,kKAAkK,EAAA,CAAG,GACzK,EAAA,CACF,EACNA,aAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,YAC/D,QAAQ,EAAA,CACL,IACF,CACP,CAAA,EAAA,CACM;AAEb;;;;"}

package/dist/esm/components/Messages/HelpNotificationItem/index.js

@@ -3,13 +3,13 @@ import '../../../styles/colors.css.js';
 import { joinClasses } from '../../../utils/joinClasses.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/Button/button.module.css.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';
 import '../../../baseComponents/Loader/Loader.module.css.js';

package/dist/esm/components/Messages/MsgBody/index.js

@@ -7,12 +7,12 @@ import '../../../styles/colors.css.js';
 import { joinClasses } from '../../../utils/joinClasses.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import { Button } from '../../../baseComponents/Button/index.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';

package/dist/esm/components/Messages/MsgComponentHeader/index.js

@@ -5,13 +5,13 @@ import { SearchIcon } from '@egov3/graphics/General/Search';
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/Button/button.module.css.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';
 import '../../../baseComponents/Loader/Loader.module.css.js';

package/dist/esm/components/Messages/MsgSearch/index.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
-import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import 'react';
+import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import { Button } from '../../../baseComponents/Button/index.js';

package/dist/esm/components/Notification/Item/index.js

@@ -7,13 +7,13 @@ import '../../../styles/colors.css.js';
 import { joinClasses } from '../../../utils/joinClasses.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/Button/button.module.css.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';
 import '../../../baseComponents/Loader/Loader.module.css.js';

package/dist/esm/components/Presale/AccordionTitle/index.js

@@ -2,13 +2,13 @@ import { jsx } from 'react/jsx-runtime';
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/Button/button.module.css.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';
 import '../../../baseComponents/Loader/Loader.module.css.js';

package/dist/esm/components/Presale/Instructions/index.js

@@ -2,13 +2,13 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/Button/button.module.css.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';
 import '../../../baseComponents/Loader/Loader.module.css.js';

package/dist/esm/components/Presale/PassportDetails/index.js

@@ -2,13 +2,13 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/Button/button.module.css.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';
 import '../../../baseComponents/Loader/Loader.module.css.js';

package/dist/esm/components/Profile/IconToggleItem/index.js

@@ -2,13 +2,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/Button/button.module.css.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';
 import '../../../baseComponents/Loader/Loader.module.css.js';

package/dist/esm/components/Profile/ProfileHealthGeneral/index.js

@@ -2,13 +2,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/Button/button.module.css.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';
 import '../../../baseComponents/Loader/Loader.module.css.js';

package/dist/esm/components/Profile/RightMenuSectionItem/index.js

@@ -2,12 +2,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import { Button } from '../../../baseComponents/Button/index.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';

package/dist/esm/components/Profile/SetUpAccess/index.js

@@ -4,13 +4,13 @@ import { KaspiIcon } from '@egov3/graphics/Logo/Kaspi';
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/Button/button.module.css.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';
 import '../../../baseComponents/Loader/Loader.module.css.js';

package/dist/esm/components/Services/Feedback/index.js

@@ -7,12 +7,12 @@ import { SmileIcon } from '@egov3/graphics/Emoji/Smile';
 import { CloseIcon } from '@egov3/graphics/General/Close';
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
+import 'react';
 import { Overlay } from '../../../baseComponents/Overlay/index.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import { Button } from '../../../baseComponents/Button/index.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import { Label } from '../../../baseComponents/Label/index.js';

package/dist/esm/components/Services/FileForUpload/index.js

@@ -7,13 +7,13 @@ import '../../../styles/colors.css.js';
 import { joinClasses } from '../../../utils/joinClasses.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
+import 'react';
 import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import { Typography } from '../../../baseComponents/Typography/index.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/Button/button.module.css.js';
 import '../../../baseComponents/InputField/index.js';
-import 'react';
 import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
 import '../../../baseComponents/Label/Label.module.css.js';
 import '../../../baseComponents/Loader/Loader.module.css.js';

package/dist/esm/components/Services/NextStepComponent/index.js

@@ -2,8 +2,8 @@ import { jsx } from 'react/jsx-runtime';
 import '../../../styles/colors.css.js';
 import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
-import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import 'react';
+import '../../../baseComponents/Overlay/Overlay.module.css.js';
 import '../../../styles/typography.module.css.js';
 import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
 import { Button } from '../../../baseComponents/Button/index.js';

package/dist/esm/customHooks/useDragToClose.js

@@ -0,0 +1,54 @@
+import { useRef } from 'react';
+
+/* Note: Larger-than-typical dismiss threshold (~100px vs the usual 50-80px) to avoid
+ accidental closes for elderly users who drag slowly and imprecisely */
+const DISMISS_THRESHOLD_PX = 100;
+const SNAP_BACK_TRANSITION = "transform 200ms ease-out";
+/* Note Drag the grabber to translate the sheet 1:1 with the finger; on release,
+  dismiss past the threshold or snap back.*/
+const useDragToClose = (setIsOpen) => {
+    const sheetRef = useRef(null);
+    const dragStartY = useRef(null);
+    const setOffset = (px, animate) => {
+        const sheet = sheetRef.current;
+        if (!sheet)
+            return;
+        // Note: No transition during drag for 1:1 finger tracking; animate on snap-back.
+        sheet.style.transition = animate ? SNAP_BACK_TRANSITION : "none";
+        sheet.style.transform = `translateY(${px}px)`;
+    };
+    const onPointerDown = (event) => {
+        dragStartY.current = event.clientY;
+        event.currentTarget.setPointerCapture(event.pointerId);
+    };
+    const onPointerMove = (event) => {
+        if (dragStartY.current === null)
+            return;
+        // Note: Only follow downward drags; clamp upward pulls to 0.
+        setOffset(Math.max(0, event.clientY - dragStartY.current), false);
+    };
+    const onPointerUp = (event) => {
+        if (dragStartY.current === null)
+            return;
+        const draggedDown = event.clientY - dragStartY.current;
+        dragStartY.current = null;
+        if (draggedDown >= DISMISS_THRESHOLD_PX) {
+            setIsOpen(false);
+            return;
+        }
+        setOffset(0, true);
+    };
+    return {
+        grabberProps: {
+            onPointerDown,
+            onPointerMove,
+            onPointerUp,
+            // Note: required to prevents the browser from interpreting the drag as a scroll.
+            style: { touchAction: "none" },
+        },
+        sheetRef,
+    };
+};
+
+export { useDragToClose };
+//# sourceMappingURL=useDragToClose.js.map

package/dist/esm/customHooks/useDragToClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragToClose.js","sources":["../../../src/customHooks/useDragToClose.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAQA;AACuE;AACvE,MAAM,oBAAoB,GAAG,GAAG;AAChC,MAAM,oBAAoB,GAAG,0BAA0B;AAYvD;AAC4C;AACrC,MAAM,cAAc,GAAG,CAC5B,SAA4C,KAC5B;AAChB,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,MAAM,CAAgB,IAAI,CAAC;AAE9C,IAAA,MAAM,SAAS,GAAG,CAAC,EAAU,EAAE,OAAgB,KAAU;AACvD,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO;AAC9B,QAAA,IAAI,CAAC,KAAK;YAAE;;AAEZ,QAAA,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,OAAO,GAAG,oBAAoB,GAAG,MAAM;QAChE,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,WAAA,EAAc,EAAE,KAAK;AAC/C,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,KAAmC,KAAU;AAClE,QAAA,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO;QAClC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC;AACxD,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,KAAmC,KAAU;AAClE,QAAA,IAAI,UAAU,CAAC,OAAO,KAAK,IAAI;YAAE;;AAEjC,QAAA,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC;AACnE,IAAA,CAAC;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,KAAmC,KAAU;AAChE,QAAA,IAAI,UAAU,CAAC,OAAO,KAAK,IAAI;YAAE;QACjC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO;AACtD,QAAA,UAAU,CAAC,OAAO,GAAG,IAAI;AACzB,QAAA,IAAI,WAAW,IAAI,oBAAoB,EAAE;YACvC,SAAS,CAAC,KAAK,CAAC;YAChB;QACF;AACA,QAAA,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC;AACpB,IAAA,CAAC;IAED,OAAO;AACL,QAAA,YAAY,EAAE;YACZ,aAAa;YACb,aAAa;YACb,WAAW;;AAEX,YAAA,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE;AAC/B,SAAA;QACD,QAAQ;KACT;AACH;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egov3/system-design",
-  "version": "1.3.144",
+  "version": "1.3.146",
   "type": "module",
   "main": "dist/cjs/index.js",
   "types": "dist/types/index.d.ts",