diff --git a/packages/i18n/src/create-i18n/index.ts b/packages/i18n/src/create-i18n/index.ts
index 89a0b3bda4c..a624e89b30d 100644
--- a/packages/i18n/src/create-i18n/index.ts
+++ b/packages/i18n/src/create-i18n/index.ts
@@ -160,7 +160,13 @@ export function createI18n($locale: ReadableStore<string>, options: CreateI18nOp
   ): Messages<B> {
     const out: Record<string, unknown> = {};
     for (const key in base) {
-      out[key] = buildEntry(locale, base[key], overridesForNamespace?.[key]);
+      const baseVal = base[key];
+      const override = overridesForNamespace?.[key];
+      if (typeof baseVal === 'object' && baseVal !== null && !asMarker(baseVal)) {
+        out[key] = buildMessages(locale, baseVal as Record<string, unknown>, override as Overrides | undefined);
+      } else {
+        out[key] = buildEntry(locale, baseVal, override);
+      }
     }
     return out as Messages<B>;
   }
diff --git a/packages/swingset/src/components/StoryEmbed.tsx b/packages/swingset/src/components/StoryEmbed.tsx
index 1457332727c..d3e91240d0b 100644
--- a/packages/swingset/src/components/StoryEmbed.tsx
+++ b/packages/swingset/src/components/StoryEmbed.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { MosaicProvider } from '@clerk/ui/mosaic/MosaicProvider';
+import { MosaicProvider } from '@clerk/ui/mosaic/providers/mosaic-provider';
 import { Layers2Icon } from 'lucide-react';
 import type React from 'react';
 import { useState } from 'react';
diff --git a/packages/swingset/src/components/StoryPreview.tsx b/packages/swingset/src/components/StoryPreview.tsx
index ac202903489..841e3990fc6 100644
--- a/packages/swingset/src/components/StoryPreview.tsx
+++ b/packages/swingset/src/components/StoryPreview.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { MosaicProvider } from '@clerk/ui/mosaic/MosaicProvider';
+import { MosaicProvider } from '@clerk/ui/mosaic/providers/mosaic-provider';
 import { RotateCcwIcon, SlidersHorizontalIcon } from 'lucide-react';
 import type React from 'react';
 import { useEffect, useState } from 'react';
