@popsure/dirty-swan 0.66.23 → 0.66.25

package/dist/cjs/lib/context.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+interface DirtySwanContextValue {
+    onModalOpen: () => void;
+    onModalClose: () => void;
+}
+interface DirtySwanProviderProps {
+    children: ReactNode;
+    onModalChange?: (isModalOpen: boolean) => void;
+}
+export declare const DirtySwanProvider: ({ children, onModalChange, }: DirtySwanProviderProps) => JSX.Element;
+export declare const useDirtySwan: () => DirtySwanContextValue | null;
+export declare const useModalTrack: (isVisible: boolean) => void;
+export {};

package/dist/cjs/lib/context.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/lib/index.d.ts

@@ -41,7 +41,8 @@ import { LogoInvertedColor } from './components/logo/LogoInvertedColor';
 import { LogoInverted } from './components/logo/LogoInverted';
 import { LogoPositiveColor } from './components/logo/LogoPositiveColor';
 import { LogoPositiveBlack } from './components/logo/LogoPositiveBlack';
+import { DirtySwanProvider, useDirtySwan, useModalTrack } from './context';
 export * from './components/icon';
-export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SearchableDropdown, SegmentedControl, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Tabs, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, useOnClickOutside, useMediaQuery, LogoColor, LogoWhite, LogoBlack, LogoOrangeBox, LogoInvertedColor, LogoInverted, LogoPositiveColor, LogoPositiveBlack, };
+export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SearchableDropdown, SegmentedControl, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Tabs, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, useOnClickOutside, useMediaQuery, LogoColor, LogoWhite, LogoBlack, LogoOrangeBox, LogoInvertedColor, LogoInverted, LogoPositiveColor, LogoPositiveBlack, DirtySwanProvider, useDirtySwan, useModalTrack, };
 export type { AccordionProps, SearchableDropdownProps, SearchableDropdownOption, BadgeProps, IllustrationKeys, InformationBoxProps, InputProps, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, CardProps, IconWrapperProps, TabItem, TabsProps, TableData, TableProps, };
 export type { DownloadStatus } from './models/download';

package/dist/esm/components/modal/bottomModal/index.js

@@ -5,6 +5,7 @@ import { c as classNames } from '../../../index-DLQEsiym.js';
 import { GenericModal } from '../genericModal/index.js';
 import '../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
+import '../../../context.js';
 import '../../button/index.js';
 import '../../icon/icons/X.js';
 import '../../icon/IconWrapper/IconWrapper.js';

