chore: move @fluentui/react-motions-preview to stable

microsoft · Jun 6, 2024 · 69348a7 · 69348a7
1 parent 02f620c
commit 69348a7
Show file tree

Hide file tree

Showing 96 changed files with 226 additions and 95 deletions.
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
@@ -253,7 +253,7 @@ packages/react-components/react-swatch-picker/stories @microsoft/cxe-prg
 packages/react-components/react-calendar-compat @microsoft/cxe-red @sopranopillow
 packages/react-components/react-infolabel @microsoft/cxe-red @sopranopillow
 packages/react-components/react-list-preview @microsoft/teams-prg
-packages/react-components/react-motions-preview @microsoft/teams-prg
+packages/react-components/react-motion @microsoft/teams-prg
 packages/react-components/react-teaching-popover @microsoft/xc-uxe @Mitch-At-Work
 packages/react-components/react-timepicker-compat @microsoft/teams-prg
 packages/react-components/react-icons-compat @microsoft/cxe-red @tomi-msft

diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json
@@ -36,7 +36,6 @@
     "@fluentui/react-storybook-addon": "*",
     "@fluentui/react-storybook-addon-export-to-sandbox": "*",
     "@fluentui/theme-designer": "*",
-    "@fluentui/react-motions-preview": "*",
     "@fluentui/recipes": "*",
     "@fluentui/react-timepicker-compat": "*",
     "@griffel/react": "^1.5.22",

diff --git a/change/@fluentui-react-components-b5dac2a8-2484-406a-830a-f806cdaa4265.json b/change/@fluentui-react-components-b5dac2a8-2484-406a-830a-f806cdaa4265.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: add @fluentui/react-motion to suite",
+  "packageName": "@fluentui/react-components",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-dialog-bb690087-e2eb-4fdb-a599-1231cc456cb9.json b/change/@fluentui-react-dialog-bb690087-e2eb-4fdb-a599-1231cc456cb9.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: use @fluentui/react-motion",
+  "packageName": "@fluentui/react-dialog",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-motions-1ac3372b-83a7-4cb4-bc43-305b71899d9f.json b/change/@fluentui-react-motions-1ac3372b-83a7-4cb4-bc43-305b71899d9f.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: release stable",
+  "packageName": "@fluentui/react-motion",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-toast-72b2c117-3821-468c-9221-60d7585a0086.json b/change/@fluentui-react-toast-72b2c117-3821-468c-9221-60d7585a0086.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: use @fluentui/react-motion",
+  "packageName": "@fluentui/react-toast",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-components/etc/react-components.api.md b/packages/react-components/react-components/etc/react-components.api.md
@@ -50,6 +50,8 @@ import { AriaLiveAnnouncerProps } from '@fluentui/react-aria';
 import { AriaLiveAnnouncerState } from '@fluentui/react-aria';
 import { arrowHeights } from '@fluentui/react-popover';
 import { assertSlots } from '@fluentui/react-utilities';
+import { AtomMotion } from '@fluentui/react-motion';
+import { AtomMotionFn } from '@fluentui/react-motion';
 import { Avatar } from '@fluentui/react-avatar';
 import { avatarClassNames } from '@fluentui/react-avatar';
 import { AvatarGroup } from '@fluentui/react-avatar';
@@ -194,6 +196,8 @@ import { createFocusOutlineStyle } from '@fluentui/react-tabster';
 import { CreateFocusOutlineStyleOptions } from '@fluentui/react-tabster';
 import { createHighContrastTheme } from '@fluentui/react-theme';
 import { createLightTheme } from '@fluentui/react-theme';
+import { createMotionComponent } from '@fluentui/react-motion';
+import { createPresenceComponent } from '@fluentui/react-motion';
 import { createTableColumn } from '@fluentui/react-table';
 import { CreateTableColumnOptions } from '@fluentui/react-table';
 import { createTeamsDarkTheme } from '@fluentui/react-theme';
@@ -559,6 +563,9 @@ import { MessageBarTitleProps } from '@fluentui/react-message-bar';
 import { MessageBarTitleSlots } from '@fluentui/react-message-bar';
 import { MessageBarTitleState } from '@fluentui/react-message-bar';
 import { MessageBarTransitionContextValue } from '@fluentui/react-message-bar';