@@ -61,8 +61,8 @@ export function StoryPreview({ name, storyModule }: StoryPreviewProps) {
       <div className='flex min-h-40 items-center justify-center p-10'>
         {mounted && (
           <MosaicProvider
-            cssLayerName='components'
             appearance={{
+              cssLayerName: 'components',
               variables,
             }}
           >
diff --git a/packages/ui/package.json b/packages/ui/package.json
index b885f3a8ff2..dd48cf45413 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -94,6 +94,7 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
+    "@clerk/i18n": "workspace:^",
     "@clerk/localizations": "workspace:^",
     "@clerk/shared": "workspace:^",
     "@emotion/cache": "11.11.0",
diff --git a/packages/ui/src/mosaic/__tests__/MosaicProvider.test.tsx b/packages/ui/src/mosaic/__tests__/MosaicProvider.test.tsx
index 1e8958c7718..f87fcc147fe 100644
--- a/packages/ui/src/mosaic/__tests__/MosaicProvider.test.tsx
+++ b/packages/ui/src/mosaic/__tests__/MosaicProvider.test.tsx
@@ -4,7 +4,7 @@ import { describe, expect, it } from 'vitest';
 
 import type { MosaicAppearance } from '../appearance';
 import { parseMosaicAppearance, useMosaicAppearance } from '../appearance';
-import { MosaicProvider, useMosaicTheme } from '../MosaicProvider';
+import { MosaicProvider, useMosaicTheme } from '../providers/mosaic-provider';
 
 const appearance: MosaicAppearance = {
   elements: {
@@ -42,7 +42,12 @@ describe('parseMosaicAppearance', () => {
 describe('MosaicProvider appearance context', () => {
   it('exposes [global, scoped] layers via useMosaicAppearance', () => {
     const { result } = renderHook(() => useMosaicAppearance(), {
-      wrapper: ({ children }) => React.createElement(MosaicProvider, { appearance, scope: 'signIn' }, children),
+      wrapper: ({ children }) =>
+        React.createElement(
+          MosaicProvider,
+          { appearance: { elements: appearance.elements, scope: 'signIn' } },
+          children,
+        ),
     });
     expect(result.current).toEqual([{ button: { color: 'green' } }, { button: { color: 'red' } }]);
   });
diff --git a/packages/ui/src/mosaic/__tests__/i18n-server.test.ts b/packages/ui/src/mosaic/__tests__/i18n-server.test.ts
new file mode 100644
index 00000000000..e2c11aa2e1a
--- /dev/null
+++ b/packages/ui/src/mosaic/__tests__/i18n-server.test.ts
@@ -0,0 +1,37 @@
+import { describe, expect, it } from 'vitest';
+
+import { getLocalization } from '../i18n/server';
+
+describe('getLocalization', () => {
+  it('returns the default locale with no messages when acceptLanguage is null', async () => {
+    const result = await getLocalization(null);
+    expect(result).toEqual({ locale: 'en', initialMessages: {} });
+  });
+
+  it('matches the default locale via base tag (en-US → en)', async () => {
+    const result = await getLocalization('en-US');
+    expect(result).toEqual({ locale: 'en', initialMessages: {} });
+  });
+
+  it('picks the highest-priority match (en-US,fr → en, not fr)', async () => {
+    const result = await getLocalization('en-US,fr;q=0.9');
+    expect(result.locale).toBe('en');
+  });
+
+  it('loads french messages when locale is fr', async () => {
+    const result = await getLocalization('fr');
+    expect(result.locale).toBe('fr');
+    expect(result.initialMessages).toHaveProperty('fr');
+    expect(result.initialMessages.fr).toBeTruthy();
+  });
+
+  it('matches a supported locale via base tag (fr-FR → fr)', async () => {
+    const result = await getLocalization('fr-FR');
+    expect(result.locale).toBe('fr');
+  });
+
+  it('falls back to the default locale for an unsupported language', async () => {
+    const result = await getLocalization('de');
+    expect(result).toEqual({ locale: 'en', initialMessages: {} });
+  });
+});
diff --git a/packages/ui/src/mosaic/__tests__/localization-provider.test.tsx b/packages/ui/src/mosaic/__tests__/localization-provider.test.tsx
new file mode 100644
index 00000000000..8e7507ca1bf
--- /dev/null
+++ b/packages/ui/src/mosaic/__tests__/localization-provider.test.tsx
@@ -0,0 +1,31 @@
+import { renderHook } from '@testing-library/react';
+import React from 'react';
+import { describe, expect, it } from 'vitest';
+
+import frMessages from '../locales/fr.json';
+import { MosaicProvider } from '../providers/mosaic-provider';
+import { useMessages } from '../providers/localization-provider';
+
+const base = { title: 'Organization Profile', tab: { general: 'General', members: 'Members' } };
+
+describe('LocalizationProvider overrides', () => {
+  it('override wins over French translation when both locale and overrides are set', () => {
+    const { result } = renderHook(() => useMessages('organizationProfile', base), {
+      wrapper: ({ children }) =>
+        React.createElement(
+          MosaicProvider,
+          {
+            localization: {
+              locale: 'fr',
+              initialMessages: { fr: frMessages },
+              overrides: { 'organizationProfile.title': 'test' },
+            },
+          },
+          children,
+        ),
+    });
+    expect(result.current.title).toBe('test');
+    // Non-overridden key still resolves from the French bundle
+    expect((result.current.tab as Record<string, unknown>).general).toBe('Général');
+  });
+});
diff --git a/packages/ui/src/mosaic/__tests__/slot-recipe.test.ts b/packages/ui/src/mosaic/__tests__/slot-recipe.test.ts
index f50b76e7046..24b8a5084f5 100644
--- a/packages/ui/src/mosaic/__tests__/slot-recipe.test.ts
+++ b/packages/ui/src/mosaic/__tests__/slot-recipe.test.ts
@@ -3,13 +3,13 @@ import React from 'react';
 import { describe, expect, it } from 'vitest';
 
 import type { MosaicAppearance } from '../appearance';
-import { MosaicProvider } from '../MosaicProvider';
+import { MosaicProvider } from '../providers/mosaic-provider';
 import { defineSlotRecipe, useRecipe } from '../slot-recipe';
 import { slot, useSlot } from '../useSlot';
 
 function wrapper(appearance?: MosaicAppearance, scope?: string) {
   return function Wrapper({ children }: { children: React.ReactNode }) {
-    return React.createElement(MosaicProvider, { appearance, scope }, children);
+    return React.createElement(MosaicProvider, { appearance: { ...appearance, scope } }, children);
   };
 }
 
diff --git a/packages/ui/src/mosaic/aio/organization-profile.messages.ts b/packages/ui/src/mosaic/aio/organization-profile.messages.ts
new file mode 100644
index 00000000000..41796315da5
--- /dev/null
+++ b/packages/ui/src/mosaic/aio/organization-profile.messages.ts
@@ -0,0 +1,8 @@
+export const orgProfileBase = {
+  title: 'Organization Profile',
+  tab: {
+    general: 'General',
+    members: 'Members',
+  },
+  membersContent: 'Members content',
+};
diff --git a/packages/ui/src/mosaic/aio/organization-profile.tsx b/packages/ui/src/mosaic/aio/organization-profile.tsx
index 743da8386b5..43b277a6c03 100644
--- a/packages/ui/src/mosaic/aio/organization-profile.tsx
+++ b/packages/ui/src/mosaic/aio/organization-profile.tsx
@@ -1,8 +1,11 @@
 import { Box } from '../components/box';
 import { Tabs } from '../components/tabs';
 import { OrganizationProfileGeneral } from '../panels/organization-profile-general';
+import { useMessages } from '../providers/localization-provider';
+import { orgProfileBase } from './organization-profile.messages';
 
 export function OrganizationProfile() {
+  const m = useMessages('organizationProfile', orgProfileBase);
   return (
     <Box
       sx={t => ({
@@ -17,12 +20,12 @@ export function OrganizationProfile() {
           marginBlockEnd: t.spacing(8),
         })}
       >
-        Organization Profile
+        {m.title}
       </Box>
       <Tabs.Root defaultValue='general'>
         <Tabs.List>
-          <Tabs.Tab value='general'>General</Tabs.Tab>
-          <Tabs.Tab value='members'>Members</Tabs.Tab>
+          <Tabs.Tab value='general'>{m.tab.general}</Tabs.Tab>
+          <Tabs.Tab value='members'>{m.tab.members}</Tabs.Tab>
         </Tabs.List>
         <Tabs.Panel value='general'>
           <OrganizationProfileGeneral />
@@ -36,7 +39,7 @@ export function OrganizationProfile() {
               textAlign: 'center',
             })}
           >
-            Members content
+            {m.membersContent}
           </Box>
         </Tabs.Panel>
       </Tabs.Root>
diff --git a/packages/ui/src/mosaic/components/__tests__/button.test.tsx b/packages/ui/src/mosaic/components/__tests__/button.test.tsx
index beada857bc8..9860e2fa8fc 100644
--- a/packages/ui/src/mosaic/components/__tests__/button.test.tsx
+++ b/packages/ui/src/mosaic/components/__tests__/button.test.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import { describe, expect, it } from 'vitest';
 
 import type { MosaicAppearance } from '../../appearance';
-import { MosaicProvider } from '../../MosaicProvider';
+import { MosaicProvider } from '../../providers/mosaic-provider';
 import { Button } from '../button';
 
 /** Concatenates every inserted Emotion `<style>` rule (whitespace-stripped) for substring assertions. */
@@ -64,10 +64,7 @@ describe('Mosaic Button', () => {
       },
     };
     render(
-      <MosaicProvider
-        appearance={appearance}
-        scope='signIn'
-      >
+      <MosaicProvider appearance={{ ...appearance, scope: 'signIn' }}>
         <Button>Hi</Button>
       </MosaicProvider>,
     );
diff --git a/packages/ui/src/mosaic/components/box.tsx b/packages/ui/src/mosaic/components/box.tsx
index 6c53461da13..acf4e968ecd 100644
--- a/packages/ui/src/mosaic/components/box.tsx
+++ b/packages/ui/src/mosaic/components/box.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { useMosaicTheme } from '../MosaicProvider';
+import { useMosaicTheme } from '../providers/mosaic-provider';
 import { Box as Primitive, type BoxProps as PrimitiveBoxProps } from '../primitives/box';
 import type { SxProp } from '../slot-recipe';
 
diff --git a/packages/ui/src/mosaic/i18n-registry.ts b/packages/ui/src/mosaic/i18n-registry.ts
new file mode 100644
index 00000000000..c0d432d15da
--- /dev/null
+++ b/packages/ui/src/mosaic/i18n-registry.ts
@@ -0,0 +1,6 @@
+import type { orgProfileBase } from './aio/organization-profile.messages';
+
+/** Registry of all Mosaic UI message namespaces → base types. Extend as new messages are added. */
+export type UIRegistry = {
+  organizationProfile: typeof orgProfileBase;
+};
diff --git a/packages/ui/src/mosaic/i18n/server.ts b/packages/ui/src/mosaic/i18n/server.ts
new file mode 100644
index 00000000000..6bef0062683
--- /dev/null
+++ b/packages/ui/src/mosaic/i18n/server.ts
@@ -0,0 +1,40 @@
+// Locale bundles shipped by @clerk/ui. Add an entry here as each locale lands.
+const LOADERS: Record<string, () => Promise<{ default: Record<string, Record<string, unknown>> }>> = {
+  fr: () => import('../locales/fr.json'),
+};
+
+const DEFAULT_LOCALE = 'en';
+
+function negotiate(acceptLanguage: string | null): string {
+  if (!acceptLanguage) return DEFAULT_LOCALE;
+  const available = new Set([...Object.keys(LOADERS), DEFAULT_LOCALE]);
+  for (const entry of acceptLanguage.split(',')) {
+    const lang = entry.split(';')[0].trim();
+    for (const candidate of [lang, lang.split('-')[0]]) {
+      if (available.has(candidate)) return candidate;
+    }
+  }
+  return DEFAULT_LOCALE;
+}
+
+export type Localization = {
+  locale: string;
+  initialMessages: Record<string, Record<string, Record<string, unknown>>>;
+};
+
+/**
+ * Resolve a locale and pre-load its message bundle from the Accept-Language header.
+ * Drop the result straight into <MosaicProvider localization={...} />.
+ *
+ * Works in any server environment — pass whatever string your framework exposes:
+ *   Next.js:  getLocalization((await headers()).get('accept-language'))
+ *   Remix:    getLocalization(request.headers.get('accept-language'))
+ *   Express:  getLocalization(req.get('accept-language') ?? null)
+ */
+export async function getLocalization(acceptLanguage: string | null): Promise<Localization> {
+  const locale = negotiate(acceptLanguage);
+  const loader = LOADERS[locale];
+  if (!loader) return { locale, initialMessages: {} };
+  const messages = (await loader()).default;
+  return { locale, initialMessages: { [locale]: messages } };
+}
diff --git a/packages/ui/src/mosaic/locales/fr.json b/packages/ui/src/mosaic/locales/fr.json
new file mode 100644
index 00000000000..da9be689814
--- /dev/null
+++ b/packages/ui/src/mosaic/locales/fr.json
@@ -0,0 +1,10 @@
+{
+  "organizationProfile": {
+    "title": "Profil de l'organisation",
+    "tab": {
+      "general": "Général",
+      "members": "Membres"
+    },
+    "membersContent": "Contenu des membres"
+  }
+}
diff --git a/packages/ui/src/mosaic/MosaicProvider.tsx b/packages/ui/src/mosaic/providers/appearance-provider.tsx
similarity index 53%
rename from packages/ui/src/mosaic/MosaicProvider.tsx
rename to packages/ui/src/mosaic/providers/appearance-provider.tsx
index 2b6a252fb06..3d5af66f348 100644
--- a/packages/ui/src/mosaic/MosaicProvider.tsx
+++ b/packages/ui/src/mosaic/providers/appearance-provider.tsx
@@ -4,44 +4,49 @@ import createCache from '@emotion/cache';
 import { CacheProvider } from '@emotion/react';
 import React from 'react';
 
-import { MosaicAppearanceProvider, parseMosaicAppearance } from './appearance';
-import type { MosaicAppearance } from './appearance';
-import { defaultMosaicVariables, resolveVariables } from './variables';
-import type { MosaicTheme } from './variables';
+import { MosaicAppearanceProvider, parseMosaicAppearance } from '../appearance';
+import type { MosaicScopedElements } from '../appearance';
+import { defaultMosaicVariables, resolveVariables } from '../variables';
+import type { MosaicTheme, MosaicVariables } from '../variables';
 
 const getInsertionPoint = (): HTMLElement | null => {
-  if (typeof document === 'undefined') {
-    return null;
-  }
+  if (typeof document === 'undefined') return null;
   return document.querySelector('style#cl-mosaic-style-insertion-point');
 };
 
-const MosaicThemeContext = React.createContext<MosaicTheme | null>(null);
+export const MosaicThemeContext = React.createContext<MosaicTheme | null>(null);
 
-export interface MosaicProviderProps {
+export interface AppearanceProviderProps {
   children: React.ReactNode;
   nonce?: string;
   cssLayerName?: string;
-  /** Consumer overrides — `variables` (design tokens) + `elements` (per-slot styles), with optional per-flow scoping. */
-  appearance?: MosaicAppearance;
-  /** The active flow key (`'signIn'`, `'userButton'`, …) used to resolve scoped overrides. */
+  variables?: MosaicVariables;
+  elements?: MosaicScopedElements;
   scope?: string;
 }
 
-export function MosaicProvider({ children, nonce, cssLayerName, appearance, scope }: MosaicProviderProps) {
-  const theme = React.useMemo(() => resolveVariables(defaultMosaicVariables, appearance?.variables), [appearance]);
-  const parsedElements = React.useMemo(() => parseMosaicAppearance(appearance, scope), [appearance, scope]);
+export function AppearanceProvider({
+  children,
+  nonce,
+  cssLayerName,
+  variables,
+  elements,
+  scope,
+}: AppearanceProviderProps) {
+  const theme = React.useMemo(() => resolveVariables(defaultMosaicVariables, variables), [variables]);
+  const parsedElements = React.useMemo(
+    () => parseMosaicAppearance({ variables, elements }, scope),
+    [variables, elements, scope],
+  );
   const cache = React.useMemo(() => {
     const el = getInsertionPoint();
-    const emotionCache = createCache({
+    return createCache({
       key: 'cl-mosaic',
       stylisPlugins: [],
       prepend: cssLayerName ? false : !el,
       insertionPoint: el ?? undefined,
       nonce,
     });
-
-    return emotionCache;
   }, [nonce, cssLayerName]);
 
   return (
@@ -55,8 +60,6 @@ export function MosaicProvider({ children, nonce, cssLayerName, appearance, scop
 
 export function useMosaicTheme(): MosaicTheme {
   const theme = React.useContext(MosaicThemeContext);
-  if (!theme) {
-    throw new Error('useMosaicTheme must be used within a MosaicProvider');
-  }
+  if (!theme) throw new Error('useMosaicTheme must be used within a MosaicProvider');
   return theme;
 }
diff --git a/packages/ui/src/mosaic/providers/localization-provider.tsx b/packages/ui/src/mosaic/providers/localization-provider.tsx
new file mode 100644
index 00000000000..b3bb3d4e4c3
--- /dev/null
+++ b/packages/ui/src/mosaic/providers/localization-provider.tsx
@@ -0,0 +1,79 @@
+import { atom, browser, createI18n, defineLocalization, localeFrom } from '@clerk/i18n';
+import { useStore } from '@clerk/i18n/react';
+import { createContextAndHook } from '@clerk/shared/react';
+import React, { useMemo, useRef } from 'react';
+
+import type { FlatOverrides, I18n, NestedOverrides, Registry, ResolvedOverrides, WritableStore } from '@clerk/i18n';
+
+interface LocalizationValue {
+  i18n: I18n;
+  $locale: WritableStore<string | null>;
+  $overrides: WritableStore<ResolvedOverrides>;
+}
+
+const [LocalizationCtx, useLocalization] = createContextAndHook<LocalizationValue>('LocalizationContext');
+
+export interface LocalizationProviderProps<R extends Registry = Registry> {
+  /** Active locale — seeds the store; browser detection applies when unset. */
+  locale?: string;
+  /** Fallback when neither `locale` nor a browser language matches. Defaults to 'en'. */
+  defaultLocale?: string;
+  /** Locales the app ships translations for. */
+  locales?: string[];
+  /** Consumer overrides from the appearance / localization layer. */
+  overrides?: NestedOverrides<R> | FlatOverrides<R>;
+  /** Server-loaded translations (locale → namespace → messages) for SSR seeding. */
+  initialMessages?: Record<string, Record<string, Record<string, unknown>>>;
+  children: React.ReactNode;
+}
+
+export function LocalizationProvider<R extends Registry = Registry>({
+  locale,
+  defaultLocale = 'en',
+  locales = ['en'],
+  overrides,
+  initialMessages,
+  children,
+}: LocalizationProviderProps<R>) {
+  // Built once per provider instance — per-request isolation for SSR.
+  // Seed $explicit so the first render is correct; no useEffect needed.
+  const value = useMemo(() => {
+    const $explicit = atom<string | null>(locale ?? null);
+    const $overrides = atom<ResolvedOverrides>(
+      overrides ? defineLocalization(overrides as NestedOverrides<Registry>) : {},
+    );
+    const $locale = localeFrom($explicit, browser({ available: locales, fallback: defaultLocale }));
+    const i18n = createI18n($locale, {
+      get: () => Promise.resolve({}),
+      overrides: $overrides,
+      cache: initialMessages,
+    });
+    return { i18n, $locale: $explicit, $overrides };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // Sync controlled props → atoms during render (derived-state pattern, no effect needed).
+  // locale: primitive comparison against atom's current value is sufficient.
+  const nextLocale = locale ?? null;
+  if (value.$locale.get() !== nextLocale) {
+    value.$locale.set(nextLocale);
+  }
+
+  // overrides: defineLocalization() returns a new object every call, so compare
+  // the prop reference — not the resolved value — to avoid spurious updates.
+  const prevOverridesRef = useRef(overrides);
+  if (prevOverridesRef.current !== overrides) {
+    prevOverridesRef.current = overrides;
+    value.$overrides.set(overrides ? defineLocalization(overrides as NestedOverrides<Registry>) : {});
+  }
+
+  return <LocalizationCtx.Provider value={{ value }}>{children}</LocalizationCtx.Provider>;
+}
+
+/** Read a namespace's messages within the nearest LocalizationProvider. */
+export function useMessages<B extends Record<string, unknown>>(namespace: string, base: B) {
+  const { i18n } = useLocalization();
+  // $messages must be stable for useSyncExternalStore; i18n is stable per provider instance.
+  const $messages = useMemo(() => i18n(namespace, base), [i18n]);
+  return useStore($messages);
+}
diff --git a/packages/ui/src/mosaic/providers/mosaic-provider.tsx b/packages/ui/src/mosaic/providers/mosaic-provider.tsx
new file mode 100644
index 00000000000..50800d81627
--- /dev/null
+++ b/packages/ui/src/mosaic/providers/mosaic-provider.tsx
@@ -0,0 +1,21 @@
+import type { UIRegistry } from '../i18n-registry';
+import { AppearanceProvider } from './appearance-provider';
+import type { AppearanceProviderProps } from './appearance-provider';
+import { LocalizationProvider } from './localization-provider';
+import type { LocalizationProviderProps } from './localization-provider';
+
+export { useMosaicTheme } from './appearance-provider';
+
+export interface MosaicProviderProps {
+  children: React.ReactNode;
+  appearance?: Omit<AppearanceProviderProps, 'children'>;
+  localization?: Omit<LocalizationProviderProps<UIRegistry>, 'children'>;
+}
+
+export function MosaicProvider({ children, appearance, localization }: MosaicProviderProps) {
+  return (
+    <AppearanceProvider {...appearance}>
+      <LocalizationProvider {...localization}>{children}</LocalizationProvider>
+    </AppearanceProvider>
+  );
+}
diff --git a/packages/ui/src/mosaic/slot-recipe.ts b/packages/ui/src/mosaic/slot-recipe.ts
index 1d54b7fe2a8..31db238a32c 100644
--- a/packages/ui/src/mosaic/slot-recipe.ts
+++ b/packages/ui/src/mosaic/slot-recipe.ts
@@ -4,7 +4,7 @@ import type * as CSS from 'csstype';
 import { useMosaicAppearance } from './appearance';
 import { expandConditions } from './conditions';
 import type { MosaicConditionKey } from './conditions';
-import { useMosaicTheme } from './MosaicProvider';
+import { useMosaicTheme } from './providers/mosaic-provider';
 import { resolveSlotClassName, resolveSlotCss } from './resolveSlot';
 import { defaultMosaicVariables, resolveVariables } from './variables';
 import type { MosaicTheme } from './variables';
diff --git a/packages/ui/src/mosaic/useSlot.ts b/packages/ui/src/mosaic/useSlot.ts
index afa0787e26c..ba36660afda 100644
--- a/packages/ui/src/mosaic/useSlot.ts
+++ b/packages/ui/src/mosaic/useSlot.ts
@@ -2,7 +2,7 @@ import { fastDeepMergeAndReplace } from '@clerk/shared/utils';
 
 import { useMosaicAppearance } from './appearance';
 import { expandConditions } from './conditions';
-import { useMosaicTheme } from './MosaicProvider';
+import { useMosaicTheme } from './providers/mosaic-provider';
 import type { MosaicSlotId } from './registry';
 import { resolveSlotClassName, resolveSlotCss } from './resolveSlot';
 import type { SlotProps, StyleRule, SxProp } from './slot-recipe';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 064ec4385cd..6d1a2f9fd1d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -388,7 +388,7 @@ importers:
         version: 9.0.2
       vitest-environment-miniflare:
         specifier: 2.14.4
-        version: 2.14.4(bufferutil@4.1.0)(utf-8-validate@5.0.10)(vitest@3.2.4(@edge-runtime/vm@5.0.0)(@types/debug@4.1.12)(@types/node@25.6.0)(happy-dom@18.0.1)(jiti@2.7.0)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(lightningcss@1.32.0)(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))
+        version: 2.14.4(bufferutil@4.1.0)(utf-8-validate@5.0.10)(vitest@4.1.4)
 
   packages/chrome-extension:
     dependencies:
@@ -1090,6 +1090,9 @@ importers:
 
   packages/ui:
     dependencies:
+      '@clerk/i18n':
+        specifier: workspace:^
+        version: link:../i18n
       '@clerk/localizations':
         specifier: workspace:^
         version: link:../localizations
@@ -2948,7 +2951,7 @@ packages:
 
   '@expo/bunyan@4.0.1':
     resolution: {integrity: sha512-+Lla7nYSiHZirgK+U/uYzsLv/X+HaJienbD5AKX1UQZHYfWaP+9uuQluRB4GrEVWF0GZ7vEVp/jzaOT9k/SQlg==}
-    engines: {node: '>=0.10.0'}
+    engines: {'0': node >=0.10.0}
 
   '@expo/cli@0.22.28':
     resolution: {integrity: sha512-lvt72KNitGuixYD2l3SZmRKVu2G4zJpmg5V7WfUBNpmUU5oODBw/6qmiJ6kSLAlfDozscUk+BBGknBBzxUrwrA==}
@@ -21785,6 +21788,20 @@ snapshots:
       - vite
     optional: true
 
+  '@vitest/browser-playwright@4.1.4(bufferutil@4.1.0)(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(playwright@1.59.1)(utf-8-validate@5.0.10)(vite@7.3.5(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))(vitest@4.1.4)':
+    dependencies:
+      '@vitest/browser': 4.1.4(bufferutil@4.1.0)(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(utf-8-validate@5.0.10)(vite@7.3.5(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))(vitest@4.1.4)
+      '@vitest/mocker': 4.1.4(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@7.3.5(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))
+      playwright: 1.59.1
+      tinyrainbow: 3.1.0
+      vitest: 4.1.4(@edge-runtime/vm@5.0.0)(@opentelemetry/api@1.9.0)(@types/node@25.6.0)(@vitest/browser-playwright@4.1.4)(@vitest/coverage-v8@3.2.4(vitest@3.2.4(@edge-runtime/vm@5.0.0)(@types/debug@4.1.12)(@types/node@22.19.17)(happy-dom@18.0.1)(jiti@2.7.0)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(lightningcss@1.32.0)(msw@2.14.2(@types/node@22.19.17)(typescript@6.0.3))(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)))(happy-dom@18.0.1)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@7.3.5(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))
+    transitivePeerDependencies:
+      - bufferutil
+      - msw
+      - utf-8-validate
+      - vite
+    optional: true
+
   '@vitest/browser@4.1.4(bufferutil@4.1.0)(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(utf-8-validate@5.0.10)(vite@6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))(vitest@4.1.4)':
     dependencies:
       '@blazediff/core': 1.9.1
@@ -21803,6 +21820,24 @@ snapshots:
       - vite
     optional: true
 
+  '@vitest/browser@4.1.4(bufferutil@4.1.0)(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(utf-8-validate@5.0.10)(vite@7.3.5(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))(vitest@4.1.4)':
+    dependencies:
+      '@blazediff/core': 1.9.1
+      '@vitest/mocker': 4.1.4(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@7.3.5(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))
+      '@vitest/utils': 4.1.4
+      magic-string: 0.30.21
+      pngjs: 7.0.0
+      sirv: 3.0.2
+      tinyrainbow: 3.1.0
+      vitest: 4.1.4(@edge-runtime/vm@5.0.0)(@opentelemetry/api@1.9.0)(@types/node@25.6.0)(@vitest/browser-playwright@4.1.4)(@vitest/coverage-v8@3.2.4(vitest@3.2.4(@edge-runtime/vm@5.0.0)(@types/debug@4.1.12)(@types/node@22.19.17)(happy-dom@18.0.1)(jiti@2.7.0)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(lightningcss@1.32.0)(msw@2.14.2(@types/node@22.19.17)(typescript@6.0.3))(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)))(happy-dom@18.0.1)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@7.3.5(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))
+      ws: 8.20.0(bufferutil@4.1.0)(utf-8-validate@5.0.10)
+    transitivePeerDependencies:
+      - bufferutil
+      - msw
+      - utf-8-validate
+      - vite
+    optional: true
+
   '@vitest/coverage-v8@3.2.4(vitest@3.2.4(@edge-runtime/vm@5.0.0)(@types/debug@4.1.12)(@types/node@22.19.17)(happy-dom@18.0.1)(jiti@2.7.0)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(lightningcss@1.32.0)(msw@2.14.2(@types/node@22.19.17)(typescript@6.0.3))(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))':
     dependencies:
       '@ampproject/remapping': 2.3.0
@@ -21848,23 +21883,23 @@ snapshots:
       msw: 2.14.2(@types/node@22.19.17)(typescript@6.0.3)
       vite: 6.4.2(@types/node@22.19.17)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)
 
-  '@vitest/mocker@3.2.4(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))':
+  '@vitest/mocker@4.1.4(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))':
     dependencies:
-      '@vitest/spy': 3.2.4
+      '@vitest/spy': 4.1.4
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
       msw: 2.14.2(@types/node@25.6.0)(typescript@6.0.3)
       vite: 6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)
 
-  '@vitest/mocker@4.1.4(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))':
+  '@vitest/mocker@4.1.4(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@7.3.5(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))':
     dependencies:
       '@vitest/spy': 4.1.4
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
       msw: 2.14.2(@types/node@25.6.0)(typescript@6.0.3)
-      vite: 6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)
+      vite: 7.3.5(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)
 
   '@vitest/pretty-format@3.2.4':
     dependencies:
@@ -32324,27 +32359,6 @@ snapshots:
       - tsx
       - yaml
 
-  vite-node@3.2.4(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0):
-    dependencies:
-      cac: 6.7.14
-      debug: 4.4.3(supports-color@8.1.1)
-      es-module-lexer: 1.7.0
-      pathe: 2.0.3
-      vite: 6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)
-    transitivePeerDependencies:
-      - '@types/node'
-      - jiti
-      - less
-      - lightningcss
-      - sass
-      - sass-embedded
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-      - tsx
-      - yaml
-
   vite-node@5.3.0(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0):
     dependencies:
       cac: 6.7.14
@@ -32516,14 +32530,14 @@ snapshots:
     dependencies:
       '@types/chrome': 0.0.114
 
-  vitest-environment-miniflare@2.14.4(bufferutil@4.1.0)(utf-8-validate@5.0.10)(vitest@3.2.4(@edge-runtime/vm@5.0.0)(@types/debug@4.1.12)(@types/node@25.6.0)(happy-dom@18.0.1)(jiti@2.7.0)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(lightningcss@1.32.0)(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)):
+  vitest-environment-miniflare@2.14.4(bufferutil@4.1.0)(utf-8-validate@5.0.10)(vitest@4.1.4):
     dependencies:
       '@miniflare/queues': 2.14.4
       '@miniflare/runner-vm': 2.14.4
       '@miniflare/shared': 2.14.4
       '@miniflare/shared-test-environment': 2.14.4(bufferutil@4.1.0)(utf-8-validate@5.0.10)
       undici: 5.28.4
-      vitest: 3.2.4(@edge-runtime/vm@5.0.0)(@types/debug@4.1.12)(@types/node@25.6.0)(happy-dom@18.0.1)(jiti@2.7.0)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(lightningcss@1.32.0)(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)
+      vitest: 4.1.4(@edge-runtime/vm@5.0.0)(@opentelemetry/api@1.9.0)(@types/node@25.6.0)(@vitest/browser-playwright@4.1.4)(@vitest/coverage-v8@3.2.4(vitest@3.2.4(@edge-runtime/vm@5.0.0)(@types/debug@4.1.12)(@types/node@22.19.17)(happy-dom@18.0.1)(jiti@2.7.0)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(lightningcss@1.32.0)(msw@2.14.2(@types/node@22.19.17)(typescript@6.0.3))(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)))(happy-dom@18.0.1)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@7.3.5(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
@@ -32573,55 +32587,43 @@ snapshots:
       - tsx
       - yaml
 
-  vitest@3.2.4(@edge-runtime/vm@5.0.0)(@types/debug@4.1.12)(@types/node@25.6.0)(happy-dom@18.0.1)(jiti@2.7.0)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(lightningcss@1.32.0)(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0):
+  vitest@4.1.4(@edge-runtime/vm@5.0.0)(@opentelemetry/api@1.9.0)(@types/node@25.6.0)(@vitest/browser-playwright@4.1.4)(@vitest/coverage-v8@3.2.4(vitest@3.2.4(@edge-runtime/vm@5.0.0)(@types/debug@4.1.12)(@types/node@22.19.17)(happy-dom@18.0.1)(jiti@2.7.0)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(lightningcss@1.32.0)(msw@2.14.2(@types/node@22.19.17)(typescript@6.0.3))(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)))(happy-dom@18.0.1)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)):
     dependencies:
-      '@types/chai': 5.2.3
-      '@vitest/expect': 3.2.4
-      '@vitest/mocker': 3.2.4(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))
-      '@vitest/pretty-format': 3.2.4
-      '@vitest/runner': 3.2.4
-      '@vitest/snapshot': 3.2.4
-      '@vitest/spy': 3.2.4
-      '@vitest/utils': 3.2.4
-      chai: 5.3.3
-      debug: 4.4.3(supports-color@8.1.1)
+      '@vitest/expect': 4.1.4
+      '@vitest/mocker': 4.1.4(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))
+      '@vitest/pretty-format': 4.1.4
+      '@vitest/runner': 4.1.4
+      '@vitest/snapshot': 4.1.4
+      '@vitest/spy': 4.1.4
+      '@vitest/utils': 4.1.4
+      es-module-lexer: 2.1.0
       expect-type: 1.3.0
       magic-string: 0.30.21
+      obug: 2.1.1
       pathe: 2.0.3
       picomatch: 4.0.4
-      std-env: 3.10.0
+      std-env: 4.1.0
       tinybench: 2.9.0
-      tinyexec: 0.3.2
+      tinyexec: 1.2.4
       tinyglobby: 0.2.17
-      tinypool: 1.1.1
-      tinyrainbow: 2.0.0
+      tinyrainbow: 3.1.0
       vite: 6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)
-      vite-node: 3.2.4(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@edge-runtime/vm': 5.0.0
-      '@types/debug': 4.1.12
+      '@opentelemetry/api': 1.9.0
       '@types/node': 25.6.0
+      '@vitest/browser-playwright': 4.1.4(bufferutil@4.1.0)(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(playwright@1.59.1)(utf-8-validate@5.0.10)(vite@6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))(vitest@4.1.4)
+      '@vitest/coverage-v8': 3.2.4(vitest@3.2.4(@edge-runtime/vm@5.0.0)(@types/debug@4.1.12)(@types/node@22.19.17)(happy-dom@18.0.1)(jiti@2.7.0)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(lightningcss@1.32.0)(msw@2.14.2(@types/node@22.19.17)(typescript@6.0.3))(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))
       happy-dom: 18.0.1
       jsdom: 27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10)
     transitivePeerDependencies:
-      - jiti
-      - less
-      - lightningcss
       - msw
-      - sass
-      - sass-embedded
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-      - tsx
-      - yaml
 
-  vitest@4.1.4(@edge-runtime/vm@5.0.0)(@opentelemetry/api@1.9.0)(@types/node@25.6.0)(@vitest/browser-playwright@4.1.4)(@vitest/coverage-v8@3.2.4(vitest@3.2.4(@edge-runtime/vm@5.0.0)(@types/debug@4.1.12)(@types/node@22.19.17)(happy-dom@18.0.1)(jiti@2.7.0)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(lightningcss@1.32.0)(msw@2.14.2(@types/node@22.19.17)(typescript@6.0.3))(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)))(happy-dom@18.0.1)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)):
+  vitest@4.1.4(@edge-runtime/vm@5.0.0)(@opentelemetry/api@1.9.0)(@types/node@25.6.0)(@vitest/browser-playwright@4.1.4)(@vitest/coverage-v8@3.2.4(vitest@3.2.4(@edge-runtime/vm@5.0.0)(@types/debug@4.1.12)(@types/node@22.19.17)(happy-dom@18.0.1)(jiti@2.7.0)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(lightningcss@1.32.0)(msw@2.14.2(@types/node@22.19.17)(typescript@6.0.3))(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)))(happy-dom@18.0.1)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@7.3.5(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)):
     dependencies:
       '@vitest/expect': 4.1.4
-      '@vitest/mocker': 4.1.4(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))
+      '@vitest/mocker': 4.1.4(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(vite@7.3.5(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))
       '@vitest/pretty-format': 4.1.4
       '@vitest/runner': 4.1.4
       '@vitest/snapshot': 4.1.4
@@ -32638,13 +32640,13 @@ snapshots:
       tinyexec: 1.2.4
       tinyglobby: 0.2.17
       tinyrainbow: 3.1.0
-      vite: 6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)
+      vite: 7.3.5(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@edge-runtime/vm': 5.0.0
       '@opentelemetry/api': 1.9.0
       '@types/node': 25.6.0
-      '@vitest/browser-playwright': 4.1.4(bufferutil@4.1.0)(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(playwright@1.59.1)(utf-8-validate@5.0.10)(vite@6.4.2(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))(vitest@4.1.4)
+      '@vitest/browser-playwright': 4.1.4(bufferutil@4.1.0)(msw@2.14.2(@types/node@25.6.0)(typescript@6.0.3))(playwright@1.59.1)(utf-8-validate@5.0.10)(vite@7.3.5(@types/node@25.6.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))(vitest@4.1.4)
       '@vitest/coverage-v8': 3.2.4(vitest@3.2.4(@edge-runtime/vm@5.0.0)(@types/debug@4.1.12)(@types/node@22.19.17)(happy-dom@18.0.1)(jiti@2.7.0)(jsdom@27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10))(lightningcss@1.32.0)(msw@2.14.2(@types/node@22.19.17)(typescript@6.0.3))(terser@5.46.1)(tsx@4.20.6)(yaml@2.9.0))
       happy-dom: 18.0.1
       jsdom: 27.0.0(bufferutil@4.1.0)(utf-8-validate@5.0.10)