package/dist/esm/components/modal/bottomModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/bottomModal/index.tsx"],"sourcesContent":["import { Props } from '..';\nimport styles from './style.module.scss';\nimport classNamesUtil from 'classnames';\nimport { GenericModal } from '../genericModal';\n\nconst BottomModal = ({ className, classNames, ...rest }: Props) => (\n  <GenericModal\n    titleSize=\"default\"\n    classNames={{\n      ...classNames,\n      wrapper: classNamesUtil('w100', styles.wrapper, classNames?.wrapper),\n      container: ({ isClosing }) =>\n        classNamesUtil(\n          'bg-white d-flex fd-column w100',\n          className,\n          styles.container,\n          classNames?.container,\n          {\n            [styles.containerClose]: isClosing,\n          }\n        ),\n      body: classNamesUtil(styles.body, classNames?.body),\n    }}\n    {...rest}\n  />\n);\n\nexport { BottomModal };\n"],"names":["classNames","_jsx","classNamesUtil"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAM,WAAW,GAAG,UAAC,EAAyC,EAAA;IAAvC,IAAA,SAAS,eAAA,EAAEA,YAAU,gBAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAAhC,CAAA,WAAA,EAAA,YAAA,CAAkC,CAAF;AAAc,IAAA,QACjEC,GAAA,CAAC,YAAY,EAAA,QAAA,CAAA,EACX,SAAS,EAAC,SAAS,EACnB,UAAU,wBACLD,YAAU,CAAA,EAAA,EACb,OAAO,EAAEE,UAAc,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,EAAEF,YAAU,aAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,OAAO,CAAC,EACpE,SAAS,EAAE,UAAC,EAAa,EAAA;;AAAX,gBAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;AACrB,gBAAA,OAAAE,UAAc,CACZ,gCAAgC,EAChC,SAAS,EACT,MAAM,CAAC,SAAS,EAChBF,YAAU,KAAA,IAAA,IAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAEnB,oBAAA,EAAA,CAAC,MAAM,CAAC,cAAc,CAAA,GAAG,SAAS;AAErC,oBAAA,EAAA,EAAA;YARD,CAQC,EACH,IAAI,EAAEE,UAAc,CAAC,MAAM,CAAC,IAAI,EAAEF,YAAU,aAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,IAAI,CAAC,EAAA,CAAA,EAAA,EAEjD,IAAI,CAAA,CACR;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/bottomModal/index.tsx"],"sourcesContent":["import { Props } from '..';\nimport styles from './style.module.scss';\nimport classNamesUtil from 'classnames';\nimport { GenericModal } from '../genericModal';\n\nconst BottomModal = ({ className, classNames, ...rest }: Props) => (\n  <GenericModal\n    titleSize=\"default\"\n    classNames={{\n      ...classNames,\n      wrapper: classNamesUtil('w100', styles.wrapper, classNames?.wrapper),\n      container: ({ isClosing }) =>\n        classNamesUtil(\n          'bg-white d-flex fd-column w100',\n          className,\n          styles.container,\n          classNames?.container,\n          {\n            [styles.containerClose]: isClosing,\n          }\n        ),\n      body: classNamesUtil(styles.body, classNames?.body),\n    }}\n    {...rest}\n  />\n);\n\nexport { BottomModal };\n"],"names":["classNames","_jsx","classNamesUtil"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,IAAM,WAAW,GAAG,UAAC,EAAyC,EAAA;IAAvC,IAAA,SAAS,eAAA,EAAEA,YAAU,gBAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAAhC,CAAA,WAAA,EAAA,YAAA,CAAkC,CAAF;AAAc,IAAA,QACjEC,GAAA,CAAC,YAAY,EAAA,QAAA,CAAA,EACX,SAAS,EAAC,SAAS,EACnB,UAAU,wBACLD,YAAU,CAAA,EAAA,EACb,OAAO,EAAEE,UAAc,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,EAAEF,YAAU,aAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,OAAO,CAAC,EACpE,SAAS,EAAE,UAAC,EAAa,EAAA;;AAAX,gBAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;AACrB,gBAAA,OAAAE,UAAc,CACZ,gCAAgC,EAChC,SAAS,EACT,MAAM,CAAC,SAAS,EAChBF,YAAU,KAAA,IAAA,IAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAEnB,oBAAA,EAAA,CAAC,MAAM,CAAC,cAAc,CAAA,GAAG,SAAS;AAErC,oBAAA,EAAA,EAAA;YARD,CAQC,EACH,IAAI,EAAEE,UAAc,CAAC,MAAM,CAAC,IAAI,EAAEF,YAAU,aAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,IAAI,CAAC,EAAA,CAAA,EAAA,EAEjD,IAAI,CAAA,CACR;;;;;"}

package/dist/esm/components/modal/bottomOrRegularModal/index.js

@@ -7,6 +7,7 @@ import '../../../index-DLQEsiym.js';
 import '../../button/index.js';
 import { s as styleInject } from '../../../style-inject.es-tgCJW-Cu.js';
 import '../genericModal/index.js';
+import '../../../context.js';
 import '../../icon/icons/X.js';
 import '../../icon/IconWrapper/IconWrapper.js';
 import '../../../_commonjsHelpers-BFTU3MAI.js';

package/dist/esm/components/modal/bottomOrRegularModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/bottomOrRegularModal/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport { Props, RegularModal } from '..';\nimport { BottomModal } from '../bottomModal';\n\nimport styles from './style.module.scss';\n\nexport const BottomOrRegularModal = ({ isOpen, ...props }: Props) => {\n  const mobileRef = useRef<HTMLDivElement>(null);\n  const [visibleSize, setVisibleSize] = useState<'desktop' | 'mobile'>(\n    'desktop'\n  );\n\n  const handleResize = () => {\n    setVisibleSize(\n      mobileRef.current !== null &&\n        window.getComputedStyle(mobileRef.current).display !== 'none'\n        ? 'mobile'\n        : 'desktop'\n    );\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n    handleResize();\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  return (\n    <>\n      <div className={styles.mobile} ref={mobileRef}>\n        {visibleSize === 'mobile' && <BottomModal {...props} isOpen={isOpen} />}\n      </div>\n      {visibleSize === 'desktop' && (\n        <div className={styles.desktop}>\n          <RegularModal {...props} isOpen={isOpen} />\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAOO,IAAM,oBAAoB,GAAG,UAAC,EAA2B,EAAA;AAAzB,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAAlB,UAAoB,CAAF;AACrD,IAAA,IAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC;IACxC,IAAA,EAAA,GAAgC,QAAQ,CAC5C,SAAS,CACV,EAFM,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAEjC;AAED,IAAA,IAAM,YAAY,GAAG,YAAA;AACnB,QAAA,cAAc,CACZ,SAAS,CAAC,OAAO,KAAK,IAAI;YACxB,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK;AACvD,cAAE;cACA,SAAS,CACd;AACH,IAAA,CAAC;AAED,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC;AAC/C,QAAA,YAAY,EAAE;QACd,OAAO,YAAA;AACL,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC;AACpD,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;IAEN,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,YAC1C,WAAW,KAAK,QAAQ,IAAIA,GAAA,CAAC,WAAW,eAAK,KAAK,EAAA,EAAE,MAAM,EAAE,MAAM,EAAA,CAAA,CAAI,GACnE,EACL,WAAW,KAAK,SAAS,KACxBA,aAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAC5BA,IAAC,YAAY,EAAA,QAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,MAAM,EAAE,MAAM,EAAA,CAAA,CAAI,EAAA,CACvC,CACP,CAAA,EAAA,CACA;AAEP;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/bottomOrRegularModal/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport { Props, RegularModal } from '..';\nimport { BottomModal } from '../bottomModal';\n\nimport styles from './style.module.scss';\n\nexport const BottomOrRegularModal = ({ isOpen, ...props }: Props) => {\n  const mobileRef = useRef<HTMLDivElement>(null);\n  const [visibleSize, setVisibleSize] = useState<'desktop' | 'mobile'>(\n    'desktop'\n  );\n\n  const handleResize = () => {\n    setVisibleSize(\n      mobileRef.current !== null &&\n        window.getComputedStyle(mobileRef.current).display !== 'none'\n        ? 'mobile'\n        : 'desktop'\n    );\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n    handleResize();\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  return (\n    <>\n      <div className={styles.mobile} ref={mobileRef}>\n        {visibleSize === 'mobile' && <BottomModal {...props} isOpen={isOpen} />}\n      </div>\n      {visibleSize === 'desktop' && (\n        <div className={styles.desktop}>\n          <RegularModal {...props} isOpen={isOpen} />\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOO,IAAM,oBAAoB,GAAG,UAAC,EAA2B,EAAA;AAAzB,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAAlB,UAAoB,CAAF;AACrD,IAAA,IAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC;IACxC,IAAA,EAAA,GAAgC,QAAQ,CAC5C,SAAS,CACV,EAFM,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAEjC;AAED,IAAA,IAAM,YAAY,GAAG,YAAA;AACnB,QAAA,cAAc,CACZ,SAAS,CAAC,OAAO,KAAK,IAAI;YACxB,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK;AACvD,cAAE;cACA,SAAS,CACd;AACH,IAAA,CAAC;AAED,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC;AAC/C,QAAA,YAAY,EAAE;QACd,OAAO,YAAA;AACL,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC;AACpD,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;IAEN,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,YAC1C,WAAW,KAAK,QAAQ,IAAIA,GAAA,CAAC,WAAW,eAAK,KAAK,EAAA,EAAE,MAAM,EAAE,MAAM,EAAA,CAAA,CAAI,GACnE,EACL,WAAW,KAAK,SAAS,KACxBA,aAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAC5BA,IAAC,YAAY,EAAA,QAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,MAAM,EAAE,MAAM,EAAA,CAAA,CAAI,EAAA,CACvC,CACP,CAAA,EAAA,CACA;AAEP;;;;"}

package/dist/esm/components/modal/fullScreenModal/index.js

@@ -5,6 +5,7 @@ import { c as classNames } from '../../../index-DLQEsiym.js';
 import { GenericModal } from '../genericModal/index.js';
 import '../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
+import '../../../context.js';
 import '../../button/index.js';
 import '../../icon/icons/X.js';
 import '../../icon/IconWrapper/IconWrapper.js';

package/dist/esm/components/modal/fullScreenModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/fullScreenModal/index.tsx"],"sourcesContent":["import { Props } from '..';\nimport styles from './style.module.scss';\nimport classNamesUtil from 'classnames';\nimport { GenericModal } from '../genericModal';\n\nconst FullScreenModal = ({ className, classNames, ...rest }: Props) => (\n  <GenericModal\n    titleSize=\"small\"\n    classNames={{\n      ...classNames,\n      wrapper: classNamesUtil(classNames?.wrapper, 'w100'),\n      container: ({ isClosing }) =>\n        classNamesUtil(\n          'bg-white d-flex fd-column w100',\n          className,\n          styles.container,\n          classNames?.container,\n          {\n            [styles.containerClose]: isClosing,\n          }\n        ),\n      body: classNamesUtil(styles.body, classNames?.body),\n    }}\n    {...rest}\n  />\n);\n\nexport { FullScreenModal };\n"],"names":["classNames","_jsx","classNamesUtil"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAM,eAAe,GAAG,UAAC,EAAyC,EAAA;IAAvC,IAAA,SAAS,eAAA,EAAEA,YAAU,gBAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAAhC,CAAA,WAAA,EAAA,YAAA,CAAkC,CAAF;AAAc,IAAA,QACrEC,GAAA,CAAC,YAAY,EAAA,QAAA,CAAA,EACX,SAAS,EAAC,OAAO,EACjB,UAAU,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACLD,YAAU,CAAA,EAAA,EACb,OAAO,EAAEE,UAAc,CAACF,YAAU,KAAA,IAAA,IAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,OAAO,EAAE,MAAM,CAAC,EACpD,SAAS,EAAE,UAAC,EAAa,EAAA;;AAAX,gBAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;AACrB,gBAAA,OAAAE,UAAc,CACZ,gCAAgC,EAChC,SAAS,EACT,MAAM,CAAC,SAAS,EAChBF,YAAU,KAAA,IAAA,IAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAEnB,oBAAA,EAAA,CAAC,MAAM,CAAC,cAAc,CAAA,GAAG,SAAS;AAErC,oBAAA,EAAA,EAAA;YARD,CAQC,EACH,IAAI,EAAEE,UAAc,CAAC,MAAM,CAAC,IAAI,EAAEF,YAAU,aAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,IAAI,CAAC,EAAA,CAAA,EAAA,EAEjD,IAAI,CAAA,CACR;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/fullScreenModal/index.tsx"],"sourcesContent":["import { Props } from '..';\nimport styles from './style.module.scss';\nimport classNamesUtil from 'classnames';\nimport { GenericModal } from '../genericModal';\n\nconst FullScreenModal = ({ className, classNames, ...rest }: Props) => (\n  <GenericModal\n    titleSize=\"small\"\n    classNames={{\n      ...classNames,\n      wrapper: classNamesUtil(classNames?.wrapper, 'w100'),\n      container: ({ isClosing }) =>\n        classNamesUtil(\n          'bg-white d-flex fd-column w100',\n          className,\n          styles.container,\n          classNames?.container,\n          {\n            [styles.containerClose]: isClosing,\n          }\n        ),\n      body: classNamesUtil(styles.body, classNames?.body),\n    }}\n    {...rest}\n  />\n);\n\nexport { FullScreenModal };\n"],"names":["classNames","_jsx","classNamesUtil"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,IAAM,eAAe,GAAG,UAAC,EAAyC,EAAA;IAAvC,IAAA,SAAS,eAAA,EAAEA,YAAU,gBAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAAhC,CAAA,WAAA,EAAA,YAAA,CAAkC,CAAF;AAAc,IAAA,QACrEC,GAAA,CAAC,YAAY,EAAA,QAAA,CAAA,EACX,SAAS,EAAC,OAAO,EACjB,UAAU,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACLD,YAAU,CAAA,EAAA,EACb,OAAO,EAAEE,UAAc,CAACF,YAAU,KAAA,IAAA,IAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,OAAO,EAAE,MAAM,CAAC,EACpD,SAAS,EAAE,UAAC,EAAa,EAAA;;AAAX,gBAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;AACrB,gBAAA,OAAAE,UAAc,CACZ,gCAAgC,EAChC,SAAS,EACT,MAAM,CAAC,SAAS,EAChBF,YAAU,KAAA,IAAA,IAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAEnB,oBAAA,EAAA,CAAC,MAAM,CAAC,cAAc,CAAA,GAAG,SAAS;AAErC,oBAAA,EAAA,EAAA;YARD,CAQC,EACH,IAAI,EAAEE,UAAc,CAAC,MAAM,CAAC,IAAI,EAAEF,YAAU,aAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,IAAI,CAAC,EAAA,CAAA,EAAA,EAEjD,IAAI,CAAA,CACR;;;;;"}

package/dist/esm/components/modal/genericModal/index.js

@@ -2,6 +2,7 @@ import { b as __assign, c as __rest } from '../../../tslib.es6-CVlKGIvp.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useCallback, useEffect, createContext, PureComponent, useRef } from 'react';
+import { useModalTrack } from '../../../context.js';
 import { s as styleInject } from '../../../style-inject.es-tgCJW-Cu.js';
 import { c as classNames } from '../../../index-DLQEsiym.js';
 import { Button } from '../../button/index.js';
@@ -1846,6 +1847,7 @@ var InnerModal = function (_a) {
 var GenericModal = function (props) {
     var isOpen = props.isOpen, onClose = props.onClose, _a = props.dismissible, dismissible = _a === void 0 ? true : _a;
     var _b = useOnClose(onClose, isOpen, dismissible), isVisible = _b.isVisible, rest = __rest(_b, ["isVisible"]);
+    useModalTrack(isVisible);
     if (!isVisible) {
         return null;
     }