+import { MotionComponentProps } from '@fluentui/react-motion';
+import { MotionImperativeRef } from '@fluentui/react-motion';
+import { motionTokens } from '@fluentui/react-motion';
 import { OnOpenChangeData } from '@fluentui/react-popover';
 import { OnSelectionChangeCallback } from '@fluentui/react-utilities';
 import { OnSelectionChangeData } from '@fluentui/react-utilities';
@@ -632,8 +639,12 @@ import { PresenceBadgeState } from '@fluentui/react-badge';
 import { PresenceBadgeStatus } from '@fluentui/react-badge';
 import { presenceBlockedRegular } from '@fluentui/react-badge';
 import { presenceBusyFilled } from '@fluentui/react-badge';
+import { PresenceComponentProps } from '@fluentui/react-motion';
 import { presenceDndFilled } from '@fluentui/react-badge';
 import { presenceDndRegular } from '@fluentui/react-badge';
+import { PresenceGroup } from '@fluentui/react-motion';
+import { PresenceMotion } from '@fluentui/react-motion';
+import { PresenceMotionFn } from '@fluentui/react-motion';
 import { presenceOfflineRegular } from '@fluentui/react-badge';
 import { presenceOofRegular } from '@fluentui/react-badge';
 import { presenceUnknownRegular } from '@fluentui/react-badge';
@@ -1799,6 +1810,10 @@ export { arrowHeights }
 
 export { assertSlots }
 
+export { AtomMotion }
+
+export { AtomMotionFn }
+
 export { Avatar }
 
 export { avatarClassNames }
@@ -2087,6 +2102,10 @@ export { createHighContrastTheme }
 
 export { createLightTheme }
 
+export { createMotionComponent }
+
+export { createPresenceComponent }
+
 export { createTableColumn }
 
 export { CreateTableColumnOptions }
@@ -2817,6 +2836,12 @@ export { MessageBarTitleState }
 
 export { MessageBarTransitionContextValue }
 
+export { MotionComponentProps }
+
+export { MotionImperativeRef }
+
+export { motionTokens }
+
 export { OnOpenChangeData }
 
 export { OnSelectionChangeCallback }
@@ -2963,10 +2988,18 @@ export { presenceBlockedRegular }
 
 export { presenceBusyFilled }
 
+export { PresenceComponentProps }
+
 export { presenceDndFilled }
 
 export { presenceDndRegular }
 
+export { PresenceGroup }
+
+export { PresenceMotion }
+
+export { PresenceMotionFn }
+
 export { presenceOfflineRegular }
 
 export { presenceOofRegular }

diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json
@@ -86,7 +86,8 @@
     "@fluentui/react-rating": "^9.0.10",
     "@fluentui/react-search": "^9.0.6",
     "@fluentui/react-teaching-popover": "^9.1.6",
-    "@fluentui/react-tag-picker": "^9.0.4"
+    "@fluentui/react-tag-picker": "^9.0.4",
+    "@fluentui/react-motion": "9.0.0-alpha.0"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0 <19.0.0",

diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts
@@ -1868,3 +1868,14 @@ export type {
   EmptySwatchSlots,
   EmptySwatchState,
 } from '@fluentui/react-swatch-picker';
+
+export { motionTokens, createMotionComponent, createPresenceComponent, PresenceGroup } from '@fluentui/react-motion';
+export type {
+  AtomMotion,
+  AtomMotionFn,
+  MotionComponentProps,
+  MotionImperativeRef,
+  PresenceMotion,
+  PresenceMotionFn,
+  PresenceComponentProps,
+} from '@fluentui/react-motion';
diff --git a/packages/react-components/react-dialog/package.json b/packages/react-components/react-dialog/package.json
@@ -44,7 +44,7 @@
     "@fluentui/react-jsx-runtime": "^9.0.38",
     "@fluentui/keyboard-keys": "^9.0.7",
     "@fluentui/react-context-selector": "^9.1.60",
-    "@fluentui/react-motions-preview": "^0.3.2",
+    "@fluentui/react-motion": "9.0.0-alpha.0",
     "@fluentui/react-shared-contexts": "^9.19.0",
     "@fluentui/react-aria": "^9.11.4",
     "@fluentui/react-icons": "^2.0.239",

