diff --git a/apps/documentation/src/app/(doc)/layout.tsx b/apps/documentation/src/app/(doc)/layout.tsx
index cad73da4..26a1ba70 100644
--- a/apps/documentation/src/app/(doc)/layout.tsx
+++ b/apps/documentation/src/app/(doc)/layout.tsx
@@ -7,7 +7,6 @@
 
 'use client';
 
-import '@/types/unistyles';
 import { XBox } from '@crossed/ui';
 import { styled } from '@crossed/styled';
 
diff --git a/apps/documentation/src/app/(doc)/primitive/(components)/layout.tsx b/apps/documentation/src/app/(doc)/primitive/(components)/layout.tsx
index 1b0a7367..2ffb9828 100644
--- a/apps/documentation/src/app/(doc)/primitive/(components)/layout.tsx
+++ b/apps/documentation/src/app/(doc)/primitive/(components)/layout.tsx
@@ -7,7 +7,6 @@
 
 'use client';
 
-import '@/types/unistyles';
 import { TOCLayout } from '@/components/TOCLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/primitive/(components)/templatePrimitive.tsx b/apps/documentation/src/app/(doc)/primitive/(components)/templatePrimitive.tsx
index 4cfafe03..ff7ecb28 100644
--- a/apps/documentation/src/app/(doc)/primitive/(components)/templatePrimitive.tsx
+++ b/apps/documentation/src/app/(doc)/primitive/(components)/templatePrimitive.tsx
@@ -7,7 +7,6 @@
 
 'use client';
 
