diff --git a/packages/canon/.eslintrc.js b/packages/ui/.eslintrc.js
similarity index 100%
rename from packages/canon/.eslintrc.js
rename to packages/ui/.eslintrc.js
diff --git a/packages/canon/.gitignore b/packages/ui/.gitignore
similarity index 100%
rename from packages/canon/.gitignore
rename to packages/ui/.gitignore
diff --git a/packages/canon/.storybook/main.ts b/packages/ui/.storybook/main.ts
similarity index 100%
rename from packages/canon/.storybook/main.ts
rename to packages/ui/.storybook/main.ts
diff --git a/packages/canon/.storybook/preview.tsx b/packages/ui/.storybook/preview.tsx
similarity index 100%
rename from packages/canon/.storybook/preview.tsx
rename to packages/ui/.storybook/preview.tsx
diff --git a/packages/canon/.storybook/themes/spotify.css b/packages/ui/.storybook/themes/spotify.css
similarity index 100%
rename from packages/canon/.storybook/themes/spotify.css
rename to packages/ui/.storybook/themes/spotify.css
diff --git a/packages/canon/CHANGELOG.md b/packages/ui/CHANGELOG.md
similarity index 100%
rename from packages/canon/CHANGELOG.md
rename to packages/ui/CHANGELOG.md
diff --git a/packages/canon/README.md b/packages/ui/README.md
similarity index 100%
rename from packages/canon/README.md
rename to packages/ui/README.md
diff --git a/packages/canon/catalog-info.yaml b/packages/ui/catalog-info.yaml
similarity index 100%
rename from packages/canon/catalog-info.yaml
rename to packages/ui/catalog-info.yaml
diff --git a/packages/canon/css/styles.css b/packages/ui/css/styles.css
similarity index 100%
rename from packages/canon/css/styles.css
rename to packages/ui/css/styles.css
diff --git a/packages/canon/header.png b/packages/ui/header.png
similarity index 100%
rename from packages/canon/header.png
rename to packages/ui/header.png
diff --git a/packages/canon/package.json b/packages/ui/package.json
similarity index 100%
rename from packages/canon/package.json
rename to packages/ui/package.json
diff --git a/packages/canon/report.api.md b/packages/ui/report.api.md
similarity index 100%
rename from packages/canon/report.api.md
rename to packages/ui/report.api.md
diff --git a/packages/canon/scripts/build-css.mjs b/packages/ui/scripts/build-css.mjs
similarity index 100%
rename from packages/canon/scripts/build-css.mjs
rename to packages/ui/scripts/build-css.mjs
diff --git a/packages/canon/src/components/Avatar/Avatar.stories.tsx b/packages/ui/src/components/Avatar/Avatar.stories.tsx
similarity index 97%
rename from packages/canon/src/components/Avatar/Avatar.stories.tsx
rename to packages/ui/src/components/Avatar/Avatar.stories.tsx
index 0c5289fb3f..c0e8ddb2f5 100644
--- a/packages/canon/src/components/Avatar/Avatar.stories.tsx
+++ b/packages/ui/src/components/Avatar/Avatar.stories.tsx
@@ -16,7 +16,7 @@
 
 import type { Meta, StoryObj } from '@storybook/react';
 import { Avatar } from './index';
