diff --git a/.eslintignore b/.eslintignore
index a719533e5c..b08f6bfbd8 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,10 +1,4 @@
 coverage/
 dist/
+lib/
 node_modules/
-
-# packages that have lib as the output
-packages/digest/lib
-packages/perf-test/lib
-packages/playground/lib
-packages/react-theming/lib
-
diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
index b5cb5e7199..5cee003198 100644
--- a/.github/CONTRIBUTING.md
+++ b/.github/CONTRIBUTING.md
@@ -1,10 +1,8 @@
-CONTRIBUTING
-============
+# CONTRIBUTING
 
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [Getting started](#getting-started)
   - [Useful Commands](#useful-commands)
 - [Workflow](#workflow)
@@ -31,7 +29,7 @@ You can contribute to Stardust by being an official [contributor](setup-local-de
 
 ### Useful Commands
 
->This list contains the most useful commands. You should run `yarn run` to see all scripts.
+> This list contains the most useful commands. You should run `yarn run` to see all scripts.
 
 ```sh
 yarn start                 // run doc site
@@ -66,7 +64,7 @@ These guides will walk your through various activities for contributing:
 
 ## Accessibility
 
-Stardust implements accessibility using accessibility behaviors. The behaviors add attributes to the DOM elements (mainly role and aria-* properties) as well as handle keyboard interaction and focus. Every accessible component has a default behavior, which can be overriden using the `accessibility` prop. You can choose a behavior from the ones provided by Stardust or you can implement a new behavior.
+Stardust implements accessibility using accessibility behaviors. The behaviors add attributes to the DOM elements (mainly role and aria-\* properties) as well as handle keyboard interaction and focus. Every accessible component has a default behavior, which can be overriden using the `accessibility` prop. You can choose a behavior from the ones provided by Stardust or you can implement a new behavior.
 
 Behaviors apply properties, focus handling and keyboard handlers to the component slots. When developing a component, the properties and keyboard handlers need to be spread to the corresponding slots.
 
@@ -83,13 +81,15 @@ ARIA [roles][3] and [attributes][4] provide necessary semantics for assistive te
 In addition to behaviors, ARIA [landmarks][5] and [naming props][6] need to be added to the components/elements to form the page structure and provide textual information.
 
 For example, to make an icon-only Button accessible, `aria-label` prop needs to be used:
+
 ```html
-  <Button icon="star" iconOnly aria-label='Favorites' primary />
+<button icon="star" iconOnly aria-label="Favorites" primary />
 ```
 
 ### Focus
 
 An application should always have an element with [focus][7] when in use. The user can change the focused element by:
+
 - pressing TAB/shift+TAB keys to navigate through the components
 - pressing arrow keys to navigate through children (for example menu items in menu)
 - using the screen reader with or without virtual cursor
@@ -98,7 +98,7 @@ Stardust uses Office UI Fabric [FocusZone][8] for basic TAB and arrow key focus
 
 Focused component needs to be clearly visible. This is handled in Stardust by focus indicator functionality. Focus indicator will be displayed only if the application is in keyboard mode. Application switches to keyboard mode when a key relevant to navigation is pressed. It disables keyboard mode on mouse click events.
 
- To style the focused component, you can use the `isFromKeyboard` utility and prop. See [Button component][10] and [Button style][11] for reference.
+To style the focused component, you can use the `isFromKeyboard` utility and prop. See [Button component][10] and [Button style][11] for reference.
 
 ### Keyboard handling
 
@@ -111,7 +111,7 @@ We are using [Lerna][14] to manage our packages and [Yarn Workspaces][15] to lin
 ### Add a new package
 
 #### Run `lerna create`
- 
+
 You should to run `lerna create` command to create a new package
 
 - we are using `@fluentui` namespace on NPM to publish our packages
@@ -126,6 +126,7 @@ lerna create @fluentui/react-proptypes react-proptypes
 ```
 
 ##### Example input
+
 ```
 lerna notice cli v3.11.1
 package name: (@fluentui/react-proptypes)
@@ -179,10 +180,7 @@ If your package uses TypeScript, please also create a new `tsconfig.json` and pl
 ```json
 {
   "extends": "../../build/tsconfig.common",
-  "include": [
-    "src",
-    "test"
-  ]
+  "include": ["src", "test"]
 }
 ```
 
@@ -225,10 +223,10 @@ lerna add @fluentui/react-proptypes packages/react
 [6]: https://www.w3.org/TR/wai-aria-1.1/#namecalculation
 [7]: https://www.w3.org/TR/wai-aria-1.1/#managingfocus
 [8]: https://developer.microsoft.com/en-us/fabric#/components/focuszone
-[9]: https://github.com/stardust-ui/react/blob/master/src/lib/accessibility/Behaviors/Menu/MenuBehavior.ts
+[9]: https://github.com/stardust-ui/react/blob/master/packages/react/src/utils/accessibility/Behaviors/Menu/MenuBehavior.ts
 [10]: https://github.com/stardust-ui/react/blob/master/src/components/Button/Button.tsx
 [11]: https://github.com/stardust-ui/react/blob/master/src/themes/teams/components/Button/buttonStyles.ts
-[12]: https://github.com/stardust-ui/react/blob/master/src/lib/accessibility/Behaviors/Menu/MenuItemBehavior.ts
+[12]: https://github.com/stardust-ui/react/blob/master/packages/react/src/utils/accessibility/Behaviors/Menu/MenuItemBehavior.ts
 [13]: https://github.com/stardust-ui/react/blob/master/src/components/Menu/MenuItem.tsx
 [14]: https://lernajs.io/
 [15]: https://yarnpkg.com/en/docs/workspaces
diff --git a/.github/add-a-feature.md b/.github/add-a-feature.md
index 02f568e43e..754f2c90d9 100644
--- a/.github/add-a-feature.md
+++ b/.github/add-a-feature.md
@@ -3,7 +3,6 @@
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [Propose feature](#propose-feature)
 - [Prototype](#prototype)
 - [Spec out the API](#spec-out-the-api)
@@ -67,7 +66,7 @@ const Button: React.FunctionalComponent = props => {
 Stateful components should be classes:
 
 ```tsx
-import { AutoControlledComponent as Component } from '../../lib'
+import { AutoControlledComponent as Component } from '../../utils'
 
 class Dropdown extends AutoControlledComponent {
   // ...
@@ -100,7 +99,7 @@ import {
  ContentComponentProps,
  UIComponentProps,
  commonPropTypes,
-} from '../../lib'
+} from '../../utils'
 
 export interface DividerProps
  extends UIComponentProps,
@@ -188,7 +187,7 @@ After iterating on the feature with the maintainers, you will add full test cove
 
 [1]: https://github.com/stardust-ui/react/issues
 [2]: https://github.com/stardust-ui/react/pull/73
-[3]: https://github.com/stardust-ui/react/blob/master/src/lib/AutoControlledComponent.tsx
+[3]: https://github.com/stardust-ui/react/blob/master/packages/react/src/utils/AutoControlledComponent.tsx
 [4]: https://facebook.github.io/react/docs/forms.html#controlled-components
 [5]: https://facebook.github.io/react/docs/forms.html#uncontrolled-components
 [6]: https://github.com/angular/angular/blob/master/CONTRIBUTING.md#commit
diff --git a/.gitignore b/.gitignore
index 2172c790e9..d8a72292dd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,6 +15,7 @@ docs/src/currentBundleStats.json
 docs/src/exampleMenus
 docs/src/exampleSources
 docs/dist/
+# lib/
 node_modules/
 report.*.json
 stats/
diff --git a/.nowignore b/.nowignore
index 5006f48e03..be1f4dc3b8 100644
--- a/.nowignore
+++ b/.nowignore
@@ -9,16 +9,12 @@ docs/src/currentBundleStats.json
 docs/src/exampleMenus
 docs/src/exampleSources
 e2e
+lib/
 node_modules
 packages/**/dist
 packages/**/test
 perf/dist
 
-packages/digest/lib
-packages/perf-test/lib
-packages/playground/lib
-packages/react-theming/lib
-
 .editorconfig
 .gitignore
 .prettierignore
diff --git a/.prettierignore b/.prettierignore
index 3b96975963..74d279c852 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -2,17 +2,11 @@
 .idea/
 .vscode/
 
-
 coverage/
 dist/
+lib/
 stats/
 
-# packages that have lib as the output
-packages/digest/lib
-packages/perf-test/lib
-packages/playground/lib
-packages/react-theming/lib
-
 package.json
 
 packages/ability-attributes/src/schema.ts
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 71823f55fa..2e208ab3ee 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,6 +20,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 ### Fixes
 - Prevent text highlight on icon consecutive clicks in `Checkbox` @silviuavram ([#2154](https://github.com/microsoft/fluent-ui-react/pull/2154))
 - Always handle provided onKeyDown event be propagated in inner zone @kolaps33 ([#2140](https://github.com/microsoft/fluent-ui-react/pull/2140))
+- Rename `lib` directories to `utils` @ecraig12345 ([#2153](https://github.com/microsoft/fluent-ui-react/pull/2153))
 
 ### Features
 - Add a new experimental @fluentui/react-theming package that includes a `compose()` @kenotron ([#2152](https://github.com/microsoft/fluent-ui-react/pull/2152))
diff --git a/README.md b/README.md
index 6456f90a1e..b59b3aa4c0 100644
--- a/README.md
+++ b/README.md
@@ -29,14 +29,14 @@
   </a>
 </p>
 
->Hey, we're in development:
+> Hey, we're in development:
 >
->1. **MINOR** versions represent **breaking changes**
->1. **PATCH** versions represent **fixes _and_ features**
->1. There are **no deprecation warnings** between releases
->1. Consult the [**CHANGELOG**][4] and related issues/PRs for more information
+> 1.  **MINOR** versions represent **breaking changes**
+> 1.  **PATCH** versions represent **fixes _and_ features**
+> 1.  There are **no deprecation warnings** between releases
+> 1.  Consult the [**CHANGELOG**][4] and related issues/PRs for more information
 
-***
+---
 
 Fluent UI React represents a set of specifications and tools for building UI libraries.
 
@@ -44,7 +44,7 @@ Fluent UI React represents a set of specifications and tools for building UI lib
 
 ### [Voice Your Opinion][101]
 
-Help shape this library by weighing in on our [RFC (request for comments)][101] issues. 
+Help shape this library by weighing in on our [RFC (request for comments)][101] issues.
 
 ### [Contribute][3]
 
@@ -52,11 +52,11 @@ Our [CONTRIBUTING.md][3] is a step-by-step setup and development guide.
 
 ### [Good First Issue][103]
 
-Issues labeled [`good first issue`][103] are a great way to ease into development on this project. 
+Issues labeled [`good first issue`][103] are a great way to ease into development on this project.
 
 ### [New Components][102]
 
-There is an issue for every new component labeled [`new component`][102].  Just comment on the issue you'd like to take.
+There is an issue for every new component labeled [`new component`][102]. Just comment on the issue you'd like to take.
 
 ### [Help Wanted Label][100]
 
@@ -64,7 +64,7 @@ Any other issue labeled [`help wanted`][100] is also ready for a PR.
 
 ## Why?
 
-There are a number of packages that a UI library needs to create great UI components. Take a look at SUIR's [`/src/lib`][201] as an example. This core library enables the SUIR features we love today such as shorthand props, event stack handling, auto controlled state, controlling the rendered component, and more.
+There are a number of packages that a UI library needs to create great UI components. Take a look at SUIR's [`/src/utils`][201] as an example. This core library enables the SUIR features we love today such as shorthand props, event stack handling, auto controlled state, controlling the rendered component, and more.
 
 Other libraries in the wild have some of these features and some of their own. It is our desire that the community share the best UI component practices in a core library to the greater benefit of the web.
 
@@ -95,6 +95,7 @@ You can find Stardust usage examples by accessing the [doc site][5]
 See the [MANIFESTO.md][1] for details. SUIR v2 will be built on the specifications and tools from Stardust.
 
 <!-- REPO -->
+
 [1]: https://github.com/microsoft/fluent-ui-react/blob/master/MANIFESTO.md
 [2]: https://github.com/microsoft/fluent-ui-react/issues/new/choose
 [3]: https://github.com/microsoft/fluent-ui-react/blob/master/.github/CONTRIBUTING.md
@@ -102,15 +103,18 @@ See the [MANIFESTO.md][1] for details. SUIR v2 will be built on the specificatio
 [5]: https://microsoft.github.io/fluent-ui-react
 
 <!-- ISSUE LABELS -->
+
 [100]: https://github.com/microsoft/fluent-ui-react/labels/help%20wanted
 [101]: https://github.com/microsoft/fluent-ui-react/issues?q=is%3Aopen+RFC+label%3ARFC
 [102]: https://github.com/microsoft/fluent-ui-react/issues?q=is%3Aissue+is%3Aopen+label%3A%22new+component%22
 [103]: https://github.com/microsoft/fluent-ui-react/labels/good%20first%20issue
 
 <!-- SUIR -->
+
 [200]: https://github.com/Semantic-Org/Semantic-UI-React
-[201]: https://github.com/Semantic-Org/Semantic-UI-React/tree/master/src/lib
+[201]: https://github.com/Semantic-Org/Semantic-UI-React/tree/master/packages/react/src/utils
 
 <!-- EXTERNAL -->
+
 [300]: https://developer.microsoft.com/en-us/fabric
 [301]: https://products.office.com/en-US/microsoft-teams/group-chat-software
diff --git a/build/dangerjs/checkChangelog.ts b/build/dangerjs/checkChangelog.ts
index 2b0ce60404..70fe973cef 100644
--- a/build/dangerjs/checkChangelog.ts
+++ b/build/dangerjs/checkChangelog.ts
@@ -20,8 +20,8 @@ const hasAddedLinesAfterVersionInChangelog = async (danger): Promise<boolean> =>
 }
 
 const getMalformedChangelogEntries = async (danger): Promise<string[]> => {
-  // +- description @githubname ([#DDDD](https://github.com/stardust-ui/react/pull/DDDD))
-  const validEntry = /^\+- .*@\S+ \(\[#(\d+)]\(https:\/\/github\.com\/(?:stardust-ui\/react|microsoft\/fluent-ui-react)\/pull\/\1\)\)$/
+  // +- description @githubname ([#DDDD](https://github.com/microsoft/fluent-ui-react/pull/DDDD))
+  const validEntry = /^\+- .*@\S+ \(\[#(\d+)]\(https:\/\/github\.com\/microsoft\/fluent-ui-react\/pull\/\1\)\)$/
 
   const addedLines = await getAddedLinesFromChangelog(danger)
 
@@ -50,7 +50,9 @@ export default async ({ danger, fail, warn }: DangerJS) => {
   } else {
     const malformedChangelogEntries = await getMalformedChangelogEntries(danger)
     malformedChangelogEntries.forEach(entry => {
-      fail(`Invalid entry format in ${CHANGELOG_FILE}: >${entry}<`)
+      fail(`Invalid entry format in ${CHANGELOG_FILE}: >${entry}<
+
+The correct format is: \`- description @githubname ([#DDDD](https://github.com/microsoft/fluent-ui-react/pull/DDDD)\``)
     })
 
     const hasLine = await hasAddedLinesAfterVersionInChangelog(danger)
diff --git a/docs/src/app.tsx b/docs/src/app.tsx
index 08579fbe44..9166657fed 100644
--- a/docs/src/app.tsx
+++ b/docs/src/app.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import { hot } from 'react-hot-loader/root'
 import { Provider, Debug, themes } from '@fluentui/react'
 
-import { mergeThemes } from 'src/lib'
+import { mergeThemes } from '@fluentui/react/src/utils'
 import { ThemeContext, ThemeContextData, themeContextDefaults } from './context/ThemeContext'
 import Routes from './routes'
 import { PerfDataProvider } from './components/ComponentDoc/PerfChart'
diff --git a/docs/src/components/ComponentDoc/ComponentDocLinks.tsx b/docs/src/components/ComponentDoc/ComponentDocLinks.tsx
index 533921de2a..cecfe39d36 100644
--- a/docs/src/components/ComponentDoc/ComponentDocLinks.tsx
+++ b/docs/src/components/ComponentDoc/ComponentDocLinks.tsx
@@ -1,7 +1,7 @@
 import * as PropTypes from 'prop-types'
 import * as React from 'react'
 import { Flex, Icon } from '@fluentui/react'
-import { constants } from 'src/lib'
+import { constants } from '@fluentui/react/src/utils'
 
 export default class ComponentDocLinks extends React.PureComponent<any, any> {
   static propTypes = {
diff --git a/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx b/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx
index bcf9058881..6df9c177a4 100644
--- a/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx
+++ b/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx
@@ -14,7 +14,7 @@ import qs from 'qs'
 import SourceRender from 'react-source-render'
 
 import { examplePathToHash, getFormattedHash, scrollToAnchor } from 'docs/src/utils'
-import { constants } from 'src/lib'
+import { constants } from '@fluentui/react/src/utils'
 import Editor, { EDITOR_BACKGROUND_COLOR, EDITOR_GUTTER_COLOR } from 'docs/src/components/Editor'
 import { babelConfig, importResolver } from 'docs/src/components/Playground/renderConfig'
 import ExampleContext, { ExampleContextValue } from 'docs/src/context/ExampleContext'
diff --git a/docs/src/components/ComponentDoc/ComponentExample/ComponentExampleVariables.tsx b/docs/src/components/ComponentDoc/ComponentExample/ComponentExampleVariables.tsx
index 85eaaec36a..fed16d3f99 100644
--- a/docs/src/components/ComponentDoc/ComponentExample/ComponentExampleVariables.tsx
+++ b/docs/src/components/ComponentDoc/ComponentExample/ComponentExampleVariables.tsx
@@ -12,7 +12,7 @@ import * as React from 'react'
 import { ThemeContext } from 'react-fela'
 
 import ComponentExampleVariable, { ComponentExampleVariableProps } from './ComponentExampleVariable'
-import { mergeThemeVariables } from 'src/lib/mergeThemes'
+import { mergeThemeVariables } from '@fluentui/react/src/utils/mergeThemes'
 
 type ComponentExampleVariablesProps = {
   onChange: ComponentExampleVariableProps['onChange']
diff --git a/docs/src/components/ComponentDoc/ContributionPrompt.tsx b/docs/src/components/ComponentDoc/ContributionPrompt.tsx
index 05a7aa69be..b86975f10a 100644
--- a/docs/src/components/ComponentDoc/ContributionPrompt.tsx
+++ b/docs/src/components/ComponentDoc/ContributionPrompt.tsx
@@ -2,7 +2,7 @@ import * as PropTypes from 'prop-types'
 import * as React from 'react'
 
 import { Icon, Segment, Text, ICSSInJSStyle } from '@fluentui/react'
-import { constants } from 'src/lib'
+import { constants } from '@fluentui/react/src/utils'
 
 const wrapStyle: ICSSInJSStyle = { wordBreak: 'break-word' }
 
diff --git a/docs/src/components/DocsLayout.tsx b/docs/src/components/DocsLayout.tsx
index e54aa078ca..17856828b7 100644
--- a/docs/src/components/DocsLayout.tsx
+++ b/docs/src/components/DocsLayout.tsx
@@ -6,7 +6,7 @@ import { withRouter } from 'react-router-dom'
 
 import Sidebar from 'docs/src/components/Sidebar/Sidebar'
 import { scrollToAnchor } from 'docs/src/utils'
-import { mergeThemes } from 'src/lib'
+import { mergeThemes } from '@fluentui/react/src/utils'
 
 const anchors = new AnchorJS({
   class: 'anchor-link',
diff --git a/docs/src/components/Sidebar/Sidebar.tsx b/docs/src/components/Sidebar/Sidebar.tsx
index 354a162984..590c0cfcb1 100644
--- a/docs/src/components/Sidebar/Sidebar.tsx
+++ b/docs/src/components/Sidebar/Sidebar.tsx
@@ -20,7 +20,7 @@ import * as PropTypes from 'prop-types'
 import * as React from 'react'
 import { NavLink, NavLinkProps, withRouter } from 'react-router-dom'
 
-import { constants } from 'src/lib'
+import { constants } from '@fluentui/react/src/utils'
 
 type ComponentMenuItem = { displayName: string; type: string }
 
diff --git a/docs/src/views/AccessibilityBehaviors.tsx b/docs/src/views/AccessibilityBehaviors.tsx
index 0311183e45..a48697a8c0 100644
--- a/docs/src/views/AccessibilityBehaviors.tsx
+++ b/docs/src/views/AccessibilityBehaviors.tsx
@@ -217,11 +217,11 @@ export default () => (
       value={`
       const overridenMenuBehavior: Accessibility = (props: any) => {
         const behavior = menuBehavior(props)
-      
+
         behavior.focusZone.props.defaultTabbableElement = (root: HTMLElement): HTMLElement => {
           return root.querySelector(".ui-menu__item__wrapper:last-child")
         }
-      
+
         return behavior
       }
       `}
@@ -232,7 +232,7 @@ export default () => (
       All Stardust behaviors implementations can be found on the{' '}
       {link(
         'GitHub',
-        'https://github.com/stardust-ui/react/tree/master/packages/react/src/lib/accessibility/Behaviors',
+        'https://github.com/stardust-ui/react/tree/master/packages/react/src/utils/accessibility/Behaviors',
       )}
       .
     </p>
diff --git a/docs/src/views/AutoFocusZoneDoc.tsx b/docs/src/views/AutoFocusZoneDoc.tsx
index 81d14603c5..5dae4e7b4f 100644
--- a/docs/src/views/AutoFocusZoneDoc.tsx
+++ b/docs/src/views/AutoFocusZoneDoc.tsx
@@ -36,7 +36,7 @@ export default () => (
       {code('AutoFocusZone')}'s props which can be applied to {code('autoFocus')} prop (
       {link(
         'lookup for API on GitHub',
-        'https://github.com/stardust-ui/react/blob/master/packages/react/src/lib/accessibility/AutoFocusZone/AutoFocusZone.types.tsx',
+        'https://github.com/stardust-ui/react/blob/master/packages/react/src/utils/accessibility/AutoFocusZone/AutoFocusZone.types.tsx',
       )}
       ):
     </p>
@@ -70,7 +70,7 @@ export default () => (
       {code('AutoFocusZone')} code on{' '}
       {link(
         'GitHub.',
-        'https://github.com/stardust-ui/react/blob/master/packages/react/src/lib/accessibility/FocusZone/AutoFocusZone.tsx',
+        'https://github.com/stardust-ui/react/blob/master/packages/react/src/utils/accessibility/FocusZone/AutoFocusZone.tsx',
       )}
     </p>
   </DocPage>
diff --git a/docs/src/views/FocusTrapZoneDoc.tsx b/docs/src/views/FocusTrapZoneDoc.tsx
index 74b79ee571..833b3a5da7 100644
--- a/docs/src/views/FocusTrapZoneDoc.tsx
+++ b/docs/src/views/FocusTrapZoneDoc.tsx
@@ -47,7 +47,7 @@ export default () => (
       {code('FocusTrapZone')}'s props which can be applied to {code('trapFocus')} prop (
       {link(
         'lookup for API on GitHub',
-        'https://github.com/stardust-ui/react/blob/master/packages/react/src/lib/accessibility/FocusTrapZone/FocusTrapZone.types.tsx',
+        'https://github.com/stardust-ui/react/blob/master/packages/react/src/utils/accessibility/FocusTrapZone/FocusTrapZone.types.tsx',
       )}
       ):
     </p>
@@ -88,7 +88,7 @@ export default () => (
       {code('FocusTrapZone')} code on{' '}
       {link(
         'GitHub.',
-        'https://github.com/stardust-ui/react/blob/master/packages/react/src/lib/accessibility/FocusZone/FocusTrapZone.tsx',
+        'https://github.com/stardust-ui/react/blob/master/packages/react/src/utils/accessibility/FocusZone/FocusTrapZone.tsx',
       )}
     </p>
   </DocPage>
diff --git a/docs/src/views/FocusZoneDoc.tsx b/docs/src/views/FocusZoneDoc.tsx
index b1071d10de..13eca3ea89 100644
--- a/docs/src/views/FocusZoneDoc.tsx
+++ b/docs/src/views/FocusZoneDoc.tsx
@@ -92,7 +92,7 @@ export default () => (
         <CodeSnippet
           label="html"
           value={`
-          <ul role="menu" class="ui-menu">---> FocusZone's attributes/events listeners applied here 
+          <ul role="menu" class="ui-menu">---> FocusZone's attributes/events listeners applied here
             <li class="ui-menu__item ..." role="presentation">
             </li>
             <li class="ui-menu__item ..." role="presentation">
@@ -107,7 +107,7 @@ export default () => (
         <CodeSnippet
           label="html"
           value={`
-            <div>---> FocusZone's attributes/events listeners applied here            
+            <div>---> FocusZone's attributes/events listeners applied here
               <ul role="menu" class="ui-menu">
                 <li class="ui-menu__item ..." role="presentation">
                 </li>
@@ -124,7 +124,7 @@ export default () => (
       The following props can be applied (
       {link(
         'lookup for API on GitHub',
-        'https://github.com/stardust-ui/react/blob/master/packages/react/src/lib/accessibility/FocusZone/FocusZone.types.ts',
+        'https://github.com/stardust-ui/react/blob/master/packages/react/src/utils/accessibility/FocusZone/FocusZone.types.ts',
       )}
       ):
     </p>
@@ -142,11 +142,11 @@ export default () => (
       value={`
       const overridenMenuBehavior: Accessibility = (props: any) => {
         const behavior = menuBehavior(props)
-      
+
         behavior.focusZone.props.defaultTabbableElement = (root: HTMLElement): HTMLElement => {
           return root.querySelector(".ui-menu__item__wrapper:last-child")
         }
-      
+
         return behavior
       }
       `}
@@ -175,7 +175,7 @@ export default () => (
       {code('FocusZone')} code on{' '}
       {link(
         'GitHub.',
-        'https://github.com/stardust-ui/react/blob/master/packages/react/src/lib/accessibility/FocusZone/FocusZone.tsx',
+        'https://github.com/stardust-ui/react/blob/master/packages/react/src/utils/accessibility/FocusZone/FocusZone.tsx',
       )}
     </p>
   </DocPage>
diff --git a/packages/docs-components/src/knobs/defaultComponents.tsx b/packages/docs-components/src/knobs/defaultComponents.tsx
index fb2753e6bb..5b036b244e 100644
--- a/packages/docs-components/src/knobs/defaultComponents.tsx
+++ b/packages/docs-components/src/knobs/defaultComponents.tsx
@@ -5,7 +5,7 @@ import {
   KnobRangeKnobComponentProps,
   LogInspectorProps,
 } from './types'
-import parseValue from './lib/parseRangeValue'
+import parseValue from './utils/parseRangeValue'
 
 const KnobField: React.FunctionComponent<KnobComponentProps> = props => (
   <div
diff --git a/packages/docs-components/src/knobs/useRangeKnob.ts b/packages/docs-components/src/knobs/useRangeKnob.ts
index 4e3bea1fcf..491bfd2ec2 100644
--- a/packages/docs-components/src/knobs/useRangeKnob.ts
+++ b/packages/docs-components/src/knobs/useRangeKnob.ts
@@ -1,4 +1,4 @@
-import parseValue from './lib/parseRangeValue'
+import parseValue from './utils/parseRangeValue'
 import { UseKnobOptions } from './types'
 import useKnob from './useKnob'
 
diff --git a/packages/docs-components/src/knobs/lib/parseRangeValue.ts b/packages/docs-components/src/knobs/utils/parseRangeValue.ts
similarity index 100%
rename from packages/docs-components/src/knobs/lib/parseRangeValue.ts
rename to packages/docs-components/src/knobs/utils/parseRangeValue.ts
diff --git a/packages/react-component-nesting-registry/src/NestingRoot.tsx b/packages/react-component-nesting-registry/src/NestingRoot.tsx
index 45c3d7f8dd..e9d55fef36 100644
--- a/packages/react-component-nesting-registry/src/NestingRoot.tsx
+++ b/packages/react-component-nesting-registry/src/NestingRoot.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import RefStack from './lib/RefStack'
+import RefStack from './utils/RefStack'
 import NestingContext from './NestingContext'
 import { NestingProps, NodeRef } from './types'
 
diff --git a/packages/react-component-nesting-registry/src/hooks/useNestingRoot.ts b/packages/react-component-nesting-registry/src/hooks/useNestingRoot.ts
index d696a68f2b..4859a8e75f 100644
--- a/packages/react-component-nesting-registry/src/hooks/useNestingRoot.ts
+++ b/packages/react-component-nesting-registry/src/hooks/useNestingRoot.ts
@@ -2,7 +2,7 @@ import * as React from 'react'
 
 import NestingContext from '../NestingContext'
 import { NestedContextProps } from '../types'
-import RefStack from '../lib/RefStack'
+import RefStack from '../utils/RefStack'
 import { UseNestingHookResult } from './types'
 
 const registrySet = new RefStack()
diff --git a/packages/react-component-nesting-registry/src/lib/RefStack.ts b/packages/react-component-nesting-registry/src/utils/RefStack.ts
similarity index 100%
rename from packages/react-component-nesting-registry/src/lib/RefStack.ts
rename to packages/react-component-nesting-registry/src/utils/RefStack.ts
diff --git a/packages/react/src/components/Accordion/Accordion.tsx b/packages/react/src/components/Accordion/Accordion.tsx
index 899b0f29bb..12b527b871 100644
--- a/packages/react/src/components/Accordion/Accordion.tsx
+++ b/packages/react/src/components/Accordion/Accordion.tsx
@@ -12,7 +12,7 @@ import {
   commonPropTypes,
   rtlTextContainer,
   applyAccessibilityKeyHandlers,
-} from '../../lib'
+} from '../../utils'
 import AccordionTitle, { AccordionTitleProps } from './AccordionTitle'
 import AccordionContent, { AccordionContentProps } from './AccordionContent'
 
@@ -23,7 +23,7 @@ import {
   ShorthandRenderFunction,
   withSafeTypeForAs,
 } from '../../types'
-import { ContainerFocusHandler } from '../../lib/accessibility/FocusHandling/FocusContainer'
+import { ContainerFocusHandler } from '../../utils/accessibility/FocusHandling/FocusContainer'
 
 export interface AccordionSlotClassNames {
   content: string
diff --git a/packages/react/src/components/Accordion/AccordionContent.tsx b/packages/react/src/components/Accordion/AccordionContent.tsx
index ed9f0a901d..fbdaebb4e9 100644
--- a/packages/react/src/components/Accordion/AccordionContent.tsx
+++ b/packages/react/src/components/Accordion/AccordionContent.tsx
@@ -13,7 +13,7 @@ import {
   commonPropTypes,
   rtlTextContainer,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { WithAsProp, ComponentEventHandler, withSafeTypeForAs } from '../../types'
 
 export interface AccordionContentProps
diff --git a/packages/react/src/components/Accordion/AccordionTitle.tsx b/packages/react/src/components/Accordion/AccordionTitle.tsx
index d727cac0b8..23b60afb21 100644
--- a/packages/react/src/components/Accordion/AccordionTitle.tsx
+++ b/packages/react/src/components/Accordion/AccordionTitle.tsx
@@ -16,7 +16,7 @@ import {
   rtlTextContainer,
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { WithAsProp, ComponentEventHandler, ShorthandValue, withSafeTypeForAs } from '../../types'
 import Icon, { IconProps } from '../Icon/Icon'
 import Layout from '../Layout/Layout'
diff --git a/packages/react/src/components/Alert/Alert.tsx b/packages/react/src/components/Alert/Alert.tsx
index f529d7578d..03df5c174c 100644
--- a/packages/react/src/components/Alert/Alert.tsx
+++ b/packages/react/src/components/Alert/Alert.tsx
@@ -11,8 +11,8 @@ import {
   commonPropTypes,
   childrenExist,
   rtlTextContainer,
-} from '../../lib'
-import { RenderResultConfig } from '../../lib/renderComponent'
+} from '../../utils'
+import { RenderResultConfig } from '../../utils/renderComponent'
 import {
   ComponentEventHandler,
   WithAsProp,
diff --git a/packages/react/src/components/Animation/Animation.tsx b/packages/react/src/components/Animation/Animation.tsx
index 2f383ce747..5c426f968b 100644
--- a/packages/react/src/components/Animation/Animation.tsx
+++ b/packages/react/src/components/Animation/Animation.tsx
@@ -9,7 +9,7 @@ import {
   commonPropTypes,
   ChildrenComponentProps,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
 export interface AnimationProps
diff --git a/packages/react/src/components/Attachment/Attachment.tsx b/packages/react/src/components/Attachment/Attachment.tsx
index 6a0ab04ccb..8b62267cec 100644
--- a/packages/react/src/components/Attachment/Attachment.tsx
+++ b/packages/react/src/components/Attachment/Attachment.tsx
@@ -10,11 +10,11 @@ import {
   commonPropTypes,
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import Icon, { IconProps } from '../Icon/Icon'
 import Button, { ButtonProps } from '../Button/Button'
 import Text, { TextProps } from '../Text/Text'
-import { UIComponentProps, ChildrenComponentProps } from '../../lib/commonPropInterfaces'
+import { UIComponentProps, ChildrenComponentProps } from '../../utils/commonPropInterfaces'
 
 export interface AttachmentProps extends UIComponentProps, ChildrenComponentProps {
   /** Accessibility behavior if overridden by the user. */
diff --git a/packages/react/src/components/Avatar/Avatar.tsx b/packages/react/src/components/Avatar/Avatar.tsx
index 654e01e614..ec13bca42d 100644
--- a/packages/react/src/components/Avatar/Avatar.tsx
+++ b/packages/react/src/components/Avatar/Avatar.tsx
@@ -13,7 +13,7 @@ import {
   commonPropTypes,
   SizeValue,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 
 export interface AvatarProps extends UIComponentProps {
   /**
diff --git a/packages/react/src/components/Box/Box.tsx b/packages/react/src/components/Box/Box.tsx
index 899a04b29c..e63ea5ae43 100644
--- a/packages/react/src/components/Box/Box.tsx
+++ b/packages/react/src/components/Box/Box.tsx
@@ -7,8 +7,8 @@ import {
   ChildrenComponentProps,
   commonPropTypes,
   rtlTextContainer,
-} from '../../lib'
-import createComponent from '../../lib/createComponent'
+} from '../../utils'
+import createComponent from '../../utils/createComponent'
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
 export interface BoxProps
diff --git a/packages/react/src/components/Button/Button.tsx b/packages/react/src/components/Button/Button.tsx
index 52d929aea5..f1c9174af2 100644
--- a/packages/react/src/components/Button/Button.tsx
+++ b/packages/react/src/components/Button/Button.tsx
@@ -16,7 +16,7 @@ import {
   applyAccessibilityKeyHandlers,
   SizeValue,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import Icon, { IconProps } from '../Icon/Icon'
 import Box, { BoxProps } from '../Box/Box'
 import Loader, { LoaderProps } from '../Loader/Loader'
diff --git a/packages/react/src/components/Button/ButtonGroup.tsx b/packages/react/src/components/Button/ButtonGroup.tsx
index 53584a0232..ed27a0add5 100644
--- a/packages/react/src/components/Button/ButtonGroup.tsx
+++ b/packages/react/src/components/Button/ButtonGroup.tsx
@@ -15,7 +15,7 @@ import {
   rtlTextContainer,
   createShorthandFactory,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import Button, { ButtonProps } from './Button'
 
 export interface ButtonGroupProps
diff --git a/packages/react/src/components/Carousel/Carousel.tsx b/packages/react/src/components/Carousel/Carousel.tsx
index 3268bb7dd7..0542f618ed 100644
--- a/packages/react/src/components/Carousel/Carousel.tsx
+++ b/packages/react/src/components/Carousel/Carousel.tsx
@@ -16,7 +16,7 @@ import {
   getOrGenerateIdFromShorthand,
   AutoControlledComponent,
   debounce,
-} from '../../lib'
+} from '../../utils'
 import {
   WithAsProp,
   withSafeTypeForAs,
diff --git a/packages/react/src/components/Carousel/CarouselItem.tsx b/packages/react/src/components/Carousel/CarouselItem.tsx
index 857c6246a6..ce4bb6879a 100644
--- a/packages/react/src/components/Carousel/CarouselItem.tsx
+++ b/packages/react/src/components/Carousel/CarouselItem.tsx
@@ -12,8 +12,8 @@ import {
   createShorthandFactory,
   ContentComponentProps,
   ChildrenComponentProps,
-} from '../../lib'
-import { screenReaderContainerStyles } from '../../lib/accessibility/Styles/accessibilityStyles'
+} from '../../utils'
+import { screenReaderContainerStyles } from '../../utils/accessibility/Styles/accessibilityStyles'
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
 export interface CarouselItemSlotClassNames {
diff --git a/packages/react/src/components/Carousel/CarouselNavigation.tsx b/packages/react/src/components/Carousel/CarouselNavigation.tsx
index 67c37c5fc3..3c509f0c1b 100644
--- a/packages/react/src/components/Carousel/CarouselNavigation.tsx
+++ b/packages/react/src/components/Carousel/CarouselNavigation.tsx
@@ -12,7 +12,7 @@ import {
   rtlTextContainer,
   ShorthandFactory,
   UIComponent,
-} from '../../lib'
+} from '../../utils'
 import { tabListBehavior } from '@fluentui/accessibility'
 import {
   withSafeTypeForAs,
@@ -22,8 +22,8 @@ import {
 } from '../../types'
 import CarouselNavigationItem, { CarouselNavigationItemProps } from './CarouselNavigationItem'
 import { ComponentVariablesObject } from '../../themes/types'
-import { ReactAccessibilityBehavior } from '../../lib/accessibility/reactTypes'
-import { mergeComponentVariables } from '../../lib/mergeThemes'
+import { ReactAccessibilityBehavior } from '../../utils/accessibility/reactTypes'
+import { mergeComponentVariables } from '../../utils/mergeThemes'
 
 export interface CarouselNavigationProps extends UIComponentProps, ChildrenComponentProps {
   /** Index of the currently active item. */
diff --git a/packages/react/src/components/Carousel/CarouselNavigationItem.tsx b/packages/react/src/components/Carousel/CarouselNavigationItem.tsx
index 68a016a15d..545c02b966 100644
--- a/packages/react/src/components/Carousel/CarouselNavigationItem.tsx
+++ b/packages/react/src/components/Carousel/CarouselNavigationItem.tsx
@@ -16,7 +16,7 @@ import {
   applyAccessibilityKeyHandlers,
   SizeValue,
   UIComponent,
-} from '../../lib'
+} from '../../utils'
 import { withSafeTypeForAs, WithAsProp, ShorthandValue, ComponentEventHandler } from '../../types'
 import Icon, { IconProps } from '../Icon/Icon'
 import Box from '../Box/Box'
diff --git a/packages/react/src/components/Chat/Chat.tsx b/packages/react/src/components/Chat/Chat.tsx
index 72256cf212..ee3c990b26 100644
--- a/packages/react/src/components/Chat/Chat.tsx
+++ b/packages/react/src/components/Chat/Chat.tsx
@@ -10,11 +10,11 @@ import {
   commonPropTypes,
   rtlTextContainer,
   applyAccessibilityKeyHandlers,
-} from '../../lib'
+} from '../../utils'
 import ChatItem, { ChatItemProps } from './ChatItem'
 import ChatMessage from './ChatMessage'
 import { WithAsProp, withSafeTypeForAs, ShorthandCollection } from '../../types'
-import { UIComponentProps, ChildrenComponentProps } from '../../lib/commonPropInterfaces'
+import { UIComponentProps, ChildrenComponentProps } from '../../utils/commonPropInterfaces'
 
 export interface ChatSlotClassNames {
   item: string
diff --git a/packages/react/src/components/Chat/ChatItem.tsx b/packages/react/src/components/Chat/ChatItem.tsx
index a004d3477c..dfc5013f69 100644
--- a/packages/react/src/components/Chat/ChatItem.tsx
+++ b/packages/react/src/components/Chat/ChatItem.tsx
@@ -15,7 +15,7 @@ import {
   rtlTextContainer,
   getElementProp,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import Box, { BoxProps } from '../Box/Box'
 
 import { ComponentSlotStylesPrepared } from '../../themes/types'
diff --git a/packages/react/src/components/Chat/ChatMessage.tsx b/packages/react/src/components/Chat/ChatMessage.tsx
index 9eb1bc6d76..160d05103e 100644
--- a/packages/react/src/components/Chat/ChatMessage.tsx
+++ b/packages/react/src/components/Chat/ChatMessage.tsx
@@ -10,7 +10,7 @@ import * as React from 'react'
 import * as PropTypes from 'prop-types'
 import cx from 'classnames'
 import * as _ from 'lodash'
-import { Popper } from '../../lib/positioner'
+import { Popper } from '../../utils/positioner'
 
 import {
   childrenExist,
@@ -24,7 +24,7 @@ import {
   rtlTextContainer,
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import {
   WithAsProp,
   ShorthandValue,
diff --git a/packages/react/src/components/Checkbox/Checkbox.tsx b/packages/react/src/components/Checkbox/Checkbox.tsx
index 28814d2057..1fd2665f48 100644
--- a/packages/react/src/components/Checkbox/Checkbox.tsx
+++ b/packages/react/src/components/Checkbox/Checkbox.tsx
@@ -12,11 +12,11 @@ import {
   commonPropTypes,
   UIComponentProps,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { ComponentEventHandler, WithAsProp, ShorthandValue, withSafeTypeForAs } from '../../types'
 import Icon, { IconProps } from '../Icon/Icon'
 import Text, { TextProps } from '../Text/Text'
-import { SupportedIntrinsicInputProps } from '../../lib/htmlPropsUtils'
+import { SupportedIntrinsicInputProps } from '../../utils/htmlPropsUtils'
 
 export interface CheckboxSlotClassNames {
   label: string
diff --git a/packages/react/src/components/Debug/Debug.tsx b/packages/react/src/components/Debug/Debug.tsx
index 2e1bb184ac..1dcf692b14 100644
--- a/packages/react/src/components/Debug/Debug.tsx
+++ b/packages/react/src/components/Debug/Debug.tsx
@@ -4,8 +4,8 @@ import * as React from 'react'
 import { toRefObject } from '@fluentui/react-component-ref'
 import { EventListener } from '@fluentui/react-component-event-listener'
 
-import { isBrowser } from '../../lib'
-import { isEnabled as isDebugEnabled } from '../../lib/debug/debugEnabled'
+import { isBrowser } from '../../utils'
+import { isEnabled as isDebugEnabled } from '../../utils/debug/debugEnabled'
 
 import DebugPanel from './DebugPanel'
 import FiberNavigator from './FiberNavigator'
diff --git a/packages/react/src/components/Debug/DebugPanelItem.tsx b/packages/react/src/components/Debug/DebugPanelItem.tsx
index 5a3291a1a8..41828ae5b4 100644
--- a/packages/react/src/components/Debug/DebugPanelItem.tsx
+++ b/packages/react/src/components/Debug/DebugPanelItem.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import DebugPanelData from './DebugPanelData'
 import { filter } from './utils'
-import deepmerge from '../../lib/deepmerge'
+import deepmerge from '../../utils/deepmerge'
 
 interface DebugPanelItemProps {
   data: any
diff --git a/packages/react/src/components/Dialog/Dialog.tsx b/packages/react/src/components/Dialog/Dialog.tsx
index ee0d58b736..0c20b1ceed 100644
--- a/packages/react/src/components/Dialog/Dialog.tsx
+++ b/packages/react/src/components/Dialog/Dialog.tsx
@@ -17,7 +17,7 @@ import {
   doesNodeContainClick,
   applyAccessibilityKeyHandlers,
   getOrGenerateIdFromShorthand,
-} from '../../lib'
+} from '../../utils'
 import { ComponentEventHandler, WithAsProp, ShorthandValue, withSafeTypeForAs } from '../../types'
 import Button, { ButtonProps } from '../Button/Button'
 import ButtonGroup from '../Button/ButtonGroup'
diff --git a/packages/react/src/components/Dialog/DialogFooter.tsx b/packages/react/src/components/Dialog/DialogFooter.tsx
index 76af0360c3..c3d2c4f026 100644
--- a/packages/react/src/components/Dialog/DialogFooter.tsx
+++ b/packages/react/src/components/Dialog/DialogFooter.tsx
@@ -9,7 +9,7 @@ import {
   commonPropTypes,
   ShorthandFactory,
   childrenExist,
-} from '../../lib'
+} from '../../utils'
 
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
diff --git a/packages/react/src/components/Divider/Divider.tsx b/packages/react/src/components/Divider/Divider.tsx
index 8a6ad10f26..9a42ab5f3f 100644
--- a/packages/react/src/components/Divider/Divider.tsx
+++ b/packages/react/src/components/Divider/Divider.tsx
@@ -13,7 +13,7 @@ import {
   commonPropTypes,
   rtlTextContainer,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
diff --git a/packages/react/src/components/Dropdown/Dropdown.tsx b/packages/react/src/components/Dropdown/Dropdown.tsx
index 4d437940eb..a29dc1970d 100644
--- a/packages/react/src/components/Dropdown/Dropdown.tsx
+++ b/packages/react/src/components/Dropdown/Dropdown.tsx
@@ -31,17 +31,17 @@ import {
   commonPropTypes,
   UIComponentProps,
   isFromKeyboard,
-} from '../../lib'
+} from '../../utils'
 import List from '../List/List'
 import DropdownItem, { DropdownItemProps } from './DropdownItem'
 import DropdownSelectedItem, { DropdownSelectedItemProps } from './DropdownSelectedItem'
 import DropdownSearchInput, { DropdownSearchInputProps } from './DropdownSearchInput'
 import Button, { ButtonProps } from '../Button/Button'
-import { screenReaderContainerStyles } from '../../lib/accessibility/Styles/accessibilityStyles'
+import { screenReaderContainerStyles } from '../../utils/accessibility/Styles/accessibilityStyles'
 import ListItem, { ListItemProps } from '../List/ListItem'
 import Icon, { IconProps } from '../Icon/Icon'
 import Portal from '../Portal/Portal'
-import { ALIGNMENTS, POSITIONS, Popper, PositioningProps } from '../../lib/positioner'
+import { ALIGNMENTS, POSITIONS, Popper, PositioningProps } from '../../utils/positioner'
 
 export interface DropdownSlotClassNames {
   clearIndicator: string
diff --git a/packages/react/src/components/Dropdown/DropdownItem.tsx b/packages/react/src/components/Dropdown/DropdownItem.tsx
index aafb67f674..9c5d02a181 100644
--- a/packages/react/src/components/Dropdown/DropdownItem.tsx
+++ b/packages/react/src/components/Dropdown/DropdownItem.tsx
@@ -9,9 +9,9 @@ import {
   createShorthandFactory,
   commonPropTypes,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { ShorthandValue, ComponentEventHandler, WithAsProp, withSafeTypeForAs } from '../../types'
-import { UIComponentProps } from '../../lib/commonPropInterfaces'
+import { UIComponentProps } from '../../utils/commonPropInterfaces'
 import ListItem from '../List/ListItem'
 import Icon, { IconProps } from '../Icon/Icon'
 import Image, { ImageProps } from '../Image/Image'
diff --git a/packages/react/src/components/Dropdown/DropdownSearchInput.tsx b/packages/react/src/components/Dropdown/DropdownSearchInput.tsx
index 1fcb3986a7..804554aa2e 100644
--- a/packages/react/src/components/Dropdown/DropdownSearchInput.tsx
+++ b/packages/react/src/components/Dropdown/DropdownSearchInput.tsx
@@ -9,9 +9,9 @@ import {
   createShorthandFactory,
   commonPropTypes,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { ComponentEventHandler, WithAsProp, withSafeTypeForAs } from '../../types'
-import { UIComponentProps } from '../../lib/commonPropInterfaces'
+import { UIComponentProps } from '../../utils/commonPropInterfaces'
 import Input from '../Input/Input'
 
 export interface DropdownSearchInputSlotClassNames {
diff --git a/packages/react/src/components/Dropdown/DropdownSelectedItem.tsx b/packages/react/src/components/Dropdown/DropdownSelectedItem.tsx
index 90ea984e93..1faac19891 100644
--- a/packages/react/src/components/Dropdown/DropdownSelectedItem.tsx
+++ b/packages/react/src/components/Dropdown/DropdownSelectedItem.tsx
@@ -12,14 +12,14 @@ import {
   ComponentKeyboardEventHandler,
   withSafeTypeForAs,
 } from '../../types'
-import { UIComponentProps } from '../../lib/commonPropInterfaces'
+import { UIComponentProps } from '../../utils/commonPropInterfaces'
 import {
   createShorthandFactory,
   UIComponent,
   RenderResultConfig,
   commonPropTypes,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import Icon, { IconProps } from '../Icon/Icon'
 import Image, { ImageProps } from '../Image/Image'
 import Label from '../Label/Label'
diff --git a/packages/react/src/components/Embed/Embed.tsx b/packages/react/src/components/Embed/Embed.tsx
index 37979cb940..298f86aaf2 100644
--- a/packages/react/src/components/Embed/Embed.tsx
+++ b/packages/react/src/components/Embed/Embed.tsx
@@ -11,7 +11,7 @@ import {
   commonPropTypes,
   AutoControlledComponent,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import Icon, { IconProps } from '../Icon/Icon'
 import Image from '../Image/Image'
 import Video, { VideoProps } from '../Video/Video'
diff --git a/packages/react/src/components/Flex/Flex.tsx b/packages/react/src/components/Flex/Flex.tsx
index ca705e554c..bf169d146a 100644
--- a/packages/react/src/components/Flex/Flex.tsx
+++ b/packages/react/src/components/Flex/Flex.tsx
@@ -2,7 +2,7 @@ import * as PropTypes from 'prop-types'
 import * as React from 'react'
 import * as _ from 'lodash'
 
-import { UIComponent, commonPropTypes, UIComponentProps, ChildrenComponentProps } from '../../lib'
+import { UIComponent, commonPropTypes, UIComponentProps, ChildrenComponentProps } from '../../utils'
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 import FlexItem from './FlexItem'
 
diff --git a/packages/react/src/components/Flex/FlexItem.tsx b/packages/react/src/components/Flex/FlexItem.tsx
index 7ce47f23ee..76f66412e1 100644
--- a/packages/react/src/components/Flex/FlexItem.tsx
+++ b/packages/react/src/components/Flex/FlexItem.tsx
@@ -8,8 +8,8 @@ import {
   UIComponentProps,
   ChildrenComponentProps,
   ShorthandFactory,
-} from '../../lib'
-import { mergeStyles } from '../../lib/mergeThemes'
+} from '../../utils'
+import { mergeStyles } from '../../utils/mergeThemes'
 import { ComponentSlotStylesPrepared } from '../../themes/types'
 
 type ChildrenFunction = (params: {
diff --git a/packages/react/src/components/Form/Form.tsx b/packages/react/src/components/Form/Form.tsx
index e89e3d782b..4babda7b52 100644
--- a/packages/react/src/components/Form/Form.tsx
+++ b/packages/react/src/components/Form/Form.tsx
@@ -12,7 +12,7 @@ import {
   commonPropTypes,
   rtlTextContainer,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import {
   ComponentEventHandler,
   WithAsProp,
diff --git a/packages/react/src/components/Form/FormField.tsx b/packages/react/src/components/Form/FormField.tsx
index 5ed1c803a7..bfbbbce270 100644
--- a/packages/react/src/components/Form/FormField.tsx
+++ b/packages/react/src/components/Form/FormField.tsx
@@ -11,7 +11,7 @@ import {
   ChildrenComponentProps,
   commonPropTypes,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 
 import { WithAsProp, ShorthandValue, withSafeTypeForAs } from '../../types'
 import Text, { TextProps } from '../Text/Text'
diff --git a/packages/react/src/components/Grid/Grid.tsx b/packages/react/src/components/Grid/Grid.tsx
index 596df17459..6604850902 100644
--- a/packages/react/src/components/Grid/Grid.tsx
+++ b/packages/react/src/components/Grid/Grid.tsx
@@ -11,7 +11,7 @@ import {
   commonPropTypes,
   ContentComponentProps,
   rtlTextContainer,
-} from '../../lib'
+} from '../../utils'
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
 export interface GridProps extends UIComponentProps, ChildrenComponentProps, ContentComponentProps {
diff --git a/packages/react/src/components/Header/Header.tsx b/packages/react/src/components/Header/Header.tsx
index 42badb5c42..aadc070c39 100644
--- a/packages/react/src/components/Header/Header.tsx
+++ b/packages/react/src/components/Header/Header.tsx
@@ -15,7 +15,7 @@ import {
   rtlTextContainer,
   AlignValue,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import HeaderDescription, { HeaderDescriptionProps } from './HeaderDescription'
 
 import { WithAsProp, ShorthandValue, withSafeTypeForAs } from '../../types'
diff --git a/packages/react/src/components/Header/HeaderDescription.tsx b/packages/react/src/components/Header/HeaderDescription.tsx
index 26ce26facd..1a91f99665 100644
--- a/packages/react/src/components/Header/HeaderDescription.tsx
+++ b/packages/react/src/components/Header/HeaderDescription.tsx
@@ -12,7 +12,7 @@ import {
   ColorComponentProps,
   rtlTextContainer,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
diff --git a/packages/react/src/components/HierarchicalTree/HierarchicalTree.tsx b/packages/react/src/components/HierarchicalTree/HierarchicalTree.tsx
index a7ee2c3f8e..664907b74e 100644
--- a/packages/react/src/components/HierarchicalTree/HierarchicalTree.tsx
+++ b/packages/react/src/components/HierarchicalTree/HierarchicalTree.tsx
@@ -16,7 +16,7 @@ import {
   rtlTextContainer,
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import {
   ShorthandValue,
   ShorthandRenderFunction,
diff --git a/packages/react/src/components/HierarchicalTree/HierarchicalTreeItem.tsx b/packages/react/src/components/HierarchicalTree/HierarchicalTreeItem.tsx
index 9b03bb8a49..bf2292df31 100644
--- a/packages/react/src/components/HierarchicalTree/HierarchicalTreeItem.tsx
+++ b/packages/react/src/components/HierarchicalTree/HierarchicalTreeItem.tsx
@@ -22,7 +22,7 @@ import {
   rtlTextContainer,
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import {
   ComponentEventHandler,
   WithAsProp,
diff --git a/packages/react/src/components/HierarchicalTree/HierarchicalTreeTitle.tsx b/packages/react/src/components/HierarchicalTree/HierarchicalTreeTitle.tsx
index 501755a467..9d6d0a577c 100644
--- a/packages/react/src/components/HierarchicalTree/HierarchicalTreeTitle.tsx
+++ b/packages/react/src/components/HierarchicalTree/HierarchicalTreeTitle.tsx
@@ -14,7 +14,7 @@ import {
   rtlTextContainer,
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { ComponentEventHandler, WithAsProp, withSafeTypeForAs } from '../../types'
 
 export interface HierarchicalTreeTitleProps
diff --git a/packages/react/src/components/Icon/Icon.tsx b/packages/react/src/components/Icon/Icon.tsx
index e758ab82e3..72b28106dd 100644
--- a/packages/react/src/components/Icon/Icon.tsx
+++ b/packages/react/src/components/Icon/Icon.tsx
@@ -11,7 +11,7 @@ import {
   ColorComponentProps,
   SizeValue,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
 export type IconXSpacing = 'none' | 'before' | 'after' | 'both'
diff --git a/packages/react/src/components/Image/Image.tsx b/packages/react/src/components/Image/Image.tsx
index dac8e23099..f9876c98ec 100644
--- a/packages/react/src/components/Image/Image.tsx
+++ b/packages/react/src/components/Image/Image.tsx
@@ -8,7 +8,7 @@ import {
   UIComponentProps,
   commonPropTypes,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
 export interface ImageProps extends UIComponentProps {
diff --git a/packages/react/src/components/Input/Input.tsx b/packages/react/src/components/Input/Input.tsx
index 3899d090a6..54e5ef0545 100644
--- a/packages/react/src/components/Input/Input.tsx
+++ b/packages/react/src/components/Input/Input.tsx
@@ -14,8 +14,8 @@ import {
   ChildrenComponentProps,
   commonPropTypes,
   applyAccessibilityKeyHandlers,
-} from '../../lib'
-import { SupportedIntrinsicInputProps } from '../../lib/htmlPropsUtils'
+} from '../../utils'
+import { SupportedIntrinsicInputProps } from '../../utils/htmlPropsUtils'
 import { WithAsProp, ShorthandValue, ComponentEventHandler, withSafeTypeForAs } from '../../types'
 import Icon, { IconProps } from '../Icon/Icon'
 import Box, { BoxProps } from '../Box/Box'
diff --git a/packages/react/src/components/ItemLayout/ItemLayout.tsx b/packages/react/src/components/ItemLayout/ItemLayout.tsx
index 1c7b386017..2069a939c9 100644
--- a/packages/react/src/components/ItemLayout/ItemLayout.tsx
+++ b/packages/react/src/components/ItemLayout/ItemLayout.tsx
@@ -11,7 +11,7 @@ import {
   ContentComponentProps,
   rtlTextContainer,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import Layout from '../Layout/Layout'
 import { ComponentSlotClasses } from '../../themes/types'
 import { WithAsProp, withSafeTypeForAs } from '../../types'
diff --git a/packages/react/src/components/Label/Label.tsx b/packages/react/src/components/Label/Label.tsx
index 77bd9fc4a6..8c9174c0ab 100644
--- a/packages/react/src/components/Label/Label.tsx
+++ b/packages/react/src/components/Label/Label.tsx
@@ -15,7 +15,7 @@ import {
   ColorComponentProps,
   rtlTextContainer,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 
 import Icon, { IconProps } from '../Icon/Icon'
 import Image, { ImageProps } from '../Image/Image'
diff --git a/packages/react/src/components/Layout/Layout.tsx b/packages/react/src/components/Layout/Layout.tsx
index b1901a0a73..cb5b6d28ef 100644
--- a/packages/react/src/components/Layout/Layout.tsx
+++ b/packages/react/src/components/Layout/Layout.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import * as PropTypes from 'prop-types'
 import cx from 'classnames'
 
-import { UIComponent, UIComponentProps, commonPropTypes, rtlTextContainer } from '../../lib'
+import { UIComponent, UIComponentProps, commonPropTypes, rtlTextContainer } from '../../utils'
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 import { ICSSInJSStyle } from '../../themes/types'
 
diff --git a/packages/react/src/components/List/List.tsx b/packages/react/src/components/List/List.tsx
index 3d93cd5019..305a9f0c58 100644
--- a/packages/react/src/components/List/List.tsx
+++ b/packages/react/src/components/List/List.tsx
@@ -12,7 +12,7 @@ import {
   commonPropTypes,
   rtlTextContainer,
   applyAccessibilityKeyHandlers,
-} from '../../lib'
+} from '../../utils'
 import ListItem, { ListItemProps } from './ListItem'
 import {
   WithAsProp,
diff --git a/packages/react/src/components/List/ListItem.tsx b/packages/react/src/components/List/ListItem.tsx
index 874ac31146..84824d4f0f 100644
--- a/packages/react/src/components/List/ListItem.tsx
+++ b/packages/react/src/components/List/ListItem.tsx
@@ -11,7 +11,7 @@ import {
   ContentComponentProps,
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { ShorthandValue, WithAsProp, ComponentEventHandler, withSafeTypeForAs } from '../../types'
 import Box, { BoxProps } from '../Box/Box'
 
diff --git a/packages/react/src/components/Loader/Loader.tsx b/packages/react/src/components/Loader/Loader.tsx
index d6df617042..127bd04bdb 100644
--- a/packages/react/src/components/Loader/Loader.tsx
+++ b/packages/react/src/components/Loader/Loader.tsx
@@ -10,7 +10,7 @@ import {
   commonPropTypes,
   SizeValue,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { WithAsProp, ShorthandValue, withSafeTypeForAs } from '../../types'
 import Box, { BoxProps } from '../Box/Box'
 import Text, { TextProps } from '../Text/Text'
diff --git a/packages/react/src/components/Menu/Menu.tsx b/packages/react/src/components/Menu/Menu.tsx
index 2a5628b6ee..91fb0aa271 100644
--- a/packages/react/src/components/Menu/Menu.tsx
+++ b/packages/react/src/components/Menu/Menu.tsx
@@ -14,11 +14,11 @@ import {
   getKindProp,
   rtlTextContainer,
   ShorthandFactory,
-} from '../../lib'
-import { mergeComponentVariables } from '../../lib/mergeThemes'
+} from '../../utils'
+import { mergeComponentVariables } from '../../utils/mergeThemes'
 
 import MenuItem, { MenuItemProps } from './MenuItem'
-import { ReactAccessibilityBehavior } from '../../lib/accessibility/reactTypes'
+import { ReactAccessibilityBehavior } from '../../utils/accessibility/reactTypes'
 import { ComponentVariablesObject, ComponentSlotStylesPrepared } from '../../themes/types'
 import {
   WithAsProp,
diff --git a/packages/react/src/components/Menu/MenuDivider.tsx b/packages/react/src/components/Menu/MenuDivider.tsx
index b752fff9e1..a296a7bb17 100644
--- a/packages/react/src/components/Menu/MenuDivider.tsx
+++ b/packages/react/src/components/Menu/MenuDivider.tsx
@@ -12,7 +12,7 @@ import {
   ContentComponentProps,
   rtlTextContainer,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
 export interface MenuDividerProps
diff --git a/packages/react/src/components/Menu/MenuItem.tsx b/packages/react/src/components/Menu/MenuItem.tsx
index 55e4a2c109..47e830aa03 100644
--- a/packages/react/src/components/Menu/MenuItem.tsx
+++ b/packages/react/src/components/Menu/MenuItem.tsx
@@ -20,7 +20,7 @@ import {
   isFromKeyboard,
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import Icon, { IconProps } from '../Icon/Icon'
 import Menu, { MenuProps, MenuShorthandKinds } from './Menu'
 import Box, { BoxProps } from '../Box/Box'
@@ -31,7 +31,7 @@ import {
   ShorthandCollection,
   withSafeTypeForAs,
 } from '../../types'
-import { Popper } from '../../lib/positioner'
+import { Popper } from '../../utils/positioner'
 
 export interface MenuItemSlotClassNames {
   wrapper: string
diff --git a/packages/react/src/components/MenuButton/MenuButton.tsx b/packages/react/src/components/MenuButton/MenuButton.tsx
index 4982e74f23..04d25d3b71 100644
--- a/packages/react/src/components/MenuButton/MenuButton.tsx
+++ b/packages/react/src/components/MenuButton/MenuButton.tsx
@@ -12,15 +12,15 @@ import {
   getOrGenerateIdFromShorthand,
   commonPropTypes,
   StyledComponentProps,
-} from '../../lib'
+} from '../../utils'
 import { ShorthandValue, ComponentEventHandler, ShorthandCollection } from '../../types'
 
-import { createShorthandFactory, ShorthandFactory } from '../../lib/factories'
+import { createShorthandFactory, ShorthandFactory } from '../../utils/factories'
 import Popup, { PopupProps, PopupEvents, PopupEventsArray } from '../Popup/Popup'
 import Menu, { MenuProps } from '../Menu/Menu'
 import { MenuItemProps } from '../Menu/MenuItem'
 import { focusMenuItem } from './focusUtils'
-import { ALIGNMENTS, POSITIONS, PositioningProps } from '../../lib/positioner'
+import { ALIGNMENTS, POSITIONS, PositioningProps } from '../../utils/positioner'
 
 export interface MenuButtonSlotClassNames {
   menu: string
diff --git a/packages/react/src/components/Popup/Popup.tsx b/packages/react/src/components/Popup/Popup.tsx
index 38c9a751c6..7245a05c52 100644
--- a/packages/react/src/components/Popup/Popup.tsx
+++ b/packages/react/src/components/Popup/Popup.tsx
@@ -21,7 +21,7 @@ import {
   isFromKeyboard,
   doesNodeContainClick,
   setWhatInputSource,
-} from '../../lib'
+} from '../../utils'
 import { ComponentEventHandler, ShorthandValue } from '../../types'
 import {
   ALIGNMENTS,
@@ -29,13 +29,13 @@ import {
   Popper,
   PositioningProps,
   PopperChildrenProps,
-} from '../../lib/positioner'
+} from '../../utils/positioner'
 import PopupContent, { PopupContentProps } from './PopupContent'
 
-import { ReactAccessibilityBehavior } from '../../lib/accessibility/reactTypes'
-import { createShorthandFactory, ShorthandFactory } from '../../lib/factories'
+import { ReactAccessibilityBehavior } from '../../utils/accessibility/reactTypes'
+import { createShorthandFactory, ShorthandFactory } from '../../utils/factories'
 import createReferenceFromContextClick from './createReferenceFromContextClick'
-import isRightClick from '../../lib/isRightClick'
+import isRightClick from '../../utils/isRightClick'
 import PortalInner from '../Portal/PortalInner'
 
 export type PopupEvents = 'click' | 'hover' | 'focus' | 'context'
diff --git a/packages/react/src/components/Popup/PopupContent.tsx b/packages/react/src/components/Popup/PopupContent.tsx
index bbc054295d..1ea4747799 100644
--- a/packages/react/src/components/Popup/PopupContent.tsx
+++ b/packages/react/src/components/Popup/PopupContent.tsx
@@ -21,9 +21,9 @@ import {
   commonPropTypes,
   rtlTextContainer,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { Accessibility } from '@fluentui/accessibility'
-import { PopperChildrenProps } from '../../lib/positioner'
+import { PopperChildrenProps } from '../../utils/positioner'
 import { WithAsProp, ComponentEventHandler, withSafeTypeForAs } from '../../types'
 
 export interface PopupContentSlotClassNames {
diff --git a/packages/react/src/components/Portal/Portal.tsx b/packages/react/src/components/Portal/Portal.tsx
index 84736b5c1c..440632a977 100644
--- a/packages/react/src/components/Portal/Portal.tsx
+++ b/packages/react/src/components/Portal/Portal.tsx
@@ -15,9 +15,9 @@ import {
   commonPropTypes,
   ContentComponentProps,
   rtlTextContainer,
-} from '../../lib'
+} from '../../utils'
 import PortalInner from './PortalInner'
-import { AccessibilityHandlerProps } from '../../lib/accessibility/reactTypes'
+import { AccessibilityHandlerProps } from '../../utils/accessibility/reactTypes'
 
 export type TriggerAccessibility = {
   attributes?: AccessibilityAttributes
diff --git a/packages/react/src/components/Portal/PortalInner.tsx b/packages/react/src/components/Portal/PortalInner.tsx
index f48e3c637f..391a0165ad 100644
--- a/packages/react/src/components/Portal/PortalInner.tsx
+++ b/packages/react/src/components/Portal/PortalInner.tsx
@@ -5,7 +5,7 @@ import * as ReactDOM from 'react-dom'
 // @ts-ignore
 import { ThemeContext } from 'react-fela'
 
-import { isBrowser, ChildrenComponentProps, commonPropTypes } from '../../lib'
+import { isBrowser, ChildrenComponentProps, commonPropTypes } from '../../utils'
 
 export interface PortalInnerProps extends ChildrenComponentProps {
   /** Existing element the portal should be bound to. */
diff --git a/packages/react/src/components/Provider/Provider.tsx b/packages/react/src/components/Provider/Provider.tsx
index 3b9e6d3065..89c7ad6c79 100644
--- a/packages/react/src/components/Provider/Provider.tsx
+++ b/packages/react/src/components/Provider/Provider.tsx
@@ -6,7 +6,7 @@ import * as React from 'react'
 // @ts-ignore
 import { RendererProvider, ThemeProvider, ThemeContext } from 'react-fela'
 
-import { ChildrenComponentProps, setUpWhatInput, tryCleanupWhatInput } from '../../lib'
+import { ChildrenComponentProps, setUpWhatInput, tryCleanupWhatInput } from '../../utils'
 
 import {
   ThemePrepared,
@@ -20,7 +20,7 @@ import {
 } from '../../themes/types'
 
 import ProviderConsumer from './ProviderConsumer'
-import { mergeSiteVariables } from '../../lib/mergeThemes'
+import { mergeSiteVariables } from '../../utils/mergeThemes'
 import ProviderBox, { ProviderBoxProps } from './ProviderBox'
 import {
   WithAsProp,
@@ -28,8 +28,8 @@ import {
   ProviderContextPrepared,
   withSafeTypeForAs,
 } from '../../types'
-import mergeContexts from '../../lib/mergeProviderContexts'
-import Telemetry from '../../lib/Telemetry'
+import mergeContexts from '../../utils/mergeProviderContexts'
+import Telemetry from '../../utils/Telemetry'
 
 export interface ProviderProps extends ChildrenComponentProps {
   renderer?: Renderer
diff --git a/packages/react/src/components/Provider/ProviderBox.tsx b/packages/react/src/components/Provider/ProviderBox.tsx
index 885eac98a6..0c9948fcde 100644
--- a/packages/react/src/components/Provider/ProviderBox.tsx
+++ b/packages/react/src/components/Provider/ProviderBox.tsx
@@ -4,8 +4,8 @@ import {
   ContentComponentProps,
   ChildrenComponentProps,
   UIComponentProps,
-} from '../../lib'
-import createComponent from '../../lib/createComponent'
+} from '../../utils'
+import createComponent from '../../utils/createComponent'
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
 export interface ProviderBoxProps
diff --git a/packages/react/src/components/RadioGroup/RadioGroup.tsx b/packages/react/src/components/RadioGroup/RadioGroup.tsx
index 0cd2dc2a04..d22206bff9 100644
--- a/packages/react/src/components/RadioGroup/RadioGroup.tsx
+++ b/packages/react/src/components/RadioGroup/RadioGroup.tsx
@@ -15,7 +15,7 @@ import {
   rtlTextContainer,
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import RadioGroupItem, { RadioGroupItemProps } from './RadioGroupItem'
 import {
   WithAsProp,
diff --git a/packages/react/src/components/RadioGroup/RadioGroupItem.tsx b/packages/react/src/components/RadioGroup/RadioGroupItem.tsx
index b5b1fbf177..4fc5f62aee 100644
--- a/packages/react/src/components/RadioGroup/RadioGroupItem.tsx
+++ b/packages/react/src/components/RadioGroup/RadioGroupItem.tsx
@@ -13,7 +13,7 @@ import {
   commonPropTypes,
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import Box, { BoxProps } from '../Box/Box'
 import { ComponentEventHandler, WithAsProp, ShorthandValue, withSafeTypeForAs } from '../../types'
 import Icon, { IconProps } from '../Icon/Icon'
diff --git a/packages/react/src/components/Reaction/Reaction.tsx b/packages/react/src/components/Reaction/Reaction.tsx
index 6b65262fbc..b743b69dcb 100644
--- a/packages/react/src/components/Reaction/Reaction.tsx
+++ b/packages/react/src/components/Reaction/Reaction.tsx
@@ -11,7 +11,7 @@ import {
   createShorthandFactory,
   ContentComponentProps,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { Accessibility } from '@fluentui/accessibility'
 
 import { WithAsProp, ShorthandValue, withSafeTypeForAs } from '../../types'
diff --git a/packages/react/src/components/Reaction/ReactionGroup.tsx b/packages/react/src/components/Reaction/ReactionGroup.tsx
index 4baaa6dfb6..269b43dc6e 100644
--- a/packages/react/src/components/Reaction/ReactionGroup.tsx
+++ b/packages/react/src/components/Reaction/ReactionGroup.tsx
@@ -13,7 +13,7 @@ import {
   rtlTextContainer,
   createShorthandFactory,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { Accessibility } from '@fluentui/accessibility'
 import Reaction, { ReactionProps } from './Reaction'
 
diff --git a/packages/react/src/components/Segment/Segment.tsx b/packages/react/src/components/Segment/Segment.tsx
index b0608f8d44..fd66ca7451 100644
--- a/packages/react/src/components/Segment/Segment.tsx
+++ b/packages/react/src/components/Segment/Segment.tsx
@@ -9,7 +9,7 @@ import {
   commonPropTypes,
   rtlTextContainer,
   ColorComponentProps,
-} from '../../lib'
+} from '../../utils'
 import { Accessibility } from '@fluentui/accessibility'
 
 import { WithAsProp, ShorthandValue, withSafeTypeForAs } from '../../types'
diff --git a/packages/react/src/components/Slider/Slider.tsx b/packages/react/src/components/Slider/Slider.tsx
index e3827a8d3a..51c3357bb2 100644
--- a/packages/react/src/components/Slider/Slider.tsx
+++ b/packages/react/src/components/Slider/Slider.tsx
@@ -15,7 +15,7 @@ import {
   UIComponentProps,
   RenderResultConfig,
   setWhatInputSource,
-} from '../../lib'
+} from '../../utils'
 import {
   ComponentEventHandler,
   ShorthandValue,
@@ -23,7 +23,7 @@ import {
   withSafeTypeForAs,
   Omit,
 } from '../../types'
-import { SupportedIntrinsicInputProps } from '../../lib/htmlPropsUtils'
+import { SupportedIntrinsicInputProps } from '../../utils/htmlPropsUtils'
 import Box, { BoxProps } from '../Box/Box'
 
 const processInputValues = (
diff --git a/packages/react/src/components/SplitButton/SplitButton.tsx b/packages/react/src/components/SplitButton/SplitButton.tsx
index 403d8ca542..8257437330 100644
--- a/packages/react/src/components/SplitButton/SplitButton.tsx
+++ b/packages/react/src/components/SplitButton/SplitButton.tsx
@@ -20,7 +20,7 @@ import {
   AutoControlledComponent,
   RenderResultConfig,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import Button, { ButtonProps } from '../Button/Button'
 import MenuButton, { MenuButtonProps } from '../MenuButton/MenuButton'
 import { MenuProps } from '../Menu/Menu'
diff --git a/packages/react/src/components/Status/Status.tsx b/packages/react/src/components/Status/Status.tsx
index 91c582ba29..b1635a00ee 100644
--- a/packages/react/src/components/Status/Status.tsx
+++ b/packages/react/src/components/Status/Status.tsx
@@ -11,7 +11,7 @@ import {
   commonPropTypes,
   SizeValue,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { WithAsProp, ShorthandValue, withSafeTypeForAs } from '../../types'
 
 export interface StatusProps extends UIComponentProps {
diff --git a/packages/react/src/components/Table/Table.tsx b/packages/react/src/components/Table/Table.tsx
index d114aa806b..e6e03457a9 100644
--- a/packages/react/src/components/Table/Table.tsx
+++ b/packages/react/src/components/Table/Table.tsx
@@ -10,14 +10,14 @@ import {
   UIComponent,
   applyAccessibilityKeyHandlers,
   childrenExist,
-} from '../../lib'
+} from '../../utils'
 import { ComponentVariablesObject } from '../../themes/types'
-import { mergeComponentVariables } from '../../lib/mergeThemes'
+import { mergeComponentVariables } from '../../utils/mergeThemes'
 import TableRow, { TableRowProps } from './TableRow'
 import TableCell from './TableCell'
 import { WithAsProp, ShorthandCollection, ShorthandValue } from '../../types'
 import { Accessibility, tableBehavior } from '@fluentui/accessibility'
-import { ReactAccessibilityBehavior } from '../../lib/accessibility/reactTypes'
+import { ReactAccessibilityBehavior } from '../../utils/accessibility/reactTypes'
 
 export interface TableSlotClassNames {
   header: string
diff --git a/packages/react/src/components/Table/TableCell.tsx b/packages/react/src/components/Table/TableCell.tsx
index ec22fd66de..8dd7a584e6 100644
--- a/packages/react/src/components/Table/TableCell.tsx
+++ b/packages/react/src/components/Table/TableCell.tsx
@@ -12,7 +12,7 @@ import {
   ShorthandFactory,
   createShorthandFactory,
   applyAccessibilityKeyHandlers,
-} from '../../lib'
+} from '../../utils'
 import Box, { BoxProps } from '../Box/Box'
 import { WithAsProp, ShorthandValue } from '../../types'
 import { Accessibility, tableCellBehavior } from '@fluentui/accessibility'
diff --git a/packages/react/src/components/Table/TableRow.tsx b/packages/react/src/components/Table/TableRow.tsx
index 242b8264a5..c858db85ec 100644
--- a/packages/react/src/components/Table/TableRow.tsx
+++ b/packages/react/src/components/Table/TableRow.tsx
@@ -12,11 +12,11 @@ import {
   createShorthandFactory,
   applyAccessibilityKeyHandlers,
   childrenExist,
-} from '../../lib'
+} from '../../utils'
 import { ShorthandCollection, WithAsProp } from '../../types'
 import { Accessibility, tableHeaderCellBehavior, tableRowBehavior } from '@fluentui/accessibility'
 import { ComponentVariablesObject } from '../../themes/types'
-import { mergeComponentVariables } from '../../lib/mergeThemes'
+import { mergeComponentVariables } from '../../utils/mergeThemes'
 
 export interface TableRowProps extends UIComponentProps {
   /**
diff --git a/packages/react/src/components/Text/Text.tsx b/packages/react/src/components/Text/Text.tsx
index 6d9ddc386d..29b96575a0 100644
--- a/packages/react/src/components/Text/Text.tsx
+++ b/packages/react/src/components/Text/Text.tsx
@@ -15,7 +15,7 @@ import {
   SizeValue,
   AlignValue,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { Accessibility } from '@fluentui/accessibility'
 
 import { WithAsProp, withSafeTypeForAs } from '../../types'
diff --git a/packages/react/src/components/TextArea/TextArea.tsx b/packages/react/src/components/TextArea/TextArea.tsx
index b50529cac2..9e9022fe20 100644
--- a/packages/react/src/components/TextArea/TextArea.tsx
+++ b/packages/react/src/components/TextArea/TextArea.tsx
@@ -10,7 +10,7 @@ import {
   RenderResultConfig,
   AutoControlledComponent,
   applyAccessibilityKeyHandlers,
-} from '../../lib'
+} from '../../utils'
 
 export interface TextAreaProps extends UIComponentProps, ChildrenComponentProps {
   /** Accessibility behavior if overridden by the user. */
diff --git a/packages/react/src/components/Toolbar/Toolbar.tsx b/packages/react/src/components/Toolbar/Toolbar.tsx
index df6a3650c4..dee7555ee0 100644
--- a/packages/react/src/components/Toolbar/Toolbar.tsx
+++ b/packages/react/src/components/Toolbar/Toolbar.tsx
@@ -21,8 +21,8 @@ import {
   commonPropTypes,
   ColorComponentProps,
   ShorthandFactory,
-} from '../../lib'
-import { mergeComponentVariables } from '../../lib/mergeThemes'
+} from '../../utils'
+import { mergeComponentVariables } from '../../utils/mergeThemes'
 
 import {
   ComponentEventHandler,
diff --git a/packages/react/src/components/Toolbar/ToolbarCustomItem.tsx b/packages/react/src/components/Toolbar/ToolbarCustomItem.tsx
index a1a89e2ebe..b6da20beaa 100644
--- a/packages/react/src/components/Toolbar/ToolbarCustomItem.tsx
+++ b/packages/react/src/components/Toolbar/ToolbarCustomItem.tsx
@@ -12,7 +12,7 @@ import {
   childrenExist,
   commonPropTypes,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 
 import { ComponentEventHandler, WithAsProp, withSafeTypeForAs } from '../../types'
 
diff --git a/packages/react/src/components/Toolbar/ToolbarDivider.tsx b/packages/react/src/components/Toolbar/ToolbarDivider.tsx
index 01c1525193..69c8bb64ab 100644
--- a/packages/react/src/components/Toolbar/ToolbarDivider.tsx
+++ b/packages/react/src/components/Toolbar/ToolbarDivider.tsx
@@ -7,7 +7,7 @@ import {
   UIComponent,
   commonPropTypes,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { Accessibility } from '@fluentui/accessibility'
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
diff --git a/packages/react/src/components/Toolbar/ToolbarItem.tsx b/packages/react/src/components/Toolbar/ToolbarItem.tsx
index b68d494c60..b0b9f4239e 100644
--- a/packages/react/src/components/Toolbar/ToolbarItem.tsx
+++ b/packages/react/src/components/Toolbar/ToolbarItem.tsx
@@ -18,7 +18,7 @@ import {
   childrenExist,
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import {
   ComponentEventHandler,
   ShorthandValue,
@@ -27,13 +27,13 @@ import {
   Omit,
   ShorthandCollection,
 } from '../../types'
-import { Popper } from '../../lib/positioner'
+import { Popper } from '../../utils/positioner'
 
 import ToolbarMenu, { ToolbarMenuProps } from './ToolbarMenu'
 import Icon, { IconProps } from '../Icon/Icon'
 import Box, { BoxProps } from '../Box/Box'
 import Popup, { PopupProps } from '../Popup/Popup'
-import { mergeComponentVariables } from '../../lib/mergeThemes'
+import { mergeComponentVariables } from '../../utils/mergeThemes'
 import { ToolbarMenuItemProps } from '../Toolbar/ToolbarMenuItem'
 import { GetRefs, NodeRef, Unstable_NestingAuto } from '@fluentui/react-component-nesting-registry'
 import { ToolbarItemShorthandKinds } from './Toolbar'
diff --git a/packages/react/src/components/Toolbar/ToolbarMenu.tsx b/packages/react/src/components/Toolbar/ToolbarMenu.tsx
index 97230dfb42..e54d66cd01 100644
--- a/packages/react/src/components/Toolbar/ToolbarMenu.tsx
+++ b/packages/react/src/components/Toolbar/ToolbarMenu.tsx
@@ -14,8 +14,8 @@ import {
   ContentComponentProps,
   ShorthandFactory,
   applyAccessibilityKeyHandlers,
-} from '../../lib'
-import { mergeComponentVariables } from '../../lib/mergeThemes'
+} from '../../utils'
+import { mergeComponentVariables } from '../../utils/mergeThemes'
 
 import {
   ComponentEventHandler,
diff --git a/packages/react/src/components/Toolbar/ToolbarMenuDivider.tsx b/packages/react/src/components/Toolbar/ToolbarMenuDivider.tsx
index 205d1fa801..1a9d604dd0 100644
--- a/packages/react/src/components/Toolbar/ToolbarMenuDivider.tsx
+++ b/packages/react/src/components/Toolbar/ToolbarMenuDivider.tsx
@@ -7,7 +7,7 @@ import {
   UIComponent,
   commonPropTypes,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { Accessibility } from '@fluentui/accessibility'
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
diff --git a/packages/react/src/components/Toolbar/ToolbarMenuItem.tsx b/packages/react/src/components/Toolbar/ToolbarMenuItem.tsx
index fae5e1799c..a49f57157c 100644
--- a/packages/react/src/components/Toolbar/ToolbarMenuItem.tsx
+++ b/packages/react/src/components/Toolbar/ToolbarMenuItem.tsx
@@ -21,7 +21,7 @@ import {
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
   doesNodeContainClick,
-} from '../../lib'
+} from '../../utils'
 import {
   ComponentEventHandler,
   ShorthandValue,
@@ -30,7 +30,7 @@ import {
   Omit,
   ShorthandCollection,
 } from '../../types'
-import { Popper } from '../../lib/positioner'
+import { Popper } from '../../utils/positioner'
 
 import Box, { BoxProps } from '../Box/Box'
 import Icon, { IconProps } from '../Icon/Icon'
diff --git a/packages/react/src/components/Toolbar/ToolbarMenuRadioGroup.tsx b/packages/react/src/components/Toolbar/ToolbarMenuRadioGroup.tsx
index 249d833a58..088f98656b 100644
--- a/packages/react/src/components/Toolbar/ToolbarMenuRadioGroup.tsx
+++ b/packages/react/src/components/Toolbar/ToolbarMenuRadioGroup.tsx
@@ -12,7 +12,7 @@ import {
   ShorthandFactory,
   applyAccessibilityKeyHandlers,
   UIComponent,
-} from '../../lib'
+} from '../../utils'
 import {
   ComponentEventHandler,
   ShorthandCollection,
@@ -26,7 +26,7 @@ import {
   toolbarMenuItemRadioBehavior,
 } from '@fluentui/accessibility'
 import ToolbarMenuItem, { ToolbarMenuItemProps } from './ToolbarMenuItem'
-import { mergeComponentVariables } from '../../lib/mergeThemes'
+import { mergeComponentVariables } from '../../utils/mergeThemes'
 import Box, { BoxProps } from '../Box/Box'
 
 export interface ToolbarMenuRadioGroupProps
diff --git a/packages/react/src/components/Toolbar/ToolbarRadioGroup.tsx b/packages/react/src/components/Toolbar/ToolbarRadioGroup.tsx
index 506a3300aa..54b1e9a649 100644
--- a/packages/react/src/components/Toolbar/ToolbarRadioGroup.tsx
+++ b/packages/react/src/components/Toolbar/ToolbarRadioGroup.tsx
@@ -14,8 +14,8 @@ import {
   commonPropTypes,
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
-} from '../../lib'
-import { mergeComponentVariables } from '../../lib/mergeThemes'
+} from '../../utils'
+import { mergeComponentVariables } from '../../utils/mergeThemes'
 
 import { ShorthandCollection, WithAsProp, withSafeTypeForAs } from '../../types'
 import {
diff --git a/packages/react/src/components/Tooltip/Tooltip.tsx b/packages/react/src/components/Tooltip/Tooltip.tsx
index 9b9dc0bc86..08f3908ddf 100644
--- a/packages/react/src/components/Tooltip/Tooltip.tsx
+++ b/packages/react/src/components/Tooltip/Tooltip.tsx
@@ -18,7 +18,7 @@ import {
   getOrGenerateIdFromShorthand,
   createShorthandFactory,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { ShorthandValue, Props } from '../../types'
 import {
   ALIGNMENTS,
@@ -26,10 +26,10 @@ import {
   Popper,
   BasicPositioningProps,
   PopperChildrenProps,
-} from '../../lib/positioner'
+} from '../../utils/positioner'
 import TooltipContent, { TooltipContentProps } from './TooltipContent'
 import { Accessibility, tooltipBehavior } from '@fluentui/accessibility'
-import { ReactAccessibilityBehavior } from '../../lib/accessibility/reactTypes'
+import { ReactAccessibilityBehavior } from '../../utils/accessibility/reactTypes'
 import PortalInner from '../Portal/PortalInner'
 
 export interface TooltipSlotClassNames {
diff --git a/packages/react/src/components/Tooltip/TooltipContent.tsx b/packages/react/src/components/Tooltip/TooltipContent.tsx
index 213839edfb..a1894582de 100644
--- a/packages/react/src/components/Tooltip/TooltipContent.tsx
+++ b/packages/react/src/components/Tooltip/TooltipContent.tsx
@@ -13,10 +13,10 @@ import {
   commonPropTypes,
   rtlTextContainer,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { Accessibility } from '@fluentui/accessibility'
 
-import { PopperChildrenProps } from '../../lib/positioner'
+import { PopperChildrenProps } from '../../utils/positioner'
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
 export interface TooltipContentProps
diff --git a/packages/react/src/components/Tree/Tree.tsx b/packages/react/src/components/Tree/Tree.tsx
index e97b6cdc8b..ce99f7415c 100644
--- a/packages/react/src/components/Tree/Tree.tsx
+++ b/packages/react/src/components/Tree/Tree.tsx
@@ -17,7 +17,7 @@ import {
   applyAccessibilityKeyHandlers,
   AutoControlledComponent,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import {
   ShorthandRenderFunction,
   WithAsProp,
@@ -25,9 +25,9 @@ import {
   ShorthandCollection,
   ShorthandValue,
 } from '../../types'
-import { hasSubtree, removeItemAtIndex } from './lib'
+import { hasSubtree, removeItemAtIndex } from './utils'
 import TreeTitle, { TreeTitleProps } from './TreeTitle'
-import { ReactAccessibilityBehavior } from '../../lib/accessibility/reactTypes'
+import { ReactAccessibilityBehavior } from '../../utils/accessibility/reactTypes'
 
 export interface TreeSlotClassNames {
   item: string
diff --git a/packages/react/src/components/Tree/TreeItem.tsx b/packages/react/src/components/Tree/TreeItem.tsx
index dadd81b7a5..ee5b1847a1 100644
--- a/packages/react/src/components/Tree/TreeItem.tsx
+++ b/packages/react/src/components/Tree/TreeItem.tsx
@@ -16,7 +16,7 @@ import {
   rtlTextContainer,
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import {
   ComponentEventHandler,
   WithAsProp,
@@ -25,8 +25,8 @@ import {
   withSafeTypeForAs,
   ShorthandCollection,
 } from '../../types'
-import { hasSubtree } from './lib'
-import { ReactAccessibilityBehavior } from '../../lib/accessibility/reactTypes'
+import { hasSubtree } from './utils'
+import { ReactAccessibilityBehavior } from '../../utils/accessibility/reactTypes'
 
 export interface TreeItemSlotClassNames {
   title: string
diff --git a/packages/react/src/components/Tree/TreeTitle.tsx b/packages/react/src/components/Tree/TreeTitle.tsx
index d98acb8db7..b3878245d6 100644
--- a/packages/react/src/components/Tree/TreeTitle.tsx
+++ b/packages/react/src/components/Tree/TreeTitle.tsx
@@ -13,7 +13,7 @@ import {
   rtlTextContainer,
   applyAccessibilityKeyHandlers,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 import { Accessibility, treeTitleBehavior } from '@fluentui/accessibility'
 import { ComponentEventHandler, WithAsProp, withSafeTypeForAs } from '../../types'
 
diff --git a/packages/react/src/components/Tree/lib/index.ts b/packages/react/src/components/Tree/utils/index.ts
similarity index 100%
rename from packages/react/src/components/Tree/lib/index.ts
rename to packages/react/src/components/Tree/utils/index.ts
diff --git a/packages/react/src/components/Video/Video.tsx b/packages/react/src/components/Video/Video.tsx
index 3831d456cb..83c30a52b0 100644
--- a/packages/react/src/components/Video/Video.tsx
+++ b/packages/react/src/components/Video/Video.tsx
@@ -8,7 +8,7 @@ import {
   UIComponentProps,
   commonPropTypes,
   ShorthandFactory,
-} from '../../lib'
+} from '../../utils'
 
 import { WithAsProp, withSafeTypeForAs } from '../../types'
 
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 1f7dc873f4..1c037220d2 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -236,12 +236,12 @@ export { default as TableCell } from './components/Table/TableCell'
 //
 // Utilities
 //
-export { default as mergeThemes } from './lib/mergeThemes'
-export * from './lib/createStardustComponent'
-export * from './lib'
+export { default as mergeThemes } from './utils/mergeThemes'
+export * from './utils/createStardustComponent'
+export * from './utils'
 export * from './types'
-export { Popper as UNSTABLE_Popper } from './lib/positioner'
-export * from './lib/positioner/types'
+export { Popper as UNSTABLE_Popper } from './utils/positioner'
+export * from './utils/positioner/types'
 
 //
 // FocusZone
diff --git a/packages/react/src/styles/translateAlignProp.ts b/packages/react/src/styles/translateAlignProp.ts
index e14a570f14..152f7d7cbd 100644
--- a/packages/react/src/styles/translateAlignProp.ts
+++ b/packages/react/src/styles/translateAlignProp.ts
@@ -1,5 +1,5 @@
 import { TextAlignProperty as RealTextAlignProperty } from 'csstype'
-import { AlignValue } from '../lib'
+import { AlignValue } from '../utils'
 
 /** Copy of TextAlignProperty from csstype (works around TS error) */
 // This is probably removable if we turn off isolatedModules in the future (then we can just
diff --git a/packages/react/src/themes/createTheme.ts b/packages/react/src/themes/createTheme.ts
index f44d6d9008..545be929eb 100644
--- a/packages/react/src/themes/createTheme.ts
+++ b/packages/react/src/themes/createTheme.ts
@@ -1,5 +1,5 @@
 import { ThemeInput, ThemePrepared } from './types'
-import withDebugId from '../lib/withDebugId'
+import withDebugId from '../utils/withDebugId'
 
 export const createTheme = <T = ThemeInput | ThemePrepared>(themeInput: T, debugId): T => {
   return withDebugId(themeInput, debugId)
diff --git a/packages/react/src/themes/teams-dark/index.ts b/packages/react/src/themes/teams-dark/index.ts
index 0e883d6101..cbfec470de 100644
--- a/packages/react/src/themes/teams-dark/index.ts
+++ b/packages/react/src/themes/teams-dark/index.ts
@@ -1,4 +1,4 @@
-import mergeThemes from '../../lib/mergeThemes'
+import mergeThemes from '../../utils/mergeThemes'
 import * as siteVariables from './siteVariables'
 import * as componentVariables from './componentVariables'
 import teams from '../teams'
diff --git a/packages/react/src/themes/teams-high-contrast/components/Dropdown/dropdownVariables.ts b/packages/react/src/themes/teams-high-contrast/components/Dropdown/dropdownVariables.ts
index 9f0463b630..cb7eb02cea 100644
--- a/packages/react/src/themes/teams-high-contrast/components/Dropdown/dropdownVariables.ts
+++ b/packages/react/src/themes/teams-high-contrast/components/Dropdown/dropdownVariables.ts
@@ -1,5 +1,5 @@
 import { DropdownVariables } from '../../../teams/components/Dropdown/dropdownVariables'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface DropdownVariablesHC extends DropdownVariables {
   borderColorHover: string
diff --git a/packages/react/src/themes/teams-high-contrast/components/Input/inputVariables.ts b/packages/react/src/themes/teams-high-contrast/components/Input/inputVariables.ts
index b5d448296e..53c0a0d9ab 100644
--- a/packages/react/src/themes/teams-high-contrast/components/Input/inputVariables.ts
+++ b/packages/react/src/themes/teams-high-contrast/components/Input/inputVariables.ts
@@ -1,5 +1,5 @@
 import { InputVariables } from '../../../teams/components/Input/inputVariables'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export default (siteVars: any): Partial<InputVariables> => {
   return {
diff --git a/packages/react/src/themes/teams-high-contrast/components/TextArea/textAreaVariables.ts b/packages/react/src/themes/teams-high-contrast/components/TextArea/textAreaVariables.ts
index 813d01e0e0..8869ebb350 100644
--- a/packages/react/src/themes/teams-high-contrast/components/TextArea/textAreaVariables.ts
+++ b/packages/react/src/themes/teams-high-contrast/components/TextArea/textAreaVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import { TextAreaVariables } from '../../../teams/components/TextArea/textAreaVariables'
 
 export default (siteVars: any): Partial<TextAreaVariables> => {
diff --git a/packages/react/src/themes/teams-high-contrast/index.ts b/packages/react/src/themes/teams-high-contrast/index.ts
index be1fbbf1fb..e515b8cde7 100644
--- a/packages/react/src/themes/teams-high-contrast/index.ts
+++ b/packages/react/src/themes/teams-high-contrast/index.ts
@@ -1,4 +1,4 @@
-import mergeThemes from '../../lib/mergeThemes'
+import mergeThemes from '../../utils/mergeThemes'
 import * as siteVariables from './siteVariables'
 import * as componentVariables from './componentVariables'
 import * as componentStyles from './componentStyles'
diff --git a/packages/react/src/themes/teams/components/Alert/alertVariables.ts b/packages/react/src/themes/teams/components/Alert/alertVariables.ts
index e988a1af1c..2690e424c0 100644
--- a/packages/react/src/themes/teams/components/Alert/alertVariables.ts
+++ b/packages/react/src/themes/teams/components/Alert/alertVariables.ts
@@ -1,6 +1,6 @@
 import { FontWeightProperty } from 'csstype'
 
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import { SiteVariablesPrepared } from '../../../types'
 
 export interface AlertVariables {
diff --git a/packages/react/src/themes/teams/components/Animation/animationStyles.ts b/packages/react/src/themes/teams/components/Animation/animationStyles.ts
index 556763024e..232605755f 100644
--- a/packages/react/src/themes/teams/components/Animation/animationStyles.ts
+++ b/packages/react/src/themes/teams/components/Animation/animationStyles.ts
@@ -1,5 +1,5 @@
 import { AnimationProp } from '../../../types'
-import createAnimationStyles from '../../../../lib/createAnimationStyles'
+import createAnimationStyles from '../../../../utils/createAnimationStyles'
 
 export default {
   root: () => ({
diff --git a/packages/react/src/themes/teams/components/Attachment/attachmentStyles.ts b/packages/react/src/themes/teams/components/Attachment/attachmentStyles.ts
index 3c4efc1fcd..38fa904dca 100644
--- a/packages/react/src/themes/teams/components/Attachment/attachmentStyles.ts
+++ b/packages/react/src/themes/teams/components/Attachment/attachmentStyles.ts
@@ -1,7 +1,7 @@
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import { AttachmentProps } from '../../../../components/Attachment/Attachment'
 import { AttachmentVariables } from './attachmentVariables'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import Icon from '../../../../components/Icon/Icon'
 import getBorderFocusStyles from '../../getBorderFocusStyles'
 import getIconFillOrOutlineStyles from '../../getIconFillOrOutlineStyles'
diff --git a/packages/react/src/themes/teams/components/Attachment/attachmentVariables.ts b/packages/react/src/themes/teams/components/Attachment/attachmentVariables.ts
index a440d72c34..8e60ca0cf0 100644
--- a/packages/react/src/themes/teams/components/Attachment/attachmentVariables.ts
+++ b/packages/react/src/themes/teams/components/Attachment/attachmentVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export type AttachmentVariables = {
   padding: string
diff --git a/packages/react/src/themes/teams/components/Avatar/avatarStyles.ts b/packages/react/src/themes/teams/components/Avatar/avatarStyles.ts
index 81573be61c..6ef4901484 100644
--- a/packages/react/src/themes/teams/components/Avatar/avatarStyles.ts
+++ b/packages/react/src/themes/teams/components/Avatar/avatarStyles.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import { AvatarProps } from '../../../../components/Avatar/Avatar'
 
diff --git a/packages/react/src/themes/teams/components/Button/buttonGroupStyles.ts b/packages/react/src/themes/teams/components/Button/buttonGroupStyles.ts
index 37c41833bf..edce456d10 100644
--- a/packages/react/src/themes/teams/components/Button/buttonGroupStyles.ts
+++ b/packages/react/src/themes/teams/components/Button/buttonGroupStyles.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import { ButtonGroupProps } from '../../../../components/Button/ButtonGroup'
 
diff --git a/packages/react/src/themes/teams/components/Button/buttonStyles.ts b/packages/react/src/themes/teams/components/Button/buttonStyles.ts
index 5f813f1061..bcd099a851 100644
--- a/packages/react/src/themes/teams/components/Button/buttonStyles.ts
+++ b/packages/react/src/themes/teams/components/Button/buttonStyles.ts
@@ -1,5 +1,5 @@
 import * as _ from 'lodash'
-import { pxToRem, createAnimationStyles } from '../../../../lib'
+import { pxToRem, createAnimationStyles } from '../../../../utils'
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import Loader from '../../../../components/Loader/Loader'
 import { ButtonProps } from '../../../../components/Button/Button'
diff --git a/packages/react/src/themes/teams/components/Button/buttonVariables.ts b/packages/react/src/themes/teams/components/Button/buttonVariables.ts
index 6cc2cffe21..5e959a22d8 100644
--- a/packages/react/src/themes/teams/components/Button/buttonVariables.ts
+++ b/packages/react/src/themes/teams/components/Button/buttonVariables.ts
@@ -1,6 +1,6 @@
 import { FontWeightProperty } from 'csstype'
 
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface ButtonVariables {
   padding: string
diff --git a/packages/react/src/themes/teams/components/Carousel/carouselItemStyles.ts b/packages/react/src/themes/teams/components/Carousel/carouselItemStyles.ts
index c2f7b8532c..640424a532 100644
--- a/packages/react/src/themes/teams/components/Carousel/carouselItemStyles.ts
+++ b/packages/react/src/themes/teams/components/Carousel/carouselItemStyles.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import { CarouselProps, CarouselState } from '../../../../components/Carousel/Carousel'
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import { CarouselVariables } from './carouselVariables'
diff --git a/packages/react/src/themes/teams/components/Carousel/carouselNavigationItemStyles.ts b/packages/react/src/themes/teams/components/Carousel/carouselNavigationItemStyles.ts
index 33af084c7c..9b6df59240 100644
--- a/packages/react/src/themes/teams/components/Carousel/carouselNavigationItemStyles.ts
+++ b/packages/react/src/themes/teams/components/Carousel/carouselNavigationItemStyles.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import { CarouselNavigationItemProps } from '../../../../components/Carousel/CarouselNavigationItem'
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import { CarouselNavigationVariables } from './carouselNavigationVariables'
diff --git a/packages/react/src/themes/teams/components/Carousel/carouselNavigationStyles.ts b/packages/react/src/themes/teams/components/Carousel/carouselNavigationStyles.ts
index d70dcdce71..4a047b0a35 100644
--- a/packages/react/src/themes/teams/components/Carousel/carouselNavigationStyles.ts
+++ b/packages/react/src/themes/teams/components/Carousel/carouselNavigationStyles.ts
@@ -1,7 +1,7 @@
 import { CarouselNavigationProps } from '../../../../components/Carousel/CarouselNavigation'
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import { CarouselNavigationVariables } from './carouselNavigationVariables'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import { getColorScheme } from '../../colors'
 
 const carouselNavigationStyles: ComponentSlotStylesPrepared<
diff --git a/packages/react/src/themes/teams/components/Carousel/carouselNavigationVariables.ts b/packages/react/src/themes/teams/components/Carousel/carouselNavigationVariables.ts
index 5fbfa72f27..8fec7db442 100644
--- a/packages/react/src/themes/teams/components/Carousel/carouselNavigationVariables.ts
+++ b/packages/react/src/themes/teams/components/Carousel/carouselNavigationVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem, stringLiteralsArray } from '../../../../lib'
+import { pxToRem, stringLiteralsArray } from '../../../../utils'
 import { extendColorScheme, pickValuesFromColorScheme } from '../../../colorUtils'
 import { ItemType } from '../../../types'
 import { TeamsSchemeMappingWithAreas } from '../../types'
diff --git a/packages/react/src/themes/teams/components/Carousel/carouselStyles.ts b/packages/react/src/themes/teams/components/Carousel/carouselStyles.ts
index b831ed2e73..1a0096941d 100644
--- a/packages/react/src/themes/teams/components/Carousel/carouselStyles.ts
+++ b/packages/react/src/themes/teams/components/Carousel/carouselStyles.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import { CarouselProps, CarouselState } from '../../../../components/Carousel/Carousel'
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import { CarouselVariables } from './carouselVariables'
diff --git a/packages/react/src/themes/teams/components/Chat/chatItemStyles.ts b/packages/react/src/themes/teams/components/Chat/chatItemStyles.ts
index 83a9b980b5..a261c2d6d2 100644
--- a/packages/react/src/themes/teams/components/Chat/chatItemStyles.ts
+++ b/packages/react/src/themes/teams/components/Chat/chatItemStyles.ts
@@ -1,7 +1,7 @@
 import { ICSSInJSStyle, ComponentSlotStylesPrepared } from '../../../types'
 import { ChatItemVariables } from './chatItemVariables'
 import { ChatItemProps } from '../../../../components/Chat/ChatItem'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 const chatItemStyles: ComponentSlotStylesPrepared<ChatItemProps, ChatItemVariables> = {
   root: ({ props: p, variables: v }): ICSSInJSStyle => ({
diff --git a/packages/react/src/themes/teams/components/Chat/chatItemVariables.ts b/packages/react/src/themes/teams/components/Chat/chatItemVariables.ts
index 5b4f8e79b8..52599311e2 100644
--- a/packages/react/src/themes/teams/components/Chat/chatItemVariables.ts
+++ b/packages/react/src/themes/teams/components/Chat/chatItemVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface ChatItemVariables {
   margin: string
diff --git a/packages/react/src/themes/teams/components/Chat/chatMessageStyles.ts b/packages/react/src/themes/teams/components/Chat/chatMessageStyles.ts
index ef7d784d14..c5c391c92d 100644
--- a/packages/react/src/themes/teams/components/Chat/chatMessageStyles.ts
+++ b/packages/react/src/themes/teams/components/Chat/chatMessageStyles.ts
@@ -6,8 +6,8 @@ import {
   ChatMessageState,
 } from '../../../../components/Chat/ChatMessage'
 import { ChatMessageVariables } from './chatMessageVariables'
-import { screenReaderContainerStyles } from '../../../../lib/accessibility/Styles/accessibilityStyles'
-import { pxToRem } from '../../../../lib'
+import { screenReaderContainerStyles } from '../../../../utils/accessibility/Styles/accessibilityStyles'
+import { pxToRem } from '../../../../utils'
 import getBorderFocusStyles from '../../getBorderFocusStyles'
 
 const chatMessageStyles: ComponentSlotStylesPrepared<
diff --git a/packages/react/src/themes/teams/components/Chat/chatMessageVariables.ts b/packages/react/src/themes/teams/components/Chat/chatMessageVariables.ts
index 0e54d0efc6..b1bee0ca75 100644
--- a/packages/react/src/themes/teams/components/Chat/chatMessageVariables.ts
+++ b/packages/react/src/themes/teams/components/Chat/chatMessageVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface ChatMessageVariables {
   actionMenuBoxShadow: string
diff --git a/packages/react/src/themes/teams/components/Chat/chatStyles.ts b/packages/react/src/themes/teams/components/Chat/chatStyles.ts
index 97584c76b1..ebfbcca023 100644
--- a/packages/react/src/themes/teams/components/Chat/chatStyles.ts
+++ b/packages/react/src/themes/teams/components/Chat/chatStyles.ts
@@ -1,7 +1,7 @@
 import { ICSSInJSStyle, ComponentSlotStylesPrepared } from '../../../types'
 import { ChatVariables } from './chatVariables'
 import { ChatProps } from '../../../../components/Chat/Chat'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 const chatStyles: ComponentSlotStylesPrepared<ChatProps, ChatVariables> = {
   root: ({ variables: v }): ICSSInJSStyle => ({
diff --git a/packages/react/src/themes/teams/components/Checkbox/checkboxVariables.ts b/packages/react/src/themes/teams/components/Checkbox/checkboxVariables.ts
index 374d9b1c57..b1451ee641 100644
--- a/packages/react/src/themes/teams/components/Checkbox/checkboxVariables.ts
+++ b/packages/react/src/themes/teams/components/Checkbox/checkboxVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import * as _ from 'lodash'
 
 export type CheckboxVariables = {
diff --git a/packages/react/src/themes/teams/components/Dialog/dialogVariables.ts b/packages/react/src/themes/teams/components/Dialog/dialogVariables.ts
index 4e192ccd96..46125fa610 100644
--- a/packages/react/src/themes/teams/components/Dialog/dialogVariables.ts
+++ b/packages/react/src/themes/teams/components/Dialog/dialogVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface DialogVariables {
   rootBackground: string
diff --git a/packages/react/src/themes/teams/components/Divider/dividerStyles.ts b/packages/react/src/themes/teams/components/Divider/dividerStyles.ts
index 7cdf4ce7e2..3435c968db 100644
--- a/packages/react/src/themes/teams/components/Divider/dividerStyles.ts
+++ b/packages/react/src/themes/teams/components/Divider/dividerStyles.ts
@@ -1,6 +1,6 @@
 import * as _ from 'lodash'
 
-import { childrenExist, pxToRem } from '../../../../lib'
+import { childrenExist, pxToRem } from '../../../../utils'
 import {
   ComponentSlotStylesPrepared,
   ICSSInJSStyle,
diff --git a/packages/react/src/themes/teams/components/Divider/dividerVariables.ts b/packages/react/src/themes/teams/components/Divider/dividerVariables.ts
index 531c6db2d0..b792ecf1f2 100644
--- a/packages/react/src/themes/teams/components/Divider/dividerVariables.ts
+++ b/packages/react/src/themes/teams/components/Divider/dividerVariables.ts
@@ -1,5 +1,5 @@
 import { FontWeightProperty } from 'csstype'
-import { pxToRem, stringLiteralsArray } from '../../../../lib'
+import { pxToRem, stringLiteralsArray } from '../../../../utils'
 import { ItemType } from '../../../types'
 import { TeamsSchemeMappingWithAreas } from '../../types'
 import { pickValuesFromColorScheme } from '../../../colorUtils'
diff --git a/packages/react/src/themes/teams/components/Dropdown/dropdownItemStyles.ts b/packages/react/src/themes/teams/components/Dropdown/dropdownItemStyles.ts
index e38fc192df..d1205c79f5 100644
--- a/packages/react/src/themes/teams/components/Dropdown/dropdownItemStyles.ts
+++ b/packages/react/src/themes/teams/components/Dropdown/dropdownItemStyles.ts
@@ -2,7 +2,7 @@ import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import { DropdownVariables } from './dropdownVariables'
 import DropdownItem, { DropdownItemProps } from '../../../../components/Dropdown/DropdownItem'
 import getBorderFocusStyles from '../../getBorderFocusStyles'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 const dropdownItemStyles: ComponentSlotStylesPrepared<DropdownItemProps, DropdownVariables> = {
   root: ({ props: p, variables: v, theme: { siteVariables } }): ICSSInJSStyle => ({
diff --git a/packages/react/src/themes/teams/components/Dropdown/dropdownStyles.ts b/packages/react/src/themes/teams/components/Dropdown/dropdownStyles.ts
index f1ecca4b09..93167296d3 100644
--- a/packages/react/src/themes/teams/components/Dropdown/dropdownStyles.ts
+++ b/packages/react/src/themes/teams/components/Dropdown/dropdownStyles.ts
@@ -9,7 +9,7 @@ import {
   DropdownState,
 } from '../../../../components/Dropdown/Dropdown'
 import { DropdownVariables } from './dropdownVariables'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import getBorderFocusStyles from '../../getBorderFocusStyles'
 
 type DropdownPropsAndState = DropdownProps & DropdownState
diff --git a/packages/react/src/themes/teams/components/Dropdown/dropdownVariables.ts b/packages/react/src/themes/teams/components/Dropdown/dropdownVariables.ts
index d49fcb0e30..fbca04bd67 100644
--- a/packages/react/src/themes/teams/components/Dropdown/dropdownVariables.ts
+++ b/packages/react/src/themes/teams/components/Dropdown/dropdownVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface DropdownVariables {
   backgroundColor: string
diff --git a/packages/react/src/themes/teams/components/Embed/embedStyles.ts b/packages/react/src/themes/teams/components/Embed/embedStyles.ts
index 3efff54bf4..2fb850070d 100644
--- a/packages/react/src/themes/teams/components/Embed/embedStyles.ts
+++ b/packages/react/src/themes/teams/components/Embed/embedStyles.ts
@@ -1,5 +1,5 @@
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import Embed, { EmbedProps, EmbedState } from '../../../../components/Embed/Embed'
 import { EmbedVariables } from './embedVariables'
 import getBorderFocusStyles from '../../getBorderFocusStyles'
diff --git a/packages/react/src/themes/teams/components/Flex/flexItemVariables.ts b/packages/react/src/themes/teams/components/Flex/flexItemVariables.ts
index 10e7650816..e60e91d3d8 100644
--- a/packages/react/src/themes/teams/components/Flex/flexItemVariables.ts
+++ b/packages/react/src/themes/teams/components/Flex/flexItemVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 import { FlexItemProps } from '../../../../components/Flex/FlexItem'
 
diff --git a/packages/react/src/themes/teams/components/Flex/flexVariables.ts b/packages/react/src/themes/teams/components/Flex/flexVariables.ts
index 64b3e3fc56..95d5fb4a64 100644
--- a/packages/react/src/themes/teams/components/Flex/flexVariables.ts
+++ b/packages/react/src/themes/teams/components/Flex/flexVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import { FlexProps } from '../../../../components/Flex/Flex'
 
 type GapValues = Record<FlexProps['gap'], string>
diff --git a/packages/react/src/themes/teams/components/Form/formFieldStyles.ts b/packages/react/src/themes/teams/components/Form/formFieldStyles.ts
index 6d19872650..6e8fbd5b9b 100644
--- a/packages/react/src/themes/teams/components/Form/formFieldStyles.ts
+++ b/packages/react/src/themes/teams/components/Form/formFieldStyles.ts
@@ -1,6 +1,6 @@
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import { FormProps } from '../../../../components/Form/Form'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 const formFieldStyles: ComponentSlotStylesPrepared<FormProps, any> = {
   root: ({ props, variables }): ICSSInJSStyle => ({}),
diff --git a/packages/react/src/themes/teams/components/Form/formStyles.ts b/packages/react/src/themes/teams/components/Form/formStyles.ts
index 02823cd8ec..4d8fd49b39 100644
--- a/packages/react/src/themes/teams/components/Form/formStyles.ts
+++ b/packages/react/src/themes/teams/components/Form/formStyles.ts
@@ -1,6 +1,6 @@
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import { FormProps } from '../../../../components/Form/Form'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 const formStyles: ComponentSlotStylesPrepared<FormProps, any> = {
   root: ({ props, variables }): ICSSInJSStyle => ({
diff --git a/packages/react/src/themes/teams/components/Header/headerDescriptionStyles.ts b/packages/react/src/themes/teams/components/Header/headerDescriptionStyles.ts
index 285398982a..25d281240b 100644
--- a/packages/react/src/themes/teams/components/Header/headerDescriptionStyles.ts
+++ b/packages/react/src/themes/teams/components/Header/headerDescriptionStyles.ts
@@ -3,7 +3,7 @@ import * as _ from 'lodash'
 import { ICSSInJSStyle, ComponentSlotStylesPrepared } from '../../../types'
 import { HeaderDescriptionProps } from '../../../../components/Header/HeaderDescription'
 import { HeaderDescriptionVariables } from './headerDescriptionVariables'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 const headerStyles: ComponentSlotStylesPrepared<
   HeaderDescriptionProps,
diff --git a/packages/react/src/themes/teams/components/Header/headerDescriptionVariables.ts b/packages/react/src/themes/teams/components/Header/headerDescriptionVariables.ts
index 39dd04bc00..d5a7c90fb7 100644
--- a/packages/react/src/themes/teams/components/Header/headerDescriptionVariables.ts
+++ b/packages/react/src/themes/teams/components/Header/headerDescriptionVariables.ts
@@ -1,7 +1,7 @@
 import { ItemType } from '../../../types'
 import { TeamsSchemeMappingWithAreas } from '../../types'
 import { pickValuesFromColorScheme } from '../../../colorUtils'
-import { stringLiteralsArray } from '../../../../lib'
+import { stringLiteralsArray } from '../../../../utils'
 
 export const headerDescriptionColorAreas = stringLiteralsArray('foreground')
 export type HeaderDescriptionColorSchemeMapping = TeamsSchemeMappingWithAreas<
diff --git a/packages/react/src/themes/teams/components/Header/headerVariables.ts b/packages/react/src/themes/teams/components/Header/headerVariables.ts
index 88af6c29e0..b64e8b68ed 100644
--- a/packages/react/src/themes/teams/components/Header/headerVariables.ts
+++ b/packages/react/src/themes/teams/components/Header/headerVariables.ts
@@ -1,7 +1,7 @@
 import { ItemType } from '../../../types'
 import { TeamsSchemeMappingWithAreas } from '../../types'
 import { pickValuesFromColorScheme } from '../../../colorUtils'
-import { stringLiteralsArray } from '../../../../lib'
+import { stringLiteralsArray } from '../../../../utils'
 
 export const headerColorAreas = stringLiteralsArray('foreground')
 export type HeaderColorSchemeMapping = TeamsSchemeMappingWithAreas<
diff --git a/packages/react/src/themes/teams/components/HierarchicalTree/hierarchicalTreeItemStyles.ts b/packages/react/src/themes/teams/components/HierarchicalTree/hierarchicalTreeItemStyles.ts
index b01235e452..7cdd4b8ba4 100644
--- a/packages/react/src/themes/teams/components/HierarchicalTree/hierarchicalTreeItemStyles.ts
+++ b/packages/react/src/themes/teams/components/HierarchicalTree/hierarchicalTreeItemStyles.ts
@@ -1,5 +1,5 @@
 import { ICSSInJSStyle } from '../../../types'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import getBorderFocusStyles from '../../getBorderFocusStyles'
 import HierarchicalTreeTitle from '../../../../components/HierarchicalTree/HierarchicalTreeTitle'
 
diff --git a/packages/react/src/themes/teams/components/HierarchicalTree/hierarchicalTreeStyles.ts b/packages/react/src/themes/teams/components/HierarchicalTree/hierarchicalTreeStyles.ts
index 960bbcf983..2615fc27bd 100644
--- a/packages/react/src/themes/teams/components/HierarchicalTree/hierarchicalTreeStyles.ts
+++ b/packages/react/src/themes/teams/components/HierarchicalTree/hierarchicalTreeStyles.ts
@@ -1,5 +1,5 @@
 import { ICSSInJSStyle } from '../../../types'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 const hierarchicalTreeStyles = {
   root: (): ICSSInJSStyle => ({
diff --git a/packages/react/src/themes/teams/components/HierarchicalTree/hierarchicalTreeTitleStyles.ts b/packages/react/src/themes/teams/components/HierarchicalTree/hierarchicalTreeTitleStyles.ts
index 31fa55be2b..113e57e32e 100644
--- a/packages/react/src/themes/teams/components/HierarchicalTree/hierarchicalTreeTitleStyles.ts
+++ b/packages/react/src/themes/teams/components/HierarchicalTree/hierarchicalTreeTitleStyles.ts
@@ -1,5 +1,5 @@
 import { ICSSInJSStyle } from '../../../types'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import getBorderFocusStyles from '../../getBorderFocusStyles'
 
 const hierarchicalTreeTitleStyles = {
diff --git a/packages/react/src/themes/teams/components/Icon/iconStyles.ts b/packages/react/src/themes/teams/components/Icon/iconStyles.ts
index e4e7e09ce7..a679a42264 100644
--- a/packages/react/src/themes/teams/components/Icon/iconStyles.ts
+++ b/packages/react/src/themes/teams/components/Icon/iconStyles.ts
@@ -1,7 +1,7 @@
 import { callable } from '@fluentui/react-bindings'
 import * as _ from 'lodash'
 
-import { pxToRem, SizeValue } from '../../../../lib'
+import { pxToRem, SizeValue } from '../../../../utils'
 import {
   ComponentSlotStylesPrepared,
   ICSSInJSStyle,
diff --git a/packages/react/src/themes/teams/components/Icon/iconVariables.ts b/packages/react/src/themes/teams/components/Icon/iconVariables.ts
index 20d18dd498..ddeb45a9d8 100644
--- a/packages/react/src/themes/teams/components/Icon/iconVariables.ts
+++ b/packages/react/src/themes/teams/components/Icon/iconVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem, stringLiteralsArray } from '../../../../lib'
+import { pxToRem, stringLiteralsArray } from '../../../../utils'
 import { ItemType } from '../../../types'
 import { TeamsSchemeMappingWithAreas } from '../../types'
 import { pickValuesFromColorScheme } from '../../../colorUtils'
diff --git a/packages/react/src/themes/teams/components/Image/imageVariables.ts b/packages/react/src/themes/teams/components/Image/imageVariables.ts
index 3872452bfb..580023877d 100644
--- a/packages/react/src/themes/teams/components/Image/imageVariables.ts
+++ b/packages/react/src/themes/teams/components/Image/imageVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export default () => ({
   width: undefined,
diff --git a/packages/react/src/themes/teams/components/Input/inputVariables.ts b/packages/react/src/themes/teams/components/Input/inputVariables.ts
index 0ab678b9a1..447521c242 100644
--- a/packages/react/src/themes/teams/components/Input/inputVariables.ts
+++ b/packages/react/src/themes/teams/components/Input/inputVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface InputVariables {
   backgroundColor: string
diff --git a/packages/react/src/themes/teams/components/ItemLayout/itemLayoutVariables.ts b/packages/react/src/themes/teams/components/ItemLayout/itemLayoutVariables.ts
index 301229dbae..76e5d80ce4 100644
--- a/packages/react/src/themes/teams/components/ItemLayout/itemLayoutVariables.ts
+++ b/packages/react/src/themes/teams/components/ItemLayout/itemLayoutVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export default () => {
   const vars: any = {}
diff --git a/packages/react/src/themes/teams/components/Label/labelStyles.ts b/packages/react/src/themes/teams/components/Label/labelStyles.ts
index 454d1f5a51..48afdbe879 100644
--- a/packages/react/src/themes/teams/components/Label/labelStyles.ts
+++ b/packages/react/src/themes/teams/components/Label/labelStyles.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import { LabelProps } from '../../../../components/Label/Label'
 import { LabelVariables } from './labelVariables'
diff --git a/packages/react/src/themes/teams/components/Label/labelVariables.ts b/packages/react/src/themes/teams/components/Label/labelVariables.ts
index 117f547132..98d2920893 100644
--- a/packages/react/src/themes/teams/components/Label/labelVariables.ts
+++ b/packages/react/src/themes/teams/components/Label/labelVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem, stringLiteralsArray } from '../../../../lib'
+import { pxToRem, stringLiteralsArray } from '../../../../utils'
 import { SiteVariablesPrepared, ItemType } from '../../../types'
 import { TeamsSchemeMappingWithAreas } from '../../types'
 import { extendColorScheme, pickValuesFromColorScheme } from '../../../colorUtils'
diff --git a/packages/react/src/themes/teams/components/List/listItemStyles.ts b/packages/react/src/themes/teams/components/List/listItemStyles.ts
index 65177eef1d..3437bce67f 100644
--- a/packages/react/src/themes/teams/components/List/listItemStyles.ts
+++ b/packages/react/src/themes/teams/components/List/listItemStyles.ts
@@ -1,5 +1,5 @@
-import { pxToRem } from '../../../../lib'
-import { screenReaderContainerStyles } from '../../../../lib/accessibility/Styles/accessibilityStyles'
+import { pxToRem } from '../../../../utils'
+import { screenReaderContainerStyles } from '../../../../utils/accessibility/Styles/accessibilityStyles'
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import { default as ListItem, ListItemProps } from '../../../../components/List/ListItem'
 import getBorderFocusStyles from '../../getBorderFocusStyles'
diff --git a/packages/react/src/themes/teams/components/List/listItemVariables.ts b/packages/react/src/themes/teams/components/List/listItemVariables.ts
index d73145b3fd..7941c0e8de 100644
--- a/packages/react/src/themes/teams/components/List/listItemVariables.ts
+++ b/packages/react/src/themes/teams/components/List/listItemVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface ListItemVariables {
   minHeight: string
diff --git a/packages/react/src/themes/teams/components/Loader/loaderStyles.ts b/packages/react/src/themes/teams/components/Loader/loaderStyles.ts
index 5625398568..c69a0bfe95 100644
--- a/packages/react/src/themes/teams/components/Loader/loaderStyles.ts
+++ b/packages/react/src/themes/teams/components/Loader/loaderStyles.ts
@@ -6,7 +6,7 @@ import {
 import { FlexDirectionProperty } from 'csstype'
 import { LoaderProps } from '../../../../components/Loader/Loader'
 import { LoaderVariables } from './loaderVariables'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import { ObjectOf } from '../../../../types'
 
 const rootFlexDirections: ObjectOf<FlexDirectionProperty> = {
diff --git a/packages/react/src/themes/teams/components/Loader/loaderVariables.ts b/packages/react/src/themes/teams/components/Loader/loaderVariables.ts
index beda5922a0..20de31791f 100644
--- a/packages/react/src/themes/teams/components/Loader/loaderVariables.ts
+++ b/packages/react/src/themes/teams/components/Loader/loaderVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem, SizeValue } from '../../../../lib'
+import { pxToRem, SizeValue } from '../../../../utils'
 import svgContent from './loaderSvgDataUrl'
 
 export interface LoaderVariables {
diff --git a/packages/react/src/themes/teams/components/Menu/menuItemStyles.ts b/packages/react/src/themes/teams/components/Menu/menuItemStyles.ts
index 6e822e09b3..eba68f74a5 100644
--- a/packages/react/src/themes/teams/components/Menu/menuItemStyles.ts
+++ b/packages/react/src/themes/teams/components/Menu/menuItemStyles.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import {
   ComponentSlotStylesPrepared,
   ICSSInJSStyle,
diff --git a/packages/react/src/themes/teams/components/Menu/menuStyles.ts b/packages/react/src/themes/teams/components/Menu/menuStyles.ts
index 3e3a0e0ce1..09b9ce4932 100644
--- a/packages/react/src/themes/teams/components/Menu/menuStyles.ts
+++ b/packages/react/src/themes/teams/components/Menu/menuStyles.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import { MenuProps, MenuState } from '../../../../components/Menu/Menu'
 import { MenuVariables } from './menuVariables'
diff --git a/packages/react/src/themes/teams/components/Menu/menuVariables.ts b/packages/react/src/themes/teams/components/Menu/menuVariables.ts
index 0ddfa87f1f..8ea319c5c3 100644
--- a/packages/react/src/themes/teams/components/Menu/menuVariables.ts
+++ b/packages/react/src/themes/teams/components/Menu/menuVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem, stringLiteralsArray } from '../../../../lib'
+import { pxToRem, stringLiteralsArray } from '../../../../utils'
 import { extendColorScheme, pickValuesFromColorScheme } from '../../../colorUtils'
 import { ItemType } from '../../../types'
 import { TeamsSchemeMappingWithAreas } from '../../types'
diff --git a/packages/react/src/themes/teams/components/Popup/popupContentVariables.ts b/packages/react/src/themes/teams/components/Popup/popupContentVariables.ts
index 3cd233c20b..f6de209a54 100644
--- a/packages/react/src/themes/teams/components/Popup/popupContentVariables.ts
+++ b/packages/react/src/themes/teams/components/Popup/popupContentVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface PopupContentVariables {
   borderColor: string
diff --git a/packages/react/src/themes/teams/components/Provider/providerBoxVariables.ts b/packages/react/src/themes/teams/components/Provider/providerBoxVariables.ts
index 32ac03184d..2c2ff4c68d 100644
--- a/packages/react/src/themes/teams/components/Provider/providerBoxVariables.ts
+++ b/packages/react/src/themes/teams/components/Provider/providerBoxVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface ProviderBoxVariables {
   background: string
diff --git a/packages/react/src/themes/teams/components/RadioGroup/radioGroupItemStyles.ts b/packages/react/src/themes/teams/components/RadioGroup/radioGroupItemStyles.ts
index 63ce634edf..d66280fcae 100644
--- a/packages/react/src/themes/teams/components/RadioGroup/radioGroupItemStyles.ts
+++ b/packages/react/src/themes/teams/components/RadioGroup/radioGroupItemStyles.ts
@@ -4,7 +4,7 @@ import {
   RadioGroupItemState,
 } from '../../../../components/RadioGroup/RadioGroupItem'
 import { RadioGroupItemVariables } from './radioGroupItemVariables'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import Icon from '../../../../components/Icon/Icon'
 import getBorderFocusStyles from '../../getBorderFocusStyles'
 import getIconFillOrOutlineStyles from '../../getIconFillOrOutlineStyles'
diff --git a/packages/react/src/themes/teams/components/RadioGroup/radioGroupItemVariables.ts b/packages/react/src/themes/teams/components/RadioGroup/radioGroupItemVariables.ts
index 0c8c1c9116..fe51cba891 100644
--- a/packages/react/src/themes/teams/components/RadioGroup/radioGroupItemVariables.ts
+++ b/packages/react/src/themes/teams/components/RadioGroup/radioGroupItemVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export type RadioGroupItemVariables = {
   colorDisabled: string
diff --git a/packages/react/src/themes/teams/components/Reaction/reactionGroupVariables.ts b/packages/react/src/themes/teams/components/Reaction/reactionGroupVariables.ts
index 9c85ef696b..635526c5b4 100644
--- a/packages/react/src/themes/teams/components/Reaction/reactionGroupVariables.ts
+++ b/packages/react/src/themes/teams/components/Reaction/reactionGroupVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface ReactionGroupVariables {
   reactionSpacing: string
diff --git a/packages/react/src/themes/teams/components/Reaction/reactionStyles.ts b/packages/react/src/themes/teams/components/Reaction/reactionStyles.ts
index a049873806..6878796c97 100644
--- a/packages/react/src/themes/teams/components/Reaction/reactionStyles.ts
+++ b/packages/react/src/themes/teams/components/Reaction/reactionStyles.ts
@@ -1,7 +1,7 @@
 import { FontWeightProperty } from 'csstype'
 import { ICSSInJSStyle, ComponentSlotStylesPrepared } from '../../../types'
 import { default as Reaction, ReactionProps } from '../../../../components/Reaction/Reaction'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import { ReactionVariables } from './reactionVariables'
 
 const contentClassNameSelector = `& .${Reaction.slotClassNames.content}`
diff --git a/packages/react/src/themes/teams/components/Reaction/reactionVariables.ts b/packages/react/src/themes/teams/components/Reaction/reactionVariables.ts
index 0b7d4c36c4..738d66963d 100644
--- a/packages/react/src/themes/teams/components/Reaction/reactionVariables.ts
+++ b/packages/react/src/themes/teams/components/Reaction/reactionVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface ReactionVariables {
   meReactingColor: string
diff --git a/packages/react/src/themes/teams/components/Segment/segmentVariables.ts b/packages/react/src/themes/teams/components/Segment/segmentVariables.ts
index 20b87cf6cc..12882176f4 100644
--- a/packages/react/src/themes/teams/components/Segment/segmentVariables.ts
+++ b/packages/react/src/themes/teams/components/Segment/segmentVariables.ts
@@ -1,7 +1,7 @@
 import { ItemType } from '../../../../themes/types'
 import { TeamsSchemeMappingWithAreas } from '../../types'
 import { pickValuesFromColorScheme } from '../../../colorUtils'
-import { stringLiteralsArray } from '../../../../lib'
+import { stringLiteralsArray } from '../../../../utils'
 
 export const segmentColorAreas = stringLiteralsArray('foreground')
 export type SegmentColorSchemeMapping = TeamsSchemeMappingWithAreas<
diff --git a/packages/react/src/themes/teams/components/Slider/sliderVariables.ts b/packages/react/src/themes/teams/components/Slider/sliderVariables.ts
index 43d880df98..41baab0ba1 100644
--- a/packages/react/src/themes/teams/components/Slider/sliderVariables.ts
+++ b/packages/react/src/themes/teams/components/Slider/sliderVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import { SiteVariablesPrepared } from '../../../types'
 
 export interface SliderVariables {
diff --git a/packages/react/src/themes/teams/components/SplitButton/splitButtonVariables.ts b/packages/react/src/themes/teams/components/SplitButton/splitButtonVariables.ts
index fe8e213465..98880ef726 100644
--- a/packages/react/src/themes/teams/components/SplitButton/splitButtonVariables.ts
+++ b/packages/react/src/themes/teams/components/SplitButton/splitButtonVariables.ts
@@ -1,6 +1,6 @@
 import { SiteVariablesPrepared } from '../../../types'
 
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface SplitButtonVariables {
   borderRadius: string
diff --git a/packages/react/src/themes/teams/components/Status/statusStyles.ts b/packages/react/src/themes/teams/components/Status/statusStyles.ts
index 4dc83435a7..d065bba941 100644
--- a/packages/react/src/themes/teams/components/Status/statusStyles.ts
+++ b/packages/react/src/themes/teams/components/Status/statusStyles.ts
@@ -1,4 +1,4 @@
-import { pxToRem, SizeValue } from '../../../../lib'
+import { pxToRem, SizeValue } from '../../../../utils'
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
 import { StatusProps } from '../../../../components/Status/Status'
 import { StatusVariables } from './statusVariables'
diff --git a/packages/react/src/themes/teams/components/Table/tableVariables.ts b/packages/react/src/themes/teams/components/Table/tableVariables.ts
index 541d3b1649..ea7149f6ae 100644
--- a/packages/react/src/themes/teams/components/Table/tableVariables.ts
+++ b/packages/react/src/themes/teams/components/Table/tableVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface TeamsTableVariables {
   color: string
diff --git a/packages/react/src/themes/teams/components/Text/textVariables.ts b/packages/react/src/themes/teams/components/Text/textVariables.ts
index 6e1db559bc..5ac7b4876b 100644
--- a/packages/react/src/themes/teams/components/Text/textVariables.ts
+++ b/packages/react/src/themes/teams/components/Text/textVariables.ts
@@ -1,6 +1,6 @@
 import { ItemType } from '../../../../themes/types'
 import { TeamsSchemeMappingWithAreas } from '../../types'
-import { stringLiteralsArray } from '../../../../lib'
+import { stringLiteralsArray } from '../../../../utils'
 import { pickValuesFromColorScheme } from '../../../colorUtils'
 
 export const textColorAreas = stringLiteralsArray('foreground')
diff --git a/packages/react/src/themes/teams/components/TextArea/textAreaVariables.ts b/packages/react/src/themes/teams/components/TextArea/textAreaVariables.ts
index 14a9f15162..8848330265 100644
--- a/packages/react/src/themes/teams/components/TextArea/textAreaVariables.ts
+++ b/packages/react/src/themes/teams/components/TextArea/textAreaVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface TextAreaVariables {
   backgroundColor: string
diff --git a/packages/react/src/themes/teams/components/Toolbar/toolbarMenuItemStyles.ts b/packages/react/src/themes/teams/components/Toolbar/toolbarMenuItemStyles.ts
index 36386eb0df..056c4d2f78 100644
--- a/packages/react/src/themes/teams/components/Toolbar/toolbarMenuItemStyles.ts
+++ b/packages/react/src/themes/teams/components/Toolbar/toolbarMenuItemStyles.ts
@@ -1,6 +1,6 @@
 import { ICSSInJSStyle } from '../../../types'
 import { getColorScheme } from '../../colors'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import getBorderFocusStyles from '../../getBorderFocusStyles'
 
 const toolbarMenuItemStyles = {
diff --git a/packages/react/src/themes/teams/components/Toolbar/toolbarVariables.ts b/packages/react/src/themes/teams/components/Toolbar/toolbarVariables.ts
index 6cf503961f..e9b1520a92 100644
--- a/packages/react/src/themes/teams/components/Toolbar/toolbarVariables.ts
+++ b/packages/react/src/themes/teams/components/Toolbar/toolbarVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem, stringLiteralsArray } from '../../../../lib'
+import { pxToRem, stringLiteralsArray } from '../../../../utils'
 import { extendColorScheme, pickValuesFromColorScheme } from '../../../colorUtils'
 import { ItemType } from '../../../types'
 import { TeamsSchemeMappingWithAreas } from '../../types'
diff --git a/packages/react/src/themes/teams/components/Tooltip/tooltipContentStyles.ts b/packages/react/src/themes/teams/components/Tooltip/tooltipContentStyles.ts
index 97c864e84c..dcdbf5d814 100644
--- a/packages/react/src/themes/teams/components/Tooltip/tooltipContentStyles.ts
+++ b/packages/react/src/themes/teams/components/Tooltip/tooltipContentStyles.ts
@@ -3,7 +3,7 @@ import { TooltipContentProps } from '../../../../components/Tooltip/TooltipConte
 import { TooltipContentVariables } from './tooltipContentVariables'
 import getPointerStyles from '../../getPointerStyles'
 import pointerSvg from '../../pointerSvgUrl'
-import { PopperChildrenProps } from '../../../../lib/positioner'
+import { PopperChildrenProps } from '../../../../utils/positioner'
 
 const getPointerOffset = (
   placement: PopperChildrenProps['placement'],
diff --git a/packages/react/src/themes/teams/components/Tooltip/tooltipContentVariables.ts b/packages/react/src/themes/teams/components/Tooltip/tooltipContentVariables.ts
index d5e2e4e1d9..fba45cfb17 100644
--- a/packages/react/src/themes/teams/components/Tooltip/tooltipContentVariables.ts
+++ b/packages/react/src/themes/teams/components/Tooltip/tooltipContentVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface TooltipContentVariables {
   boxShadow: string
diff --git a/packages/react/src/themes/teams/components/Tree/treeItemStyles.ts b/packages/react/src/themes/teams/components/Tree/treeItemStyles.ts
index c69e082558..98c89d9357 100644
--- a/packages/react/src/themes/teams/components/Tree/treeItemStyles.ts
+++ b/packages/react/src/themes/teams/components/Tree/treeItemStyles.ts
@@ -1,5 +1,5 @@
 import { ComponentSlotStylesPrepared, ICSSInJSStyle } from '../../../types'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 import getBorderFocusStyles from '../../getBorderFocusStyles'
 import { TreeItemProps } from '../../../../components/Tree/TreeItem'
 import TreeTitle from '../../../../components/Tree/TreeTitle'
diff --git a/packages/react/src/themes/teams/components/Tree/treeStyles.ts b/packages/react/src/themes/teams/components/Tree/treeStyles.ts
index 713956a787..cf89cac995 100644
--- a/packages/react/src/themes/teams/components/Tree/treeStyles.ts
+++ b/packages/react/src/themes/teams/components/Tree/treeStyles.ts
@@ -1,5 +1,5 @@
 import { ICSSInJSStyle } from '../../../types'
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 const treeStyles = {
   root: (): ICSSInJSStyle => ({
diff --git a/packages/react/src/themes/teams/components/Tree/treeTitleVariables.ts b/packages/react/src/themes/teams/components/Tree/treeTitleVariables.ts
index f59909f119..82113339d4 100644
--- a/packages/react/src/themes/teams/components/Tree/treeTitleVariables.ts
+++ b/packages/react/src/themes/teams/components/Tree/treeTitleVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../../../lib'
+import { pxToRem } from '../../../../utils'
 
 export interface TreeTitleVariables {
   color: string
diff --git a/packages/react/src/themes/teams/getPointerStyles.ts b/packages/react/src/themes/teams/getPointerStyles.ts
index 1ee79f135f..76a16058cb 100644
--- a/packages/react/src/themes/teams/getPointerStyles.ts
+++ b/packages/react/src/themes/teams/getPointerStyles.ts
@@ -1,4 +1,4 @@
-import { PopperChildrenProps } from '../../lib/positioner'
+import { PopperChildrenProps } from '../../utils/positioner'
 
 const rtlMapping = {
   left: 'right',
diff --git a/packages/react/src/themes/teams/siteVariables.ts b/packages/react/src/themes/teams/siteVariables.ts
index 13d4675641..2703f88f72 100644
--- a/packages/react/src/themes/teams/siteVariables.ts
+++ b/packages/react/src/themes/teams/siteVariables.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from '../../lib'
+import { pxToRem } from '../../utils'
 import { colors } from './colors'
 
 //
diff --git a/packages/react/src/types.ts b/packages/react/src/types.ts
index 72d9f3924c..e3024e2d9f 100644
--- a/packages/react/src/types.ts
+++ b/packages/react/src/types.ts
@@ -4,7 +4,7 @@
 
 import * as React from 'react'
 import { ThemeInput, Renderer, ThemePrepared } from './themes/types'
-import Telemetry from './lib/Telemetry'
+import Telemetry from './utils/Telemetry'
 
 export type Extendable<T, V = any> = T & {
   [key: string]: V
diff --git a/packages/react/src/lib/AutoControlledComponent.tsx b/packages/react/src/utils/AutoControlledComponent.tsx
similarity index 100%
rename from packages/react/src/lib/AutoControlledComponent.tsx
rename to packages/react/src/utils/AutoControlledComponent.tsx
diff --git a/packages/react/src/lib/Telemetry.ts b/packages/react/src/utils/Telemetry.ts
similarity index 100%
rename from packages/react/src/lib/Telemetry.ts
rename to packages/react/src/utils/Telemetry.ts
diff --git a/packages/react/src/lib/UIComponent.tsx b/packages/react/src/utils/UIComponent.tsx
similarity index 100%
rename from packages/react/src/lib/UIComponent.tsx
rename to packages/react/src/utils/UIComponent.tsx
diff --git a/packages/react/src/lib/accessibility/FocusHandling/FocusContainer.ts b/packages/react/src/utils/accessibility/FocusHandling/FocusContainer.ts
similarity index 100%
rename from packages/react/src/lib/accessibility/FocusHandling/FocusContainer.ts
rename to packages/react/src/utils/accessibility/FocusHandling/FocusContainer.ts
diff --git a/packages/react/src/lib/accessibility/Styles/accessibilityStyles.ts b/packages/react/src/utils/accessibility/Styles/accessibilityStyles.ts
similarity index 100%
rename from packages/react/src/lib/accessibility/Styles/accessibilityStyles.ts
rename to packages/react/src/utils/accessibility/Styles/accessibilityStyles.ts
diff --git a/packages/react/src/lib/accessibility/reactTypes.ts b/packages/react/src/utils/accessibility/reactTypes.ts
similarity index 100%
rename from packages/react/src/lib/accessibility/reactTypes.ts
rename to packages/react/src/utils/accessibility/reactTypes.ts
diff --git a/packages/react/src/lib/applyAccessibilityKeyHandlers.ts b/packages/react/src/utils/applyAccessibilityKeyHandlers.ts
similarity index 100%
rename from packages/react/src/lib/applyAccessibilityKeyHandlers.ts
rename to packages/react/src/utils/applyAccessibilityKeyHandlers.ts
diff --git a/packages/react/src/lib/childrenExist.ts b/packages/react/src/utils/childrenExist.ts
similarity index 100%
rename from packages/react/src/lib/childrenExist.ts
rename to packages/react/src/utils/childrenExist.ts
diff --git a/packages/react/src/lib/commonPropInterfaces.ts b/packages/react/src/utils/commonPropInterfaces.ts
similarity index 100%
rename from packages/react/src/lib/commonPropInterfaces.ts
rename to packages/react/src/utils/commonPropInterfaces.ts
diff --git a/packages/react/src/lib/commonPropTypes.ts b/packages/react/src/utils/commonPropTypes.ts
similarity index 100%
rename from packages/react/src/lib/commonPropTypes.ts
rename to packages/react/src/utils/commonPropTypes.ts
diff --git a/packages/react/src/lib/constants.ts b/packages/react/src/utils/constants.ts
similarity index 100%
rename from packages/react/src/lib/constants.ts
rename to packages/react/src/utils/constants.ts
diff --git a/packages/react/src/lib/createAnimationStyles.tsx b/packages/react/src/utils/createAnimationStyles.tsx
similarity index 100%
rename from packages/react/src/lib/createAnimationStyles.tsx
rename to packages/react/src/utils/createAnimationStyles.tsx
diff --git a/packages/react/src/lib/createComponent.ts b/packages/react/src/utils/createComponent.ts
similarity index 100%
rename from packages/react/src/lib/createComponent.ts
rename to packages/react/src/utils/createComponent.ts
diff --git a/packages/react/src/lib/createStardustComponent.tsx b/packages/react/src/utils/createStardustComponent.tsx
similarity index 100%
rename from packages/react/src/lib/createStardustComponent.tsx
rename to packages/react/src/utils/createStardustComponent.tsx
diff --git a/packages/react/src/lib/cssExpandShorthand.ts b/packages/react/src/utils/cssExpandShorthand.ts
similarity index 100%
rename from packages/react/src/lib/cssExpandShorthand.ts
rename to packages/react/src/utils/cssExpandShorthand.ts
diff --git a/packages/react/src/lib/debounce.ts b/packages/react/src/utils/debounce.ts
similarity index 100%
rename from packages/react/src/lib/debounce.ts
rename to packages/react/src/utils/debounce.ts
diff --git a/packages/react/src/lib/debug/debugData.ts b/packages/react/src/utils/debug/debugData.ts
similarity index 100%
rename from packages/react/src/lib/debug/debugData.ts
rename to packages/react/src/utils/debug/debugData.ts
diff --git a/packages/react/src/lib/debug/debugEnabled.ts b/packages/react/src/utils/debug/debugEnabled.ts
similarity index 100%
rename from packages/react/src/lib/debug/debugEnabled.ts
rename to packages/react/src/utils/debug/debugEnabled.ts
diff --git a/packages/react/src/lib/deepmerge.ts b/packages/react/src/utils/deepmerge.ts
similarity index 100%
rename from packages/react/src/lib/deepmerge.ts
rename to packages/react/src/utils/deepmerge.ts
diff --git a/packages/react/src/lib/doesNodeContainClick.tsx b/packages/react/src/utils/doesNodeContainClick.tsx
similarity index 100%
rename from packages/react/src/lib/doesNodeContainClick.tsx
rename to packages/react/src/utils/doesNodeContainClick.tsx
diff --git a/packages/react/src/lib/factories.ts b/packages/react/src/utils/factories.ts
similarity index 100%
rename from packages/react/src/lib/factories.ts
rename to packages/react/src/utils/factories.ts
diff --git a/packages/react/src/lib/felaDisableAnimationsPlugin.ts b/packages/react/src/utils/felaDisableAnimationsPlugin.ts
similarity index 100%
rename from packages/react/src/lib/felaDisableAnimationsPlugin.ts
rename to packages/react/src/utils/felaDisableAnimationsPlugin.ts
diff --git a/packages/react/src/lib/felaExpandCssShorthandsPlugin.ts b/packages/react/src/utils/felaExpandCssShorthandsPlugin.ts
similarity index 100%
rename from packages/react/src/lib/felaExpandCssShorthandsPlugin.ts
rename to packages/react/src/utils/felaExpandCssShorthandsPlugin.ts
diff --git a/packages/react/src/lib/felaFocusVisibleEnhancer.ts b/packages/react/src/utils/felaFocusVisibleEnhancer.ts
similarity index 100%
rename from packages/react/src/lib/felaFocusVisibleEnhancer.ts
rename to packages/react/src/utils/felaFocusVisibleEnhancer.ts
diff --git a/packages/react/src/lib/felaInvokeKeyframesPlugin.ts b/packages/react/src/utils/felaInvokeKeyframesPlugin.ts
similarity index 100%
rename from packages/react/src/lib/felaInvokeKeyframesPlugin.ts
rename to packages/react/src/utils/felaInvokeKeyframesPlugin.ts
diff --git a/packages/react/src/lib/felaRenderer.tsx b/packages/react/src/utils/felaRenderer.tsx
similarity index 100%
rename from packages/react/src/lib/felaRenderer.tsx
rename to packages/react/src/utils/felaRenderer.tsx
diff --git a/packages/react/src/lib/felaSanitizeCssPlugin.ts b/packages/react/src/utils/felaSanitizeCssPlugin.ts
similarity index 100%
rename from packages/react/src/lib/felaSanitizeCssPlugin.ts
rename to packages/react/src/utils/felaSanitizeCssPlugin.ts
diff --git a/packages/react/src/lib/fontSizeUtility.ts b/packages/react/src/utils/fontSizeUtility.ts
similarity index 100%
rename from packages/react/src/lib/fontSizeUtility.ts
rename to packages/react/src/utils/fontSizeUtility.ts
diff --git a/packages/react/src/lib/getClasses.ts b/packages/react/src/utils/getClasses.ts
similarity index 100%
rename from packages/react/src/lib/getClasses.ts
rename to packages/react/src/utils/getClasses.ts
diff --git a/packages/react/src/lib/getElementProp.ts b/packages/react/src/utils/getElementProp.ts
similarity index 100%
rename from packages/react/src/lib/getElementProp.ts
rename to packages/react/src/utils/getElementProp.ts
diff --git a/packages/react/src/lib/getKeyDownHandlers.ts b/packages/react/src/utils/getKeyDownHandlers.ts
similarity index 100%
rename from packages/react/src/lib/getKeyDownHandlers.ts
rename to packages/react/src/utils/getKeyDownHandlers.ts
diff --git a/packages/react/src/lib/getKindProp.ts b/packages/react/src/utils/getKindProp.ts
similarity index 100%
rename from packages/react/src/lib/getKindProp.ts
rename to packages/react/src/utils/getKindProp.ts
diff --git a/packages/react/src/lib/getOrGenerateIdFromShorthand.ts b/packages/react/src/utils/getOrGenerateIdFromShorthand.ts
similarity index 100%
rename from packages/react/src/lib/getOrGenerateIdFromShorthand.ts
rename to packages/react/src/utils/getOrGenerateIdFromShorthand.ts
diff --git a/packages/react/src/lib/htmlPropsUtils.tsx b/packages/react/src/utils/htmlPropsUtils.tsx
similarity index 100%
rename from packages/react/src/lib/htmlPropsUtils.tsx
rename to packages/react/src/utils/htmlPropsUtils.tsx
diff --git a/packages/react/src/lib/index.ts b/packages/react/src/utils/index.ts
similarity index 100%
rename from packages/react/src/lib/index.ts
rename to packages/react/src/utils/index.ts
diff --git a/packages/react/src/lib/isBrowser.tsx b/packages/react/src/utils/isBrowser.tsx
similarity index 100%
rename from packages/react/src/lib/isBrowser.tsx
rename to packages/react/src/utils/isBrowser.tsx
diff --git a/packages/react/src/lib/isRightClick.ts b/packages/react/src/utils/isRightClick.ts
similarity index 100%
rename from packages/react/src/lib/isRightClick.ts
rename to packages/react/src/utils/isRightClick.ts
diff --git a/packages/react/src/lib/mergeProviderContexts.ts b/packages/react/src/utils/mergeProviderContexts.ts
similarity index 100%
rename from packages/react/src/lib/mergeProviderContexts.ts
rename to packages/react/src/utils/mergeProviderContexts.ts
diff --git a/packages/react/src/lib/mergeThemes.ts b/packages/react/src/utils/mergeThemes.ts
similarity index 100%
rename from packages/react/src/lib/mergeThemes.ts
rename to packages/react/src/utils/mergeThemes.ts
diff --git a/packages/react/src/lib/objectKeysToValues.ts b/packages/react/src/utils/objectKeysToValues.ts
similarity index 100%
rename from packages/react/src/lib/objectKeysToValues.ts
rename to packages/react/src/utils/objectKeysToValues.ts
diff --git a/packages/react/src/lib/positioner/Popper.tsx b/packages/react/src/utils/positioner/Popper.tsx
similarity index 100%
rename from packages/react/src/lib/positioner/Popper.tsx
rename to packages/react/src/utils/positioner/Popper.tsx
diff --git a/packages/react/src/lib/positioner/getScrollParent.ts b/packages/react/src/utils/positioner/getScrollParent.ts
similarity index 100%
rename from packages/react/src/lib/positioner/getScrollParent.ts
rename to packages/react/src/utils/positioner/getScrollParent.ts
diff --git a/packages/react/src/lib/positioner/index.ts b/packages/react/src/utils/positioner/index.ts
similarity index 100%
rename from packages/react/src/lib/positioner/index.ts
rename to packages/react/src/utils/positioner/index.ts
diff --git a/packages/react/src/lib/positioner/positioningHelper.ts b/packages/react/src/utils/positioner/positioningHelper.ts
similarity index 100%
rename from packages/react/src/lib/positioner/positioningHelper.ts
rename to packages/react/src/utils/positioner/positioningHelper.ts
diff --git a/packages/react/src/lib/positioner/types.internal.ts b/packages/react/src/utils/positioner/types.internal.ts
similarity index 100%
rename from packages/react/src/lib/positioner/types.internal.ts
rename to packages/react/src/utils/positioner/types.internal.ts
diff --git a/packages/react/src/lib/positioner/types.ts b/packages/react/src/utils/positioner/types.ts
similarity index 100%
rename from packages/react/src/lib/positioner/types.ts
rename to packages/react/src/utils/positioner/types.ts
diff --git a/packages/react/src/lib/providerMissingHandler.ts b/packages/react/src/utils/providerMissingHandler.ts
similarity index 100%
rename from packages/react/src/lib/providerMissingHandler.ts
rename to packages/react/src/utils/providerMissingHandler.ts
diff --git a/packages/react/src/lib/renderComponent.tsx b/packages/react/src/utils/renderComponent.tsx
similarity index 100%
rename from packages/react/src/lib/renderComponent.tsx
rename to packages/react/src/utils/renderComponent.tsx
diff --git a/packages/react/src/lib/resolveStylesAndClasses.ts b/packages/react/src/utils/resolveStylesAndClasses.ts
similarity index 100%
rename from packages/react/src/lib/resolveStylesAndClasses.ts
rename to packages/react/src/utils/resolveStylesAndClasses.ts
diff --git a/packages/react/src/lib/rtlTextContainer.tsx b/packages/react/src/utils/rtlTextContainer.tsx
similarity index 100%
rename from packages/react/src/lib/rtlTextContainer.tsx
rename to packages/react/src/utils/rtlTextContainer.tsx
diff --git a/packages/react/src/lib/shouldHandleOnKeys.ts b/packages/react/src/utils/shouldHandleOnKeys.ts
similarity index 100%
rename from packages/react/src/lib/shouldHandleOnKeys.ts
rename to packages/react/src/utils/shouldHandleOnKeys.ts
diff --git a/packages/react/src/lib/stringLiteralsArray.ts b/packages/react/src/utils/stringLiteralsArray.ts
similarity index 100%
rename from packages/react/src/lib/stringLiteralsArray.ts
rename to packages/react/src/utils/stringLiteralsArray.ts
diff --git a/packages/react/src/lib/toCompactArray.ts b/packages/react/src/utils/toCompactArray.ts
similarity index 100%
rename from packages/react/src/lib/toCompactArray.ts
rename to packages/react/src/utils/toCompactArray.ts
diff --git a/packages/react/src/lib/whatInput.ts b/packages/react/src/utils/whatInput.ts
similarity index 100%
rename from packages/react/src/lib/whatInput.ts
rename to packages/react/src/utils/whatInput.ts
diff --git a/packages/react/src/lib/withDebugId.ts b/packages/react/src/utils/withDebugId.ts
similarity index 100%
rename from packages/react/src/lib/withDebugId.ts
rename to packages/react/src/utils/withDebugId.ts
diff --git a/packages/react/test/specs/commonTests/handlesAccessibility.tsx b/packages/react/test/specs/commonTests/handlesAccessibility.tsx
index 1601875c2e..15efdbc7d0 100644
--- a/packages/react/test/specs/commonTests/handlesAccessibility.tsx
+++ b/packages/react/test/specs/commonTests/handlesAccessibility.tsx
@@ -9,7 +9,7 @@ import * as React from 'react'
 import * as keyboardKey from 'keyboard-key'
 
 import { mountWithProviderAndGetComponent, mountWithProvider } from 'test/utils'
-import { UIComponent } from 'src/lib'
+import { UIComponent } from 'src/utils'
 import { EVENT_TARGET_ATTRIBUTE, getEventTargetComponent } from './eventTarget'
 
 export const getRenderedAttribute = (renderedComponent, propName, partSelector) => {
diff --git a/packages/react/test/specs/commonTests/stylesFunction-test.tsx b/packages/react/test/specs/commonTests/stylesFunction-test.tsx
index 1422e7143b..b2c5ddc11d 100644
--- a/packages/react/test/specs/commonTests/stylesFunction-test.tsx
+++ b/packages/react/test/specs/commonTests/stylesFunction-test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as PropTypes from 'prop-types'
 import * as _ from 'lodash'
-import { UIComponent } from 'src/lib'
+import { UIComponent } from 'src/utils'
 import { Extendable } from 'src/types'
 import { ICSSInJSStyle } from 'src/themes/types'
 import { mountWithProviderAndGetComponent } from 'test/utils'
diff --git a/packages/react/test/specs/lib/AutoControlledComponent-test.tsx b/packages/react/test/specs/utils/AutoControlledComponent-test.tsx
similarity index 99%
rename from packages/react/test/specs/lib/AutoControlledComponent-test.tsx
rename to packages/react/test/specs/utils/AutoControlledComponent-test.tsx
index 394d5f14e5..45c52dfcbb 100644
--- a/packages/react/test/specs/lib/AutoControlledComponent-test.tsx
+++ b/packages/react/test/specs/utils/AutoControlledComponent-test.tsx
@@ -1,7 +1,7 @@
 import * as _ from 'lodash'
 import * as React from 'react'
 import { shallow, ShallowWrapper } from 'enzyme'
-import { AutoControlledComponent } from 'src/lib'
+import { AutoControlledComponent } from 'src/utils'
 import { consoleUtil } from 'test/utils'
 import { Props } from 'src/types'
 
diff --git a/packages/react/test/specs/lib/__snapshots__/felaFocusVisibleEnhancer-test.ts.snap b/packages/react/test/specs/utils/__snapshots__/felaFocusVisibleEnhancer-test.ts.snap
similarity index 100%
rename from packages/react/test/specs/lib/__snapshots__/felaFocusVisibleEnhancer-test.ts.snap
rename to packages/react/test/specs/utils/__snapshots__/felaFocusVisibleEnhancer-test.ts.snap
diff --git a/packages/react/test/specs/lib/__snapshots__/felaRenderer-test.tsx.snap b/packages/react/test/specs/utils/__snapshots__/felaRenderer-test.tsx.snap
similarity index 100%
rename from packages/react/test/specs/lib/__snapshots__/felaRenderer-test.tsx.snap
rename to packages/react/test/specs/utils/__snapshots__/felaRenderer-test.tsx.snap
diff --git a/packages/react/test/specs/lib/accessibility/FocusContainer-test.ts b/packages/react/test/specs/utils/accessibility/FocusContainer-test.ts
similarity index 98%
rename from packages/react/test/specs/lib/accessibility/FocusContainer-test.ts
rename to packages/react/test/specs/utils/accessibility/FocusContainer-test.ts
index 58c98d18ff..2a3e0503a6 100644
--- a/packages/react/test/specs/lib/accessibility/FocusContainer-test.ts
+++ b/packages/react/test/specs/utils/accessibility/FocusContainer-test.ts
@@ -1,4 +1,4 @@
-import { ContainerFocusHandler } from 'src/lib/accessibility/FocusHandling/FocusContainer'
+import { ContainerFocusHandler } from 'src/utils/accessibility/FocusHandling/FocusContainer'
 
 const createFocusContainer = (
   { itemsCount, setFocusAtFn }: { itemsCount: number; setFocusAtFn?: () => void } = {
diff --git a/packages/react/test/specs/lib/childrenExist-test.tsx b/packages/react/test/specs/utils/childrenExist-test.tsx
similarity index 96%
rename from packages/react/test/specs/lib/childrenExist-test.tsx
rename to packages/react/test/specs/utils/childrenExist-test.tsx
index d5b2eb63aa..63fcfe9f94 100644
--- a/packages/react/test/specs/lib/childrenExist-test.tsx
+++ b/packages/react/test/specs/utils/childrenExist-test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react'
-import childrenExist from 'src/lib/childrenExist'
+import childrenExist from 'src/utils/childrenExist'
 
 describe('childrenExist', () => {
   test('returns false when no children are passed', () => {
diff --git a/packages/react/test/specs/lib/createAnimationStyles-test.ts b/packages/react/test/specs/utils/createAnimationStyles-test.ts
similarity index 97%
rename from packages/react/test/specs/lib/createAnimationStyles-test.ts
rename to packages/react/test/specs/utils/createAnimationStyles-test.ts
index 32c6bfe389..dee86df5c9 100644
--- a/packages/react/test/specs/lib/createAnimationStyles-test.ts
+++ b/packages/react/test/specs/utils/createAnimationStyles-test.ts
@@ -1,4 +1,4 @@
-import { createAnimationStyles } from 'src/lib'
+import { createAnimationStyles } from 'src/utils'
 
 const theme = {
   siteVariables: { fontSizes: {} },
diff --git a/packages/react/test/specs/lib/createComponent-test.tsx b/packages/react/test/specs/utils/createComponent-test.tsx
similarity index 94%
rename from packages/react/test/specs/lib/createComponent-test.tsx
rename to packages/react/test/specs/utils/createComponent-test.tsx
index c26052400c..cbbdec13c6 100644
--- a/packages/react/test/specs/lib/createComponent-test.tsx
+++ b/packages/react/test/specs/utils/createComponent-test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { createComponent } from 'src/lib'
+import { createComponent } from 'src/utils'
 
 describe('createComponent', () => {
   describe('className', () => {
diff --git a/packages/react/test/specs/lib/deepmerge-test.ts b/packages/react/test/specs/utils/deepmerge-test.ts
similarity index 99%
rename from packages/react/test/specs/lib/deepmerge-test.ts
rename to packages/react/test/specs/utils/deepmerge-test.ts
index 74e07e7939..bd243535e2 100644
--- a/packages/react/test/specs/lib/deepmerge-test.ts
+++ b/packages/react/test/specs/utils/deepmerge-test.ts
@@ -1,4 +1,4 @@
-import deepmerge from 'src/lib/deepmerge'
+import deepmerge from 'src/utils/deepmerge'
 
 describe('deepmerge', () => {
   test(`always returns an object`, () => {
diff --git a/packages/react/test/specs/lib/doesNodeContainClick-test.ts b/packages/react/test/specs/utils/doesNodeContainClick-test.ts
similarity index 99%
rename from packages/react/test/specs/lib/doesNodeContainClick-test.ts
rename to packages/react/test/specs/utils/doesNodeContainClick-test.ts
index 60f7f07332..0317840ac8 100644
--- a/packages/react/test/specs/lib/doesNodeContainClick-test.ts
+++ b/packages/react/test/specs/utils/doesNodeContainClick-test.ts
@@ -1,4 +1,4 @@
-import { doesNodeContainClick } from 'src/lib'
+import { doesNodeContainClick } from 'src/utils'
 
 const makeEvent = (event?: any) => ({ clientX: 0, clientY: 0, ...event })
 
diff --git a/packages/react/test/specs/lib/factories-test.tsx b/packages/react/test/specs/utils/factories-test.tsx
similarity index 99%
rename from packages/react/test/specs/lib/factories-test.tsx
rename to packages/react/test/specs/utils/factories-test.tsx
index c2986d2cd8..bcee29f62e 100644
--- a/packages/react/test/specs/lib/factories-test.tsx
+++ b/packages/react/test/specs/utils/factories-test.tsx
@@ -2,7 +2,7 @@ import { callable } from '@fluentui/react-bindings'
 import * as React from 'react'
 import * as _ from 'lodash'
 import { shallow } from 'enzyme'
-import { createShorthand, createShorthandFactory } from 'src/lib'
+import { createShorthand, createShorthandFactory } from 'src/utils'
 import { Props, ShorthandValue, ObjectOf, ShorthandRenderFunction } from 'src/types'
 import { consoleUtil } from 'test/utils'
 
diff --git a/packages/react/test/specs/lib/felaDisableAnimationsPlugin-test.ts b/packages/react/test/specs/utils/felaDisableAnimationsPlugin-test.ts
similarity index 95%
rename from packages/react/test/specs/lib/felaDisableAnimationsPlugin-test.ts
rename to packages/react/test/specs/utils/felaDisableAnimationsPlugin-test.ts
index e135b4c243..d794975e73 100644
--- a/packages/react/test/specs/lib/felaDisableAnimationsPlugin-test.ts
+++ b/packages/react/test/specs/utils/felaDisableAnimationsPlugin-test.ts
@@ -1,4 +1,4 @@
-import felaDisableAnimationsPlugin from 'src/lib/felaDisableAnimationsPlugin'
+import felaDisableAnimationsPlugin from 'src/utils/felaDisableAnimationsPlugin'
 
 const disableAnimationsPlugin = felaDisableAnimationsPlugin()
 
diff --git a/packages/react/test/specs/lib/felaExpandCssShorthandsPlugin-test.ts b/packages/react/test/specs/utils/felaExpandCssShorthandsPlugin-test.ts
similarity index 95%
rename from packages/react/test/specs/lib/felaExpandCssShorthandsPlugin-test.ts
rename to packages/react/test/specs/utils/felaExpandCssShorthandsPlugin-test.ts
index 047b1be0c6..2d639dcc2d 100644
--- a/packages/react/test/specs/lib/felaExpandCssShorthandsPlugin-test.ts
+++ b/packages/react/test/specs/utils/felaExpandCssShorthandsPlugin-test.ts
@@ -1,4 +1,4 @@
-import felaExpandCssShorthandsPlugin from 'src/lib/felaExpandCssShorthandsPlugin'
+import felaExpandCssShorthandsPlugin from 'src/utils/felaExpandCssShorthandsPlugin'
 
 const expandCssShorthands = felaExpandCssShorthandsPlugin()
 
diff --git a/packages/react/test/specs/lib/felaFocusVisibleEnhancer-test.ts b/packages/react/test/specs/utils/felaFocusVisibleEnhancer-test.ts
similarity index 93%
rename from packages/react/test/specs/lib/felaFocusVisibleEnhancer-test.ts
rename to packages/react/test/specs/utils/felaFocusVisibleEnhancer-test.ts
index 51e86ffa22..c7093354cc 100644
--- a/packages/react/test/specs/lib/felaFocusVisibleEnhancer-test.ts
+++ b/packages/react/test/specs/utils/felaFocusVisibleEnhancer-test.ts
@@ -2,7 +2,7 @@ import { createRenderer } from 'fela'
 import { renderToString } from 'fela-tools'
 import { RULE_TYPE } from 'fela-utils'
 
-import felaFocusVisibleEnhancer from 'src/lib/felaFocusVisibleEnhancer'
+import felaFocusVisibleEnhancer from 'src/utils/felaFocusVisibleEnhancer'
 
 describe('felaFocusVisibleEnhancer', () => {
   test('replaces :focus-visible', () => {
diff --git a/packages/react/test/specs/lib/felaInvokeKeyframesPlugin-test.ts b/packages/react/test/specs/utils/felaInvokeKeyframesPlugin-test.ts
similarity index 94%
rename from packages/react/test/specs/lib/felaInvokeKeyframesPlugin-test.ts
rename to packages/react/test/specs/utils/felaInvokeKeyframesPlugin-test.ts
index 9707176264..12715bf52b 100644
--- a/packages/react/test/specs/lib/felaInvokeKeyframesPlugin-test.ts
+++ b/packages/react/test/specs/utils/felaInvokeKeyframesPlugin-test.ts
@@ -1,5 +1,5 @@
-import felaInvokeKeyframesPlugin from 'src/lib/felaInvokeKeyframesPlugin'
-import { felaRenderer } from 'src/lib'
+import felaInvokeKeyframesPlugin from 'src/utils/felaInvokeKeyframesPlugin'
+import { felaRenderer } from 'src/utils'
 
 const renderInvokeKeyframes = felaInvokeKeyframesPlugin()
 
diff --git a/packages/react/test/specs/lib/felaRenderer-test.tsx b/packages/react/test/specs/utils/felaRenderer-test.tsx
similarity index 98%
rename from packages/react/test/specs/lib/felaRenderer-test.tsx
rename to packages/react/test/specs/utils/felaRenderer-test.tsx
index 57a06193d6..abecb874a0 100644
--- a/packages/react/test/specs/lib/felaRenderer-test.tsx
+++ b/packages/react/test/specs/utils/felaRenderer-test.tsx
@@ -4,7 +4,7 @@ import { EmptyThemeProvider } from 'test/utils'
 import Box from 'src/components/Box/Box'
 import Provider from 'src/components/Provider/Provider'
 import Text from 'src/components/Text/Text'
-import { felaRenderer } from 'src/lib'
+import { felaRenderer } from 'src/utils'
 
 describe('felaRenderer', () => {
   test('basic styles are rendered', () => {
diff --git a/packages/react/test/specs/lib/felaSanitizeCssPlugin-test.ts b/packages/react/test/specs/utils/felaSanitizeCssPlugin-test.ts
similarity index 94%
rename from packages/react/test/specs/lib/felaSanitizeCssPlugin-test.ts
rename to packages/react/test/specs/utils/felaSanitizeCssPlugin-test.ts
index 055d5d5fed..34d1a9e0bb 100644
--- a/packages/react/test/specs/lib/felaSanitizeCssPlugin-test.ts
+++ b/packages/react/test/specs/utils/felaSanitizeCssPlugin-test.ts
@@ -1,4 +1,4 @@
-import sanitizeCss from 'src/lib/felaSanitizeCssPlugin'
+import sanitizeCss from 'src/utils/felaSanitizeCssPlugin'
 
 const assertCssPropertyValue = (value: string, isValid: boolean) => {
   test(`assert that '${value}' is ${isValid ? 'valid' : 'invalid'}`, () => {
@@ -60,7 +60,7 @@ describe('felaSanitizeCssPlugin', () => {
     assertCssPropertyValue('rgba(0,0', false)
     assertCssPropertyValue('rgba(0,0}', false)
 
-    assertCssPropertyValue(`url('../../lib')`, true)
+    assertCssPropertyValue(`url('../../utils')`, true)
   })
 
   describe('if array is passed', () => {
diff --git a/packages/react/test/specs/lib/fontSizeUtility-test.ts b/packages/react/test/specs/utils/fontSizeUtility-test.ts
similarity index 95%
rename from packages/react/test/specs/lib/fontSizeUtility-test.ts
rename to packages/react/test/specs/utils/fontSizeUtility-test.ts
index d111610c70..d26e54e660 100644
--- a/packages/react/test/specs/lib/fontSizeUtility-test.ts
+++ b/packages/react/test/specs/utils/fontSizeUtility-test.ts
@@ -1,4 +1,4 @@
-import { pxToRem } from 'src/lib'
+import { pxToRem } from 'src/utils'
 
 describe('fontSizeUtility', () => {
   describe('pxToRem', () => {
diff --git a/packages/react/test/specs/lib/getKeyDownHandlers-test.ts b/packages/react/test/specs/utils/getKeyDownHandlers-test.ts
similarity index 99%
rename from packages/react/test/specs/lib/getKeyDownHandlers-test.ts
rename to packages/react/test/specs/utils/getKeyDownHandlers-test.ts
index 527dad98f7..ee13c2e2da 100644
--- a/packages/react/test/specs/lib/getKeyDownHandlers-test.ts
+++ b/packages/react/test/specs/utils/getKeyDownHandlers-test.ts
@@ -1,4 +1,4 @@
-import getKeyDownHandlers from 'src/lib/getKeyDownHandlers'
+import getKeyDownHandlers from 'src/utils/getKeyDownHandlers'
 import * as keyboardKey from 'keyboard-key'
 
 const testKeyCode = keyboardKey.ArrowRight
diff --git a/packages/react/test/specs/lib/htmlInputPropsUtils-test.ts b/packages/react/test/specs/utils/htmlInputPropsUtils-test.ts
similarity index 96%
rename from packages/react/test/specs/lib/htmlInputPropsUtils-test.ts
rename to packages/react/test/specs/utils/htmlInputPropsUtils-test.ts
index 9f3e7ac8bc..a993df54d7 100644
--- a/packages/react/test/specs/lib/htmlInputPropsUtils-test.ts
+++ b/packages/react/test/specs/utils/htmlInputPropsUtils-test.ts
@@ -1,4 +1,4 @@
-import { partitionHTMLProps } from 'src/lib/htmlPropsUtils'
+import { partitionHTMLProps } from 'src/utils/htmlPropsUtils'
 
 const props = {
   autoFocus: false,
diff --git a/packages/react/test/specs/lib/isBrowser-test.ts b/packages/react/test/specs/utils/isBrowser-test.ts
similarity index 78%
rename from packages/react/test/specs/lib/isBrowser-test.ts
rename to packages/react/test/specs/utils/isBrowser-test.ts
index a63175043b..393452e1cc 100644
--- a/packages/react/test/specs/lib/isBrowser-test.ts
+++ b/packages/react/test/specs/utils/isBrowser-test.ts
@@ -1,4 +1,4 @@
-import isBrowser from 'src/lib/isBrowser'
+import isBrowser from 'src/utils/isBrowser'
 
 describe('isBrowser', () => {
   describe('browser', () => {
diff --git a/packages/react/test/specs/lib/mergeProviderContexts/mergeBooleanValues-test.ts b/packages/react/test/specs/utils/mergeProviderContexts/mergeBooleanValues-test.ts
similarity index 94%
rename from packages/react/test/specs/lib/mergeProviderContexts/mergeBooleanValues-test.ts
rename to packages/react/test/specs/utils/mergeProviderContexts/mergeBooleanValues-test.ts
index 87e03f43c2..c102f739f1 100644
--- a/packages/react/test/specs/lib/mergeProviderContexts/mergeBooleanValues-test.ts
+++ b/packages/react/test/specs/utils/mergeProviderContexts/mergeBooleanValues-test.ts
@@ -1,4 +1,4 @@
-import { mergeBooleanValues } from '../../../../src/lib/mergeProviderContexts'
+import { mergeBooleanValues } from '../../../../src/utils/mergeProviderContexts'
 
 describe('mergeBooleanValues', () => {
   test('latest boolean value wins', () => {
diff --git a/packages/react/test/specs/lib/mergeProviderContexts/mergeProviderContexts-test.ts b/packages/react/test/specs/utils/mergeProviderContexts/mergeProviderContexts-test.ts
similarity index 94%
rename from packages/react/test/specs/lib/mergeProviderContexts/mergeProviderContexts-test.ts
rename to packages/react/test/specs/utils/mergeProviderContexts/mergeProviderContexts-test.ts
index c7967922f4..81364c5498 100644
--- a/packages/react/test/specs/lib/mergeProviderContexts/mergeProviderContexts-test.ts
+++ b/packages/react/test/specs/utils/mergeProviderContexts/mergeProviderContexts-test.ts
@@ -1,5 +1,5 @@
-import mergeProviderContexts, { mergeRenderers } from 'src/lib/mergeProviderContexts'
-import { felaRenderer } from 'src/lib/felaRenderer'
+import mergeProviderContexts, { mergeRenderers } from 'src/utils/mergeProviderContexts'
+import { felaRenderer } from 'src/utils/felaRenderer'
 
 describe('mergeRenderers', () => {
   test(`always uses "next" renderer`, () => {
diff --git a/packages/react/test/specs/lib/mergeThemes/mergeComponentStyles-test.ts b/packages/react/test/specs/utils/mergeThemes/mergeComponentStyles-test.ts
similarity index 98%
rename from packages/react/test/specs/lib/mergeThemes/mergeComponentStyles-test.ts
rename to packages/react/test/specs/utils/mergeThemes/mergeComponentStyles-test.ts
index 4a25d7a3f2..960fe98bac 100644
--- a/packages/react/test/specs/lib/mergeThemes/mergeComponentStyles-test.ts
+++ b/packages/react/test/specs/utils/mergeThemes/mergeComponentStyles-test.ts
@@ -1,10 +1,10 @@
 import {
   mergeComponentStyles__PROD,
   mergeComponentStyles__DEV,
-} from '../../../../src/lib/mergeThemes'
+} from '../../../../src/utils/mergeThemes'
 import { ComponentStyleFunctionParam } from 'src/themes/types'
-import * as debugEnabled from 'src/lib/debug/debugEnabled'
-import { withDebugId } from 'src/lib'
+import * as debugEnabled from 'src/utils/debug/debugEnabled'
+import { withDebugId } from 'src/utils'
 
 describe('mergeComponentStyles', () => {
   let originalDebugEnabled
diff --git a/packages/react/test/specs/lib/mergeThemes/mergeComponentVariables-test.ts b/packages/react/test/specs/utils/mergeThemes/mergeComponentVariables-test.ts
similarity index 97%
rename from packages/react/test/specs/lib/mergeThemes/mergeComponentVariables-test.ts
rename to packages/react/test/specs/utils/mergeThemes/mergeComponentVariables-test.ts
index 314d4fc4b0..4a306fe48e 100644
--- a/packages/react/test/specs/lib/mergeThemes/mergeComponentVariables-test.ts
+++ b/packages/react/test/specs/utils/mergeThemes/mergeComponentVariables-test.ts
@@ -1,10 +1,10 @@
 import {
   mergeComponentVariables__PROD,
   mergeComponentVariables__DEV,
-} from '../../../../src/lib/mergeThemes'
-import * as debugEnabled from 'src/lib/debug/debugEnabled'
-import { withDebugId } from 'src/lib'
-import objectKeyToValues from 'src/lib/objectKeysToValues'
+} from '../../../../src/utils/mergeThemes'
+import * as debugEnabled from 'src/utils/debug/debugEnabled'
+import { withDebugId } from 'src/utils'
+import objectKeyToValues from 'src/utils/objectKeysToValues'
 
 describe('mergeComponentVariables', () => {
   let originalDebugEnabled
diff --git a/packages/react/test/specs/lib/mergeThemes/mergeFontFaces-test.ts b/packages/react/test/specs/utils/mergeThemes/mergeFontFaces-test.ts
similarity index 93%
rename from packages/react/test/specs/lib/mergeThemes/mergeFontFaces-test.ts
rename to packages/react/test/specs/utils/mergeThemes/mergeFontFaces-test.ts
index c73a35b845..de49369063 100644
--- a/packages/react/test/specs/lib/mergeThemes/mergeFontFaces-test.ts
+++ b/packages/react/test/specs/utils/mergeThemes/mergeFontFaces-test.ts
@@ -1,4 +1,4 @@
-import { mergeFontFaces } from '../../../../src/lib/mergeThemes'
+import { mergeFontFaces } from '../../../../src/utils/mergeThemes'
 
 describe('mergeFontFaces', () => {
   test('returns a compact array', () => {
diff --git a/packages/react/test/specs/lib/mergeThemes/mergeSiteVariables-test.ts b/packages/react/test/specs/utils/mergeThemes/mergeSiteVariables-test.ts
similarity index 95%
rename from packages/react/test/specs/lib/mergeThemes/mergeSiteVariables-test.ts
rename to packages/react/test/specs/utils/mergeThemes/mergeSiteVariables-test.ts
index 094d3268a0..1e14bab01f 100644
--- a/packages/react/test/specs/lib/mergeThemes/mergeSiteVariables-test.ts
+++ b/packages/react/test/specs/utils/mergeThemes/mergeSiteVariables-test.ts
@@ -1,6 +1,9 @@
-import { mergeSiteVariables__PROD, mergeSiteVariables__DEV } from '../../../../src/lib/mergeThemes'
-import * as debugEnabled from 'src/lib/debug/debugEnabled'
-import { withDebugId } from 'src/lib'
+import {
+  mergeSiteVariables__PROD,
+  mergeSiteVariables__DEV,
+} from '../../../../src/utils/mergeThemes'
+import * as debugEnabled from 'src/utils/debug/debugEnabled'
+import { withDebugId } from 'src/utils'
 
 describe('mergeSiteVariables', () => {
   let originalDebugEnabled
diff --git a/packages/react/test/specs/lib/mergeThemes/mergeStaticStyles-test.ts b/packages/react/test/specs/utils/mergeThemes/mergeStaticStyles-test.ts
similarity index 82%
rename from packages/react/test/specs/lib/mergeThemes/mergeStaticStyles-test.ts
rename to packages/react/test/specs/utils/mergeThemes/mergeStaticStyles-test.ts
index e6d4382875..139c58e349 100644
--- a/packages/react/test/specs/lib/mergeThemes/mergeStaticStyles-test.ts
+++ b/packages/react/test/specs/utils/mergeThemes/mergeStaticStyles-test.ts
@@ -1,4 +1,4 @@
-import { mergeStaticStyles } from '../../../../src/lib/mergeThemes'
+import { mergeStaticStyles } from '../../../../src/utils/mergeThemes'
 
 describe('mergeStaticStyles', () => {
   test('returns a compact array', () => {
diff --git a/packages/react/test/specs/lib/mergeThemes/mergeThemeVariables-test.ts b/packages/react/test/specs/utils/mergeThemes/mergeThemeVariables-test.ts
similarity index 95%
rename from packages/react/test/specs/lib/mergeThemes/mergeThemeVariables-test.ts
rename to packages/react/test/specs/utils/mergeThemes/mergeThemeVariables-test.ts
index 066c2930a8..635fe16a73 100644
--- a/packages/react/test/specs/lib/mergeThemes/mergeThemeVariables-test.ts
+++ b/packages/react/test/specs/utils/mergeThemes/mergeThemeVariables-test.ts
@@ -1,7 +1,7 @@
-import { mergeThemeVariables__PROD, mergeThemeVariables__DEV } from 'src/lib/mergeThemes'
+import { mergeThemeVariables__PROD, mergeThemeVariables__DEV } from 'src/utils/mergeThemes'
 import * as _ from 'lodash'
-import { withDebugId } from 'src/lib'
-import * as debugEnabled from 'src/lib/debug/debugEnabled'
+import { withDebugId } from 'src/utils'
+import * as debugEnabled from 'src/utils/debug/debugEnabled'
 
 describe('mergeThemeVariables', () => {
   let originalDebugEnabled
diff --git a/packages/react/test/specs/lib/mergeThemes/mergeThemes-test.ts b/packages/react/test/specs/utils/mergeThemes/mergeThemes-test.ts
similarity index 99%
rename from packages/react/test/specs/lib/mergeThemes/mergeThemes-test.ts
rename to packages/react/test/specs/utils/mergeThemes/mergeThemes-test.ts
index 3c6cab299a..919de2ae95 100644
--- a/packages/react/test/specs/lib/mergeThemes/mergeThemes-test.ts
+++ b/packages/react/test/specs/utils/mergeThemes/mergeThemes-test.ts
@@ -1,8 +1,8 @@
-import mergeThemes, { mergeStyles } from 'src/lib/mergeThemes'
+import mergeThemes, { mergeStyles } from 'src/utils/mergeThemes'
 import { ComponentStyleFunctionParam, ICSSInJSStyle, ThemeInput } from 'src/themes/types'
 import * as _ from 'lodash'
 import { callable, themes, withDebugId } from 'src/index'
-import * as debugEnabled from 'src/lib/debug/debugEnabled'
+import * as debugEnabled from 'src/utils/debug/debugEnabled'
 
 describe('mergeThemes', () => {
   test(`always returns an object`, () => {
diff --git a/packages/react/test/specs/lib/objectKeysToValues-test.ts b/packages/react/test/specs/utils/objectKeysToValues-test.ts
similarity index 82%
rename from packages/react/test/specs/lib/objectKeysToValues-test.ts
rename to packages/react/test/specs/utils/objectKeysToValues-test.ts
index db8d2b2133..25a9a7db93 100644
--- a/packages/react/test/specs/lib/objectKeysToValues-test.ts
+++ b/packages/react/test/specs/utils/objectKeysToValues-test.ts
@@ -1,4 +1,4 @@
-import objectKeyToValues from 'src/lib/objectKeysToValues'
+import objectKeyToValues from 'src/utils/objectKeysToValues'
 
 describe('objectKeyToValues', () => {
   test('values are replaced by key paths', () => {
diff --git a/packages/react/test/specs/lib/positioner/getScrollParent-test.ts b/packages/react/test/specs/utils/positioner/getScrollParent-test.ts
similarity index 98%
rename from packages/react/test/specs/lib/positioner/getScrollParent-test.ts
rename to packages/react/test/specs/utils/positioner/getScrollParent-test.ts
index e8904908ae..b1260fc93d 100644
--- a/packages/react/test/specs/lib/positioner/getScrollParent-test.ts
+++ b/packages/react/test/specs/utils/positioner/getScrollParent-test.ts
@@ -1,6 +1,6 @@
 import * as _ from 'lodash'
 
-import getScrollParent from 'src/lib/positioner/getScrollParent'
+import getScrollParent from 'src/utils/positioner/getScrollParent'
 
 const overflowStyles: Partial<CSSStyleDeclaration>[] = [
   { overflow: 'scroll' },
diff --git a/packages/react/test/specs/lib/positioner/positioningHelper-test.ts b/packages/react/test/specs/utils/positioner/positioningHelper-test.ts
similarity index 97%
rename from packages/react/test/specs/lib/positioner/positioningHelper-test.ts
rename to packages/react/test/specs/utils/positioner/positioningHelper-test.ts
index 370b6e19dd..b5b1c6870e 100644
--- a/packages/react/test/specs/lib/positioner/positioningHelper-test.ts
+++ b/packages/react/test/specs/utils/positioner/positioningHelper-test.ts
@@ -1,7 +1,7 @@
 import { Placement } from 'popper.js'
 
-import { Alignment, Position } from 'src/lib/positioner'
-import { getPlacement, applyRtlToOffset } from 'src/lib/positioner/positioningHelper'
+import { Alignment, Position } from 'src/utils/positioner'
+import { getPlacement, applyRtlToOffset } from 'src/utils/positioner/positioningHelper'
 
 type PositionTestInput = {
   align: Alignment
diff --git a/packages/react/test/specs/lib/resolveStylesAndClasses-test.ts b/packages/react/test/specs/utils/resolveStylesAndClasses-test.ts
similarity index 96%
rename from packages/react/test/specs/lib/resolveStylesAndClasses-test.ts
rename to packages/react/test/specs/utils/resolveStylesAndClasses-test.ts
index f2580aa0fe..fb5280c877 100644
--- a/packages/react/test/specs/lib/resolveStylesAndClasses-test.ts
+++ b/packages/react/test/specs/utils/resolveStylesAndClasses-test.ts
@@ -1,4 +1,4 @@
-import resolveStylesAndClasses from 'src/lib/resolveStylesAndClasses'
+import resolveStylesAndClasses from 'src/utils/resolveStylesAndClasses'
 import { ComponentSlotStylesPrepared } from 'src/themes/types'
 
 describe('resolveStylesAndClasses', () => {
diff --git a/packages/react/test/specs/lib/shouldHandleOnKeys-test.ts b/packages/react/test/specs/utils/shouldHandleOnKeys-test.ts
similarity index 96%
rename from packages/react/test/specs/lib/shouldHandleOnKeys-test.ts
rename to packages/react/test/specs/utils/shouldHandleOnKeys-test.ts
index 6c7b8a4043..0b62ee8eaf 100644
--- a/packages/react/test/specs/lib/shouldHandleOnKeys-test.ts
+++ b/packages/react/test/specs/utils/shouldHandleOnKeys-test.ts
@@ -1,4 +1,4 @@
-import shouldHandleOnKeys from 'src/lib/shouldHandleOnKeys'
+import shouldHandleOnKeys from 'src/utils/shouldHandleOnKeys'
 
 const getEventArg = (
   keyCode: number,
diff --git a/packages/react/test/utils/withProvider.tsx b/packages/react/test/utils/withProvider.tsx
index 60043c60bb..e46392cb07 100644
--- a/packages/react/test/utils/withProvider.tsx
+++ b/packages/react/test/utils/withProvider.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { mount } from 'enzyme'
 import { ThemeProvider } from 'react-fela'
-import { felaRenderer } from 'src/lib'
+import { felaRenderer } from 'src/utils'
 import { ThemeInput } from 'src/themes/types'
 
 export const EmptyThemeProvider: React.FunctionComponent = ({ children }) => (