diff --git a/packages/react-components/react-dialog/src/components/DialogBackdropMotion.ts b/packages/react-components/react-dialog/src/components/DialogBackdropMotion.ts
@@ -1,4 +1,4 @@
-import { createPresenceComponent, motionTokens } from '@fluentui/react-motions-preview';
+import { createPresenceComponent, motionTokens } from '@fluentui/react-motion';
 
 const keyframes = [{ opacity: 0 }, { opacity: 1 }];
 

diff --git a/packages/react-components/react-dialog/src/components/DialogSurfaceMotion.ts b/packages/react-components/react-dialog/src/components/DialogSurfaceMotion.ts
@@ -1,4 +1,4 @@
-import { createPresenceComponent, motionTokens } from '@fluentui/react-motions-preview';
+import { createPresenceComponent, motionTokens } from '@fluentui/react-motion';
 import { tokens } from '@fluentui/react-theme';
 
 const keyframes = [

diff --git a/...nents/react-motions-preview/.babelrc.json → ...act-components/react-motion/.babelrc.json b/...nents/react-motions-preview/.babelrc.json → ...act-components/react-motion/.babelrc.json
diff --git a/...ents/react-motions-preview/.eslintrc.json → ...ct-components/react-motion/.eslintrc.json b/...ents/react-motions-preview/.eslintrc.json → ...ct-components/react-motion/.eslintrc.json
diff --git a/.../react-motions-preview/.storybook/main.js → ...omponents/react-motion/.storybook/main.js b/.../react-motions-preview/.storybook/main.js → ...omponents/react-motion/.storybook/main.js
diff --git a/...act-motions-preview/.storybook/preview.js → ...onents/react-motion/.storybook/preview.js b/...act-motions-preview/.storybook/preview.js → ...onents/react-motion/.storybook/preview.js
diff --git a/...-motions-preview/.storybook/tsconfig.json → ...nts/react-motion/.storybook/tsconfig.json b/...-motions-preview/.storybook/tsconfig.json → ...nts/react-motion/.storybook/tsconfig.json
diff --git a/...t-components/react-motions-preview/.swcrc → ...ages/react-components/react-motion/.swcrc b/...t-components/react-motions-preview/.swcrc → ...ages/react-components/react-motion/.swcrc
diff --git a/...ents/react-motions-preview/CHANGELOG.json → ...ct-components/react-motion/CHANGELOG.json b/...ents/react-motions-preview/CHANGELOG.json → ...ct-components/react-motion/CHANGELOG.json
diff --git a/...onents/react-motions-preview/CHANGELOG.md → ...eact-components/react-motion/CHANGELOG.md b/...onents/react-motions-preview/CHANGELOG.md → ...eact-components/react-motion/CHANGELOG.md
@@ -6,7 +6,7 @@ This log was last generated on Mon, 20 May 2024 12:44:59 GMT and should not be m
 
 ## [0.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-motions-preview_v0.3.2)
 
-Mon, 20 May 2024 12:44:59 GMT 
+Mon, 20 May 2024 12:44:59 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motions-preview_v0.3.1..@fluentui/react-motions-preview_v0.3.2)
 
 ### Patches
@@ -17,7 +17,7 @@ Mon, 20 May 2024 12:44:59 GMT
 
 ## [0.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-motions-preview_v0.3.1)
 
-Thu, 16 May 2024 09:25:16 GMT 
+Thu, 16 May 2024 09:25:16 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motions-preview_v0.3.0..@fluentui/react-motions-preview_v0.3.1)
 
 ### Patches
@@ -26,7 +26,7 @@ Thu, 16 May 2024 09:25:16 GMT
 
 ## [0.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-motions-preview_v0.3.0)
 
-Thu, 09 May 2024 19:35:11 GMT 
+Thu, 09 May 2024 19:35:11 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motions-preview_v0.2.8..@fluentui/react-motions-preview_v0.3.0)
 
 ### Minor changes
@@ -35,7 +35,7 @@ Thu, 09 May 2024 19:35:11 GMT
 
 ## [0.2.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-motions-preview_v0.2.8)
 
-Mon, 06 May 2024 12:55:02 GMT 
+Mon, 06 May 2024 12:55:02 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motions-preview_v0.2.7..@fluentui/react-motions-preview_v0.2.8)
 
 ### Patches