-import { Flex } from '../../';
+import { Flex } from '../..';
 
 const meta = {
   title: 'Components/Avatar',
diff --git a/packages/canon/src/components/Avatar/Avatar.styles.css b/packages/ui/src/components/Avatar/Avatar.styles.css
similarity index 100%
rename from packages/canon/src/components/Avatar/Avatar.styles.css
rename to packages/ui/src/components/Avatar/Avatar.styles.css
diff --git a/packages/canon/src/components/Avatar/Avatar.tsx b/packages/ui/src/components/Avatar/Avatar.tsx
similarity index 100%
rename from packages/canon/src/components/Avatar/Avatar.tsx
rename to packages/ui/src/components/Avatar/Avatar.tsx
diff --git a/packages/canon/src/components/Avatar/index.ts b/packages/ui/src/components/Avatar/index.ts
similarity index 100%
rename from packages/canon/src/components/Avatar/index.ts
rename to packages/ui/src/components/Avatar/index.ts
diff --git a/packages/canon/src/components/Avatar/types.ts b/packages/ui/src/components/Avatar/types.ts
similarity index 100%
rename from packages/canon/src/components/Avatar/types.ts
rename to packages/ui/src/components/Avatar/types.ts
diff --git a/packages/canon/src/components/Box/Box.props.ts b/packages/ui/src/components/Box/Box.props.ts
similarity index 100%
rename from packages/canon/src/components/Box/Box.props.ts
rename to packages/ui/src/components/Box/Box.props.ts
diff --git a/packages/canon/src/components/Box/Box.stories.tsx b/packages/ui/src/components/Box/Box.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Box/Box.stories.tsx
rename to packages/ui/src/components/Box/Box.stories.tsx
diff --git a/packages/canon/src/components/Box/Box.tsx b/packages/ui/src/components/Box/Box.tsx
similarity index 100%
rename from packages/canon/src/components/Box/Box.tsx
rename to packages/ui/src/components/Box/Box.tsx
diff --git a/packages/canon/src/components/Box/index.tsx b/packages/ui/src/components/Box/index.tsx
similarity index 100%
rename from packages/canon/src/components/Box/index.tsx
rename to packages/ui/src/components/Box/index.tsx
diff --git a/packages/canon/src/components/Box/styles.css b/packages/ui/src/components/Box/styles.css
similarity index 100%
rename from packages/canon/src/components/Box/styles.css
rename to packages/ui/src/components/Box/styles.css
diff --git a/packages/canon/src/components/Box/types.ts b/packages/ui/src/components/Box/types.ts
similarity index 100%
rename from packages/canon/src/components/Box/types.ts
rename to packages/ui/src/components/Box/types.ts
diff --git a/packages/canon/src/components/Button/Button.stories.tsx b/packages/ui/src/components/Button/Button.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Button/Button.stories.tsx
rename to packages/ui/src/components/Button/Button.stories.tsx
diff --git a/packages/canon/src/components/Button/Button.tsx b/packages/ui/src/components/Button/Button.tsx
similarity index 100%
rename from packages/canon/src/components/Button/Button.tsx
rename to packages/ui/src/components/Button/Button.tsx
diff --git a/packages/canon/src/components/Button/index.ts b/packages/ui/src/components/Button/index.ts
similarity index 100%
rename from packages/canon/src/components/Button/index.ts
rename to packages/ui/src/components/Button/index.ts
diff --git a/packages/canon/src/components/Button/styles.css b/packages/ui/src/components/Button/styles.css
similarity index 100%
rename from packages/canon/src/components/Button/styles.css
rename to packages/ui/src/components/Button/styles.css
diff --git a/packages/canon/src/components/Button/types.ts b/packages/ui/src/components/Button/types.ts
similarity index 96%
rename from packages/canon/src/components/Button/types.ts
rename to packages/ui/src/components/Button/types.ts
index c29cfd5e6c..cbe5bd3608 100644
--- a/packages/canon/src/components/Button/types.ts
+++ b/packages/ui/src/components/Button/types.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { Breakpoint } from '../../';
+import { Breakpoint } from '../..';
 import { ReactElement, ReactNode } from 'react';
 import { ButtonProps as RAButtonProps } from 'react-aria-components';
 
diff --git a/packages/canon/src/components/ButtonIcon/ButtonIcon.stories.tsx b/packages/ui/src/components/ButtonIcon/ButtonIcon.stories.tsx
similarity index 100%
rename from packages/canon/src/components/ButtonIcon/ButtonIcon.stories.tsx
rename to packages/ui/src/components/ButtonIcon/ButtonIcon.stories.tsx
diff --git a/packages/canon/src/components/ButtonIcon/ButtonIcon.tsx b/packages/ui/src/components/ButtonIcon/ButtonIcon.tsx
similarity index 100%
rename from packages/canon/src/components/ButtonIcon/ButtonIcon.tsx
rename to packages/ui/src/components/ButtonIcon/ButtonIcon.tsx
diff --git a/packages/canon/src/components/ButtonIcon/index.tsx b/packages/ui/src/components/ButtonIcon/index.tsx
similarity index 100%
rename from packages/canon/src/components/ButtonIcon/index.tsx
rename to packages/ui/src/components/ButtonIcon/index.tsx
diff --git a/packages/canon/src/components/ButtonIcon/styles.css b/packages/ui/src/components/ButtonIcon/styles.css
similarity index 100%
rename from packages/canon/src/components/ButtonIcon/styles.css
rename to packages/ui/src/components/ButtonIcon/styles.css
diff --git a/packages/canon/src/components/ButtonIcon/types.ts b/packages/ui/src/components/ButtonIcon/types.ts
similarity index 96%
rename from packages/canon/src/components/ButtonIcon/types.ts
rename to packages/ui/src/components/ButtonIcon/types.ts
index d5cd042de6..bc358b6d7d 100644
--- a/packages/canon/src/components/ButtonIcon/types.ts
+++ b/packages/ui/src/components/ButtonIcon/types.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { Breakpoint } from '../../';
+import { Breakpoint } from '../..';
 import { ReactElement } from 'react';
 import { ButtonProps as RAButtonProps } from 'react-aria-components';
 
diff --git a/packages/canon/src/components/ButtonLink/ButtonLink.stories.tsx b/packages/ui/src/components/ButtonLink/ButtonLink.stories.tsx
similarity index 100%
rename from packages/canon/src/components/ButtonLink/ButtonLink.stories.tsx
rename to packages/ui/src/components/ButtonLink/ButtonLink.stories.tsx
diff --git a/packages/canon/src/components/ButtonLink/ButtonLink.tsx b/packages/ui/src/components/ButtonLink/ButtonLink.tsx
similarity index 100%
rename from packages/canon/src/components/ButtonLink/ButtonLink.tsx
rename to packages/ui/src/components/ButtonLink/ButtonLink.tsx
diff --git a/packages/canon/src/components/ButtonLink/index.ts b/packages/ui/src/components/ButtonLink/index.ts
similarity index 100%
rename from packages/canon/src/components/ButtonLink/index.ts
rename to packages/ui/src/components/ButtonLink/index.ts
diff --git a/packages/canon/src/components/ButtonLink/types.ts b/packages/ui/src/components/ButtonLink/types.ts
similarity index 96%
rename from packages/canon/src/components/ButtonLink/types.ts
rename to packages/ui/src/components/ButtonLink/types.ts
index c4bb20e2a3..e6b0556349 100644
--- a/packages/canon/src/components/ButtonLink/types.ts
+++ b/packages/ui/src/components/ButtonLink/types.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { Breakpoint } from '../../';
+import { Breakpoint } from '../..';
 import { ReactElement, ReactNode } from 'react';
 import { LinkProps as RALinkProps } from 'react-aria-components';
 
diff --git a/packages/canon/src/components/Card/Card.stories.tsx b/packages/ui/src/components/Card/Card.stories.tsx
similarity index 98%
rename from packages/canon/src/components/Card/Card.stories.tsx
rename to packages/ui/src/components/Card/Card.stories.tsx
index 01172140ad..10c25c0c93 100644
--- a/packages/canon/src/components/Card/Card.stories.tsx
+++ b/packages/ui/src/components/Card/Card.stories.tsx
@@ -16,7 +16,7 @@
 
 import type { Meta, StoryObj } from '@storybook/react';
 import { Card, CardHeader, CardBody, CardFooter } from './Card';
-import { IconNames, Text } from '../../';
+import { IconNames, Text } from '../..';
 
 export interface ListItem {
   id: string;
diff --git a/packages/canon/src/components/Card/Card.styles.css b/packages/ui/src/components/Card/Card.styles.css
similarity index 100%
rename from packages/canon/src/components/Card/Card.styles.css
rename to packages/ui/src/components/Card/Card.styles.css
diff --git a/packages/canon/src/components/Card/Card.tsx b/packages/ui/src/components/Card/Card.tsx
similarity index 100%
rename from packages/canon/src/components/Card/Card.tsx
rename to packages/ui/src/components/Card/Card.tsx
diff --git a/packages/canon/src/components/Card/index.ts b/packages/ui/src/components/Card/index.ts
similarity index 100%
rename from packages/canon/src/components/Card/index.ts
rename to packages/ui/src/components/Card/index.ts
diff --git a/packages/canon/src/components/Card/types.ts b/packages/ui/src/components/Card/types.ts
similarity index 100%
rename from packages/canon/src/components/Card/types.ts
rename to packages/ui/src/components/Card/types.ts
diff --git a/packages/canon/src/components/Checkbox/Checkbox.stories.tsx b/packages/ui/src/components/Checkbox/Checkbox.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Checkbox/Checkbox.stories.tsx
rename to packages/ui/src/components/Checkbox/Checkbox.stories.tsx
diff --git a/packages/canon/src/components/Checkbox/Checkbox.tsx b/packages/ui/src/components/Checkbox/Checkbox.tsx
similarity index 98%
rename from packages/canon/src/components/Checkbox/Checkbox.tsx
rename to packages/ui/src/components/Checkbox/Checkbox.tsx
index dcf8b56775..51f1fad4de 100644
--- a/packages/canon/src/components/Checkbox/Checkbox.tsx
+++ b/packages/ui/src/components/Checkbox/Checkbox.tsx
@@ -16,7 +16,7 @@
 
 import { forwardRef } from 'react';
 import { Checkbox as CheckboxPrimitive } from '@base-ui-components/react/checkbox';
-import { Icon } from '../../';
+import { Icon } from '../..';
 import type { CheckboxProps } from './types';
 import { useStyles } from '../../hooks/useStyles';
 import clsx from 'clsx';
diff --git a/packages/canon/src/components/Checkbox/index.ts b/packages/ui/src/components/Checkbox/index.ts
similarity index 100%
rename from packages/canon/src/components/Checkbox/index.ts
rename to packages/ui/src/components/Checkbox/index.ts
diff --git a/packages/canon/src/components/Checkbox/styles.css b/packages/ui/src/components/Checkbox/styles.css
similarity index 100%
rename from packages/canon/src/components/Checkbox/styles.css
rename to packages/ui/src/components/Checkbox/styles.css
diff --git a/packages/canon/src/components/Checkbox/types.ts b/packages/ui/src/components/Checkbox/types.ts
similarity index 100%
rename from packages/canon/src/components/Checkbox/types.ts
rename to packages/ui/src/components/Checkbox/types.ts
diff --git a/packages/canon/src/components/Collapsible/Collapsible.stories.tsx b/packages/ui/src/components/Collapsible/Collapsible.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Collapsible/Collapsible.stories.tsx
rename to packages/ui/src/components/Collapsible/Collapsible.stories.tsx
diff --git a/packages/canon/src/components/Collapsible/Collapsible.styles.css b/packages/ui/src/components/Collapsible/Collapsible.styles.css
similarity index 100%
rename from packages/canon/src/components/Collapsible/Collapsible.styles.css
rename to packages/ui/src/components/Collapsible/Collapsible.styles.css
diff --git a/packages/canon/src/components/Collapsible/Collapsible.tsx b/packages/ui/src/components/Collapsible/Collapsible.tsx
similarity index 100%
rename from packages/canon/src/components/Collapsible/Collapsible.tsx
rename to packages/ui/src/components/Collapsible/Collapsible.tsx
diff --git a/packages/canon/src/components/Collapsible/index.ts b/packages/ui/src/components/Collapsible/index.ts
similarity index 100%
rename from packages/canon/src/components/Collapsible/index.ts
rename to packages/ui/src/components/Collapsible/index.ts
diff --git a/packages/canon/src/components/Container/Container.stories.tsx b/packages/ui/src/components/Container/Container.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Container/Container.stories.tsx
rename to packages/ui/src/components/Container/Container.stories.tsx
diff --git a/packages/canon/src/components/Container/Container.tsx b/packages/ui/src/components/Container/Container.tsx
similarity index 100%
rename from packages/canon/src/components/Container/Container.tsx
rename to packages/ui/src/components/Container/Container.tsx
diff --git a/packages/canon/src/components/Container/index.tsx b/packages/ui/src/components/Container/index.tsx
similarity index 100%
rename from packages/canon/src/components/Container/index.tsx
rename to packages/ui/src/components/Container/index.tsx
diff --git a/packages/canon/src/components/Container/styles.css b/packages/ui/src/components/Container/styles.css
similarity index 100%
rename from packages/canon/src/components/Container/styles.css
rename to packages/ui/src/components/Container/styles.css
diff --git a/packages/canon/src/components/Container/types.ts b/packages/ui/src/components/Container/types.ts
similarity index 100%
rename from packages/canon/src/components/Container/types.ts
rename to packages/ui/src/components/Container/types.ts
diff --git a/packages/canon/src/components/DataTable/DataTable.stories.tsx b/packages/ui/src/components/DataTable/DataTable.stories.tsx
similarity index 100%
rename from packages/canon/src/components/DataTable/DataTable.stories.tsx
rename to packages/ui/src/components/DataTable/DataTable.stories.tsx
diff --git a/packages/canon/src/components/DataTable/DataTable.tsx b/packages/ui/src/components/DataTable/DataTable.tsx
similarity index 100%
rename from packages/canon/src/components/DataTable/DataTable.tsx
rename to packages/ui/src/components/DataTable/DataTable.tsx
diff --git a/packages/canon/src/components/DataTable/Pagination/DataTablePagination.stories.tsx b/packages/ui/src/components/DataTable/Pagination/DataTablePagination.stories.tsx
similarity index 100%
rename from packages/canon/src/components/DataTable/Pagination/DataTablePagination.stories.tsx
rename to packages/ui/src/components/DataTable/Pagination/DataTablePagination.stories.tsx
diff --git a/packages/canon/src/components/DataTable/Pagination/DataTablePagination.styles.css b/packages/ui/src/components/DataTable/Pagination/DataTablePagination.styles.css
similarity index 100%
rename from packages/canon/src/components/DataTable/Pagination/DataTablePagination.styles.css
rename to packages/ui/src/components/DataTable/Pagination/DataTablePagination.styles.css
diff --git a/packages/canon/src/components/DataTable/Pagination/DataTablePagination.tsx b/packages/ui/src/components/DataTable/Pagination/DataTablePagination.tsx
similarity index 100%
rename from packages/canon/src/components/DataTable/Pagination/DataTablePagination.tsx
rename to packages/ui/src/components/DataTable/Pagination/DataTablePagination.tsx
diff --git a/packages/canon/src/components/DataTable/Pagination/types.ts b/packages/ui/src/components/DataTable/Pagination/types.ts
similarity index 100%
rename from packages/canon/src/components/DataTable/Pagination/types.ts
rename to packages/ui/src/components/DataTable/Pagination/types.ts
diff --git a/packages/canon/src/components/DataTable/Root/DataTableRoot.styles.css b/packages/ui/src/components/DataTable/Root/DataTableRoot.styles.css
similarity index 100%
rename from packages/canon/src/components/DataTable/Root/DataTableRoot.styles.css
rename to packages/ui/src/components/DataTable/Root/DataTableRoot.styles.css
diff --git a/packages/canon/src/components/DataTable/Root/DataTableRoot.tsx b/packages/ui/src/components/DataTable/Root/DataTableRoot.tsx
similarity index 100%
rename from packages/canon/src/components/DataTable/Root/DataTableRoot.tsx
rename to packages/ui/src/components/DataTable/Root/DataTableRoot.tsx
diff --git a/packages/canon/src/components/DataTable/Root/types.ts b/packages/ui/src/components/DataTable/Root/types.ts
similarity index 100%
rename from packages/canon/src/components/DataTable/Root/types.ts
rename to packages/ui/src/components/DataTable/Root/types.ts
diff --git a/packages/canon/src/components/DataTable/Table/DataTableTable.tsx b/packages/ui/src/components/DataTable/Table/DataTableTable.tsx
similarity index 100%
rename from packages/canon/src/components/DataTable/Table/DataTableTable.tsx
rename to packages/ui/src/components/DataTable/Table/DataTableTable.tsx
diff --git a/packages/canon/src/components/DataTable/Table/types.ts b/packages/ui/src/components/DataTable/Table/types.ts
similarity index 100%
rename from packages/canon/src/components/DataTable/Table/types.ts
rename to packages/ui/src/components/DataTable/Table/types.ts
diff --git a/packages/canon/src/components/DataTable/index.ts b/packages/ui/src/components/DataTable/index.ts
similarity index 100%
rename from packages/canon/src/components/DataTable/index.ts
rename to packages/ui/src/components/DataTable/index.ts
diff --git a/packages/canon/src/components/DataTable/mocked-columns.tsx b/packages/ui/src/components/DataTable/mocked-columns.tsx
similarity index 100%
rename from packages/canon/src/components/DataTable/mocked-columns.tsx
rename to packages/ui/src/components/DataTable/mocked-columns.tsx
diff --git a/packages/canon/src/components/DataTable/mocked-components.ts b/packages/ui/src/components/DataTable/mocked-components.ts
similarity index 100%
rename from packages/canon/src/components/DataTable/mocked-components.ts
rename to packages/ui/src/components/DataTable/mocked-components.ts
diff --git a/packages/canon/src/components/FieldError/FieldError.stories.tsx b/packages/ui/src/components/FieldError/FieldError.stories.tsx
similarity index 100%
rename from packages/canon/src/components/FieldError/FieldError.stories.tsx
rename to packages/ui/src/components/FieldError/FieldError.stories.tsx
diff --git a/packages/canon/src/components/FieldError/FieldError.styles.css b/packages/ui/src/components/FieldError/FieldError.styles.css
similarity index 100%
rename from packages/canon/src/components/FieldError/FieldError.styles.css
rename to packages/ui/src/components/FieldError/FieldError.styles.css
diff --git a/packages/canon/src/components/FieldError/FieldError.tsx b/packages/ui/src/components/FieldError/FieldError.tsx
similarity index 100%
rename from packages/canon/src/components/FieldError/FieldError.tsx
rename to packages/ui/src/components/FieldError/FieldError.tsx
diff --git a/packages/canon/src/components/FieldError/index.ts b/packages/ui/src/components/FieldError/index.ts
similarity index 100%
rename from packages/canon/src/components/FieldError/index.ts
rename to packages/ui/src/components/FieldError/index.ts
diff --git a/packages/canon/src/components/FieldLabel/FieldLabel.stories.tsx b/packages/ui/src/components/FieldLabel/FieldLabel.stories.tsx
similarity index 100%
rename from packages/canon/src/components/FieldLabel/FieldLabel.stories.tsx
rename to packages/ui/src/components/FieldLabel/FieldLabel.stories.tsx
diff --git a/packages/canon/src/components/FieldLabel/FieldLabel.styles.css b/packages/ui/src/components/FieldLabel/FieldLabel.styles.css
similarity index 100%
rename from packages/canon/src/components/FieldLabel/FieldLabel.styles.css
rename to packages/ui/src/components/FieldLabel/FieldLabel.styles.css
diff --git a/packages/canon/src/components/FieldLabel/FieldLabel.tsx b/packages/ui/src/components/FieldLabel/FieldLabel.tsx
similarity index 100%
rename from packages/canon/src/components/FieldLabel/FieldLabel.tsx
rename to packages/ui/src/components/FieldLabel/FieldLabel.tsx
diff --git a/packages/canon/src/components/FieldLabel/index.ts b/packages/ui/src/components/FieldLabel/index.ts
similarity index 100%
rename from packages/canon/src/components/FieldLabel/index.ts
rename to packages/ui/src/components/FieldLabel/index.ts
diff --git a/packages/canon/src/components/FieldLabel/types.ts b/packages/ui/src/components/FieldLabel/types.ts
similarity index 100%
rename from packages/canon/src/components/FieldLabel/types.ts
rename to packages/ui/src/components/FieldLabel/types.ts
diff --git a/packages/canon/src/components/Flex/Flex.props.ts b/packages/ui/src/components/Flex/Flex.props.ts
similarity index 100%
rename from packages/canon/src/components/Flex/Flex.props.ts
rename to packages/ui/src/components/Flex/Flex.props.ts
diff --git a/packages/canon/src/components/Flex/Flex.stories.tsx b/packages/ui/src/components/Flex/Flex.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Flex/Flex.stories.tsx
rename to packages/ui/src/components/Flex/Flex.stories.tsx
diff --git a/packages/canon/src/components/Flex/Flex.tsx b/packages/ui/src/components/Flex/Flex.tsx
similarity index 100%
rename from packages/canon/src/components/Flex/Flex.tsx
rename to packages/ui/src/components/Flex/Flex.tsx
diff --git a/packages/canon/src/components/Flex/index.ts b/packages/ui/src/components/Flex/index.ts
similarity index 100%
rename from packages/canon/src/components/Flex/index.ts
rename to packages/ui/src/components/Flex/index.ts
diff --git a/packages/canon/src/components/Flex/styles.css b/packages/ui/src/components/Flex/styles.css
similarity index 100%
rename from packages/canon/src/components/Flex/styles.css
rename to packages/ui/src/components/Flex/styles.css
diff --git a/packages/canon/src/components/Flex/types.ts b/packages/ui/src/components/Flex/types.ts
similarity index 100%
rename from packages/canon/src/components/Flex/types.ts
rename to packages/ui/src/components/Flex/types.ts
diff --git a/packages/canon/src/components/Grid/Grid.props.ts b/packages/ui/src/components/Grid/Grid.props.ts
similarity index 100%
rename from packages/canon/src/components/Grid/Grid.props.ts
rename to packages/ui/src/components/Grid/Grid.props.ts
diff --git a/packages/canon/src/components/Grid/Grid.stories.tsx b/packages/ui/src/components/Grid/Grid.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Grid/Grid.stories.tsx
rename to packages/ui/src/components/Grid/Grid.stories.tsx
diff --git a/packages/canon/src/components/Grid/Grid.tsx b/packages/ui/src/components/Grid/Grid.tsx
similarity index 100%
rename from packages/canon/src/components/Grid/Grid.tsx
rename to packages/ui/src/components/Grid/Grid.tsx
diff --git a/packages/canon/src/components/Grid/index.ts b/packages/ui/src/components/Grid/index.ts
similarity index 100%
rename from packages/canon/src/components/Grid/index.ts
rename to packages/ui/src/components/Grid/index.ts
diff --git a/packages/canon/src/components/Grid/styles.css b/packages/ui/src/components/Grid/styles.css
similarity index 100%
rename from packages/canon/src/components/Grid/styles.css
rename to packages/ui/src/components/Grid/styles.css
diff --git a/packages/canon/src/components/Grid/types.ts b/packages/ui/src/components/Grid/types.ts
similarity index 100%
rename from packages/canon/src/components/Grid/types.ts
rename to packages/ui/src/components/Grid/types.ts
diff --git a/packages/canon/src/components/Header/Header.stories.tsx b/packages/ui/src/components/Header/Header.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Header/Header.stories.tsx
rename to packages/ui/src/components/Header/Header.stories.tsx
diff --git a/packages/canon/src/components/Header/Header.styles.css b/packages/ui/src/components/Header/Header.styles.css
similarity index 100%
rename from packages/canon/src/components/Header/Header.styles.css
rename to packages/ui/src/components/Header/Header.styles.css
diff --git a/packages/canon/src/components/Header/Header.tsx b/packages/ui/src/components/Header/Header.tsx
similarity index 100%
rename from packages/canon/src/components/Header/Header.tsx
rename to packages/ui/src/components/Header/Header.tsx
diff --git a/packages/canon/src/components/Header/HeaderToolbar.tsx b/packages/ui/src/components/Header/HeaderToolbar.tsx
similarity index 100%
rename from packages/canon/src/components/Header/HeaderToolbar.tsx
rename to packages/ui/src/components/Header/HeaderToolbar.tsx
diff --git a/packages/canon/src/components/Header/index.tsx b/packages/ui/src/components/Header/index.tsx
similarity index 100%
rename from packages/canon/src/components/Header/index.tsx
rename to packages/ui/src/components/Header/index.tsx
diff --git a/packages/canon/src/components/Header/types.ts b/packages/ui/src/components/Header/types.ts
similarity index 100%
rename from packages/canon/src/components/Header/types.ts
rename to packages/ui/src/components/Header/types.ts
diff --git a/packages/canon/src/components/HeaderPage/HeaderPage.stories.tsx b/packages/ui/src/components/HeaderPage/HeaderPage.stories.tsx
similarity index 100%
rename from packages/canon/src/components/HeaderPage/HeaderPage.stories.tsx
rename to packages/ui/src/components/HeaderPage/HeaderPage.stories.tsx
diff --git a/packages/canon/src/components/HeaderPage/HeaderPage.styles.css b/packages/ui/src/components/HeaderPage/HeaderPage.styles.css
similarity index 100%
rename from packages/canon/src/components/HeaderPage/HeaderPage.styles.css
rename to packages/ui/src/components/HeaderPage/HeaderPage.styles.css
diff --git a/packages/canon/src/components/HeaderPage/HeaderPage.tsx b/packages/ui/src/components/HeaderPage/HeaderPage.tsx
similarity index 100%
rename from packages/canon/src/components/HeaderPage/HeaderPage.tsx
rename to packages/ui/src/components/HeaderPage/HeaderPage.tsx
diff --git a/packages/canon/src/components/HeaderPage/index.tsx b/packages/ui/src/components/HeaderPage/index.tsx
similarity index 100%
rename from packages/canon/src/components/HeaderPage/index.tsx
rename to packages/ui/src/components/HeaderPage/index.tsx
diff --git a/packages/canon/src/components/HeaderPage/types.ts b/packages/ui/src/components/HeaderPage/types.ts
similarity index 100%
rename from packages/canon/src/components/HeaderPage/types.ts
rename to packages/ui/src/components/HeaderPage/types.ts
diff --git a/packages/canon/src/components/Heading/Heading.stories.tsx b/packages/ui/src/components/Heading/Heading.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Heading/Heading.stories.tsx
rename to packages/ui/src/components/Heading/Heading.stories.tsx
diff --git a/packages/canon/src/components/Heading/Heading.tsx b/packages/ui/src/components/Heading/Heading.tsx
similarity index 100%
rename from packages/canon/src/components/Heading/Heading.tsx
rename to packages/ui/src/components/Heading/Heading.tsx
diff --git a/packages/canon/src/components/Heading/index.ts b/packages/ui/src/components/Heading/index.ts
similarity index 100%
rename from packages/canon/src/components/Heading/index.ts
rename to packages/ui/src/components/Heading/index.ts
diff --git a/packages/canon/src/components/Heading/styles.css b/packages/ui/src/components/Heading/styles.css
similarity index 100%
rename from packages/canon/src/components/Heading/styles.css
rename to packages/ui/src/components/Heading/styles.css
diff --git a/packages/canon/src/components/Heading/types.ts b/packages/ui/src/components/Heading/types.ts
similarity index 100%
rename from packages/canon/src/components/Heading/types.ts
rename to packages/ui/src/components/Heading/types.ts
diff --git a/packages/canon/src/components/Icon/Icon.stories.tsx b/packages/ui/src/components/Icon/Icon.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Icon/Icon.stories.tsx
rename to packages/ui/src/components/Icon/Icon.stories.tsx
diff --git a/packages/canon/src/components/Icon/Icon.tsx b/packages/ui/src/components/Icon/Icon.tsx
similarity index 100%
rename from packages/canon/src/components/Icon/Icon.tsx
rename to packages/ui/src/components/Icon/Icon.tsx
diff --git a/packages/canon/src/components/Icon/context.tsx b/packages/ui/src/components/Icon/context.tsx
similarity index 100%
rename from packages/canon/src/components/Icon/context.tsx
rename to packages/ui/src/components/Icon/context.tsx
diff --git a/packages/canon/src/components/Icon/icons.ts b/packages/ui/src/components/Icon/icons.ts
similarity index 100%
rename from packages/canon/src/components/Icon/icons.ts
rename to packages/ui/src/components/Icon/icons.ts
diff --git a/packages/canon/src/components/Icon/index.tsx b/packages/ui/src/components/Icon/index.tsx
similarity index 100%
rename from packages/canon/src/components/Icon/index.tsx
rename to packages/ui/src/components/Icon/index.tsx
diff --git a/packages/canon/src/components/Icon/provider.tsx b/packages/ui/src/components/Icon/provider.tsx
similarity index 100%
rename from packages/canon/src/components/Icon/provider.tsx
rename to packages/ui/src/components/Icon/provider.tsx
diff --git a/packages/canon/src/components/Icon/styles.css b/packages/ui/src/components/Icon/styles.css
similarity index 100%
rename from packages/canon/src/components/Icon/styles.css
rename to packages/ui/src/components/Icon/styles.css
diff --git a/packages/canon/src/components/Icon/types.ts b/packages/ui/src/components/Icon/types.ts
similarity index 100%
rename from packages/canon/src/components/Icon/types.ts
rename to packages/ui/src/components/Icon/types.ts
diff --git a/packages/canon/src/components/Link/Link.stories.tsx b/packages/ui/src/components/Link/Link.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Link/Link.stories.tsx
rename to packages/ui/src/components/Link/Link.stories.tsx
diff --git a/packages/canon/src/components/Link/Link.tsx b/packages/ui/src/components/Link/Link.tsx
similarity index 100%
rename from packages/canon/src/components/Link/Link.tsx
rename to packages/ui/src/components/Link/Link.tsx
diff --git a/packages/canon/src/components/Link/index.ts b/packages/ui/src/components/Link/index.ts
similarity index 100%
rename from packages/canon/src/components/Link/index.ts
rename to packages/ui/src/components/Link/index.ts
diff --git a/packages/canon/src/components/Link/styles.css b/packages/ui/src/components/Link/styles.css
similarity index 100%
rename from packages/canon/src/components/Link/styles.css
rename to packages/ui/src/components/Link/styles.css
diff --git a/packages/canon/src/components/Link/types.ts b/packages/ui/src/components/Link/types.ts
similarity index 100%
rename from packages/canon/src/components/Link/types.ts
rename to packages/ui/src/components/Link/types.ts
diff --git a/packages/canon/src/components/Menu/Combobox.tsx b/packages/ui/src/components/Menu/Combobox.tsx
similarity index 99%
rename from packages/canon/src/components/Menu/Combobox.tsx
rename to packages/ui/src/components/Menu/Combobox.tsx
index 6acaf201db..2d74d52a40 100644
--- a/packages/canon/src/components/Menu/Combobox.tsx
+++ b/packages/ui/src/components/Menu/Combobox.tsx
@@ -27,7 +27,7 @@ import {
 } from 'react';
 import clsx from 'clsx';
 import { MenuComboboxOption, MenuComboboxProps } from './types';
-import { Icon } from '../../';
+import { Icon } from '../..';
 
 const getListboxItemId = (listboxId: string, optionValue: string): string =>
   `${listboxId}-option-${optionValue}`;
diff --git a/packages/canon/src/components/Menu/Menu.stories.tsx b/packages/ui/src/components/Menu/Menu.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Menu/Menu.stories.tsx
rename to packages/ui/src/components/Menu/Menu.stories.tsx
diff --git a/packages/canon/src/components/Menu/Menu.styles.css b/packages/ui/src/components/Menu/Menu.styles.css
similarity index 100%
rename from packages/canon/src/components/Menu/Menu.styles.css
rename to packages/ui/src/components/Menu/Menu.styles.css
diff --git a/packages/canon/src/components/Menu/Menu.tsx b/packages/ui/src/components/Menu/Menu.tsx
similarity index 100%
rename from packages/canon/src/components/Menu/Menu.tsx
rename to packages/ui/src/components/Menu/Menu.tsx
diff --git a/packages/canon/src/components/Menu/index.ts b/packages/ui/src/components/Menu/index.ts
similarity index 100%
rename from packages/canon/src/components/Menu/index.ts
rename to packages/ui/src/components/Menu/index.ts
diff --git a/packages/canon/src/components/Menu/types.ts b/packages/ui/src/components/Menu/types.ts
similarity index 100%
rename from packages/canon/src/components/Menu/types.ts
rename to packages/ui/src/components/Menu/types.ts
diff --git a/packages/canon/src/components/Popover/Popover.styles.css b/packages/ui/src/components/Popover/Popover.styles.css
similarity index 100%
rename from packages/canon/src/components/Popover/Popover.styles.css
rename to packages/ui/src/components/Popover/Popover.styles.css
diff --git a/packages/canon/src/components/RadioGroup/RadioGroup.stories.tsx b/packages/ui/src/components/RadioGroup/RadioGroup.stories.tsx
similarity index 100%
rename from packages/canon/src/components/RadioGroup/RadioGroup.stories.tsx
rename to packages/ui/src/components/RadioGroup/RadioGroup.stories.tsx
diff --git a/packages/canon/src/components/RadioGroup/RadioGroup.styles.css b/packages/ui/src/components/RadioGroup/RadioGroup.styles.css
similarity index 100%
rename from packages/canon/src/components/RadioGroup/RadioGroup.styles.css
rename to packages/ui/src/components/RadioGroup/RadioGroup.styles.css
diff --git a/packages/canon/src/components/RadioGroup/RadioGroup.tsx b/packages/ui/src/components/RadioGroup/RadioGroup.tsx
similarity index 100%
rename from packages/canon/src/components/RadioGroup/RadioGroup.tsx
rename to packages/ui/src/components/RadioGroup/RadioGroup.tsx
diff --git a/packages/canon/src/components/RadioGroup/index.ts b/packages/ui/src/components/RadioGroup/index.ts
similarity index 100%
rename from packages/canon/src/components/RadioGroup/index.ts
rename to packages/ui/src/components/RadioGroup/index.ts
diff --git a/packages/canon/src/components/RadioGroup/types.ts b/packages/ui/src/components/RadioGroup/types.ts
similarity index 100%
rename from packages/canon/src/components/RadioGroup/types.ts
rename to packages/ui/src/components/RadioGroup/types.ts
diff --git a/packages/canon/src/components/ScrollArea/ScrollArea.stories.tsx b/packages/ui/src/components/ScrollArea/ScrollArea.stories.tsx
similarity index 100%
rename from packages/canon/src/components/ScrollArea/ScrollArea.stories.tsx
rename to packages/ui/src/components/ScrollArea/ScrollArea.stories.tsx
diff --git a/packages/canon/src/components/ScrollArea/ScrollArea.styles.css b/packages/ui/src/components/ScrollArea/ScrollArea.styles.css
similarity index 100%
rename from packages/canon/src/components/ScrollArea/ScrollArea.styles.css
rename to packages/ui/src/components/ScrollArea/ScrollArea.styles.css
diff --git a/packages/canon/src/components/ScrollArea/ScrollArea.tsx b/packages/ui/src/components/ScrollArea/ScrollArea.tsx
similarity index 100%
rename from packages/canon/src/components/ScrollArea/ScrollArea.tsx
rename to packages/ui/src/components/ScrollArea/ScrollArea.tsx
diff --git a/packages/canon/src/components/ScrollArea/index.ts b/packages/ui/src/components/ScrollArea/index.ts
similarity index 100%
rename from packages/canon/src/components/ScrollArea/index.ts
rename to packages/ui/src/components/ScrollArea/index.ts
diff --git a/packages/canon/src/components/SearchField/SearchField.stories.tsx b/packages/ui/src/components/SearchField/SearchField.stories.tsx
similarity index 100%
rename from packages/canon/src/components/SearchField/SearchField.stories.tsx
rename to packages/ui/src/components/SearchField/SearchField.stories.tsx
diff --git a/packages/canon/src/components/SearchField/SearchField.styles.css b/packages/ui/src/components/SearchField/SearchField.styles.css
similarity index 100%
rename from packages/canon/src/components/SearchField/SearchField.styles.css
rename to packages/ui/src/components/SearchField/SearchField.styles.css
diff --git a/packages/canon/src/components/SearchField/SearchField.tsx b/packages/ui/src/components/SearchField/SearchField.tsx
similarity index 100%
rename from packages/canon/src/components/SearchField/SearchField.tsx
rename to packages/ui/src/components/SearchField/SearchField.tsx
diff --git a/packages/canon/src/components/SearchField/index.ts b/packages/ui/src/components/SearchField/index.ts
similarity index 100%
rename from packages/canon/src/components/SearchField/index.ts
rename to packages/ui/src/components/SearchField/index.ts
diff --git a/packages/canon/src/components/SearchField/types.ts b/packages/ui/src/components/SearchField/types.ts
similarity index 100%
rename from packages/canon/src/components/SearchField/types.ts
rename to packages/ui/src/components/SearchField/types.ts
diff --git a/packages/canon/src/components/Select/Select.stories.tsx b/packages/ui/src/components/Select/Select.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Select/Select.stories.tsx
rename to packages/ui/src/components/Select/Select.stories.tsx
diff --git a/packages/canon/src/components/Select/Select.styles.css b/packages/ui/src/components/Select/Select.styles.css
similarity index 100%
rename from packages/canon/src/components/Select/Select.styles.css
rename to packages/ui/src/components/Select/Select.styles.css
diff --git a/packages/canon/src/components/Select/Select.tsx b/packages/ui/src/components/Select/Select.tsx
similarity index 100%
rename from packages/canon/src/components/Select/Select.tsx
rename to packages/ui/src/components/Select/Select.tsx
diff --git a/packages/canon/src/components/Select/index.ts b/packages/ui/src/components/Select/index.ts
similarity index 100%
rename from packages/canon/src/components/Select/index.ts
rename to packages/ui/src/components/Select/index.ts
diff --git a/packages/canon/src/components/Select/types.ts b/packages/ui/src/components/Select/types.ts
similarity index 97%
rename from packages/canon/src/components/Select/types.ts
rename to packages/ui/src/components/Select/types.ts
index 991344aa5b..6aea3452cc 100644
--- a/packages/canon/src/components/Select/types.ts
+++ b/packages/ui/src/components/Select/types.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { Breakpoint } from '../../';
+import { Breakpoint } from '../..';
 import { ReactNode } from 'react';
 import type { SelectProps as AriaSelectProps } from 'react-aria-components';
 import type { FieldLabelProps } from '../FieldLabel/types';
diff --git a/packages/canon/src/components/Skeleton/Skeleton.stories.tsx b/packages/ui/src/components/Skeleton/Skeleton.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Skeleton/Skeleton.stories.tsx
rename to packages/ui/src/components/Skeleton/Skeleton.stories.tsx
diff --git a/packages/canon/src/components/Skeleton/Skeleton.styles.css b/packages/ui/src/components/Skeleton/Skeleton.styles.css
similarity index 100%
rename from packages/canon/src/components/Skeleton/Skeleton.styles.css
rename to packages/ui/src/components/Skeleton/Skeleton.styles.css
diff --git a/packages/canon/src/components/Skeleton/Skeleton.tsx b/packages/ui/src/components/Skeleton/Skeleton.tsx
similarity index 100%
rename from packages/canon/src/components/Skeleton/Skeleton.tsx
rename to packages/ui/src/components/Skeleton/Skeleton.tsx
diff --git a/packages/canon/src/components/Skeleton/index.tsx b/packages/ui/src/components/Skeleton/index.tsx
similarity index 100%
rename from packages/canon/src/components/Skeleton/index.tsx
rename to packages/ui/src/components/Skeleton/index.tsx
diff --git a/packages/canon/src/components/Skeleton/types.ts b/packages/ui/src/components/Skeleton/types.ts
similarity index 100%
rename from packages/canon/src/components/Skeleton/types.ts
rename to packages/ui/src/components/Skeleton/types.ts
diff --git a/packages/canon/src/components/Switch/Switch.stories.tsx b/packages/ui/src/components/Switch/Switch.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Switch/Switch.stories.tsx
rename to packages/ui/src/components/Switch/Switch.stories.tsx
diff --git a/packages/canon/src/components/Switch/Switch.styles.css b/packages/ui/src/components/Switch/Switch.styles.css
similarity index 100%
rename from packages/canon/src/components/Switch/Switch.styles.css
rename to packages/ui/src/components/Switch/Switch.styles.css
diff --git a/packages/canon/src/components/Switch/Switch.tsx b/packages/ui/src/components/Switch/Switch.tsx
similarity index 100%
rename from packages/canon/src/components/Switch/Switch.tsx
rename to packages/ui/src/components/Switch/Switch.tsx
diff --git a/packages/canon/src/components/Switch/index.tsx b/packages/ui/src/components/Switch/index.tsx
similarity index 100%
rename from packages/canon/src/components/Switch/index.tsx
rename to packages/ui/src/components/Switch/index.tsx
diff --git a/packages/canon/src/components/Switch/types.ts b/packages/ui/src/components/Switch/types.ts
similarity index 100%
rename from packages/canon/src/components/Switch/types.ts
rename to packages/ui/src/components/Switch/types.ts
diff --git a/packages/canon/src/components/Table/Table.stories.tsx b/packages/ui/src/components/Table/Table.stories.tsx
similarity index 98%
rename from packages/canon/src/components/Table/Table.stories.tsx
rename to packages/ui/src/components/Table/Table.stories.tsx
index e28e7e41d0..f008e73bae 100644
--- a/packages/canon/src/components/Table/Table.stories.tsx
+++ b/packages/ui/src/components/Table/Table.stories.tsx
@@ -16,7 +16,7 @@
 
 import { ComponentType } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
-import { Table } from '../Table';
+import { Table } from '.';
 
 const invoices = [
   {
diff --git a/packages/canon/src/components/Table/Table.tsx b/packages/ui/src/components/Table/Table.tsx
similarity index 100%
rename from packages/canon/src/components/Table/Table.tsx
rename to packages/ui/src/components/Table/Table.tsx
diff --git a/packages/canon/src/components/Table/TableCell/TableCell.stories.tsx b/packages/ui/src/components/Table/TableCell/TableCell.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Table/TableCell/TableCell.stories.tsx
rename to packages/ui/src/components/Table/TableCell/TableCell.stories.tsx
diff --git a/packages/canon/src/components/Table/TableCell/TableCell.styles.css b/packages/ui/src/components/Table/TableCell/TableCell.styles.css
similarity index 100%
rename from packages/canon/src/components/Table/TableCell/TableCell.styles.css
rename to packages/ui/src/components/Table/TableCell/TableCell.styles.css
diff --git a/packages/canon/src/components/Table/TableCell/TableCell.tsx b/packages/ui/src/components/Table/TableCell/TableCell.tsx
similarity index 100%
rename from packages/canon/src/components/Table/TableCell/TableCell.tsx
rename to packages/ui/src/components/Table/TableCell/TableCell.tsx
diff --git a/packages/canon/src/components/Table/TableCellLink/TableCellLink.stories.tsx b/packages/ui/src/components/Table/TableCellLink/TableCellLink.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Table/TableCellLink/TableCellLink.stories.tsx
rename to packages/ui/src/components/Table/TableCellLink/TableCellLink.stories.tsx
diff --git a/packages/canon/src/components/Table/TableCellLink/TableCellLink.styles.css b/packages/ui/src/components/Table/TableCellLink/TableCellLink.styles.css
similarity index 100%
rename from packages/canon/src/components/Table/TableCellLink/TableCellLink.styles.css
rename to packages/ui/src/components/Table/TableCellLink/TableCellLink.styles.css
diff --git a/packages/canon/src/components/Table/TableCellLink/TableCellLink.tsx b/packages/ui/src/components/Table/TableCellLink/TableCellLink.tsx
similarity index 100%
rename from packages/canon/src/components/Table/TableCellLink/TableCellLink.tsx
rename to packages/ui/src/components/Table/TableCellLink/TableCellLink.tsx
diff --git a/packages/canon/src/components/Table/TableCellLink/types.ts b/packages/ui/src/components/Table/TableCellLink/types.ts
similarity index 100%
rename from packages/canon/src/components/Table/TableCellLink/types.ts
rename to packages/ui/src/components/Table/TableCellLink/types.ts
diff --git a/packages/canon/src/components/Table/TableCellProfile/TableCellProfile.stories.tsx b/packages/ui/src/components/Table/TableCellProfile/TableCellProfile.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Table/TableCellProfile/TableCellProfile.stories.tsx
rename to packages/ui/src/components/Table/TableCellProfile/TableCellProfile.stories.tsx
diff --git a/packages/canon/src/components/Table/TableCellProfile/TableCellProfile.styles.css b/packages/ui/src/components/Table/TableCellProfile/TableCellProfile.styles.css
similarity index 100%
rename from packages/canon/src/components/Table/TableCellProfile/TableCellProfile.styles.css
rename to packages/ui/src/components/Table/TableCellProfile/TableCellProfile.styles.css
diff --git a/packages/canon/src/components/Table/TableCellProfile/TableCellProfile.tsx b/packages/ui/src/components/Table/TableCellProfile/TableCellProfile.tsx
similarity index 100%
rename from packages/canon/src/components/Table/TableCellProfile/TableCellProfile.tsx
rename to packages/ui/src/components/Table/TableCellProfile/TableCellProfile.tsx
diff --git a/packages/canon/src/components/Table/TableCellProfile/types.ts b/packages/ui/src/components/Table/TableCellProfile/types.ts
similarity index 100%
rename from packages/canon/src/components/Table/TableCellProfile/types.ts
rename to packages/ui/src/components/Table/TableCellProfile/types.ts
diff --git a/packages/canon/src/components/Table/TableCellText/TableCellText.stories.tsx b/packages/ui/src/components/Table/TableCellText/TableCellText.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Table/TableCellText/TableCellText.stories.tsx
rename to packages/ui/src/components/Table/TableCellText/TableCellText.stories.tsx
diff --git a/packages/canon/src/components/Table/TableCellText/TableCellText.styles.css b/packages/ui/src/components/Table/TableCellText/TableCellText.styles.css
similarity index 100%
rename from packages/canon/src/components/Table/TableCellText/TableCellText.styles.css
rename to packages/ui/src/components/Table/TableCellText/TableCellText.styles.css
diff --git a/packages/canon/src/components/Table/TableCellText/TableCellText.tsx b/packages/ui/src/components/Table/TableCellText/TableCellText.tsx
similarity index 100%
rename from packages/canon/src/components/Table/TableCellText/TableCellText.tsx
rename to packages/ui/src/components/Table/TableCellText/TableCellText.tsx
diff --git a/packages/canon/src/components/Table/TableCellText/types.ts b/packages/ui/src/components/Table/TableCellText/types.ts
similarity index 100%
rename from packages/canon/src/components/Table/TableCellText/types.ts
rename to packages/ui/src/components/Table/TableCellText/types.ts
diff --git a/packages/canon/src/components/Table/index.ts b/packages/ui/src/components/Table/index.ts
similarity index 100%
rename from packages/canon/src/components/Table/index.ts
rename to packages/ui/src/components/Table/index.ts
diff --git a/packages/canon/src/components/Table/styles.css b/packages/ui/src/components/Table/styles.css
similarity index 100%
rename from packages/canon/src/components/Table/styles.css
rename to packages/ui/src/components/Table/styles.css
diff --git a/packages/canon/src/components/Tabs/Tabs.stories.tsx b/packages/ui/src/components/Tabs/Tabs.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Tabs/Tabs.stories.tsx
rename to packages/ui/src/components/Tabs/Tabs.stories.tsx
diff --git a/packages/canon/src/components/Tabs/Tabs.styles.css b/packages/ui/src/components/Tabs/Tabs.styles.css
similarity index 100%
rename from packages/canon/src/components/Tabs/Tabs.styles.css
rename to packages/ui/src/components/Tabs/Tabs.styles.css
diff --git a/packages/canon/src/components/Tabs/Tabs.tsx b/packages/ui/src/components/Tabs/Tabs.tsx
similarity index 100%
rename from packages/canon/src/components/Tabs/Tabs.tsx
rename to packages/ui/src/components/Tabs/Tabs.tsx
diff --git a/packages/canon/src/components/Tabs/TabsIndicators.tsx b/packages/ui/src/components/Tabs/TabsIndicators.tsx
similarity index 100%
rename from packages/canon/src/components/Tabs/TabsIndicators.tsx
rename to packages/ui/src/components/Tabs/TabsIndicators.tsx
diff --git a/packages/canon/src/components/Tabs/index.ts b/packages/ui/src/components/Tabs/index.ts
similarity index 100%
rename from packages/canon/src/components/Tabs/index.ts
rename to packages/ui/src/components/Tabs/index.ts
diff --git a/packages/canon/src/components/Tabs/types.ts b/packages/ui/src/components/Tabs/types.ts
similarity index 100%
rename from packages/canon/src/components/Tabs/types.ts
rename to packages/ui/src/components/Tabs/types.ts
diff --git a/packages/canon/src/components/Text/Text.stories.tsx b/packages/ui/src/components/Text/Text.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Text/Text.stories.tsx
rename to packages/ui/src/components/Text/Text.stories.tsx
diff --git a/packages/canon/src/components/Text/Text.tsx b/packages/ui/src/components/Text/Text.tsx
similarity index 100%
rename from packages/canon/src/components/Text/Text.tsx
rename to packages/ui/src/components/Text/Text.tsx
diff --git a/packages/canon/src/components/Text/index.ts b/packages/ui/src/components/Text/index.ts
similarity index 100%
rename from packages/canon/src/components/Text/index.ts
rename to packages/ui/src/components/Text/index.ts
diff --git a/packages/canon/src/components/Text/styles.css b/packages/ui/src/components/Text/styles.css
similarity index 100%
rename from packages/canon/src/components/Text/styles.css
rename to packages/ui/src/components/Text/styles.css
diff --git a/packages/canon/src/components/Text/types.ts b/packages/ui/src/components/Text/types.ts
similarity index 100%
rename from packages/canon/src/components/Text/types.ts
rename to packages/ui/src/components/Text/types.ts
diff --git a/packages/canon/src/components/TextField/TextField.stories.tsx b/packages/ui/src/components/TextField/TextField.stories.tsx
similarity index 100%
rename from packages/canon/src/components/TextField/TextField.stories.tsx
rename to packages/ui/src/components/TextField/TextField.stories.tsx
diff --git a/packages/canon/src/components/TextField/TextField.styles.css b/packages/ui/src/components/TextField/TextField.styles.css
similarity index 100%
rename from packages/canon/src/components/TextField/TextField.styles.css
rename to packages/ui/src/components/TextField/TextField.styles.css
diff --git a/packages/canon/src/components/TextField/TextField.tsx b/packages/ui/src/components/TextField/TextField.tsx
similarity index 100%
rename from packages/canon/src/components/TextField/TextField.tsx
rename to packages/ui/src/components/TextField/TextField.tsx
diff --git a/packages/canon/src/components/TextField/index.ts b/packages/ui/src/components/TextField/index.ts
similarity index 100%
rename from packages/canon/src/components/TextField/index.ts
rename to packages/ui/src/components/TextField/index.ts
diff --git a/packages/canon/src/components/TextField/types.ts b/packages/ui/src/components/TextField/types.ts
similarity index 100%
rename from packages/canon/src/components/TextField/types.ts
rename to packages/ui/src/components/TextField/types.ts
diff --git a/packages/canon/src/components/Tooltip/Tooltip.stories.tsx b/packages/ui/src/components/Tooltip/Tooltip.stories.tsx
similarity index 100%
rename from packages/canon/src/components/Tooltip/Tooltip.stories.tsx
rename to packages/ui/src/components/Tooltip/Tooltip.stories.tsx
diff --git a/packages/canon/src/components/Tooltip/Tooltip.styles.css b/packages/ui/src/components/Tooltip/Tooltip.styles.css
similarity index 100%
rename from packages/canon/src/components/Tooltip/Tooltip.styles.css
rename to packages/ui/src/components/Tooltip/Tooltip.styles.css
diff --git a/packages/canon/src/components/Tooltip/Tooltip.tsx b/packages/ui/src/components/Tooltip/Tooltip.tsx
similarity index 100%
rename from packages/canon/src/components/Tooltip/Tooltip.tsx
rename to packages/ui/src/components/Tooltip/Tooltip.tsx
diff --git a/packages/canon/src/components/Tooltip/index.ts b/packages/ui/src/components/Tooltip/index.ts
similarity index 100%
rename from packages/canon/src/components/Tooltip/index.ts
rename to packages/ui/src/components/Tooltip/index.ts
diff --git a/packages/canon/src/components/Tooltip/types.ts b/packages/ui/src/components/Tooltip/types.ts
similarity index 100%
rename from packages/canon/src/components/Tooltip/types.ts
rename to packages/ui/src/components/Tooltip/types.ts
diff --git a/packages/canon/src/css/components.css b/packages/ui/src/css/components.css
similarity index 100%
rename from packages/canon/src/css/components.css
rename to packages/ui/src/css/components.css
diff --git a/packages/canon/src/css/core.css b/packages/ui/src/css/core.css
similarity index 100%
rename from packages/canon/src/css/core.css
rename to packages/ui/src/css/core.css
diff --git a/packages/canon/src/css/normalize.css b/packages/ui/src/css/normalize.css
similarity index 100%
rename from packages/canon/src/css/normalize.css
rename to packages/ui/src/css/normalize.css
diff --git a/packages/canon/src/css/stories.module.css b/packages/ui/src/css/stories.module.css
similarity index 100%
rename from packages/canon/src/css/stories.module.css
rename to packages/ui/src/css/stories.module.css
diff --git a/packages/canon/src/css/storybook.css b/packages/ui/src/css/storybook.css
similarity index 100%
rename from packages/canon/src/css/storybook.css
rename to packages/ui/src/css/storybook.css
diff --git a/packages/canon/src/css/styles.css b/packages/ui/src/css/styles.css
similarity index 100%
rename from packages/canon/src/css/styles.css
rename to packages/ui/src/css/styles.css
diff --git a/packages/canon/src/css/utilities.css b/packages/ui/src/css/utilities.css
similarity index 100%
rename from packages/canon/src/css/utilities.css
rename to packages/ui/src/css/utilities.css
diff --git a/packages/canon/src/css/utilities/display.css b/packages/ui/src/css/utilities/display.css
similarity index 100%
rename from packages/canon/src/css/utilities/display.css
rename to packages/ui/src/css/utilities/display.css
diff --git a/packages/canon/src/css/utilities/flex.css b/packages/ui/src/css/utilities/flex.css
similarity index 100%
rename from packages/canon/src/css/utilities/flex.css
rename to packages/ui/src/css/utilities/flex.css
diff --git a/packages/canon/src/css/utilities/gap.css b/packages/ui/src/css/utilities/gap.css
similarity index 100%
rename from packages/canon/src/css/utilities/gap.css
rename to packages/ui/src/css/utilities/gap.css
diff --git a/packages/canon/src/css/utilities/grid.css b/packages/ui/src/css/utilities/grid.css
similarity index 100%
rename from packages/canon/src/css/utilities/grid.css
rename to packages/ui/src/css/utilities/grid.css
diff --git a/packages/canon/src/css/utilities/height.css b/packages/ui/src/css/utilities/height.css
similarity index 100%
rename from packages/canon/src/css/utilities/height.css
rename to packages/ui/src/css/utilities/height.css
diff --git a/packages/canon/src/css/utilities/m.css b/packages/ui/src/css/utilities/m.css
similarity index 100%
rename from packages/canon/src/css/utilities/m.css
rename to packages/ui/src/css/utilities/m.css
diff --git a/packages/canon/src/css/utilities/mb.css b/packages/ui/src/css/utilities/mb.css
similarity index 100%
rename from packages/canon/src/css/utilities/mb.css
rename to packages/ui/src/css/utilities/mb.css
diff --git a/packages/canon/src/css/utilities/ml.css b/packages/ui/src/css/utilities/ml.css
similarity index 100%
rename from packages/canon/src/css/utilities/ml.css
rename to packages/ui/src/css/utilities/ml.css
diff --git a/packages/canon/src/css/utilities/mr.css b/packages/ui/src/css/utilities/mr.css
similarity index 100%
rename from packages/canon/src/css/utilities/mr.css
rename to packages/ui/src/css/utilities/mr.css
diff --git a/packages/canon/src/css/utilities/mt.css b/packages/ui/src/css/utilities/mt.css
similarity index 100%
rename from packages/canon/src/css/utilities/mt.css
rename to packages/ui/src/css/utilities/mt.css
diff --git a/packages/canon/src/css/utilities/mx.css b/packages/ui/src/css/utilities/mx.css
similarity index 100%
rename from packages/canon/src/css/utilities/mx.css
rename to packages/ui/src/css/utilities/mx.css
diff --git a/packages/canon/src/css/utilities/my.css b/packages/ui/src/css/utilities/my.css
similarity index 100%
rename from packages/canon/src/css/utilities/my.css
rename to packages/ui/src/css/utilities/my.css
diff --git a/packages/canon/src/css/utilities/p.css b/packages/ui/src/css/utilities/p.css
similarity index 100%
rename from packages/canon/src/css/utilities/p.css
rename to packages/ui/src/css/utilities/p.css
diff --git a/packages/canon/src/css/utilities/pb.css b/packages/ui/src/css/utilities/pb.css
similarity index 100%
rename from packages/canon/src/css/utilities/pb.css
rename to packages/ui/src/css/utilities/pb.css
diff --git a/packages/canon/src/css/utilities/pl.css b/packages/ui/src/css/utilities/pl.css
similarity index 100%
rename from packages/canon/src/css/utilities/pl.css
rename to packages/ui/src/css/utilities/pl.css
diff --git a/packages/canon/src/css/utilities/position.css b/packages/ui/src/css/utilities/position.css
similarity index 100%
rename from packages/canon/src/css/utilities/position.css
rename to packages/ui/src/css/utilities/position.css
diff --git a/packages/canon/src/css/utilities/pr.css b/packages/ui/src/css/utilities/pr.css
similarity index 100%
rename from packages/canon/src/css/utilities/pr.css
rename to packages/ui/src/css/utilities/pr.css
diff --git a/packages/canon/src/css/utilities/pt.css b/packages/ui/src/css/utilities/pt.css
similarity index 100%
rename from packages/canon/src/css/utilities/pt.css
rename to packages/ui/src/css/utilities/pt.css
diff --git a/packages/canon/src/css/utilities/px.css b/packages/ui/src/css/utilities/px.css
similarity index 100%
rename from packages/canon/src/css/utilities/px.css
rename to packages/ui/src/css/utilities/px.css
diff --git a/packages/canon/src/css/utilities/py.css b/packages/ui/src/css/utilities/py.css
similarity index 100%
rename from packages/canon/src/css/utilities/py.css
rename to packages/ui/src/css/utilities/py.css
diff --git a/packages/canon/src/css/utilities/sm.css b/packages/ui/src/css/utilities/sm.css
similarity index 100%
rename from packages/canon/src/css/utilities/sm.css
rename to packages/ui/src/css/utilities/sm.css
diff --git a/packages/canon/src/css/utilities/width.css b/packages/ui/src/css/utilities/width.css
similarity index 100%
rename from packages/canon/src/css/utilities/width.css
rename to packages/ui/src/css/utilities/width.css
diff --git a/packages/canon/src/css/utilities/xs.css b/packages/ui/src/css/utilities/xs.css
similarity index 100%
rename from packages/canon/src/css/utilities/xs.css
rename to packages/ui/src/css/utilities/xs.css
diff --git a/packages/canon/src/hooks/useBreakpoint.ts b/packages/ui/src/hooks/useBreakpoint.ts
similarity index 100%
rename from packages/canon/src/hooks/useBreakpoint.ts
rename to packages/ui/src/hooks/useBreakpoint.ts
diff --git a/packages/canon/src/hooks/useIsomorphicLayoutEffect.ts b/packages/ui/src/hooks/useIsomorphicLayoutEffect.ts
similarity index 100%
rename from packages/canon/src/hooks/useIsomorphicLayoutEffect.ts
rename to packages/ui/src/hooks/useIsomorphicLayoutEffect.ts
diff --git a/packages/canon/src/hooks/useMediaQuery.ts b/packages/ui/src/hooks/useMediaQuery.ts
similarity index 100%
rename from packages/canon/src/hooks/useMediaQuery.ts
rename to packages/ui/src/hooks/useMediaQuery.ts
diff --git a/packages/canon/src/hooks/useStyles.ts b/packages/ui/src/hooks/useStyles.ts
similarity index 100%
rename from packages/canon/src/hooks/useStyles.ts
rename to packages/ui/src/hooks/useStyles.ts
diff --git a/packages/canon/src/index.ts b/packages/ui/src/index.ts
similarity index 100%
rename from packages/canon/src/index.ts
rename to packages/ui/src/index.ts
diff --git a/packages/canon/src/props/display.props.ts b/packages/ui/src/props/display.props.ts
similarity index 100%
rename from packages/canon/src/props/display.props.ts
rename to packages/ui/src/props/display.props.ts
diff --git a/packages/canon/src/props/gap-props.ts b/packages/ui/src/props/gap-props.ts
similarity index 100%
rename from packages/canon/src/props/gap-props.ts
rename to packages/ui/src/props/gap-props.ts
diff --git a/packages/canon/src/props/height.props.ts b/packages/ui/src/props/height.props.ts
similarity index 100%
rename from packages/canon/src/props/height.props.ts
rename to packages/ui/src/props/height.props.ts
diff --git a/packages/canon/src/props/index.ts b/packages/ui/src/props/index.ts
similarity index 100%
rename from packages/canon/src/props/index.ts
rename to packages/ui/src/props/index.ts
diff --git a/packages/canon/src/props/margin.props.ts b/packages/ui/src/props/margin.props.ts
similarity index 100%
rename from packages/canon/src/props/margin.props.ts
rename to packages/ui/src/props/margin.props.ts
diff --git a/packages/canon/src/props/padding.props.ts b/packages/ui/src/props/padding.props.ts
similarity index 100%
rename from packages/canon/src/props/padding.props.ts
rename to packages/ui/src/props/padding.props.ts
diff --git a/packages/canon/src/props/position.props.ts b/packages/ui/src/props/position.props.ts
similarity index 100%
rename from packages/canon/src/props/position.props.ts
rename to packages/ui/src/props/position.props.ts
diff --git a/packages/canon/src/props/prop-def.ts b/packages/ui/src/props/prop-def.ts
similarity index 100%
rename from packages/canon/src/props/prop-def.ts
rename to packages/ui/src/props/prop-def.ts
diff --git a/packages/canon/src/props/spacing.props.ts b/packages/ui/src/props/spacing.props.ts
similarity index 100%
rename from packages/canon/src/props/spacing.props.ts
rename to packages/ui/src/props/spacing.props.ts
diff --git a/packages/canon/src/props/width.props.ts b/packages/ui/src/props/width.props.ts
similarity index 100%
rename from packages/canon/src/props/width.props.ts
rename to packages/ui/src/props/width.props.ts
diff --git a/packages/canon/src/types.ts b/packages/ui/src/types.ts
similarity index 100%
rename from packages/canon/src/types.ts
rename to packages/ui/src/types.ts
diff --git a/packages/canon/src/utils/componentDefinitions.ts b/packages/ui/src/utils/componentDefinitions.ts
similarity index 100%
rename from packages/canon/src/utils/componentDefinitions.ts
rename to packages/ui/src/utils/componentDefinitions.ts
diff --git a/packages/canon/src/utils/extractProps.ts b/packages/ui/src/utils/extractProps.ts
similarity index 100%
rename from packages/canon/src/utils/extractProps.ts
rename to packages/ui/src/utils/extractProps.ts
diff --git a/packages/canon/static/CNAME b/packages/ui/static/CNAME
similarity index 100%
rename from packages/canon/static/CNAME
rename to packages/ui/static/CNAME
diff --git a/packages/canon/static/favicon.svg b/packages/ui/static/favicon.svg
similarity index 100%
rename from packages/canon/static/favicon.svg
rename to packages/ui/static/favicon.svg
diff --git a/packages/canon/static/header.png b/packages/ui/static/header.png
similarity index 100%
rename from packages/canon/static/header.png
rename to packages/ui/static/header.png
diff --git a/packages/canon/static/logo.svg b/packages/ui/static/logo.svg
similarity index 100%
rename from packages/canon/static/logo.svg
rename to packages/ui/static/logo.svg