@impulse-ui-native/modal 9.1.1 → 10.0.0

package/dist/components/close.d.mts

@@ -1,11 +1,10 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ModalCloseProps } from '../types/modal.types.mjs';
 import 'react-native-reanimated';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ModalClose: react.MemoExoticComponent<({ disabled, loading, style, onPress, ...props }: ModalCloseProps) => react_jsx_runtime.JSX.Element>;
+declare const ModalClose: react.MemoExoticComponent<({ disabled, loading, style, onPress, ...props }: ModalCloseProps) => react.JSX.Element>;
 
 export { ModalClose };

package/dist/components/content.d.mts

@@ -1,11 +1,10 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ModalContentProps } from '../types/modal.types.mjs';
 import 'react-native-reanimated';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ModalContent: react.MemoExoticComponent<({ style, ...props }: ModalContentProps) => react_jsx_runtime.JSX.Element>;
+declare const ModalContent: react.MemoExoticComponent<({ style, ...props }: ModalContentProps) => react.JSX.Element>;
 
 export { ModalContent };

package/dist/components/description.d.mts

@@ -1,11 +1,10 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ModalDescriptionProps } from '../types/modal.types.mjs';
 import 'react-native-reanimated';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ModalDescription: react.MemoExoticComponent<(props: ModalDescriptionProps) => react_jsx_runtime.JSX.Element>;
+declare const ModalDescription: react.MemoExoticComponent<(props: ModalDescriptionProps) => react.JSX.Element>;
 
 export { ModalDescription };

package/dist/components/footer.d.mts

@@ -1,11 +1,10 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ModalFooterProps } from '../types/modal.types.mjs';
 import 'react-native-reanimated';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ModalFooter: react.MemoExoticComponent<({ style, ...props }: ModalFooterProps) => react_jsx_runtime.JSX.Element>;
+declare const ModalFooter: react.MemoExoticComponent<({ style, ...props }: ModalFooterProps) => react.JSX.Element>;
 
 export { ModalFooter };

package/dist/components/header.d.mts

@@ -1,11 +1,10 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ModalHeaderProps } from '../types/modal.types.mjs';
 import 'react-native-reanimated';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ModalHeader: react.MemoExoticComponent<({ style, ...props }: ModalHeaderProps) => react_jsx_runtime.JSX.Element>;
+declare const ModalHeader: react.MemoExoticComponent<({ style, ...props }: ModalHeaderProps) => react.JSX.Element>;
 
 export { ModalHeader };

package/dist/components/index.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ModalProps, ModalProviderProps, ModalRootProps, ModalHeaderProps, ModalCloseProps, ModalContentProps, ModalFooterProps, ModalTitleProps, ModalDescriptionProps } from '../types/modal.types.mjs';
 import 'react-native-reanimated';
@@ -7,16 +6,16 @@ import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
 declare const Modal: react.NamedExoticComponent<ModalProps> & {
-    readonly type: ({ id, open, layer, onOpen, onOpenFinished, onStatusChange, onClose, onCloseFinished, header, title, footer, hideClose, children, ...props }: ModalProps) => react_jsx_runtime.JSX.Element;
+    readonly type: ({ id, open, layer, onOpen, onOpenFinished, onStatusChange, onClose, onCloseFinished, header, title, footer, hideClose, children, ...props }: ModalProps) => react.JSX.Element;
 } & {
-    Provider: react.MemoExoticComponent<({ children, layer, ...props }: ModalProviderProps) => react_jsx_runtime.JSX.Element>;
-    Root: react.MemoExoticComponent<({ children, ...props }: ModalRootProps) => react_jsx_runtime.JSX.Element | null>;
-    Header: react.MemoExoticComponent<({ style, ...props }: ModalHeaderProps) => react_jsx_runtime.JSX.Element>;
-    Close: react.MemoExoticComponent<({ disabled, loading, style, onPress, ...props }: ModalCloseProps) => react_jsx_runtime.JSX.Element>;
-    Content: react.MemoExoticComponent<({ style, ...props }: ModalContentProps) => react_jsx_runtime.JSX.Element>;
-    Footer: react.MemoExoticComponent<({ style, ...props }: ModalFooterProps) => react_jsx_runtime.JSX.Element>;
-    Title: react.MemoExoticComponent<(props: ModalTitleProps) => react_jsx_runtime.JSX.Element>;
-    Description: react.MemoExoticComponent<(props: ModalDescriptionProps) => react_jsx_runtime.JSX.Element>;
+    Provider: react.MemoExoticComponent<({ children, layer, ...props }: ModalProviderProps) => react.JSX.Element>;
+    Root: react.MemoExoticComponent<({ children, ...props }: ModalRootProps) => react.JSX.Element | null>;
+    Header: react.MemoExoticComponent<({ style, ...props }: ModalHeaderProps) => react.JSX.Element>;
+    Close: react.MemoExoticComponent<({ disabled, loading, style, onPress, ...props }: ModalCloseProps) => react.JSX.Element>;
+    Content: react.MemoExoticComponent<({ style, ...props }: ModalContentProps) => react.JSX.Element>;
+    Footer: react.MemoExoticComponent<({ style, ...props }: ModalFooterProps) => react.JSX.Element>;
+    Title: react.MemoExoticComponent<(props: ModalTitleProps) => react.JSX.Element>;
+    Description: react.MemoExoticComponent<(props: ModalDescriptionProps) => react.JSX.Element>;
 };
 
 export { Modal };