@@ -45,7 +45,7 @@ Mon, 06 May 2024 12:55:02 GMT
 
 ## [0.2.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-motions-preview_v0.2.7)
 
-Thu, 02 May 2024 11:36:35 GMT 
+Thu, 02 May 2024 11:36:35 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motions-preview_v0.2.6..@fluentui/react-motions-preview_v0.2.7)
 
 ### Patches
@@ -55,7 +55,7 @@ Thu, 02 May 2024 11:36:35 GMT
 
 ## [0.2.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-motions-preview_v0.2.6)
 
-Tue, 23 Apr 2024 08:17:49 GMT 
+Tue, 23 Apr 2024 08:17:49 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motions-preview_v0.2.5..@fluentui/react-motions-preview_v0.2.6)
 
 ### Patches
@@ -65,7 +65,7 @@ Tue, 23 Apr 2024 08:17:49 GMT
 
 ## [0.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-motions-preview_v0.2.5)
 
-Tue, 02 Apr 2024 09:48:01 GMT 
+Tue, 02 Apr 2024 09:48:01 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motions-preview_v0.2.4..@fluentui/react-motions-preview_v0.2.5)
 
 ### Patches
@@ -75,7 +75,7 @@ Tue, 02 Apr 2024 09:48:01 GMT
 
 ## [0.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-motions-preview_v0.2.4)
 
-Mon, 18 Mar 2024 19:50:46 GMT 
+Mon, 18 Mar 2024 19:50:46 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motions-preview_v0.2.3..@fluentui/react-motions-preview_v0.2.4)
 
 ### Patches
@@ -85,7 +85,7 @@ Mon, 18 Mar 2024 19:50:46 GMT
 
 ## [0.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-motions-preview_v0.2.3)
 
-Fri, 15 Mar 2024 21:43:49 GMT 
+Fri, 15 Mar 2024 21:43:49 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motions-preview_v0.2.2..@fluentui/react-motions-preview_v0.2.3)
 
 ### Patches
@@ -95,7 +95,7 @@ Fri, 15 Mar 2024 21:43:49 GMT
 
 ## [0.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-motions-preview_v0.2.2)
 
-Thu, 07 Mar 2024 19:33:27 GMT 
+Thu, 07 Mar 2024 19:33:27 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motions-preview_v0.2.1..@fluentui/react-motions-preview_v0.2.2)
 
 ### Patches
@@ -105,7 +105,7 @@ Thu, 07 Mar 2024 19:33:27 GMT
 
 ## [0.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-motions-preview_v0.2.1)
 
-Wed, 28 Feb 2024 02:34:19 GMT 
+Wed, 28 Feb 2024 02:34:19 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motions-preview_v0.2.0..@fluentui/react-motions-preview_v0.2.1)
 
 ### Patches
@@ -115,7 +115,7 @@ Wed, 28 Feb 2024 02:34:19 GMT
 
 ## [0.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-motions-preview_v0.2.0)
 
-Tue, 20 Feb 2024 14:22:22 GMT 
+Tue, 20 Feb 2024 14:22:22 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motions-preview_v0.1.1..@fluentui/react-motions-preview_v0.2.0)
 
 ### Minor changes
@@ -131,7 +131,7 @@ Tue, 20 Feb 2024 14:22:22 GMT
 
 ## [0.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-motions-preview_v0.1.1)
 
-Tue, 30 Jan 2024 23:16:54 GMT 
+Tue, 30 Jan 2024 23:16:54 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motions-preview_v0.1.0..@fluentui/react-motions-preview_v0.1.1)
 
 ### Patches

