@atlaskit/modal-dialog 16.5.2 → 16.5.4

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/modal-dialog
 
+## 16.5.4
+
+### Patch Changes
+
+- [`4406362492342`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4406362492342) -
+  Experimental React 19 peer dependency support. This patch widens the peer range; CI coverage is
+  partial.
+- Updated dependencies
+
+## 16.5.3
+
+### Patch Changes
+
+- [`75e41b355abb1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/75e41b355abb1) -
+  Change `useExitingPersistence` import to newly created named export
+- Updated dependencies
+
 ## 16.5.2
 
 ### Patch Changes

package/dist/cjs/close-button.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CloseButton = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _new = require("@atlaskit/button/new");
+var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 /**
  * __Close button__
@@ -25,7 +25,7 @@ var CloseButton = exports.CloseButton = function CloseButton(_ref) {
     onBlur = _ref.onBlur,
     onClick = _ref.onClick,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_new.IconButton, {
+  return /*#__PURE__*/_react.default.createElement(_button.default, {
     testId: testId && "".concat(testId, "--close-button"),
     appearance: "subtle",
     icon: _cross.default,

package/dist/cjs/internal/components/modal-dialog.js

@@ -20,7 +20,7 @@ var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-fo
 var _useId = require("@atlaskit/ds-lib/use-id");
 var _useCloseOnEscapePress = require("@atlaskit/layering/use-close-on-escape-press");
 var _useLayering2 = require("@atlaskit/layering/use-layering");
-var _motion = require("@atlaskit/motion");
+var _motion = _interopRequireDefault(require("@atlaskit/motion/entering/motion"));
 var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
@@ -113,7 +113,7 @@ var ModalDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     value: modalDialogContext
   }, /*#__PURE__*/React.createElement(_scrollContext.ScrollContext.Provider, {
     value: shouldScrollInViewport
-  }, !UNSAFE_shouldDisableMotionUplift && (0, _fg.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.Motion, {
+  }, !UNSAFE_shouldDisableMotionUplift && (0, _fg.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.default, {
     enteringAnimation: "var(--ds-modal-enter, 250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100)",
     exitingAnimation: "var(--ds-modal-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95)",
     onFinish: onMotionFinish,

package/dist/cjs/internal/components/modal-wrapper.js

@@ -16,21 +16,22 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _bindEventListener = require("bind-event-listener");
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
 var _reactScrolllock = _interopRequireWildcard(require("react-scrolllock"));
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _blanket = _interopRequireDefault(require("@atlaskit/blanket"));
+var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
+var _blanket = _interopRequireDefault(require("@atlaskit/blanket/blanket"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-focus"));
 var _useId = require("@atlaskit/ds-lib/use-id");
 var _layering = require("@atlaskit/layering/layering");
 var _useNotifyOpenLayerObserver = require("@atlaskit/layering/use-notify-open-layer-observer");
-var _motion = require("@atlaskit/motion");
-var _exitingPersistence = require("@atlaskit/motion/exiting-persistence");
+var _motion = _interopRequireDefault(require("@atlaskit/motion/entering/motion"));
+var _useExitingPersistence = require("@atlaskit/motion/exiting-persistence/use-exiting-persistence");
 var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _portal = _interopRequireDefault(require("@atlaskit/portal"));
-var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _portal = _interopRequireDefault(require("@atlaskit/portal/portal"));
+var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
 var _constants = require("@atlaskit/theme/constants");
-var _dialog = require("@atlaskit/top-layer/dialog");
+var _createCloseEvent = require("@atlaskit/top-layer/create-close-event");
+var _dialogContent = require("@atlaskit/top-layer/dialog-content");
 var _dialogScrollLock = require("@atlaskit/top-layer/dialog-scroll-lock");
 var _context = require("../context");
 var _useModalStack = _interopRequireDefault(require("../hooks/use-modal-stack"));
@@ -87,12 +88,12 @@ var allowlistElements = function allowlistElements(element, callback) {
 // Analytics-wrapped close handler. Extracted so both rendering paths build it
 // identically.
 function useModalCloseHandler(providedOnClose) {
-  return (0, _analyticsNext.usePlatformLeafEventHandler)({
+  return (0, _usePlatformLeafEventHandler.usePlatformLeafEventHandler)({
     fn: providedOnClose || _noop.default,
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.5.1"
+    packageVersion: "16.5.3"
   });
 }
 function getScrollMode(_ref) {
@@ -206,7 +207,7 @@ function ModalWrapperTopLayer(props) {
     onStackChange: onStackChange
   });
   var onCloseHandler = useModalCloseHandler(providedOnClose);
-  var _useExitingPersistenc = (0, _exitingPersistence.useExitingPersistence)(),
+  var _useExitingPersistenc = (0, _useExitingPersistence.useExitingPersistence)(),
     isExiting = _useExitingPersistenc.isExiting,
     onExitFinish = _useExitingPersistenc.onFinish;
 
@@ -241,7 +242,7 @@ function ModalWrapperTopLayer(props) {
   // Pass a synthetic event to satisfy the KeyboardOrMouseEvent contract.
   var onDialogClose = (0, _react.useCallback)(function (_ref3) {
     var reason = _ref3.reason;
-    onCloseHandler((0, _dialog.createCloseEvent)({
+    onCloseHandler((0, _createCloseEvent.createCloseEvent)({
       reason: reason
     }));
   }, [onCloseHandler]);
@@ -318,7 +319,7 @@ function ModalWrapperTopLayer(props) {
     isFullScreen: isFullScreen,
     shouldScrollInViewport: shouldScrollInViewport
   });
-  return /*#__PURE__*/React.createElement(_dialog.Dialog, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(_dialogContent.Dialog, (0, _extends2.default)({
     ref: dialogRef,
     onClose: onDialogClose,
     dismissedBy: dismissedBy,
@@ -453,7 +454,7 @@ var ModalWrapperLegacy = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
     isDisabled: false
   }, /*#__PURE__*/React.createElement(_portal.default, {
     zIndex: _constants.layers.modal()
-  }, !UNSAFE_shouldDisableMotionUplift && (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.Motion, {
+  }, !UNSAFE_shouldDisableMotionUplift && (0, _fg.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.default, {
     enteringAnimation: "var(--ds-blanket-enter, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100)",
     exitingAnimation: "var(--ds-blanket-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   }, /*#__PURE__*/React.createElement("div", {
@@ -483,7 +484,7 @@ var ModalWrapperLegacy = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
 // hooks unconditionally, so a runtime feature-flag change swaps component types
 // (a clean remount) instead of changing the hook order of a mounted component.
 var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  if ((0, _platformFeatureFlags.fg)('platform-dst-top-layer')) {
+  if ((0, _fg.fg)('platform-dst-top-layer')) {
     // TODO: the top-layer path does not forward the external `ref` (parity
     // with the pre-refactor behavior, where the top-layer branch never
     // consumed it). The public type still advertises `RefAttributes`, so a

package/dist/cjs/internal/components/positioner.js

@@ -10,7 +10,7 @@ require("./positioner.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _curves = require("@atlaskit/motion/curves");
-var _durations = require("@atlaskit/motion/durations");
+var _durations = require("@atlaskit/motion/utils/durations");
 var _constants = require("@atlaskit/theme/constants");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences

package/dist/cjs/internal/hooks/use-modal-stack.js

@@ -10,7 +10,7 @@ var _react = require("react");
 var _useLazyCallback = _interopRequireDefault(require("@atlaskit/ds-lib/use-lazy-callback"));
 var _usePreviousValue = _interopRequireDefault(require("@atlaskit/ds-lib/use-previous-value"));
 var _useStateRef3 = _interopRequireDefault(require("@atlaskit/ds-lib/use-state-ref"));
-var _exitingPersistence = require("@atlaskit/motion/exiting-persistence");
+var _useExitingPersistence = require("@atlaskit/motion/exiting-persistence/use-exiting-persistence");
 /**
  *  ________________________________________________
  * | MAJOR VERSIONS WILL NOT KNOW ABOUT EACH OTHER! |
@@ -30,7 +30,7 @@ var modalStackRegister = [];
  */
 function useModalStack(_ref) {
   var onStackChange = _ref.onStackChange;
-  var _useExitingPersistenc = (0, _exitingPersistence.useExitingPersistence)(),
+  var _useExitingPersistenc = (0, _useExitingPersistence.useExitingPersistence)(),
     isExiting = _useExitingPersistenc.isExiting;
   var _useStateRef = (0, _useStateRef3.default)(0),
     _useStateRef2 = (0, _slicedToArray2.default)(_useStateRef, 2),

package/dist/es2019/close-button.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconButton } from '@atlaskit/button/new';
+import IconButton from '@atlaskit/button/icon/button';
 import CrossIcon from '@atlaskit/icon/core/cross';
 /**
  * __Close button__

package/dist/es2019/internal/components/modal-dialog.js

@@ -10,7 +10,7 @@ import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { useCloseOnEscapePress } from '@atlaskit/layering/use-close-on-escape-press';
 import { useLayering } from '@atlaskit/layering/use-layering';
-import { Motion } from '@atlaskit/motion';
+import Motion from '@atlaskit/motion/entering/motion';
 import FadeIn from '@atlaskit/motion/fade-in';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';

package/dist/es2019/internal/components/modal-wrapper.js

@@ -7,21 +7,22 @@ import { forwardRef, useCallback, useEffect, useMemo, useRef } from 'react';
 import { bind } from 'bind-event-listener';
 import FocusLock from 'react-focus-lock';
 import ScrollLock, { TouchScrollable } from 'react-scrolllock';
-import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
-import Blanket from '@atlaskit/blanket';
+import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
+import Blanket from '@atlaskit/blanket/blanket';
 import noop from '@atlaskit/ds-lib/noop';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { Layering } from '@atlaskit/layering/layering';
 import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
-import { Motion } from '@atlaskit/motion';
-import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
+import Motion from '@atlaskit/motion/entering/motion';
+import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence/use-exiting-persistence';
 import FadeIn from '@atlaskit/motion/fade-in';
-import { fg } from '@atlaskit/platform-feature-flags';
-import Portal from '@atlaskit/portal';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import Portal from '@atlaskit/portal/portal';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
 import { layers } from '@atlaskit/theme/constants';
-import { createCloseEvent, Dialog } from '@atlaskit/top-layer/dialog';
+import { createCloseEvent } from '@atlaskit/top-layer/create-close-event';
+import { Dialog } from '@atlaskit/top-layer/dialog-content';
 import { DialogScrollLock } from '@atlaskit/top-layer/dialog-scroll-lock';
 import { ModalContext } from '../context';
 import useModalStack from '../hooks/use-modal-stack';
@@ -82,7 +83,7 @@ function useModalCloseHandler(providedOnClose) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.5.1"
+    packageVersion: "16.5.3"
   });
 }
 function getScrollMode({

package/dist/es2019/internal/components/positioner.js

@@ -3,7 +3,7 @@ import "./positioner.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { easeInOut } from '@atlaskit/motion/curves';
-import { durations } from '@atlaskit/motion/durations';
+import { durations } from '@atlaskit/motion/utils/durations';
 import { layers } from '@atlaskit/theme/constants';
 // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
 const positionerStyles = null;

package/dist/es2019/internal/hooks/use-modal-stack.js

@@ -2,7 +2,7 @@ import { useEffect } from 'react';
 import useLazyCallback from '@atlaskit/ds-lib/use-lazy-callback';
 import usePreviousValue from '@atlaskit/ds-lib/use-previous-value';
 import useStateRef from '@atlaskit/ds-lib/use-state-ref';
-import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
+import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence/use-exiting-persistence';
 
 /**
  *  ________________________________________________

package/dist/esm/close-button.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconButton } from '@atlaskit/button/new';
+import IconButton from '@atlaskit/button/icon/button';
 import CrossIcon from '@atlaskit/icon/core/cross';
 /**
  * __Close button__

package/dist/esm/internal/components/modal-dialog.js

@@ -12,7 +12,7 @@ import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { useCloseOnEscapePress } from '@atlaskit/layering/use-close-on-escape-press';
 import { useLayering } from '@atlaskit/layering/use-layering';
-import { Motion } from '@atlaskit/motion';
+import Motion from '@atlaskit/motion/entering/motion';
 import FadeIn from '@atlaskit/motion/fade-in';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';

package/dist/esm/internal/components/modal-wrapper.js

@@ -8,21 +8,22 @@ import { forwardRef, useCallback, useEffect, useMemo, useRef } from 'react';
 import { bind } from 'bind-event-listener';
 import FocusLock from 'react-focus-lock';
 import ScrollLock, { TouchScrollable } from 'react-scrolllock';
-import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
-import Blanket from '@atlaskit/blanket';
+import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
+import Blanket from '@atlaskit/blanket/blanket';
 import noop from '@atlaskit/ds-lib/noop';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { Layering } from '@atlaskit/layering/layering';
 import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
-import { Motion } from '@atlaskit/motion';
-import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
+import Motion from '@atlaskit/motion/entering/motion';
+import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence/use-exiting-persistence';
 import FadeIn from '@atlaskit/motion/fade-in';
-import { fg } from '@atlaskit/platform-feature-flags';
-import Portal from '@atlaskit/portal';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import Portal from '@atlaskit/portal/portal';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
 import { layers } from '@atlaskit/theme/constants';
-import { createCloseEvent, Dialog } from '@atlaskit/top-layer/dialog';
+import { createCloseEvent } from '@atlaskit/top-layer/create-close-event';
+import { Dialog } from '@atlaskit/top-layer/dialog-content';
 import { DialogScrollLock } from '@atlaskit/top-layer/dialog-scroll-lock';
 import { ModalContext } from '../context';
 import useModalStack from '../hooks/use-modal-stack';
@@ -83,7 +84,7 @@ function useModalCloseHandler(providedOnClose) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.5.1"
+    packageVersion: "16.5.3"
   });
 }
 function getScrollMode(_ref) {

package/dist/esm/internal/components/positioner.js

@@ -3,7 +3,7 @@ import "./positioner.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { easeInOut } from '@atlaskit/motion/curves';
-import { durations } from '@atlaskit/motion/durations';
+import { durations } from '@atlaskit/motion/utils/durations';
 import { layers } from '@atlaskit/theme/constants';
 // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
 var positionerStyles = null;

package/dist/esm/internal/hooks/use-modal-stack.js

@@ -3,7 +3,7 @@ import { useEffect } from 'react';
 import useLazyCallback from '@atlaskit/ds-lib/use-lazy-callback';
 import usePreviousValue from '@atlaskit/ds-lib/use-previous-value';
 import useStateRef from '@atlaskit/ds-lib/use-state-ref';
-import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
+import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence/use-exiting-persistence';
 
 /**
  *  ________________________________________________

package/dist/types/internal/hooks/use-on-motion-finish.d.ts

@@ -1,5 +1,5 @@
 import { type RefObject } from 'react';
-import type { Transition } from '@atlaskit/motion/types';
+import type { Transition } from '@atlaskit/motion/entering/types';
 import { type ModalDialogProps } from '../../types';
 /**
  * This will run the respective passed in callback functions when modal is

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "16.5.2",
+	"version": "16.5.4",
 	"description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,21 +34,21 @@
 		"watch": "tsc --watch --noEmit --project './tsconfig.json'"
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^12.3.0",
+		"@atlaskit/analytics-next": "^12.4.0",
 		"@atlaskit/blanket": "^16.3.0",
 		"@atlaskit/button": "^25.2.0",
-		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/ds-lib": "^8.0.0",
 		"@atlaskit/icon": "^37.5.0",
 		"@atlaskit/layering": "^5.1.0",
-		"@atlaskit/motion": "^8.4.0",
+		"@atlaskit/motion": "^8.5.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/portal": "^6.3.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
 		"@atlaskit/primitives": "^22.4.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/theme": "^28.1.0",
-		"@atlaskit/tokens": "^16.8.0",
+		"@atlaskit/tokens": "^16.9.0",
 		"@atlaskit/top-layer": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
@@ -58,7 +58,7 @@
 		"react-scrolllock": "^5.0.1"
 	},
 	"peerDependencies": {
-		"react": "^18.2.0"
+		"react": "^18.2.0 || ^19.0.0"
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "workspace:^",
@@ -80,7 +80,7 @@
 		"@atlaskit/popup": "^6.2.0",
 		"@atlaskit/radio": "^10.1.0",
 		"@atlaskit/section-message": "^10.1.0",
-		"@atlaskit/select": "^22.9.0",
+		"@atlaskit/select": "^22.10.0",
 		"@atlaskit/spotlight": "^4.2.0",
 		"@atlaskit/textfield": "^10.1.0",
 		"@atlaskit/tooltip": "^24.2.0",
@@ -91,9 +91,8 @@
 		"@testing-library/dom": "^10.1.0",
 		"@types/raf-schd": "^4.0.1",
 		"jscodeshift": "^17.0.0",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
-		"react-lorem-component": "^0.13.0",
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0",
 		"react-sweet-state": "^2.6.5",
 		"tiny-invariant": "^1.2.0",
 		"typescript": "npm:@typescript/typescript6@^6.0.2"