-import '@/types/unistyles';
 import { CodeBlock } from '@/components/CodeBlock';
 import {
   H1,
diff --git a/apps/documentation/src/app/(doc)/primitive/introduction/layout.tsx b/apps/documentation/src/app/(doc)/primitive/introduction/layout.tsx
index 4ac82066..8b233ece 100644
--- a/apps/documentation/src/app/(doc)/primitive/introduction/layout.tsx
+++ b/apps/documentation/src/app/(doc)/primitive/introduction/layout.tsx
@@ -7,7 +7,6 @@
 
 'use client';
 
-import '@/types/unistyles';
 import { TOCLayout } from '@/components/TOCLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/primitive/introduction/page.tsx b/apps/documentation/src/app/(doc)/primitive/introduction/page.tsx
index 9e603e0b..9480a179 100644
--- a/apps/documentation/src/app/(doc)/primitive/introduction/page.tsx
+++ b/apps/documentation/src/app/(doc)/primitive/introduction/page.tsx
@@ -6,7 +6,6 @@
  */
 
 'use client';
-import '@/types/unistyles';
 import { H1, P, YBox, Kbd } from '@crossed/ui';
 
 export default function Home() {
diff --git a/apps/documentation/src/app/(doc)/primitive/layout.tsx b/apps/documentation/src/app/(doc)/primitive/layout.tsx
index 5ef3b2f9..01e8f2f7 100644
--- a/apps/documentation/src/app/(doc)/primitive/layout.tsx
+++ b/apps/documentation/src/app/(doc)/primitive/layout.tsx
@@ -7,7 +7,6 @@
 
 'use client';
 import { SideBarLayout } from '@/components/SideBarLayout';
-import '@/types/unistyles';
 import { withDefaultProps } from '@crossed/core';
 
 export default withDefaultProps(SideBarLayout, {
diff --git a/apps/documentation/src/app/(doc)/primitive/setup/layout.tsx b/apps/documentation/src/app/(doc)/primitive/setup/layout.tsx
index 4ac82066..8b233ece 100644
--- a/apps/documentation/src/app/(doc)/primitive/setup/layout.tsx
+++ b/apps/documentation/src/app/(doc)/primitive/setup/layout.tsx
@@ -7,7 +7,6 @@
 
 'use client';
 
-import '@/types/unistyles';
 import { TOCLayout } from '@/components/TOCLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/primitive/setup/page.tsx b/apps/documentation/src/app/(doc)/primitive/setup/page.tsx
index f0224eef..bc755208 100644
--- a/apps/documentation/src/app/(doc)/primitive/setup/page.tsx
+++ b/apps/documentation/src/app/(doc)/primitive/setup/page.tsx
@@ -6,7 +6,6 @@
  */
 
 'use client';
-import '@/types/unistyles';
 import { CodeBlock } from '@/components/CodeBlock';
 import { H1, H2, YBox, Tabs } from '@crossed/ui';
 import { useTranslation } from 'react-i18next';
diff --git a/apps/documentation/src/app/(doc)/router/introduction/layout.tsx b/apps/documentation/src/app/(doc)/router/introduction/layout.tsx
index e7fa42eb..9738fc14 100644
--- a/apps/documentation/src/app/(doc)/router/introduction/layout.tsx
+++ b/apps/documentation/src/app/(doc)/router/introduction/layout.tsx
@@ -5,9 +5,6 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-'use client';
-
-import '@/types/unistyles';
 import { TOCLayout } from '@/components/TOCLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/router/layout.tsx b/apps/documentation/src/app/(doc)/router/layout.tsx
index fc6e9a7d..ead6de4f 100644
--- a/apps/documentation/src/app/(doc)/router/layout.tsx
+++ b/apps/documentation/src/app/(doc)/router/layout.tsx
@@ -5,8 +5,6 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-'use client';
-import '@/types/unistyles';
 import { SideBarLayout } from '@/components/SideBarLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/router/setup/layout.tsx b/apps/documentation/src/app/(doc)/router/setup/layout.tsx
index e7fa42eb..9738fc14 100644
--- a/apps/documentation/src/app/(doc)/router/setup/layout.tsx
+++ b/apps/documentation/src/app/(doc)/router/setup/layout.tsx
@@ -5,9 +5,6 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-'use client';
-
-import '@/types/unistyles';
 import { TOCLayout } from '@/components/TOCLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/styled/concept/layout.tsx b/apps/documentation/src/app/(doc)/styled/concept/layout.tsx
index 7c08ab42..313548f1 100644
--- a/apps/documentation/src/app/(doc)/styled/concept/layout.tsx
+++ b/apps/documentation/src/app/(doc)/styled/concept/layout.tsx
@@ -5,9 +5,6 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-'use client';
-
-import '@/types/unistyles';
 import { TOCLayout } from '@/components/TOCLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/styled/concept/page.tsx b/apps/documentation/src/app/(doc)/styled/concept/page.tsx
index fe9897aa..fa344e22 100644
--- a/apps/documentation/src/app/(doc)/styled/concept/page.tsx
+++ b/apps/documentation/src/app/(doc)/styled/concept/page.tsx
@@ -5,10 +5,7 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-'use client';
-
 import { CodeBlock } from '@/components/CodeBlock';
-import '@/types/unistyles';
 import { H1, H2, H6, Kbd, P, Tabs, YBox } from '@crossed/ui';
 
 export default function UsagePage() {
diff --git a/apps/documentation/src/app/(doc)/styled/introduction/layout.tsx b/apps/documentation/src/app/(doc)/styled/introduction/layout.tsx
index 2339bc11..f2daa36e 100644
--- a/apps/documentation/src/app/(doc)/styled/introduction/layout.tsx
+++ b/apps/documentation/src/app/(doc)/styled/introduction/layout.tsx
@@ -5,9 +5,6 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-// 'use client';
-
-import '@/types/unistyles';
 import { TOCLayout } from '@/components/TOCLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/styled/introduction/page.tsx b/apps/documentation/src/app/(doc)/styled/introduction/page.tsx
index 2661015e..4f7cb22f 100644
--- a/apps/documentation/src/app/(doc)/styled/introduction/page.tsx
+++ b/apps/documentation/src/app/(doc)/styled/introduction/page.tsx
@@ -7,7 +7,6 @@
 
 'use client';
 
-import '@/types/unistyles';
 import { Link } from '@/components/Link';
 import { H1, H2, P, Text, YBox, Ul, Li, B, Kbd } from '@crossed/ui';
 import { Trans, useTranslation } from 'react-i18next';
diff --git a/apps/documentation/src/app/(doc)/styled/layout.tsx b/apps/documentation/src/app/(doc)/styled/layout.tsx
index 667143f1..db2a6f7f 100644
--- a/apps/documentation/src/app/(doc)/styled/layout.tsx
+++ b/apps/documentation/src/app/(doc)/styled/layout.tsx
@@ -5,8 +5,6 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-'use client';
-import '@/types/unistyles';
 import { SideBarLayout } from '@/components/SideBarLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/styled/reference/Registry/page.tsx b/apps/documentation/src/app/(doc)/styled/reference/Registry/page.tsx
index c4f283ba..c7098fb0 100644
--- a/apps/documentation/src/app/(doc)/styled/reference/Registry/page.tsx
+++ b/apps/documentation/src/app/(doc)/styled/reference/Registry/page.tsx
@@ -5,9 +5,7 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-'use client';
 import { Text } from '@crossed/ui';
-import '@/types/unistyles';
 
 export default function RegistryPage() {
   return <Text>Registry</Text>;
diff --git a/apps/documentation/src/app/(doc)/styled/reference/styled/layout.tsx b/apps/documentation/src/app/(doc)/styled/reference/styled/layout.tsx
index 3fc6579c..94f8eb90 100644
--- a/apps/documentation/src/app/(doc)/styled/reference/styled/layout.tsx
+++ b/apps/documentation/src/app/(doc)/styled/reference/styled/layout.tsx
@@ -5,8 +5,6 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-'use client';
-import '@/types/unistyles';
 import { TOCLayout } from '@/components/TOCLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/styled/reference/styled/page.tsx b/apps/documentation/src/app/(doc)/styled/reference/styled/page.tsx
index 06138da4..86d1370f 100644
--- a/apps/documentation/src/app/(doc)/styled/reference/styled/page.tsx
+++ b/apps/documentation/src/app/(doc)/styled/reference/styled/page.tsx
@@ -7,7 +7,6 @@
 
 'use client';
 import { CodeBlock } from '@/components/CodeBlock';
-import '@/types/unistyles';
 import {
   Code,
   H1,
diff --git a/apps/documentation/src/app/(doc)/styled/setup/layout.tsx b/apps/documentation/src/app/(doc)/styled/setup/layout.tsx
index 3fc6579c..94f8eb90 100644
--- a/apps/documentation/src/app/(doc)/styled/setup/layout.tsx
+++ b/apps/documentation/src/app/(doc)/styled/setup/layout.tsx
@@ -5,8 +5,6 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-'use client';
-import '@/types/unistyles';
 import { TOCLayout } from '@/components/TOCLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/styled/setup/page.tsx b/apps/documentation/src/app/(doc)/styled/setup/page.tsx
index af77dadc..29bdc803 100644
--- a/apps/documentation/src/app/(doc)/styled/setup/page.tsx
+++ b/apps/documentation/src/app/(doc)/styled/setup/page.tsx
@@ -7,7 +7,6 @@
 
 'use client';
 import { CodeBlock } from '@/components/CodeBlock';
-import '@/types/unistyles';
 import { withDefaultProps } from '@crossed/core';
 import { styled } from '@crossed/styled';
 import { Alert, Anchor, H1, H2, P, Tabs, Text, YBox } from '@crossed/ui';
diff --git a/apps/documentation/src/app/(doc)/styled/usage/layout.tsx b/apps/documentation/src/app/(doc)/styled/usage/layout.tsx
index 6c622c28..56c7e799 100644
--- a/apps/documentation/src/app/(doc)/styled/usage/layout.tsx
+++ b/apps/documentation/src/app/(doc)/styled/usage/layout.tsx
@@ -5,9 +5,6 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-'use client';
-
-import '@/types/unistyles';
 import { TOCLayout } from '@/components/TOCLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/styled/usage/page.tsx b/apps/documentation/src/app/(doc)/styled/usage/page.tsx
index 08213f75..c19db325 100644
--- a/apps/documentation/src/app/(doc)/styled/usage/page.tsx
+++ b/apps/documentation/src/app/(doc)/styled/usage/page.tsx
@@ -8,7 +8,6 @@
 'use client';
 
 import { CodeBlock } from '@/components/CodeBlock';
-import '@/types/unistyles';
 import { H1, H2, P, YBox } from '@crossed/ui';
 
 export default function UsagePage() {
diff --git a/apps/documentation/src/app/(doc)/ui/(components)/TemplateDescriptionProps.tsx b/apps/documentation/src/app/(doc)/ui/(components)/TemplateDescriptionProps.tsx
index 1243ecf1..f79be40f 100644
--- a/apps/documentation/src/app/(doc)/ui/(components)/TemplateDescriptionProps.tsx
+++ b/apps/documentation/src/app/(doc)/ui/(components)/TemplateDescriptionProps.tsx
@@ -5,6 +5,8 @@
  * LICENSE file in the root of this projects source tree.
  */
 
+'use client';
+
 import { Link } from '@/components/Link';
 import { P } from '@crossed/ui';
 import { useTranslation } from 'react-i18next';
diff --git a/apps/documentation/src/app/(doc)/ui/(components)/layout.tsx b/apps/documentation/src/app/(doc)/ui/(components)/layout.tsx
index 7a27804e..5600bef0 100644
--- a/apps/documentation/src/app/(doc)/ui/(components)/layout.tsx
+++ b/apps/documentation/src/app/(doc)/ui/(components)/layout.tsx
@@ -5,9 +5,6 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-'use client';
-
-import '@/types/unistyles';
 import { TOCLayout } from '@/components/TOCLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/ui/(components)/templatePrimitive.tsx b/apps/documentation/src/app/(doc)/ui/(components)/templatePrimitive.tsx
index 40339a33..ca4d1ab6 100644
--- a/apps/documentation/src/app/(doc)/ui/(components)/templatePrimitive.tsx
+++ b/apps/documentation/src/app/(doc)/ui/(components)/templatePrimitive.tsx
@@ -7,7 +7,6 @@
 
 'use client';
 
-import '@/types/unistyles';
 import { CodeBlock } from '@/components/CodeBlock';
 import {
   H1,
diff --git a/apps/documentation/src/app/(doc)/ui/introduction/layout.tsx b/apps/documentation/src/app/(doc)/ui/introduction/layout.tsx
index e7fa42eb..9738fc14 100644
--- a/apps/documentation/src/app/(doc)/ui/introduction/layout.tsx
+++ b/apps/documentation/src/app/(doc)/ui/introduction/layout.tsx
@@ -5,9 +5,6 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-'use client';
-
-import '@/types/unistyles';
 import { TOCLayout } from '@/components/TOCLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/ui/layout.tsx b/apps/documentation/src/app/(doc)/ui/layout.tsx
index 7f03b0c9..d6b5b6ab 100644
--- a/apps/documentation/src/app/(doc)/ui/layout.tsx
+++ b/apps/documentation/src/app/(doc)/ui/layout.tsx
@@ -5,8 +5,6 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-'use client';
-import '@/types/unistyles';
 import { SideBarLayout } from '@/components/SideBarLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/ui/setup/layout.tsx b/apps/documentation/src/app/(doc)/ui/setup/layout.tsx
index e7fa42eb..9738fc14 100644
--- a/apps/documentation/src/app/(doc)/ui/setup/layout.tsx
+++ b/apps/documentation/src/app/(doc)/ui/setup/layout.tsx
@@ -5,9 +5,6 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-'use client';
-
-import '@/types/unistyles';
 import { TOCLayout } from '@/components/TOCLayout';
 import { withDefaultProps } from '@crossed/core';
 
diff --git a/apps/documentation/src/app/(doc)/ui/setup/page.tsx b/apps/documentation/src/app/(doc)/ui/setup/page.tsx
index 69ac5902..50491121 100644
--- a/apps/documentation/src/app/(doc)/ui/setup/page.tsx
+++ b/apps/documentation/src/app/(doc)/ui/setup/page.tsx
@@ -6,7 +6,6 @@
  */
 
 'use client';
-import '@/types/unistyles';
 import { CodeBlock } from '@/components/CodeBlock';
 import { H1, H2, YBox, Tabs } from '@crossed/ui';
 import { useTranslation } from 'react-i18next';
diff --git a/apps/documentation/src/app/layout.tsx b/apps/documentation/src/app/layout.tsx
index ffaf5cf1..0e7da3c6 100644
--- a/apps/documentation/src/app/layout.tsx
+++ b/apps/documentation/src/app/layout.tsx
@@ -6,7 +6,6 @@
  */
 
 import './globals.css';
-import '@/types/unistyles';
 import type { Metadata } from 'next';
 import { Body } from '@/components/Body';
 import { NavBar } from '@/components/NavBar';
diff --git a/apps/documentation/src/app/not-found.tsx b/apps/documentation/src/app/not-found.tsx
index fe5e6e23..84cde38f 100644
--- a/apps/documentation/src/app/not-found.tsx
+++ b/apps/documentation/src/app/not-found.tsx
@@ -8,7 +8,6 @@
 'use client';
 
 import { Link } from '@/components/Link';
-import '@/types/unistyles';
 import { styled } from '@crossed/styled';
 import { Center, H2, P } from '@crossed/ui';
 import { useTranslation } from 'react-i18next';
diff --git a/apps/documentation/src/app/page.tsx b/apps/documentation/src/app/page.tsx
index 4e127caf..2bd23d41 100644
--- a/apps/documentation/src/app/page.tsx
+++ b/apps/documentation/src/app/page.tsx
@@ -6,7 +6,6 @@
  */
 
 'use client';
-import '@/types/unistyles';
 import { Logo } from '@/components/Logo';
 import { createStyleSheet, mq, styled, useStyles } from '@crossed/styled';
 import { B, Button, Card, H1, H2, H3, YBox } from '@crossed/ui';
diff --git a/apps/documentation/src/locales/index.ts b/apps/documentation/src/locales/index.ts
index 6ea66e49..4202fa9d 100644
--- a/apps/documentation/src/locales/index.ts
+++ b/apps/documentation/src/locales/index.ts
@@ -21,7 +21,7 @@ i18n
         common: frCommon,
       },
     },
-    debug: true,
+    debug: false,
 
     lng: 'en', // if you're using a language detector, do not define the lng option
     fallbackLng: 'en',
diff --git a/apps/documentation/src/types/unistyles.ts b/apps/documentation/src/types/unistyles.ts
index 8508ff7c..809dbe5e 100644
--- a/apps/documentation/src/types/unistyles.ts
+++ b/apps/documentation/src/types/unistyles.ts
@@ -5,9 +5,7 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-// if you defined breakpoints
-
 import 'react-native-unistyles';
-import { setup } from '@crossed/ui/src/theme/index';
+// import { setup } from '@crossed/ui/src/theme/index';
 import '@/locales';
-setup();
+// setup();
diff --git a/packages/styled/__tests__/Registry.spec.tsx b/packages/styled/__tests__/Registry.spec.tsx
index c9d07e64..8ac9c2ab 100644
--- a/packages/styled/__tests__/Registry.spec.tsx
+++ b/packages/styled/__tests__/Registry.spec.tsx
@@ -1,38 +1,36 @@
+/**
+ * Copyright (c) Paymium.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root of this projects source tree.
+ */
+
 import { render } from '@crossed/test';
 import { Registry } from '../src/Registry';
 
 jest.mock('next/navigation', () => ({
   useServerInsertedHTML: jest.fn((e) => e()),
 }));
+jest.mock('next/document', () => ({
+  Main: jest.fn(),
+}));
 jest.mock('react-native', () => ({
   AppRegistry: {
     registerComponent: jest.fn(),
     getApplication: jest.fn(() => ({ getStyleElement: jest.fn() })),
   },
 }));
-jest.mock('react', () => {
-  const { ...actual } = jest.requireActual('react');
-  jest.spyOn(actual, 'useRef');
-  return { __esModule: true, ...actual };
-});
 
 describe('Registry', () => {
   test('render', () => {
     const { useServerInsertedHTML } = jest.requireMock('next/navigation');
     const { AppRegistry } = jest.requireMock('react-native');
-    const { useRef } = jest.requireMock('react');
     const getStyleElement = jest.fn();
     AppRegistry.getApplication.mockImplementation(() => ({ getStyleElement }));
-    const { rerender } = render(<Registry />);
+    render(<Registry />);
     expect(useServerInsertedHTML).toBeCalled();
-    expect(useRef).toBeCalledWith(false);
     expect(AppRegistry.registerComponent).toBeCalled();
-    expect(AppRegistry.getApplication).toBeCalledWith('Registry');
+    expect(AppRegistry.getApplication).toBeCalledWith('Main');
     expect(getStyleElement).toBeCalled();
-    rerender(<Registry />);
-    expect(useServerInsertedHTML).toBeCalledTimes(2);
-    expect(AppRegistry.registerComponent).toBeCalledTimes(1);
-    expect(AppRegistry.getApplication).toBeCalledTimes(1);
-    expect(getStyleElement).toBeCalledTimes(1);
   });
 });
diff --git a/packages/styled/src/Registry.tsx b/packages/styled/src/Registry.tsx
index ad289854..020b1c0c 100644
--- a/packages/styled/src/Registry.tsx
+++ b/packages/styled/src/Registry.tsx
@@ -8,17 +8,15 @@
 'use client';
 
 import { useServerInsertedHTML } from 'next/navigation';
-import { useRef, type PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 import { AppRegistry } from 'react-native';
+import { Main } from 'next/document';
 
 export const Registry = ({ children }: PropsWithChildren) => {
-  const ref = useRef(false);
   useServerInsertedHTML(() => {
-    if (ref.current) return;
-    ref.current = true;
-    AppRegistry.registerComponent('Registry', () => Registry);
+    AppRegistry.registerComponent('Main', () => Main);
 
-    const { getStyleElement } = (AppRegistry as any).getApplication('Registry');
+    const { getStyleElement } = (AppRegistry as any).getApplication('Main');
     return <>{getStyleElement()}</>;
   });
   return children;
diff --git a/packages/ui/src/Provider.tsx b/packages/ui/src/Provider.tsx
index d5a5e727..fd5bad93 100644
--- a/packages/ui/src/Provider.tsx
+++ b/packages/ui/src/Provider.tsx
@@ -6,11 +6,18 @@
  */
 
 'use client';
+import { setup } from './theme';
+setup();
 
+import { Registry } from '@crossed/styled';
 // export { CrossedTheme, useCrossedTheme } from '@crossed/styled';
 import { PortalProvider } from '@gorhom/portal';
 import type { PropsWithChildren } from 'react';
 
 export const CrossedUIProvider = ({ children }: PropsWithChildren) => {
-  return <PortalProvider>{children}</PortalProvider>;
+  return (
+    <PortalProvider>
+      <Registry>{children}</Registry>
+    </PortalProvider>
+  );
 };
diff --git a/packages/ui/src/theme/index.ts b/packages/ui/src/theme/index.ts
index 3b016f0f..0827764c 100644
--- a/packages/ui/src/theme/index.ts
+++ b/packages/ui/src/theme/index.ts
@@ -5,7 +5,7 @@
  * LICENSE file in the root of this projects source tree.
  */
 
-import { UnistylesRegistry } from '@crossed/styled';
+import { UnistylesRegistry } from '@crossed/styled/unistyles';
 import { darkTheme, lightTheme } from './theme';
 import { breakpoints } from './breakpoints';
 import deepmerge from 'deepmerge';
diff --git a/packages/ui/tsconfig.build.json b/packages/ui/tsconfig.build.json
index 34c311ea..311819d5 100644
--- a/packages/ui/tsconfig.build.json
+++ b/packages/ui/tsconfig.build.json
@@ -29,9 +29,13 @@
     "target": "esnext",
     "paths": {
       "@crossed/core": ["./node_modules/@crossed/core/src"],
+      "@crossed/core/*": ["./node_modules/@crossed/core/src/*"],
       "@crossed/styled": ["./node_modules/@crossed/styled/src"],
+      "@crossed/styled/*": ["./node_modules/@crossed/styled/src/*"],
       "@crossed/primitive": ["./node_modules/@crossed/primitive/src"],
-      "@crossed/unicons": ["./node_modules/@crossed/unicons/src"]
+      "@crossed/primitive/*": ["./node_modules/@crossed/primitive/src/*"],
+      "@crossed/unicons": ["./node_modules/@crossed/unicons/src"],
+      "@crossed/unicons/*": ["./node_modules/@crossed/unicons/src/*"]
     }
   }
 }