diff --git a/...-components/react-motions-preview/LICENSE → ...ges/react-components/react-motion/LICENSE b/...-components/react-motions-preview/LICENSE → ...ges/react-components/react-motion/LICENSE
diff --git a/...omponents/react-motions-preview/README.md → ...s/react-components/react-motion/README.md b/...omponents/react-motions-preview/README.md → ...s/react-components/react-motion/README.md
@@ -1,4 +1,4 @@
-# @fluentui/react-motions-preview
+# @fluentui/react-motion
 
 **React Motions components for [Fluent UI React](https://react.fluentui.dev/)**
 

diff --git a/...motions-preview/config/api-extractor.json → ...ts/react-motion/config/api-extractor.json b/...motions-preview/config/api-extractor.json → ...ts/react-motion/config/api-extractor.json
diff --git a/...nts/react-motions-preview/config/tests.js → ...t-components/react-motion/config/tests.js b/...nts/react-motions-preview/config/tests.js → ...t-components/react-motion/config/tests.js
diff --git a/...-preview/etc/react-motions-preview.api.md → ...ents/react-motion/etc/react-motion.api.md b/...-preview/etc/react-motions-preview.api.md → ...ents/react-motion/etc/react-motion.api.md
@@ -1,4 +1,4 @@
-## API Report File for "@fluentui/react-motions-preview"
+## API Report File for "@fluentui/react-motion"
 
 > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
 

diff --git a/...ents/react-motions-preview/jest.config.js → ...ct-components/react-motion/jest.config.js b/...ents/react-motions-preview/jest.config.js → ...ct-components/react-motion/jest.config.js
@@ -4,7 +4,7 @@
  * @type {import('@jest/types').Config.InitialOptions}
  */
 module.exports = {
-  displayName: 'react-motions-preview',
+  displayName: 'react-motion',
   preset: '../../../jest.preset.js',
   transform: {
     '^.+\\.tsx?$': [

diff --git a/...ents/react-motions-preview/just.config.ts → ...ct-components/react-motion/just.config.ts b/...ents/react-motions-preview/just.config.ts → ...ct-components/react-motion/just.config.ts
diff --git a/...onents/react-motions-preview/package.json → ...eact-components/react-motion/package.json b/...onents/react-motions-preview/package.json → ...eact-components/react-motion/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@fluentui/react-motions-preview",
-  "version": "0.3.2",
+  "name": "@fluentui/react-motion",
+  "version": "9.0.0-alpha.0",
   "description": "A package with utilities & motion definitions using Web Animations API",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",

diff --git a/...onents/react-motions-preview/project.json → ...eact-components/react-motion/project.json b/...onents/react-motions-preview/project.json → ...eact-components/react-motion/project.json
@@ -1,8 +1,8 @@
 {
-  "name": "@fluentui/react-motions-preview",
+  "name": "@fluentui/react-motion",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "library",
-  "sourceRoot": "packages/react-components/react-motions-preview/src",
+  "sourceRoot": "packages/react-components/react-motion/src",
   "tags": ["platform:web", "vNext"],
   "implicitDependencies": []
 }
diff --git a/...iew/src/components/PresenceGroup.test.tsx → ...ion/src/components/PresenceGroup.test.tsx b/...iew/src/components/PresenceGroup.test.tsx → ...ion/src/components/PresenceGroup.test.tsx
diff --git a/...-preview/src/components/PresenceGroup.tsx → ...t-motion/src/components/PresenceGroup.tsx b/...-preview/src/components/PresenceGroup.tsx → ...t-motion/src/components/PresenceGroup.tsx
@@ -16,9 +16,10 @@ type PresenceGroupState = {
 
 /* eslint-disable @typescript-eslint/explicit-member-accessibility */
 /* eslint-disable @typescript-eslint/naming-convention */
+/* eslint-disable @typescript-eslint/member-ordering */
 
 export class PresenceGroup extends React.Component<PresenceGroupProps, PresenceGroupState> {
-  #mounted: boolean = false;
+  private mounted: boolean = false;
 
   static getDerivedStateFromProps(
     nextProps: PresenceGroupProps,
@@ -41,14 +42,14 @@ export class PresenceGroup extends React.Component<PresenceGroupProps, PresenceG
     };
   }
 
-  #handleExit = (childKey: string) => {
+  private handleExit = (childKey: string) => {
     const currentChildMapping = getChildMapping(this.props.children);
 
     if (childKey in currentChildMapping) {
       return;
     }
 
-    if (this.#mounted) {
+    if (this.mounted) {
       this.setState(state => {
         const childMapping = { ...state.childMapping };
         delete childMapping[childKey];
@@ -59,18 +60,18 @@ export class PresenceGroup extends React.Component<PresenceGroupProps, PresenceG
   };
 
   componentDidMount() {
-    this.#mounted = true;
+    this.mounted = true;
   }
 
   componentWillUnmount() {
-    this.#mounted = false;
+    this.mounted = false;
   }
 
   render() {
     return (
       <>
         {Object.entries(this.state.childMapping).map(([childKey, childProps]) => (
-          <PresenceGroupItemProvider {...childProps} childKey={childKey} key={childKey} onExit={this.#handleExit}>
+          <PresenceGroupItemProvider {...childProps} childKey={childKey} key={childKey} onExit={this.handleExit}>
             {childProps.element}
           </PresenceGroupItemProvider>
         ))}

diff --git a/.../components/PresenceGroupItemProvider.tsx → .../components/PresenceGroupItemProvider.tsx b/.../components/PresenceGroupItemProvider.tsx → .../components/PresenceGroupItemProvider.tsx
diff --git a/...src/contexts/PresenceGroupChildContext.ts → ...src/contexts/PresenceGroupChildContext.ts b/...src/contexts/PresenceGroupChildContext.ts → ...src/contexts/PresenceGroupChildContext.ts
diff --git a/.../factories/createMotionComponent.test.tsx → .../factories/createMotionComponent.test.tsx b/.../factories/createMotionComponent.test.tsx → .../factories/createMotionComponent.test.tsx
diff --git a/...ew/src/factories/createMotionComponent.ts → ...on/src/factories/createMotionComponent.ts b/...ew/src/factories/createMotionComponent.ts → ...on/src/factories/createMotionComponent.ts
diff --git a/...actories/createPresenceComponent.test.tsx → ...actories/createPresenceComponent.test.tsx b/...actories/createPresenceComponent.test.tsx → ...actories/createPresenceComponent.test.tsx
diff --git a/.../src/factories/createPresenceComponent.ts → .../src/factories/createPresenceComponent.ts b/.../src/factories/createPresenceComponent.ts → .../src/factories/createPresenceComponent.ts
diff --git a/...iew/src/hooks/useIsReducedMotion.test.tsx → ...ion/src/hooks/useIsReducedMotion.test.tsx b/...iew/src/hooks/useIsReducedMotion.test.tsx → ...ion/src/hooks/useIsReducedMotion.test.tsx
diff --git a/...s-preview/src/hooks/useIsReducedMotion.ts → ...ct-motion/src/hooks/useIsReducedMotion.ts b/...s-preview/src/hooks/useIsReducedMotion.ts → ...ct-motion/src/hooks/useIsReducedMotion.ts
diff --git a/...src/hooks/useMotionImperativeRef.test.tsx → ...src/hooks/useMotionImperativeRef.test.tsx b/...src/hooks/useMotionImperativeRef.test.tsx → ...src/hooks/useMotionImperativeRef.test.tsx
diff --git a/...eview/src/hooks/useMotionImperativeRef.ts → ...otion/src/hooks/useMotionImperativeRef.ts b/...eview/src/hooks/useMotionImperativeRef.ts → ...otion/src/hooks/useMotionImperativeRef.ts
diff --git a/...review/src/hooks/useMountedState.test.tsx → ...motion/src/hooks/useMountedState.test.tsx b/...review/src/hooks/useMountedState.test.tsx → ...motion/src/hooks/useMountedState.test.tsx
diff --git a/...ions-preview/src/hooks/useMountedState.ts → ...react-motion/src/hooks/useMountedState.ts b/...ions-preview/src/hooks/useMountedState.ts → ...react-motion/src/hooks/useMountedState.ts
diff --git a/...onents/react-motions-preview/src/index.ts → ...eact-components/react-motion/src/index.ts b/...onents/react-motions-preview/src/index.ts → ...eact-components/react-motion/src/index.ts
diff --git a/...tions-preview/src/motions/motionTokens.ts → .../react-motion/src/motions/motionTokens.ts b/...tions-preview/src/motions/motionTokens.ts → .../react-motion/src/motions/motionTokens.ts
diff --git a/...onents/react-motions-preview/src/types.ts → ...eact-components/react-motion/src/types.ts b/...onents/react-motions-preview/src/types.ts → ...eact-components/react-motion/src/types.ts
diff --git a/...motions-preview/src/utils/animateAtoms.ts → ...ts/react-motion/src/utils/animateAtoms.ts b/...motions-preview/src/utils/animateAtoms.ts → ...ts/react-motion/src/utils/animateAtoms.ts