package/dist/components/modal.d.mts

@@ -1,11 +1,10 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ModalProps } from '../types/modal.types.mjs';
 import 'react-native-reanimated';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ModalComponent: react.MemoExoticComponent<({ id, open, layer, onOpen, onOpenFinished, onStatusChange, onClose, onCloseFinished, header, title, footer, hideClose, children, ...props }: ModalProps) => react_jsx_runtime.JSX.Element>;
+declare const ModalComponent: react.MemoExoticComponent<({ id, open, layer, onOpen, onOpenFinished, onStatusChange, onClose, onCloseFinished, header, title, footer, hideClose, children, ...props }: ModalProps) => react.JSX.Element>;
 
 export { ModalComponent };

package/dist/components/modal.js

@@ -27,6 +27,8 @@ const ModalComponent = memo(function Modal({
   ...props
 }) {
   const colors = useColors();
+  const showHeader = header || title || !hideClose;
+  const showTitle = !header && title;
   return /* @__PURE__ */ jsx(
     ModalProvider,
     {
@@ -39,9 +41,9 @@ const ModalComponent = memo(function Modal({
       onClose,
       onCloseFinished,
       children: /* @__PURE__ */ jsxs(ModalRoot, { ...props, children: [
-        header || title || !hideClose ? /* @__PURE__ */ jsxs(ModalHeader, { children: [
+        showHeader ? /* @__PURE__ */ jsxs(ModalHeader, { children: [
           header,
-          !header && title ? /* @__PURE__ */ jsx(ModalTitle, { children: title }) : null,
+          showTitle ? /* @__PURE__ */ jsx(ModalTitle, { children: title }) : null,
           !hideClose ? /* @__PURE__ */ jsx(ModalClose, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Icon, { icon: XIcon, size: "small", color: colors.text.tertiary }) }) : null
         ] }) : null,
         /* @__PURE__ */ jsx(ModalContent, { children }),

package/dist/components/modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/modal.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Icon } from \"@impulse-ui-native/icon\";\nimport { XIcon } from \"@impulse-ui-native/icon/icons/x\";\nimport { useColors } from \"@impulse-ui-native/theme\";\n\nimport type { ModalProps } from \"../types\";\nimport { ModalClose } from \"./close\";\nimport { ModalContent } from \"./content\";\nimport { ModalFooter } from \"./footer\";\nimport { ModalHeader } from \"./header\";\nimport { ModalProvider } from \"./provider\";\nimport { ModalRoot } from \"./root\";\nimport { ModalTitle } from \"./title\";\n\nexport const ModalComponent = memo(function Modal({\n  id,\n  open,\n  layer,\n  onOpen,\n  onOpenFinished,\n  onStatusChange,\n  onClose,\n  onCloseFinished,\n  header,\n  title,\n  footer,\n  hideClose = false,\n  children,\n  ...props\n}: ModalProps) {\n  const colors = useColors();\n\n  return (\n    <ModalProvider\n      id={id}\n      open={open}\n      layer={layer}\n      onOpen={onOpen}\n      onOpenFinished={onOpenFinished}\n      onStatusChange={onStatusChange}\n      onClose={onClose}\n      onCloseFinished={onCloseFinished}\n    >\n      <ModalRoot {...props}>\n        {header || title || !hideClose ? (\n          <ModalHeader>\n            {header}\n            {!header && title ? <ModalTitle>{title}</ModalTitle> : null}\n            {!hideClose ? (\n              <ModalClose marginLeft=\"auto\">\n                <Icon icon={XIcon} size=\"small\" color={colors.text.tertiary} />\n              </ModalClose>\n            ) : null}\n          </ModalHeader>\n        ) : null}\n        <ModalContent>{children}</ModalContent>\n        {footer ? <ModalFooter>{footer}</ModalFooter> : null}\n      </ModalRoot>\n    </ModalProvider>\n  );\n});\n"],"mappings":"AA8CU,SAEsB,KAFtB;AA9CV,SAAS,YAAY;AAErB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAG1B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAEpB,MAAM,iBAAiB,KAAK,SAAS,MAAM;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,SAAS,UAAU;AAEzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,+BAAC,aAAW,GAAG,OACZ;AAAA,kBAAU,SAAS,CAAC,YACnB,qBAAC,eACE;AAAA;AAAA,UACA,CAAC,UAAU,QAAQ,oBAAC,cAAY,iBAAM,IAAgB;AAAA,UACtD,CAAC,YACA,oBAAC,cAAW,YAAW,QACrB,8BAAC,QAAK,MAAM,OAAO,MAAK,SAAQ,OAAO,OAAO,KAAK,UAAU,GAC/D,IACE;AAAA,WACN,IACE;AAAA,QACJ,oBAAC,gBAAc,UAAS;AAAA,QACvB,SAAS,oBAAC,eAAa,kBAAO,IAAiB;AAAA,SAClD;AAAA;AAAA,EACF;AAEJ,CAAC;","names":[]}
+{"version":3,"sources":["../../src/components/modal.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Icon } from \"@impulse-ui-native/icon\";\nimport { XIcon } from \"@impulse-ui-native/icon/icons/x\";\nimport { useColors } from \"@impulse-ui-native/theme\";\n\nimport type { ModalProps } from \"../types\";\nimport { ModalClose } from \"./close\";\nimport { ModalContent } from \"./content\";\nimport { ModalFooter } from \"./footer\";\nimport { ModalHeader } from \"./header\";\nimport { ModalProvider } from \"./provider\";\nimport { ModalRoot } from \"./root\";\nimport { ModalTitle } from \"./title\";\n\nexport const ModalComponent = memo(function Modal({\n  id,\n  open,\n  layer,\n  onOpen,\n  onOpenFinished,\n  onStatusChange,\n  onClose,\n  onCloseFinished,\n  header,\n  title,\n  footer,\n  hideClose = false,\n  children,\n  ...props\n}: ModalProps) {\n  const colors = useColors();\n\n  const showHeader = header || title || !hideClose;\n  const showTitle = !header && title;\n\n  return (\n    <ModalProvider\n      id={id}\n      open={open}\n      layer={layer}\n      onOpen={onOpen}\n      onOpenFinished={onOpenFinished}\n      onStatusChange={onStatusChange}\n      onClose={onClose}\n      onCloseFinished={onCloseFinished}\n    >\n      <ModalRoot {...props}>\n        {showHeader ? (\n          <ModalHeader>\n            {header}\n            {showTitle ? <ModalTitle>{title}</ModalTitle> : null}\n            {!hideClose ? (\n              <ModalClose marginLeft=\"auto\">\n                <Icon icon={XIcon} size=\"small\" color={colors.text.tertiary} />\n              </ModalClose>\n            ) : null}\n          </ModalHeader>\n        ) : null}\n        <ModalContent>{children}</ModalContent>\n        {footer ? <ModalFooter>{footer}</ModalFooter> : null}\n      </ModalRoot>\n    </ModalProvider>\n  );\n});\n"],"mappings":"AAiDU,SAEe,KAFf;AAjDV,SAAS,YAAY;AAErB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAG1B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAEpB,MAAM,iBAAiB,KAAK,SAAS,MAAM;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,SAAS,UAAU;AAEzB,QAAM,aAAa,UAAU,SAAS,CAAC;AACvC,QAAM,YAAY,CAAC,UAAU;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,+BAAC,aAAW,GAAG,OACZ;AAAA,qBACC,qBAAC,eACE;AAAA;AAAA,UACA,YAAY,oBAAC,cAAY,iBAAM,IAAgB;AAAA,UAC/C,CAAC,YACA,oBAAC,cAAW,YAAW,QACrB,8BAAC,QAAK,MAAM,OAAO,MAAK,SAAQ,OAAO,OAAO,KAAK,UAAU,GAC/D,IACE;AAAA,WACN,IACE;AAAA,QACJ,oBAAC,gBAAc,UAAS;AAAA,QACvB,SAAS,oBAAC,eAAa,kBAAO,IAAiB;AAAA,SAClD;AAAA;AAAA,EACF;AAEJ,CAAC;","names":[]}

package/dist/components/provider.d.mts

@@ -1,11 +1,10 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ModalProviderProps } from '../types/modal.types.mjs';
 import 'react-native-reanimated';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ModalProvider: react.MemoExoticComponent<({ children, layer, ...props }: ModalProviderProps) => react_jsx_runtime.JSX.Element>;
+declare const ModalProvider: react.MemoExoticComponent<({ children, layer, ...props }: ModalProviderProps) => react.JSX.Element>;
 
 export { ModalProvider };

package/dist/components/root.d.mts

@@ -1,11 +1,10 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ModalRootProps } from '../types/modal.types.mjs';
 import 'react-native-reanimated';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ModalRoot: react.MemoExoticComponent<({ children, ...props }: ModalRootProps) => react_jsx_runtime.JSX.Element | null>;
+declare const ModalRoot: react.MemoExoticComponent<({ children, ...props }: ModalRootProps) => react.JSX.Element | null>;
 
 export { ModalRoot };

package/dist/components/surface.d.mts

@@ -1,11 +1,10 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ModalSurfaceProps } from '../types/modal.types.mjs';
 import 'react-native-reanimated';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ModalSurface: react.MemoExoticComponent<({ size, style, ...props }: ModalSurfaceProps) => react_jsx_runtime.JSX.Element>;
+declare const ModalSurface: react.MemoExoticComponent<({ size, style, ...props }: ModalSurfaceProps) => react.JSX.Element>;
 
 export { ModalSurface };

package/dist/components/title.d.mts

@@ -1,11 +1,10 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ModalTitleProps } from '../types/modal.types.mjs';
 import 'react-native-reanimated';
 import '@impulse-ui-native/overlay';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 
-declare const ModalTitle: react.MemoExoticComponent<(props: ModalTitleProps) => react_jsx_runtime.JSX.Element>;
+declare const ModalTitle: react.MemoExoticComponent<(props: ModalTitleProps) => react.JSX.Element>;
 
 export { ModalTitle };

package/dist/constants/modal-close.constants.d.mts

@@ -1,8 +1,8 @@
-declare const ModalCloseStyles: {
+declare const ModalCloseStyles: Readonly<{
     close: {
         alignItems: "center";
         justifyContent: "center";
     };
-};
+}>;
 
 export { ModalCloseStyles };

package/dist/hooks/use-modal-lifecycle.hook.js

@@ -1,44 +1,10 @@
-import { useEffect, useMemo } from "react";
-import {
-  cancelAnimation,
-  useSharedValue,
-  withTiming
-} from "react-native-reanimated";
-import { scheduleOnRN } from "react-native-worklets";
-import { useEventCallback } from "@impulse-ui-native/core";
-import { useOverlayLifecycle } from "@impulse-ui-native/overlay";
+import { useMemo } from "react";
+import { useOverlayLifecycle, useOverlayTiming } from "@impulse-ui-native/overlay";
 import { useComponentsTokens } from "@impulse-ui-native/theme";
 function useModalLifecycle(props) {
   const tokens = useComponentsTokens().modal;
-  const progress = useSharedValue(0);
-  const enter = useEventCallback(
-    (transitionId, complete) => {
-      progress.set(
-        withTiming(1, { duration: tokens.enterDuration }, (finished) => {
-          if (finished) {
-            scheduleOnRN(complete, transitionId);
-          }
-        })
-      );
-    }
-  );
-  const exit = useEventCallback(
-    (transitionId, complete) => {
-      progress.set(
-        withTiming(0, { duration: tokens.exitDuration }, (finished) => {
-          if (finished) {
-            scheduleOnRN(complete, transitionId);
-          }
-        })
-      );
-    }
-  );
-  const options = useMemo(
-    () => ({ onEnter: enter, onExit: exit }),
-    [enter, exit]
-  );
+  const { options, progress } = useOverlayTiming(tokens);
   const lifecycle = useOverlayLifecycle(props, options);
-  useEffect(() => () => cancelAnimation(progress), [progress]);
   return useMemo(() => ({ ...lifecycle, progress }), [lifecycle, progress]);
 }
 export {

package/dist/hooks/use-modal-lifecycle.hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-modal-lifecycle.hook.ts"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport {\n  cancelAnimation,\n  useSharedValue,\n  withTiming,\n} from \"react-native-reanimated\";\nimport { scheduleOnRN } from \"react-native-worklets\";\n\nimport type { OverlayTransitionHandler } from \"@impulse-ui-native/overlay\";\nimport { useEventCallback } from \"@impulse-ui-native/core\";\nimport { useOverlayLifecycle } from \"@impulse-ui-native/overlay\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { ModalLifecycleProps } from \"../types\";\n\nexport function useModalLifecycle(props: ModalLifecycleProps) {\n  const tokens = useComponentsTokens().modal;\n  const progress = useSharedValue(0);\n\n  const enter = useEventCallback<OverlayTransitionHandler>(\n    (transitionId, complete) => {\n      progress.set(\n        withTiming(1, { duration: tokens.enterDuration }, (finished) => {\n          if (finished) {\n            scheduleOnRN(complete, transitionId);\n          }\n        }),\n      );\n    },\n  );\n  const exit = useEventCallback<OverlayTransitionHandler>(\n    (transitionId, complete) => {\n      progress.set(\n        withTiming(0, { duration: tokens.exitDuration }, (finished) => {\n          if (finished) {\n            scheduleOnRN(complete, transitionId);\n          }\n        }),\n      );\n    },\n  );\n\n  const options = useMemo(\n    () => ({ onEnter: enter, onExit: exit }),\n    [enter, exit],\n  );\n  const lifecycle = useOverlayLifecycle(props, options);\n\n  useEffect(() => () => cancelAnimation(progress), [progress]);\n\n  return useMemo(() => ({ ...lifecycle, progress }), [lifecycle, progress]);\n}\n"],"mappings":"AAAA,SAAS,WAAW,eAAe;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAG7B,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AAI7B,SAAS,kBAAkB,OAA4B;AAC5D,QAAM,SAAS,oBAAoB,EAAE;AACrC,QAAM,WAAW,eAAe,CAAC;AAEjC,QAAM,QAAQ;AAAA,IACZ,CAAC,cAAc,aAAa;AAC1B,eAAS;AAAA,QACP,WAAW,GAAG,EAAE,UAAU,OAAO,cAAc,GAAG,CAAC,aAAa;AAC9D,cAAI,UAAU;AACZ,yBAAa,UAAU,YAAY;AAAA,UACrC;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACA,QAAM,OAAO;AAAA,IACX,CAAC,cAAc,aAAa;AAC1B,eAAS;AAAA,QACP,WAAW,GAAG,EAAE,UAAU,OAAO,aAAa,GAAG,CAAC,aAAa;AAC7D,cAAI,UAAU;AACZ,yBAAa,UAAU,YAAY;AAAA,UACrC;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,QAAM,UAAU;AAAA,IACd,OAAO,EAAE,SAAS,OAAO,QAAQ,KAAK;AAAA,IACtC,CAAC,OAAO,IAAI;AAAA,EACd;AACA,QAAM,YAAY,oBAAoB,OAAO,OAAO;AAEpD,YAAU,MAAM,MAAM,gBAAgB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAE3D,SAAO,QAAQ,OAAO,EAAE,GAAG,WAAW,SAAS,IAAI,CAAC,WAAW,QAAQ,CAAC;AAC1E;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-modal-lifecycle.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useOverlayLifecycle, useOverlayTiming } from \"@impulse-ui-native/overlay\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { ModalLifecycleProps } from \"../types\";\n\nexport function useModalLifecycle(props: ModalLifecycleProps) {\n  const tokens = useComponentsTokens().modal;\n  const { options, progress } = useOverlayTiming(tokens);\n  const lifecycle = useOverlayLifecycle(props, options);\n\n  return useMemo(() => ({ ...lifecycle, progress }), [lifecycle, progress]);\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,qBAAqB,wBAAwB;AACtD,SAAS,2BAA2B;AAI7B,SAAS,kBAAkB,OAA4B;AAC5D,QAAM,SAAS,oBAAoB,EAAE;AACrC,QAAM,EAAE,SAAS,SAAS,IAAI,iBAAiB,MAAM;AACrD,QAAM,YAAY,oBAAoB,OAAO,OAAO;AAEpD,SAAO,QAAQ,OAAO,EAAE,GAAG,WAAW,SAAS,IAAI,CAAC,WAAW,QAAQ,CAAC;AAC1E;","names":[]}

package/dist/index.d.mts

@@ -1,7 +1,6 @@
 export { Modal } from './components/index.mjs';
 export { ModalCloseProps, ModalContentProps, ModalContextValue, ModalDescriptionProps, ModalFooterProps, ModalHeaderProps, ModalLifecycleProps, ModalProps, ModalProviderProps, ModalRootProps, ModalSurfaceProps, ModalTitleProps } from './types/modal.types.mjs';
 export { useModalContext } from './hooks/use-modal-context.hook.mjs';
-import 'react/jsx-runtime';
 import 'react';
 import 'react-native-reanimated';
 import '@impulse-ui-native/overlay';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/modal",
-  "version": "9.1.1",
+  "version": "10.0.0",
   "description": "Compound modal dialogs with local and OverlayHost lifecycle support.",
   "keywords": [
     "react-native",
@@ -12,11 +12,11 @@
   "source": "src/index.ts",
   "module": "dist/index.js",
   "types": "dist/index.d.mts",
-  "react-native": "src/index.ts",
+  "react-native": "dist/index.js",
   "exports": {
     ".": {
       "types": "./dist/index.d.mts",
-      "react-native": "./src/index.ts",
+      "react-native": "./dist/index.js",
       "import": "./dist/index.js"
     }
   },
@@ -27,22 +27,22 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/icon": "9.1.1",
-    "@impulse-ui-native/theme": "9.1.1",
-    "@impulse-ui-native/primitives": "9.1.1",
-    "@impulse-ui-native/overlay": "9.1.1",
-    "@impulse-ui-native/core": "9.1.1"
+    "@impulse-ui-native/icon": "10.0.0",
+    "@impulse-ui-native/primitives": "10.0.0",
+    "@impulse-ui-native/theme": "10.0.0",
+    "@impulse-ui-native/core": "10.0.0",
+    "@impulse-ui-native/overlay": "10.0.0"
   },
   "devDependencies": {
-    "@types/react": "~19.2.14",
+    "@types/react": "~19.3.0",
     "eslint": "^9.38.0",
     "prettier": "^3.6.2",
-    "react": "19.2.3",
-    "react-native": "0.86.2",
+    "react": "19.3.0",
+    "react-native": "0.88.0",
     "typescript": "~6.0.3",
-    "react-native-reanimated": "4.5.1",
-    "react-native-safe-area-context": "~5.7.0",
-    "react-native-worklets": "0.10.1",
+    "react-native-reanimated": "4.7.1",
+    "react-native-safe-area-context": "~5.10.1",
+    "react-native-worklets": "0.13.0",
     "@impulse-ui-native/eslint-config": "1.0.0",
     "@impulse-ui-native/prettier-config": "1.0.0",
     "@impulse-ui-native/tsconfig": "1.0.0"