diff --git a/packages/stl/package.json b/packages/stl/package.json
index 8789532..f369603 100644
--- a/packages/stl/package.json
+++ b/packages/stl/package.json
@@ -39,6 +39,9 @@
     "@ermnvldmr/eslint-config": "workspace:*",
     "@ermnvldmr/rsbuild-config": "workspace:*",
     "@rsbuild/core": "^1.2.11",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
+    "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "@vitest/coverage-v8": "^4.0.18",
diff --git a/packages/stl/src/lib/index.ts b/packages/stl/src/lib/index.ts
index 43a975a..2918aa4 100644
--- a/packages/stl/src/lib/index.ts
+++ b/packages/stl/src/lib/index.ts
@@ -1,3 +1,4 @@
 export * from './types/index.js';
 export * from './functions/index.js';
+export * from './window/localStorage.js';
 export * from './react/index.js';
diff --git a/packages/stl/src/lib/react/index.ts b/packages/stl/src/lib/react/index.ts
index 772764c..1df17a2 100644
--- a/packages/stl/src/lib/react/index.ts
+++ b/packages/stl/src/lib/react/index.ts
@@ -1,11 +1,4 @@
 export { castRef } from './castRef/castRef';
 export { genericMemo } from './genericMemo/genericMemo';
-
-import type React from 'react';
-
-/**
- * Common props for any React element.
- * Useful for forwarding props to dynamic components.
- */
-export type ReactElementProps = React.HTMLAttributes<HTMLElement> &
-  React.AllHTMLAttributes<HTMLElement>;
+export { useLocalStorage } from './useLocalStorage/useLocalStorage';
+export type { ReactElementProps } from './types/ReactElementProps';
diff --git a/packages/stl/src/lib/react/types/ReactElementProps.ts b/packages/stl/src/lib/react/types/ReactElementProps.ts
new file mode 100644
index 0000000..4cf6397
--- /dev/null
+++ b/packages/stl/src/lib/react/types/ReactElementProps.ts
@@ -0,0 +1,8 @@
+import type React from 'react';
+
+/**
+ * Common props for any React element.
+ * Useful for forwarding props to dynamic components.
+ */
+export type ReactElementProps = React.HTMLAttributes<HTMLElement> &
+  React.AllHTMLAttributes<HTMLElement>;
diff --git a/packages/stl/src/lib/react/useLocalStorage/index.ts b/packages/stl/src/lib/react/useLocalStorage/index.ts
new file mode 100644
index 0000000..01cda12
--- /dev/null
+++ b/packages/stl/src/lib/react/useLocalStorage/index.ts
@@ -0,0 +1 @@
+export * from './useLocalStorage';
diff --git a/packages/stl/src/lib/react/useLocalStorage/useLocalStorage.test.tsx b/packages/stl/src/lib/react/useLocalStorage/useLocalStorage.test.tsx
new file mode 100644
index 0000000..4091eac
--- /dev/null
+++ b/packages/stl/src/lib/react/useLocalStorage/useLocalStorage.test.tsx
@@ -0,0 +1,65 @@
+import { renderHook, act } from '@testing-library/react';
+import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
+
+import { useLocalStorage } from './useLocalStorage';
+import { createLocalStorage } from '../../window/localStorage';
+
+describe('lib/react/useLocalStorage', () => {
+  const KEY = 'ermnvldmr/stl/lib/react/useLocalStorage/test';
+  const DEFAULT_VALUE = 'default';
+
+  beforeEach(() => {
+    window.localStorage.clear();
+  });
+
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  it('should return default value initially', () => {
+    const manager = createLocalStorage(KEY, DEFAULT_VALUE);
+    const { result } = renderHook(() => useLocalStorage(manager));
+    expect(result.current[0]).toBe(DEFAULT_VALUE);
+  });
+
+  it('should update state when setter is called', () => {
+    const manager = createLocalStorage(KEY, DEFAULT_VALUE);
+    const { result } = renderHook(() => useLocalStorage(manager));
+    
+    act(() => {
+      result.current[1]('new value');
+    });
+    
+    expect(result.current[0]).toBe('new value');
+    expect(window.localStorage.getItem(KEY)).toBe(JSON.stringify('new value'));
+  });
+
+  it('should sync across tabs via storage event', () => {
+    const manager = createLocalStorage(KEY, DEFAULT_VALUE);
+    const { result } = renderHook(() => useLocalStorage(manager));
+
+    act(() => {
+      // Simulate external localStorage update
+      window.localStorage.setItem(KEY, JSON.stringify('external update'));
+      window.dispatchEvent(
+        new StorageEvent('storage', {
+          key: KEY,
+          newValue: JSON.stringify('external update'),
+        })
+      );
+    });
+
+    expect(result.current[0]).toBe('external update');
+  });
+
+  it('should support functional updates', () => {
+    const manager = createLocalStorage(KEY, 0);
+    const { result } = renderHook(() => useLocalStorage(manager));
+
+    act(() => {
+      result.current[1]((prev) => prev + 1);
+    });
+
+    expect(result.current[0]).toBe(1);
+  });
+});
diff --git a/packages/stl/src/lib/react/useLocalStorage/useLocalStorage.ts b/packages/stl/src/lib/react/useLocalStorage/useLocalStorage.ts
new file mode 100644
index 0000000..62ea2c0
--- /dev/null
+++ b/packages/stl/src/lib/react/useLocalStorage/useLocalStorage.ts
@@ -0,0 +1,56 @@
+import { useCallback, useSyncExternalStore } from 'react';
+
+import type { StorageManager } from '../../window/localStorage';
+
+/**
+ * A React hook that synchronizes state with a StorageManager.
+ *
+ * It provides reactivity across the component lifecycle and synchronizes
+ * values across multiple browser tabs using the 'storage' event.
+ *
+ * @template T - The type of the stored value.
+ * @param manager - The StorageManager instance returned by createLocalStorage.
+ * @returns A tuple containing the current value and a setter function.
+ *
+ * @example
+ * ```tsx
+ * const [theme, setTheme] = useLocalStorage(themeStorage);
+ * ```
+ */
+export function useLocalStorage<T>(
+  manager: StorageManager<T>
+): [T, (value: T | ((prev: T) => T)) => void] {
+  const subscribe = useCallback(
+    (callback: () => void) => {
+      const handleStorageChange = (event: StorageEvent): void => {
+        if (event.key === manager.key) {
+          callback();
+        }
+      };
+
+      window.addEventListener('storage', handleStorageChange);
+      return () => {
+        window.removeEventListener('storage', handleStorageChange);
+      };
+    },
+    [manager.key]
+  );
+
+  const getSnapshot = useCallback(() => manager.get(), [manager]);
+
+  const value = useSyncExternalStore(subscribe, getSnapshot, () => {
+    // During SSR, we can't access localStorage. 
+    // However, createLocalStorage is designed to throw if accessed during SSR.
+    // This hook is intended to be used in client-side components.
+    return manager.get();
+  });
+
+  const setValue = useCallback(
+    (nextValue: T | ((prev: T) => T)) => {
+      manager.set(nextValue);
+    },
+    [manager]
+  );
+
+  return [value, setValue];
+}
diff --git a/packages/stl/src/lib/window/localStorage.test.ts b/packages/stl/src/lib/window/localStorage.test.ts
new file mode 100644
index 0000000..5167ed0
--- /dev/null
+++ b/packages/stl/src/lib/window/localStorage.test.ts
@@ -0,0 +1,89 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+
+import { createLocalStorage } from './localStorage';
+
+describe('lib/window/localStorage', () => {
+  const mockStorage: Record<string, string> = {};
+  const KEY = 'ermnvldmr/stl/lib/window/test';
+  const DEFAULT_VALUE = { foo: 'bar' };
+
+  const getItem = vi.fn((key: string) => mockStorage[key] || null);
+  const setItem = vi.fn((key: string, value: string) => {
+    mockStorage[key] = value;
+  });
+  const removeItem = vi.fn((key: string) => {
+    delete mockStorage[key];
+  });
+
+  beforeEach(() => {
+    getItem.mockClear();
+    setItem.mockClear();
+    removeItem.mockClear();
+
+    // Mock localStorage
+    vi.stubGlobal('window', {
+      localStorage: {
+        getItem,
+        setItem,
+        removeItem,
+      },
+      dispatchEvent: vi.fn(),
+    });
+    vi.stubGlobal('StorageEvent', class {
+      constructor(type: string, init: any) {
+        Object.assign(this, { type, ...init });
+      }
+    });
+  });
+
+  afterEach(() => {
+    vi.unstubAllGlobals();
+    for (const key in mockStorage) delete mockStorage[key];
+  });
+
+  it('should throw if window is undefined', () => {
+    vi.stubGlobal('window', undefined);
+    expect(() => createLocalStorage(KEY, DEFAULT_VALUE)).toThrow();
+  });
+
+  it('should get default value if empty', () => {
+    const manager = createLocalStorage(KEY, DEFAULT_VALUE);
+    expect(manager.get()).toEqual(DEFAULT_VALUE);
+  });
+
+  it('should set and get values', () => {
+    const manager = createLocalStorage(KEY, DEFAULT_VALUE);
+    const newValue = { foo: 'updated' };
+    manager.set(newValue);
+    expect(manager.get()).toEqual(newValue);
+    expect(setItem).toHaveBeenCalledWith(KEY, JSON.stringify(newValue));
+  });
+
+  it('should support functional updates', () => {
+    const manager = createLocalStorage(KEY, 0);
+    manager.set((prev) => prev + 1);
+    expect(manager.get()).toBe(1);
+    manager.set((prev) => prev + 1);
+    expect(manager.get()).toBe(2);
+  });
+
+  it('should remove items', () => {
+    const manager = createLocalStorage(KEY, DEFAULT_VALUE);
+    manager.set({ foo: 'baz' });
+    manager.remove();
+    expect(manager.get()).toEqual(DEFAULT_VALUE);
+    expect(removeItem).toHaveBeenCalledWith(KEY);
+  });
+
+  it('should dispatch storage event on set', () => {
+    const manager = createLocalStorage(KEY, DEFAULT_VALUE);
+    manager.set({ foo: 'event' });
+    expect(window.dispatchEvent).toHaveBeenCalled();
+  });
+
+  it('should fallback to default value on parse error', () => {
+    mockStorage[KEY] = 'invalid-json';
+    const manager = createLocalStorage(KEY, DEFAULT_VALUE);
+    expect(manager.get()).toEqual(DEFAULT_VALUE);
+  });
+});
diff --git a/packages/stl/src/lib/window/localStorage.ts b/packages/stl/src/lib/window/localStorage.ts
new file mode 100644
index 0000000..2142278
--- /dev/null
+++ b/packages/stl/src/lib/window/localStorage.ts
@@ -0,0 +1,88 @@
+/**
+ * Manages type-safe interaction with window.localStorage.
+ *
+ * @template T - The type of the value to store (must be JSON serializable).
+ */
+export interface StorageManager<T> {
+  /** Retrieves the current value or the default value if none exists. */
+  get: () => T;
+  /** Updates the stored value and persists it. */
+  set: (value: T | ((prev: T) => T)) => void;
+  /** Removes the item from storage. */
+  remove: () => void;
+  /** The key used in localStorage. */
+  readonly key: string;
+}
+
+/**
+ * Creates a type-safe manager for a localStorage key.
+ *
+ * This utility is browser-only and will throw if accessed during SSR.
+ * Ensure you use a strict namespace for the key to avoid monorepo collisions.
+ * Recommended format: `ermnvldmr/{package}/{path}/{module}`
+ * Example: `ermnvldmr/ui/lib/theme`
+ *
+ * @param key - The unique key for storage.
+ * @param defaultValue - The fallback value if storage is empty or corrupted.
+ * @returns A StorageManager object.
+ *
+ * @example
+ * ```typescript
+ * const theme = createLocalStorage('ermnvldmr/ui/lib/theme', 'system');
+ * console.log(theme.get());
+ * ```
+ *
+ * @throws Error if window or localStorage is undefined.
+ */
+export function createLocalStorage<T>(key: string, defaultValue: T): StorageManager<T> {
+  if (typeof window === 'undefined' || typeof window.localStorage === 'undefined') {
+    throw new Error(
+      `[createLocalStorage] Attempted to access storage for key "${key}" outside of a browser environment. ` +
+        'This utility is strictly for client-side use.'
+    );
+  }
+
+  const manager: StorageManager<T> = {
+    key,
+    get: () => {
+      try {
+        const item = window.localStorage.getItem(key);
+        if (!item) return defaultValue;
+        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+        return JSON.parse(item) as T;
+      } catch (error) {
+        console.error(`[createLocalStorage] Failed to parse key "${key}", falling back to default.`, error);
+        return defaultValue;
+      }
+    },
+    set: (value) => {
+      try {
+        const nextValue = value instanceof Function ? value(manager.get()) : value;
+        window.localStorage.setItem(key, JSON.stringify(nextValue));
+
+        // Dispatch a custom event to notify other listeners in the same tab
+        window.dispatchEvent(
+          new StorageEvent('storage', {
+            key,
+            newValue: JSON.stringify(nextValue),
+            storageArea: window.localStorage,
+          })
+        );
+      } catch (error) {
+        console.error(`[createLocalStorage] Failed to set key "${key}".`, error);
+      }
+    },
+    remove: () => {
+      window.localStorage.removeItem(key);
+      window.dispatchEvent(
+        new StorageEvent('storage', {
+          key,
+          newValue: null,
+          storageArea: window.localStorage,
+        })
+      );
+    },
+  };
+
+  return manager;
+}
diff --git a/packages/stl/tsconfig.json b/packages/stl/tsconfig.json
index aad0bbf..48706b5 100644
--- a/packages/stl/tsconfig.json
+++ b/packages/stl/tsconfig.json
@@ -4,7 +4,7 @@
     "outDir": "./dist",
     "declaration": true,
     "declarationMap": true,
-    "types": ["vitest/globals"]
+    "types": ["vitest/globals", "@testing-library/jest-dom"]
   },
   "include": ["src/**/*"],
   "exclude": ["dist"]
diff --git a/packages/stl/vitest.config.ts b/packages/stl/vitest.config.ts
index 7b421ab..76c0153 100644
--- a/packages/stl/vitest.config.ts
+++ b/packages/stl/vitest.config.ts
@@ -3,6 +3,6 @@ import { mergeConfig } from 'vitest/config';
 
 export default mergeConfig(baseVitestConfig, {
   test: {
-    // Package specific overrides
+    environment: 'jsdom',
   },
 });
diff --git a/packages/ui/.config/storybook/main.ts b/packages/ui/.config/storybook/main.ts
index afba678..cac63cf 100644
--- a/packages/ui/.config/storybook/main.ts
+++ b/packages/ui/.config/storybook/main.ts
@@ -3,13 +3,13 @@ import { resolve } from 'path';
 import type { StorybookConfig } from 'storybook-react-rsbuild';
 
 const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
+  stories: ['../../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
   addons: [
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     '@storybook/addon-a11y',
     '@storybook/addon-themes',
-    '@storybook/addon-coverage',
+    // '@storybook/addon-coverage',
   ],
   framework: {
     name: 'storybook-react-rsbuild',
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 864d081..8f6e3c9 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -46,6 +46,7 @@
     "lucide-react": "^0.503.0",
     "react-aria": "^3.45.0",
     "react-icons": "^5.5.0",
+    "react-stately": "^3.44.0",
     "tw-animate-css": "^1.2.8"
   },
   "devDependencies": {
diff --git a/packages/ui/src/components/Button/Button.tsx b/packages/ui/src/components/Button/Button.tsx
index 25ef07b..16cba40 100644
--- a/packages/ui/src/components/Button/Button.tsx
+++ b/packages/ui/src/components/Button/Button.tsx
@@ -173,7 +173,7 @@ const ButtonComponent = forwardRef<HTMLElement, ButtonProps>(function Button(pro
   };
 
   const sharedClasses = cn(
-    'inline-flex items-center justify-center font-medium transition-all duration-200 select-none outline-none relative overflow-hidden',
+    'inline-flex items-center justify-center font-medium transition-all duration-200 select-none outline-none relative overflow-hidden cursor-pointer',
     'active:scale-[0.98]',
     sizeClasses[size],
     roundedClasses[rounded],
@@ -181,7 +181,7 @@ const ButtonComponent = forwardRef<HTMLElement, ButtonProps>(function Button(pro
     fullWidth && 'w-full',
     isDisabled && 'opacity-50 cursor-not-allowed grayscale-[0.5] active:scale-100',
     isFocusVisible && 'ring-2 ring-[var(--rb-ring)] ring-offset-2',
-    isHovered && !isDisabled && 'brightness-95 dark:brightness-105',
+    isHovered && !isDisabled && 'brightness-90 dark:brightness-110',
     className
   );
 
diff --git a/packages/ui/src/components/Switch/Switch.stories.tsx b/packages/ui/src/components/Switch/Switch.stories.tsx
new file mode 100644
index 0000000..03f689a
--- /dev/null
+++ b/packages/ui/src/components/Switch/Switch.stories.tsx
@@ -0,0 +1,45 @@
+import React, { useState } from 'react';
+
+import { Switch } from './Switch';
+
+import type { Meta, StoryObj } from '@storybook/react';
+
+const meta: Meta<typeof Switch> = {
+  title: 'Components/Switch',
+  component: Switch,
+  tags: ['autodocs'],
+};
+
+export default meta;
+type Story = StoryObj<typeof Switch>;
+
+export const Default: Story = {
+  args: {
+    children: 'Label',
+  },
+};
+
+export const Selected: Story = {
+  args: {
+    children: 'Selected State',
+    isSelected: true,
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    children: 'Disabled State',
+    isDisabled: true,
+  },
+};
+
+export const Controlled: Story = {
+  render: function ControlledStory() {
+    const [isSelected, setSelected] = useState(false);
+    return (
+      <Switch isSelected={isSelected} onChange={setSelected}>
+        {isSelected ? 'On' : 'Off'}
+      </Switch>
+    );
+  },
+};
diff --git a/packages/ui/src/components/Switch/Switch.test.tsx b/packages/ui/src/components/Switch/Switch.test.tsx
new file mode 100644
index 0000000..d7b4940
--- /dev/null
+++ b/packages/ui/src/components/Switch/Switch.test.tsx
@@ -0,0 +1,41 @@
+import userEvent from '@testing-library/user-event';
+
+import { Switch } from './Switch';
+import { render, screen } from '../../lib/testing';
+
+describe('components/Switch', () => {
+  it('renders correctly with label', () => {
+    render(<Switch>Toggle Label</Switch>);
+    expect(screen.getByLabelText('Toggle Label')).toBeInTheDocument();
+    expect(screen.getByText('Toggle Label')).toBeInTheDocument();
+  });
+
+  it('handles change events', async () => {
+    const user = userEvent.setup();
+    const handleChange = vi.fn();
+    render(<Switch onChange={handleChange}>Switch</Switch>);
+
+    const checkbox = screen.getByRole('switch');
+    await user.click(checkbox);
+    
+    expect(handleChange).toHaveBeenCalledWith(true);
+  });
+
+  it('respects isSelected prop', () => {
+    render(<Switch isSelected onChange={() => {}}>Switch</Switch>);
+    const checkbox = screen.getByRole('switch');
+    expect(checkbox).toBeChecked();
+  });
+
+  it('respects isDisabled prop', async () => {
+    const user = userEvent.setup();
+    const handleChange = vi.fn();
+    render(<Switch isDisabled onChange={handleChange}>Switch</Switch>);
+
+    const checkbox = screen.getByRole('switch');
+    expect(checkbox).toBeDisabled();
+    
+    await user.click(checkbox);
+    expect(handleChange).not.toHaveBeenCalled();
+  });
+});
diff --git a/packages/ui/src/components/Switch/Switch.tsx b/packages/ui/src/components/Switch/Switch.tsx
new file mode 100644
index 0000000..94f3ca8
--- /dev/null
+++ b/packages/ui/src/components/Switch/Switch.tsx
@@ -0,0 +1,168 @@
+import { cn } from '@ermnvldmr/stl';
+import React, { useRef } from 'react';
+import { useSwitch, useFocusRing, VisuallyHidden } from 'react-aria';
+import { useToggleState } from 'react-stately';
+
+import { Text } from '../Text/Text';
+
+import type { AriaSwitchProps } from 'react-aria';
+
+/**
+ * Switch visual style variants.
+ */
+export type SwitchVariant = 'solid' | 'outline' | 'ghost';
+
+/**
+ * Switch color themes.
+ */
+export type SwitchColor =
+  | 'primary'
+  | 'primary-negative'
+  | 'secondary'
+  | 'secondary-negative'
+  | 'tertiary'
+  | 'tertiary-negative'
+  | 'error'
+  | 'error-negative'
+  | 'neutral'
+  | 'neutral-negative';
+
+/**
+ * Props for the Switch component.
+ */
+export interface SwitchProps extends AriaSwitchProps {
+  /** Optional class name for the outer container */
+  className?: string;
+  /** Optional label for the switch */
+  children?: React.ReactNode;
+  /** Visual style variant */
+  variant?: SwitchVariant;
+  /** Color theme */
+  color?: SwitchColor;
+}
+
+/**
+ * A highly accessible toggle switch component.
+ *
+ * @param props - The component props.
+ * @returns A React element representing the switch.
+ * @example
+ * ```tsx
+ * <Switch onChange={(isSelected) => console.log(isSelected)}>
+ *   Toggle Me
+ * </Switch>
+ * ```
+ */
+export function Switch(props: SwitchProps): React.JSX.Element {
+  const { children, className, variant = 'solid', color = 'primary' } = props;
+  const state = useToggleState(props);
+  const ref = useRef<HTMLInputElement>(null);
+  const { inputProps } = useSwitch(props, state, ref);
+  const { isFocusVisible, focusProps } = useFocusRing();
+
+  const getVariantClasses = (): string => {
+    const isNegative = color.endsWith('-negative');
+    const baseColor = color.replace('-negative', '');
+
+    const colors: Record<string, { base: string; text: string }> = {
+      primary: { base: 'var(--rb-primary-base)', text: 'var(--rb-primary-text)' },
+      secondary: { base: 'var(--rb-secondary-base)', text: 'var(--rb-secondary-text)' },
+      tertiary: { base: 'var(--rb-tertiary-base)', text: 'var(--rb-tertiary-text)' },
+      error: { base: 'var(--rb-error-base)', text: 'var(--rb-error-text)' },
+      neutral: { base: 'var(--rb-muted-base)', text: 'var(--rb-text)' },
+    };
+
+    const colorValues = colors[baseColor];
+    const backgroundColor = isNegative ? colorValues.text : colorValues.base;
+
+    if (!state.isSelected) {
+      switch (variant) {
+        case 'solid':
+          return 'bg-[var(--rb-muted-base)]';
+        case 'outline':
+          return 'bg-transparent border-[var(--rb-muted-base)] border-2';
+        case 'ghost':
+          return 'bg-transparent border-transparent';
+        default:
+          return 'bg-[var(--rb-muted-base)]';
+      }
+    }
+
+    switch (variant) {
+      case 'solid':
+        return `bg-[${backgroundColor}]`;
+      case 'outline':
+        return `bg-transparent border-[${backgroundColor}] border-2`;
+      case 'ghost':
+        return `bg-[${backgroundColor}]/20 border-transparent`;
+      default:
+        return `bg-[${backgroundColor}]`;
+    }
+  };
+
+  const getThumbClasses = (): string => {
+    const isNegative = color.endsWith('-negative');
+    const baseColor = color.replace('-negative', '');
+
+    const colors: Record<string, { text: string }> = {
+      primary: { text: 'var(--rb-primary-text)' },
+      secondary: { text: 'var(--rb-secondary-text)' },
+      tertiary: { text: 'var(--rb-tertiary-text)' },
+      error: { text: 'var(--rb-error-text)' },
+      neutral: { text: 'var(--rb-text)' },
+    };
+
+    const thumbColor = isNegative ? 'var(--rb-background)' : colors[baseColor].text;
+
+    if (!state.isSelected) {
+      return 'bg-[var(--rb-text)]';
+    }
+
+    switch (variant) {
+      case 'solid':
+        return `bg-[${thumbColor}]`;
+      case 'outline':
+      case 'ghost':
+        return `bg-[${isNegative ? 'var(--rb-text)' : 'var(--rb-' + baseColor + '-base)'}]`;
+      default:
+        return `bg-[${thumbColor}]`;
+    }
+  };
+
+  return (
+    <label
+      className={cn(
+        'group inline-flex items-center cursor-pointer select-none gap-3',
+        props.isDisabled && 'opacity-50 cursor-not-allowed',
+        className
+      )}
+    >
+      <VisuallyHidden>
+        <input {...inputProps} {...focusProps} ref={ref} />
+      </VisuallyHidden>
+      <div
+        aria-hidden="true"
+        className={cn(
+          'relative w-11 h-6 transition-all duration-200 ease-in-out rounded-full outline-none flex items-center',
+          getVariantClasses(),
+          isFocusVisible && 'ring-2 ring-offset-2 ring-[var(--rb-ring)]',
+          props.isDisabled && 'grayscale-[0.5]'
+        )}
+      >
+        <div
+          className={cn(
+            'w-4 h-4 transition-all duration-200 ease-in-out transform rounded-full shadow-sm',
+            variant === 'outline' ? 'ml-0.5' : 'ml-1',
+            state.isSelected ? (variant === 'outline' ? 'translate-x-4.5' : 'translate-x-5') : 'translate-x-0',
+            getThumbClasses()
+          )}
+        />
+      </div>
+      {children && (
+        <Text bold={state.isSelected} color={state.isSelected ? 'default' : 'muted'} size="s" type="label">
+          {children}
+        </Text>
+      )}
+    </label>
+  );
+}
diff --git a/packages/ui/src/components/ThemeSwitch/ThemeSwitch.stories.tsx b/packages/ui/src/components/ThemeSwitch/ThemeSwitch.stories.tsx
new file mode 100644
index 0000000..4f4091f
--- /dev/null
+++ b/packages/ui/src/components/ThemeSwitch/ThemeSwitch.stories.tsx
@@ -0,0 +1,14 @@
+import { ThemeSwitch } from './ThemeSwitch';
+
+import type { Meta, StoryObj } from '@storybook/react';
+
+const meta: Meta<typeof ThemeSwitch> = {
+  title: 'Components/ThemeSwitch',
+  component: ThemeSwitch,
+  tags: ['autodocs'],
+};
+
+export default meta;
+type Story = StoryObj<typeof ThemeSwitch>;
+
+export const Default: Story = {};
diff --git a/packages/ui/src/components/ThemeSwitch/ThemeSwitch.test.tsx b/packages/ui/src/components/ThemeSwitch/ThemeSwitch.test.tsx
new file mode 100644
index 0000000..177f98c
--- /dev/null
+++ b/packages/ui/src/components/ThemeSwitch/ThemeSwitch.test.tsx
@@ -0,0 +1,52 @@
+import userEvent from '@testing-library/user-event';
+import { vi } from 'vitest';
+
+import { ThemeSwitch } from './ThemeSwitch';
+import { render, screen } from '../../lib/testing';
+
+// Mock matchMedia
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: vi.fn().mockImplementation(query => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: vi.fn(),
+    removeListener: vi.fn(),
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+    dispatchEvent: vi.fn(),
+  })),
+});
+
+describe('components/ThemeSwitch', () => {
+  beforeEach(() => {
+    window.localStorage.clear();
+  });
+
+  it('renders correctly', () => {
+    render(<ThemeSwitch />);
+    expect(screen.getByLabelText('Toggle dark mode')).toBeInTheDocument();
+    expect(screen.getByLabelText('Follow system theme')).toBeInTheDocument();
+  });
+
+  it('toggles theme when switch is clicked', async () => {
+    const user = userEvent.setup();
+    render(<ThemeSwitch />);
+    
+    const toggle = screen.getByRole('switch');
+    await user.click(toggle);
+    
+    expect(window.localStorage.getItem('ermnvldmr/ui/lib/theme')).toContain('dark');
+  });
+
+  it('sets system theme when auto is clicked', async () => {
+    const user = userEvent.setup();
+    render(<ThemeSwitch />);
+    
+    const autoButton = screen.getByLabelText('Follow system theme');
+    await user.click(autoButton);
+    
+    expect(window.localStorage.getItem('ermnvldmr/ui/lib/theme')).toContain('system');
+  });
+});
diff --git a/packages/ui/src/components/ThemeSwitch/ThemeSwitch.tsx b/packages/ui/src/components/ThemeSwitch/ThemeSwitch.tsx
new file mode 100644
index 0000000..5683f34
--- /dev/null
+++ b/packages/ui/src/components/ThemeSwitch/ThemeSwitch.tsx
@@ -0,0 +1,53 @@
+import { Monitor, Moon, Sun } from 'lucide-react';
+import React from 'react';
+
+import { useTheme } from '../../lib/theme';
+import { Button } from '../Button/Button';
+import { HStack } from '../HStack/HStack';
+import { Separator } from '../Separator/Separator';
+import { Switch } from '../Switch/Switch';
+import { Text } from '../Text/Text';
+
+/**
+ * A composite component for managing theme preferences.
+ * Includes a toggle for Light/Dark and a button for System mode.
+ *
+ * @returns A React element representing the theme switcher.
+ * @example
+ * ```tsx
+ * <ThemeSwitch />
+ * ```
+ */
+export function ThemeSwitch(): React.JSX.Element {
+  const { preference, setPreference, resolvedTheme } = useTheme();
+
+  const isDark = resolvedTheme === 'dark';
+
+  return (
+    <HStack align="center" gap={4}>
+      <HStack align="center" gap={2}>
+        <Sun className="w-4 h-4 text-[var(--rb-text)] opacity-60" />
+        <Switch
+          aria-label="Toggle dark mode"
+          isSelected={isDark}
+          variant="outline"
+          onChange={(isSelected) => setPreference(isSelected ? 'dark' : 'light')}
+        />
+        <Moon className="w-4 h-4 text-[var(--rb-text)] opacity-60" />
+      </HStack>
+      <Separator direction="vertical" thinned={false} />
+      <Button
+        aria-label="Follow system theme"
+        color={preference === 'system' ? 'primary' : 'neutral'}
+        renderStartIcon={(className) => <Monitor className={className} />}
+        size="s"
+        variant={preference === 'system' ? 'solid' : 'ghost'}
+        onPress={() => setPreference('system')}
+      >
+        <Text bold={preference === 'system'} size="s" type="label">
+          Auto
+        </Text>
+      </Button>
+    </HStack>
+  );
+}
diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts
index ee6585c..74204f5 100644
--- a/packages/ui/src/components/index.ts
+++ b/packages/ui/src/components/index.ts
@@ -2,8 +2,7 @@ export * from './Article/Article';
 export * from './Blockquote/Blockquote';
 export * from './Breadcrumbs/Breadcrumbs';
 export * from './Button/Button';
-export * from './Code/Code';
-export * from './Code/CodeBlock/CodeBlock';
+export * from './Code/index';
 export * from './Container/Container';
 export * from './Header/Header';
 export * from './HStack/HStack';
@@ -15,36 +14,9 @@ export * from './Paragraph/Paragraph';
 export * from './Separator/Separator';
 export * from './Stack/Stack';
 export * from './Stub/Stub';
-export * from './Table/Table';
+export * from './Switch/Switch';
+export * from './Table/index';
 export * from './Text/Text';
+export * from './ThemeSwitch/ThemeSwitch';
 export * from './Time/Time';
 export * from './VStack/VStack';
-
-export type { StackProps } from './Stack/Stack';
-export type { ListProps, ListVariant, ListSpacing, ListItemProps } from './List/List';
-export type {
-  ContainerProps,
-  ContainerBackground,
-  ContainerMaxWidth,
-  ContainerRounded,
-} from './Container/Container';
-export type { TextProps, TextType, TextSize, TextColor } from './Text/Text';
-export type { HeaderProps } from './Header/Header';
-export type { ParagraphProps } from './Paragraph/Paragraph';
-export type { ButtonProps, ButtonVariant, ButtonColor, ButtonSize } from './Button/Button';
-export type { CodeProps, CodeBlockProps } from './Code';
-export type { BlockquoteProps, BlockquoteCitationProps } from './Blockquote';
-export type { StubProps } from './Stub/Stub';
-export type { ImageProps } from './Image/Image';
-export type { TimeProps } from './Time/Time';
-export type {
-  TableProps,
-  TableDensity,
-  TableVariant,
-  TablePadding,
-  TableRowProps,
-  TableHeadProps,
-  TableCellProps,
-  TableCellBorder,
-  TableContentProps as TableContentCellProps,
-} from './Table';
diff --git a/packages/ui/src/components/testing.ts b/packages/ui/src/components/testing.ts
index cb0ff5c..ea465c2 100644
--- a/packages/ui/src/components/testing.ts
+++ b/packages/ui/src/components/testing.ts
@@ -1 +1 @@
-export {};
+export * from './index';
diff --git a/packages/ui/src/lib/index.ts b/packages/ui/src/lib/index.ts
index cb0ff5c..c779d14 100644
--- a/packages/ui/src/lib/index.ts
+++ b/packages/ui/src/lib/index.ts
@@ -1 +1,2 @@
-export {};
+export * from './theme';
+export * from './react';
diff --git a/packages/ui/src/lib/theme/constants.ts b/packages/ui/src/lib/theme/constants.ts
new file mode 100644
index 0000000..48dbb17
--- /dev/null
+++ b/packages/ui/src/lib/theme/constants.ts
@@ -0,0 +1,6 @@
+/**
+ * A minified script to be injected into the <head> of the HTML document.
+ * This prevents the Flash of Unstyled Content (FOUC) by applying the
+ * correct theme class before the rest of the page hydrates.
+ */
+export const THEME_INIT_SCRIPT = `(function(){try{var k='ermnvldmr/ui/lib/theme';var p=JSON.parse(localStorage.getItem(k)||'"system"');var d=p==='dark'||(p==='system'&&window.matchMedia('(prefers-color-scheme:dark)').matches);document.documentElement.classList.toggle('dark',d)}catch(e){}})();`;
diff --git a/packages/ui/src/lib/theme/index.ts b/packages/ui/src/lib/theme/index.ts
new file mode 100644
index 0000000..411cdee
--- /dev/null
+++ b/packages/ui/src/lib/theme/index.ts
@@ -0,0 +1,3 @@
+export * from './storage';
+export * from './constants';
+export * from './useTheme';
diff --git a/packages/ui/src/lib/theme/storage.ts b/packages/ui/src/lib/theme/storage.ts
new file mode 100644
index 0000000..8c2f993
--- /dev/null
+++ b/packages/ui/src/lib/theme/storage.ts
@@ -0,0 +1,15 @@
+import { createLocalStorage } from '@ermnvldmr/stl';
+
+/**
+ * Valid theme preferences.
+ */
+export type ThemePreference = 'light' | 'dark' | 'system';
+
+/**
+ * The storage manager for the user's theme preference.
+ * Follows the strict namespacing convention: ermnvldmr/{package}/{path}/{module}
+ */
+export const themeStorage = createLocalStorage<ThemePreference>(
+  'ermnvldmr/ui/lib/theme',
+  'system'
+);
diff --git a/packages/ui/src/lib/theme/useTheme.ts b/packages/ui/src/lib/theme/useTheme.ts
new file mode 100644
index 0000000..d7958fa
--- /dev/null
+++ b/packages/ui/src/lib/theme/useTheme.ts
@@ -0,0 +1,69 @@
+import { useLocalStorage } from '@ermnvldmr/stl';
+import { useEffect, useCallback } from 'react';
+
+import { themeStorage } from './storage';
+
+import type { ThemePreference } from './storage';
+
+/**
+ * Result of the useTheme hook.
+ */
+export interface UseThemeResult {
+  /** The current theme preference ('light', 'dark', or 'system') */
+  preference: ThemePreference;
+  /** Update the theme preference */
+  setPreference: (value: ThemePreference) => void;
+  /** The theme actually applied to the UI ('light' or 'dark') */
+  resolvedTheme: 'light' | 'dark';
+}
+
+/**
+ * A hook for managing and synchronizing the application theme.
+ *
+ * It handles the DOM class updates, localStorage persistence, and
+ * listens for system preference changes when in 'system' mode.
+ *
+ * @returns An object containing the current preference and setter.
+ * @example
+ * ```tsx
+ * const { preference, setPreference } = useTheme();
+ * ```
+ */
+export function useTheme(): UseThemeResult {
+  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+  const [preference, setPreference] = useLocalStorage(themeStorage) as [
+    ThemePreference,
+    (val: ThemePreference) => void,
+  ];
+
+  const resolveTheme = useCallback((pref: ThemePreference): 'light' | 'dark' => {
+    if (pref !== 'system') return pref;
+    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+  }, []);
+
+  useEffect(() => {
+    const root = window.document.documentElement;
+    const isDark = resolveTheme(preference) === 'dark';
+    root.classList.toggle('dark', isDark);
+
+    if (preference === 'system') {
+      const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+      const listener = (): void => {
+        root.classList.toggle('dark', mediaQuery.matches);
+      };
+
+      mediaQuery.addEventListener('change', listener);
+      return () => {
+        mediaQuery.removeEventListener('change', listener);
+      };
+    }
+
+    return undefined;
+  }, [preference, resolveTheme]);
+
+  return {
+    preference,
+    setPreference,
+    resolvedTheme: resolveTheme(preference),
+  };
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7f74603..9ef71b3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -111,6 +111,15 @@ importers:
       '@rsbuild/core':
         specifier: ^1.2.11
         version: 1.7.3
+      '@testing-library/jest-dom':
+        specifier: ^6.9.1
+        version: 6.9.1
+      '@testing-library/react':
+        specifier: ^16.3.1
+        version: 16.3.2(@testing-library/dom@10.4.0)(@types/react-dom@19.2.3(@types/react@19.2.9))(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@testing-library/user-event':
+        specifier: ^14.6.1
+        version: 14.6.1(@testing-library/dom@10.4.0)
       '@types/react':
         specifier: ^19.1.2
         version: 19.2.9
@@ -171,7 +180,7 @@ importers:
         version: 7.0.1
       storybook-react-rsbuild:
         specifier: ^1.0.3
-        version: 1.0.3(@rsbuild/core@1.7.3)(@storybook/test@8.6.15(storybook@8.6.15(prettier@3.5.3)))(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(rollup@4.56.0)(storybook@8.6.15(prettier@3.5.3))(typescript@5.8.3)(webpack@5.105.1)
+        version: 1.0.3(@rsbuild/core@1.7.3)(@storybook/test@8.6.15(storybook@8.6.15(prettier@3.5.3)))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(rollup@4.56.0)(storybook@8.6.15(prettier@3.5.3))(typescript@5.8.3)(webpack@5.105.1)
       typescript:
         specifier: ^5.8.3
         version: 5.8.3
@@ -214,6 +223,9 @@ importers:
       react-icons:
         specifier: ^5.5.0
         version: 5.5.0(react@19.2.3)
+      react-stately:
+        specifier: ^3.44.0
+        version: 3.44.0(react@19.2.3)
       tailwindcss:
         specifier: ^4.1.4
         version: 4.1.18
@@ -265,7 +277,7 @@ importers:
         version: 4.1.18
       '@tailwindcss/typography':
         specifier: ^0.5.19
-        version: 0.5.19(tailwindcss@4.1.18)
+        version: 0.5.19
       '@testing-library/jest-dom':
         specifier: ^6.9.1
         version: 6.9.1
@@ -307,7 +319,7 @@ importers:
         version: 8.6.15(prettier@3.5.3)
       storybook-react-rsbuild:
         specifier: ^1.0.3
-        version: 1.0.3(@rsbuild/core@1.7.3)(@storybook/test@8.6.15(storybook@8.6.15(prettier@3.5.3)))(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(rollup@4.56.0)(storybook@8.6.15(prettier@3.5.3))(typescript@5.8.3)(webpack@5.105.1)
+        version: 1.0.3(@rsbuild/core@1.7.3)(@storybook/test@8.6.15(storybook@8.6.15(prettier@3.5.3)))(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(rollup@4.56.0)(storybook@8.6.15(prettier@3.5.3))(typescript@5.8.3)(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18))(esbuild@0.25.12))
       typescript:
         specifier: ^5.8.3
         version: 5.8.3
@@ -417,7 +429,7 @@ importers:
         version: 1.1.0(@rsbuild/core@1.7.3)
       '@rsbuild/plugin-mdx':
         specifier: ^1.1.1
-        version: 1.1.1(@rsbuild/core@1.7.3)(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18))(esbuild@0.25.12))
+        version: 1.1.1(@rsbuild/core@1.7.3)(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18)))
       '@storybook/addon-a11y':
         specifier: ^8.6.15
         version: 8.6.15(storybook@8.6.15(prettier@3.5.3))
@@ -507,7 +519,7 @@ importers:
         version: 8.6.15(prettier@3.5.3)
       storybook-react-rsbuild:
         specifier: ^1.0.3
-        version: 1.0.3(@rsbuild/core@1.7.3)(@storybook/test@8.6.15(storybook@8.6.15(prettier@3.5.3)))(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(rollup@4.56.0)(storybook@8.6.15(prettier@3.5.3))(typescript@5.8.3)(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18))(esbuild@0.25.12))
+        version: 1.0.3(@rsbuild/core@1.7.3)(@storybook/test@8.6.15(storybook@8.6.15(prettier@3.5.3)))(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(rollup@4.56.0)(storybook@8.6.15(prettier@3.5.3))(typescript@5.8.3)(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18)))
       ts-node:
         specifier: ^10.9.2
         version: 10.9.2(@swc/core@1.15.10(@swc/helpers@0.5.18))(@types/node@25.0.10)(typescript@5.8.3)
@@ -1335,6 +1347,9 @@ packages:
   '@internationalized/date@3.10.1':
     resolution: {integrity: sha512-oJrXtQiAXLvT9clCf1K4kxp3eKsQhIaZqxEyowkBcsvZDdZkbWrVmnGknxs5flTD0VGsxrxKgBCZty1EzoiMzA==}
 
+  '@internationalized/date@3.11.0':
+    resolution: {integrity: sha512-BOx5huLAWhicM9/ZFs84CzP+V3gBW6vlpM02yzsdYC7TGlZJX1OJiEEHcSayF00Z+3jLlm4w79amvSt6RqKN3Q==}
+
   '@internationalized/message@3.1.8':
     resolution: {integrity: sha512-Rwk3j/TlYZhn3HQ6PyXUV0XP9Uv42jqZGNegt0BXlxjE6G3+LwHjbQZAGHhCnCPdaA6Tvd3ma/7QzLlLkJxAWA==}
 
@@ -2275,31 +2290,71 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/calendar@3.9.2':
+    resolution: {integrity: sha512-AQj8/izwb7eY+KFqKcMLI2ygvnbAIwLuQG5KPHgJsMygFqnN4yzXKz5orGqVJnxEXLKiLPteVztx7b5EQobrtw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/checkbox@3.7.3':
     resolution: {integrity: sha512-ve2K+uWT+NRM1JMn+tkWJDP2iBAaWvbZ0TbSXs371IUcTWaNW61HygZ+UFOB/frAZGloazEKGqAsX5XjFpgB9w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/checkbox@3.7.4':
+    resolution: {integrity: sha512-oXHMkK22CWLcmNlunDuu4p52QXYmkpx6es9AjWx/xlh3XLZdJzo/5SANioOH1QvBtwPA/c2KQy+ZBqC21NtMHw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/collections@3.12.8':
     resolution: {integrity: sha512-AceJYLLXt1Y2XIcOPi6LEJSs4G/ubeYW3LqOCQbhfIgMaNqKfQMIfagDnPeJX9FVmPFSlgoCBxb1pTJW2vjCAQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/collections@3.12.9':
+    resolution: {integrity: sha512-2jywPMhVgMOh0XtutxPqIxFCIiLOnL/GXIrRKoBEo8M3Q24NoMRBavUrn9RTvjqNnec1i/8w1/8sq8cmCKEohA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/color@3.9.3':
     resolution: {integrity: sha512-H5lQgl07upsI7+cxTwYo639ziDDG1DFgOtq5pmC4Nxi8uNl8sR/8YeLaYuxyJiVkj2VLHBYRQ3+JcxrdduFvPQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/color@3.9.4':
+    resolution: {integrity: sha512-SprAP5STMg6K0jq+A3UoimsvvTCIGItUtWurS/lDRoQJYajFR8IUdz+mekU/GaXzvFhMN32dijOtFcfxnA4cfA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/combobox@3.12.1':
     resolution: {integrity: sha512-RwfTTYgKJ9raIY+7grZ5DbfVRSO5pDjo/ur2VN/28LZzM0eOQrLFQ00vpBmY7/R64sHRpcXLDxpz5cqpKCdvTw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/combobox@3.12.2':
+    resolution: {integrity: sha512-h4YRmzA+s3aMwUrXm6jyWLN0BWWXUNiodArB1wC24xNdeI7S8O3mxz6G2r3Ne8AE02FXmZXs9SD30Mx5vVVuqQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-stately/data@3.15.1':
+    resolution: {integrity: sha512-lchubLxCWg1Yswpe9yRYJAjmzP0eTYZe+AQyFJQRIT6axRi9Gs92RIZ7zhwLXxI0vcWpnAWADB9kD4bsos7xww==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/datepicker@3.15.3':
     resolution: {integrity: sha512-RDYoz1R/EkCyxHYewb58T7DngU3gl6CnQL7xiWiDlayPnstGaanoQ3yCZGJaIQwR8PrKdNbQwXF9NlSmj8iCOw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/datepicker@3.16.0':
+    resolution: {integrity: sha512-mYtzKXufFVivrHjmxys3ryJFMPIQNhVqaSItmGnWv3ehxw+0HKBrROf3BFiEN4zP20euoP149ZaR4uNx90kMYw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-stately/disclosure@3.0.10':
+    resolution: {integrity: sha512-nUistLYMjBDy+yaS5H0y0Dwfcjr12zpIh7vjhQXF4wxIh3D08NRvV1NCQ0LV+IsMej/qoPJvKS4EnXHxBI3GmQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/disclosure@3.0.9':
     resolution: {integrity: sha512-M3HKsXqdzYKQf1TpnQRLZ6+/b8E3Nba3oOuY0OW5NnM5dZWSnXuj8foBQJT118FdLgMjpfBdPIkUvnaGiDCs5w==}
     peerDependencies:
@@ -2310,6 +2365,11 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/dnd@3.7.3':
+    resolution: {integrity: sha512-yBtzAimyYvJWnzP80Scx7l559+43TVSyjaMpUR6/s2IjqD3XoPKgPsv7KaFUmygBTkCBGBFJn404rYgMCOsu3g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/flags@3.1.2':
     resolution: {integrity: sha512-2HjFcZx1MyQXoPqcBGALwWWmgFVUk2TuKVIQxCbRq7fPyWXIl6VHcakCLurdtYC2Iks7zizvz0Idv48MQ38DWg==}
 
@@ -2318,16 +2378,36 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/form@3.2.3':
+    resolution: {integrity: sha512-NPvjJtns1Pq9uvqeRJCf8HIdVmOm2ARLYQ2F/sqXj1w5IChJ4oWL4Xzvj29/zBitgE1vVjDhnrnwSfNlHZGX0g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/grid@3.11.7':
     resolution: {integrity: sha512-SqzBSxUTFZKLZicfXDK+M0A3gh07AYK1pmU/otcq2cjZ0nSC4CceKijQ2GBZnl+YGcGHI1RgkhpLP6ZioMYctQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/grid@3.11.8':
+    resolution: {integrity: sha512-tCabR5U7ype+uEElS5Chv5n6ntUv3drXa9DwebjO05cFevUmjTkEfYPJWixpgX4UlCCvjdUFgzeQlJF+gCiozg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/list@3.13.2':
     resolution: {integrity: sha512-dGFALuQWNNOkv7W12qSsXLF4mJHLeWeK2hVvdyj4SI8Vxku+BOfaVKuW3sn3mNiixI1dM/7FY2ip4kK+kv27vw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/list@3.13.3':
+    resolution: {integrity: sha512-xN0v7rzhIKshhcshOzx+ZgVngXnGCtMPRdhoDLGaHzQy5YfxvKBMNLCnr5Lm4T1U/kIvHbyzxmr5uwmH8WxoIg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-stately/menu@3.9.10':
+    resolution: {integrity: sha512-dY9FzjQ+6iNInVujZPyMklDGoSbaoO0yguUnALAY+yfkPAyStEElfm4aXZgRfNKOTNHe9E34oV7qefSYsclvTg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/menu@3.9.9':
     resolution: {integrity: sha512-moW5JANxMxPilfR0SygpCWCZe7Ef09oadgzTZthRymNRv0PXVS9ad4wd1EkwuMvPH/n0uZLZE2s8hNyFDgyqPA==}
     peerDependencies:
@@ -2338,56 +2418,116 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/numberfield@3.10.4':
+    resolution: {integrity: sha512-EniHHwXOw/Ta0x5j61OvldDAvLoi/8xOo//bzrqwnDvf2/1IKGFMD9CHs7HYhQw+9oNl3Q2V1meOTNPc4PvoMQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/overlays@3.6.21':
     resolution: {integrity: sha512-7f25H1PS2g+SNvuWPEW30pSGqYNHxesCP4w+1RcV/XV1oQI7oP5Ji2WfI0QsJEFc9wP/ZO1pyjHNKpfLI3O88g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/overlays@3.6.22':
+    resolution: {integrity: sha512-sWBnuy5dqVp8d+1e+ABTRVB3YBcOW86/90pF5PWY44au3bUFXVSUBO2QMdR/6JtojDoPRmrjufonI19/Zs/20w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/radio@3.11.3':
     resolution: {integrity: sha512-8+Cy0azV1aBWKcBfGHi3nBa285lAS6XhmVw2LfEwxq8DeVKTbJAaCHHwvDoclxDiOAnqzE0pio0QMD8rYISt9g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/radio@3.11.4':
+    resolution: {integrity: sha512-3svsW5VxJA5/p1vO+Qlxv+7Jq9g7f4rqX9Rbqdfd+pH7ykHaV0CUKkSRMaWfcY8Vgaf2xmcc6dvusPRqKX8T1A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/searchfield@3.5.17':
     resolution: {integrity: sha512-/KExpJt6EGyuLxy/PRQJlETQxJGw8tRxVws6qF1lankN49Os2UhFEWi7ogbMCOWN67gIgevhZRdzmJnuov6BEQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/searchfield@3.5.18':
+    resolution: {integrity: sha512-C3/1wOON5oK0QBljj0vSbHm/IWgd29NxB+7zT1JjZcxtbcFxCj4HOxKdnPCT/d8Pojb0YS26QgKzatLZ0NnhgQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/select@3.9.0':
     resolution: {integrity: sha512-eNE33zVYpVdCPKRPGYyViN3LnEq82e1wjBIrs9T7Vo4EBnJeT57pqMZpalTPk7qsA+861t14Qrj7GnUd+YbEXw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/select@3.9.1':
+    resolution: {integrity: sha512-CJQRqv8Dg+0RRvcig3a2YfY6POJIscDINvidRF31yK6J72rsP01dY3ria9aJjizNDHR9Q5dWFp/z+ii0cOTWIQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/selection@3.20.7':
     resolution: {integrity: sha512-NkiRsNCfORBIHNF1bCavh4Vvj+Yd5NffE10iXtaFuhF249NlxLynJZmkcVCqNP9taC2pBIHX00+9tcBgxhG+mA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/selection@3.20.8':
+    resolution: {integrity: sha512-V1kRN1NLW+i/3Xv+Q0pN9OzuM0zFEW9mdXOOOq7l+YL6hFjqIjttT2/q4KoyiNV3W0hfoRFSTQ7XCgqnqtwEng==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/slider@3.7.3':
     resolution: {integrity: sha512-9QGnQNXFAH52BzxtU7weyOV/VV7/so6uIvE8VOHfc6QR3GMBM/kJvqBCTWZfQ0pxDIsRagBQDD/tjB09ixTOzg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/slider@3.7.4':
+    resolution: {integrity: sha512-cSOYSx2nsOQejMg6Ql0+GUpqAiPwRA5teYXUghNvuBDtVxnd4l2rnXs54Ww48tU43xf2+L3kkmMofThjABoEPw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/table@3.15.2':
     resolution: {integrity: sha512-vgEArBN5ocqsQdeORBj6xk8acu5iFnd/CyXEQKl0R5RyuYuw0ms8UmFHvs8Fv1HONehPYg+XR4QPliDFPX8R9A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/table@3.15.3':
+    resolution: {integrity: sha512-W1wR0O/PmdD8hCUFIAelHICjUX/Ii6ZldPlH6EILr9olyGpoCaY7XmnyG7kii1aANuQGBeskjJdXvS6LX/gyDw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/tabs@3.8.7':
     resolution: {integrity: sha512-ETZEzg7s9F2SCvisZ2cCpLx6XBHqdvVgDGU5l3C3s9zBKBr6lgyLFt61IdGW8XXZRUvw4mMGT6tGQbXeGvR0Wg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/tabs@3.8.8':
+    resolution: {integrity: sha512-BZImWT+pHZitImRQkoL7jVhTtpGPSra1Rhh4pi8epzwogeqseEIEpuWpQebjQP74r1kfNi/iT2p5Qb31eWfh1Q==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/toast@3.1.2':
     resolution: {integrity: sha512-HiInm7bck32khFBHZThTQaAF6e6/qm57F4mYRWdTq8IVeGDzpkbUYibnLxRhk0UZ5ybc6me+nqqPkG/lVmM42Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/toast@3.1.3':
+    resolution: {integrity: sha512-mT9QJKmD523lqFpOp0VWZ6QHZENFK7HrodnNJDVc7g616s5GNmemdlkITV43fSY3tHeThCVvPu+Uzh7RvQ9mpQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/toggle@3.9.3':
     resolution: {integrity: sha512-G6aA/aTnid/6dQ9dxNEd7/JqzRmVkVYYpOAP+l02hepiuSmFwLu4nE98i4YFBQqFZ5b4l01gMrS90JGL7HrNmw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/toggle@3.9.4':
+    resolution: {integrity: sha512-tjWsshRJtHC+PI5NYMlnDlV/BTo1eWq6fmR6x1mXlQfKuKGTJRzhgJyaQ2mc5K+LkifD7fchOhfapHCrRlzwMg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-stately/tooltip@3.5.10':
+    resolution: {integrity: sha512-GauUdc6Of08Np2iUw4xx/DdgpvszS9CxJWYcRnNyAAGPLQrmniVrpJvb0EUKQTP9sUSci1SlmpvJh4SNZx26Bw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/tooltip@3.5.9':
     resolution: {integrity: sha512-YwqtxFqQFfJtbeh+axHVGAfz9XHf73UaBndHxSbVM/T5c1PfI2yOB39T2FOU5fskZ2VMO3qTDhiXmFgGbGYSfQ==}
     peerDependencies:
@@ -2398,6 +2538,11 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/tree@3.9.5':
+    resolution: {integrity: sha512-UpvBlzL/MpFdOepDg+cohI/zvw8DEVM8cXY/OZ8tKUXWpew1HpUglwnAI3ivm0L2k9laUIB9siW0g04ZWiH9Lg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/utils@3.11.0':
     resolution: {integrity: sha512-8LZpYowJ9eZmmYLpudbo/eclIRnbhWIJZ994ncmlKlouNzKohtM8qTC6B1w1pwUbiwGdUoyzLuQbeaIor5Dvcw==}
     peerDependencies:
@@ -2418,26 +2563,51 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/calendar@3.8.2':
+    resolution: {integrity: sha512-QbPFhvBQfrsz3x1Nnatr5SL+8XtbxvP4obESFuDrKmsqaaAv+jG5vwLiPTKp6Z3L+MWkCvKavBPuW+byhq+69A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/checkbox@3.10.2':
     resolution: {integrity: sha512-ktPkl6ZfIdGS1tIaGSU/2S5Agf2NvXI9qAgtdMDNva0oLyAZ4RLQb6WecPvofw1J7YKXu0VA5Mu7nlX+FM2weQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/checkbox@3.10.3':
+    resolution: {integrity: sha512-Xw4jHG7uK352Wc18XXzdzmtr3Xjg8d2tPoBGNgsw39f92EY2UpoDAPHxYR0BaDe04lGfAn6YwVivI4OGVbjXIg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/color@3.1.2':
     resolution: {integrity: sha512-NP0TAY3j4tlMztOp/bBfMlPwC9AQKTjSiTFmc2oQNkx5M4sl3QpPqFPosdt7jZ8M4nItvfCWZrlZGjST4SB83A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/color@3.1.3':
+    resolution: {integrity: sha512-XM0x8iZpAf036w9qceD2RFroehLxKRwkVer7EvdJNs8K8iUN8TuhCagzsomiSJtyYh5MFysEVQ2ir85toiAFyw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/combobox@3.13.10':
     resolution: {integrity: sha512-Wo4iix++ID6JzoH9eD7ddGUlirQiGpN/VQc3iFjnaTXiJ/cj3v+1oGsDGCZZTklTVeUMU7SRBfMhMgxHHIYLXA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/combobox@3.13.11':
+    resolution: {integrity: sha512-5/tdmTAvqPpiWzEeaV7uLLSbSTkkoQ1mVz6NfKMPuw4ZBkY3lPc9JDkkQjY/JrquZao+KY4Dx8ZIoS0NqkrFrw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/datepicker@3.13.3':
     resolution: {integrity: sha512-OTRa3banGxcUQKRTLUzr0zTVUMUL+Az1BWARCYQ+8Z/dlkYXYUW0fnS5I0pUEqihgai15KxiY13U0gAqbNSfcA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/datepicker@3.13.4':
+    resolution: {integrity: sha512-B5sAPoYZfluDBpgVK3ADlHbXBKRkFCQFO18Bs091IvRRwqzfoO/uf+/9UpXMw+BEF4pciLf0/kdiVQTvI3MzlA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/dialog@3.5.22':
     resolution: {integrity: sha512-smSvzOcqKE196rWk0oqJDnz+ox5JM5+OT0PmmJXiUD4q7P5g32O6W5Bg7hMIFUI9clBtngo8kLaX2iMg+GqAzg==}
     peerDependencies:
@@ -2448,6 +2618,11 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/grid@3.3.7':
+    resolution: {integrity: sha512-riET3xeKPTcRWQy6hYCMxdbdL3yubPY5Ow66b2GA2rEqoYvmDBniYXAM2Oh+q9s+YgnAP7qJK++ym8NljvHiLA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/link@3.6.5':
     resolution: {integrity: sha512-+I2s3XWBEvLrzts0GnNeA84mUkwo+a7kLUWoaJkW0TOBDG7my95HFYxF9WnqKye7NgpOkCqz4s3oW96xPdIniQ==}
     peerDependencies:
@@ -2463,6 +2638,11 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/menu@3.10.6':
+    resolution: {integrity: sha512-OJTznQ4xE/VddBJU+HO4x5tceSOdyQhiHA1bREE1aHl+PcgHOUZLdMjXp1zFaGF16HhItHJaxpifJ4hzf4hWQA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/meter@3.4.13':
     resolution: {integrity: sha512-EiarfbpHcvmeyXvXcr6XLaHkNHuGc4g7fBVEiDPwssFJKKfbUzqnnknDxPjyspqUVRcXC08CokS98J1jYobqDg==}
     peerDependencies:
@@ -2473,11 +2653,21 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/numberfield@3.8.17':
+    resolution: {integrity: sha512-Q9n24OaSMXrebMowbtowmHLNclknN3XkcBIaYMwA2BIGIl+fZFnI8MERM0pG87W+wki6FepDExsDW9YxQF4pnw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/overlays@3.9.2':
     resolution: {integrity: sha512-Q0cRPcBGzNGmC8dBuHyoPR7N3057KTS5g+vZfQ53k8WwmilXBtemFJPLsogJbspuewQ/QJ3o2HYsp2pne7/iNw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/overlays@3.9.3':
+    resolution: {integrity: sha512-LzetThNNk8T26pQRbs1I7+isuFhdFYREy7wJCsZmbB0FnZgCukGTfOtThZWv+ry11veyVJiX68jfl4SV6ACTWA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/progress@3.5.16':
     resolution: {integrity: sha512-I9tSdCFfvQ7gHJtm90VAKgwdTWXQgVNvLRStEc0z9h+bXBxdvZb+QuiRPERChwFQ9VkK4p4rDqaFo69nDqWkpw==}
     peerDependencies:
@@ -2488,26 +2678,51 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/radio@3.9.3':
+    resolution: {integrity: sha512-w2BrMGIiZxYXPCnnB2NQyifwE/rRFMIW87MyawrKO9zPSbnDkqLIHAAtqmlNk2zkz1ZEWjk9opNsuztjP7D4sA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/searchfield@3.6.6':
     resolution: {integrity: sha512-cl3itr/fk7wbIQc2Gz5Ie8aVeUmPjVX/mRGS5/EXlmzycAKNYTvqf2mlxwObLndtLISmt7IgNjRRhbUUDI8Ang==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/searchfield@3.6.7':
+    resolution: {integrity: sha512-POo3spZcYD14aqo0f4eNbymJ8w9EKrlu0pOOjYYWI2P0GUSRmib9cBA9xZFhvRGHuNlHo3ePjeFitYQI7L3g1g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/select@3.12.0':
     resolution: {integrity: sha512-tM3mEbQNotvCJs1gYRFyIeXmXrIBSBLGw7feCIaYSO45IyjCGv8NZwpQWjoKPaWo3GpbHfHMNlWlq3v5QQPIXw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/select@3.12.1':
+    resolution: {integrity: sha512-PtIUymvQNIIzgr+piJtK/8gbH7akWtbswIbfoADPSxtZEd1/vfUIO0s8c750s3XYNlmx/4DrhugQsLYwgC35yg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/shared@3.32.1':
     resolution: {integrity: sha512-famxyD5emrGGpFuUlgOP6fVW2h/ZaF405G5KDi3zPHzyjAWys/8W6NAVJtNbkCkhedmvL0xOhvt8feGXyXaw5w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/shared@3.33.0':
+    resolution: {integrity: sha512-xuUpP6MyuPmJtzNOqF5pzFUIHH2YogyOQfUQHag54PRmWB7AbjuGWBUv0l1UDmz6+AbzAYGmDVAzcRDOu2PFpw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/slider@3.8.2':
     resolution: {integrity: sha512-MQYZP76OEOYe7/yA2To+Dl0LNb0cKKnvh5JtvNvDnAvEprn1RuLiay8Oi/rTtXmc2KmBa4VdTcsXsmkbbkeN2Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/slider@3.8.3':
+    resolution: {integrity: sha512-HCDegYiUA27CcJKvFwgpR8ktFKf2nAirXqQEgVPV4uxk6JIeiRx41yqM/xPJGfmaqa7BARYARLT41yN2V8Kadg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/switch@3.5.15':
     resolution: {integrity: sha512-r/ouGWQmIeHyYSP1e5luET+oiR7N7cLrAlWsrAfYRWHxqXOSNQloQnZJ3PLHrKFT02fsrQhx2rHaK2LfKeyN3A==}
     peerDependencies:
@@ -2518,21 +2733,41 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/table@3.13.5':
+    resolution: {integrity: sha512-4/CixlNmXSuJuX2IKuUlgNd/dEgNh3WvfE/bdwuI1t5JBdShP9tHIzSkgZbrzE2xX46NeA2xq4vXNO5kBv+QDA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/tabs@3.3.20':
     resolution: {integrity: sha512-Kjq4PypapdMOVPAQgaFIKH65Kr3YnRvaxBGd6RYizTsqYImQhXoGj6B4lBpjYy4KhfRd4dYS82frHqTGKmBYiA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/tabs@3.3.21':
+    resolution: {integrity: sha512-Dq9bKI62rHoI4LGGcBGlZ5s0aSwB0G4Y8o0r7hQZvf1eZWc9fmqdAdTTaGG/RUyhMIGRYWl5RRUBUuC5RmaO6w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/textfield@3.12.6':
     resolution: {integrity: sha512-hpEVKE+M3uUkTjw2WrX1NrH/B3rqDJFUa+ViNK2eVranLY4ZwFqbqaYXSzHupOF3ecSjJJv2C103JrwFvx6TPQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/textfield@3.12.7':
+    resolution: {integrity: sha512-ddiacsS6sLFtAn2/fym7lR8nbdsLgPfelNDcsDqHiu6XUHh5TCNe8ItXHFaIiyfnKTH8uJqZrSli4wfAYNfMsw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/tooltip@3.5.0':
     resolution: {integrity: sha512-o/m1wlKlOD2sLb9vZLWdVkD5LFLHBMLGeeK/bhyUtp0IEdUeKy0ZRTS7pa/A50trov9RvdbzLK79xG8nKNxHew==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/tooltip@3.5.1':
+    resolution: {integrity: sha512-h6xOAWbWUJKs9CzcCyzSPATLHq7W5dS866HkXLrtCrRDShLuzQnojZnctD2tKtNt17990hjnOhl36GUBuO5kyw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@rollup/pluginutils@5.3.0':
     resolution: {integrity: sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==}
     engines: {node: '>=14.0.0'}
@@ -4787,11 +5022,12 @@ packages:
 
   glob@10.5.0:
     resolution: {integrity: sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==}
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
     hasBin: true
 
   glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
-    deprecated: Glob versions prior to v9 are no longer supported
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
 
   global-modules@0.2.3:
     resolution: {integrity: sha512-JeXuCbvYzYXcwE6acL9V2bAOeSIGl4dD+iwLY9iUx2VBJJ80R18HCn+JCwHM9Oegdfya3lEkGCdaRkSyc10hDA==}
@@ -6250,6 +6486,11 @@ packages:
       '@types/react':
         optional: true
 
+  react-stately@3.44.0:
+    resolution: {integrity: sha512-Il3trIp2Mo1SSa9PhQFraqOpC74zEFmwuMAlu5Fj3qdtihJOKOFqoyDl7ALRrVfnvCkau6rui155d/NMKvd+RQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   react-style-singleton@2.2.3:
     resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
     engines: {node: '>=10'}
@@ -8081,6 +8322,10 @@ snapshots:
     dependencies:
       '@swc/helpers': 0.5.18
 
+  '@internationalized/date@3.11.0':
+    dependencies:
+      '@swc/helpers': 0.5.18
+
   '@internationalized/message@3.1.8':
     dependencies:
       '@swc/helpers': 0.5.18
@@ -8481,12 +8726,12 @@ snapshots:
       '@jsonjoy.com/codegen': 17.67.0(tslib@2.8.1)
       tslib: 2.8.1
 
-  '@mdx-js/loader@3.1.1(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18))(esbuild@0.25.12))':
+  '@mdx-js/loader@3.1.1(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18)))':
     dependencies:
       '@mdx-js/mdx': 3.1.1
       source-map: 0.7.6
     optionalDependencies:
-      webpack: 5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18))(esbuild@0.25.12)
+      webpack: 5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18))
     transitivePeerDependencies:
       - supports-color
 
@@ -9523,6 +9768,15 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/calendar@3.9.2(react@19.2.3)':
+    dependencies:
+      '@internationalized/date': 3.11.0
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/calendar': 3.8.2(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/checkbox@3.7.3(react@19.2.3)':
     dependencies:
       '@react-stately/form': 3.2.2(react@19.2.3)
@@ -9532,12 +9786,27 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/checkbox@3.7.4(react@19.2.3)':
+    dependencies:
+      '@react-stately/form': 3.2.3(react@19.2.3)
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/checkbox': 3.10.3(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/collections@3.12.8(react@19.2.3)':
     dependencies:
       '@react-types/shared': 3.32.1(react@19.2.3)
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/collections@3.12.9(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/color@3.9.3(react@19.2.3)':
     dependencies:
       '@internationalized/number': 3.6.5
@@ -9551,6 +9820,19 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/color@3.9.4(react@19.2.3)':
+    dependencies:
+      '@internationalized/number': 3.6.5
+      '@internationalized/string': 3.2.7
+      '@react-stately/form': 3.2.3(react@19.2.3)
+      '@react-stately/numberfield': 3.10.4(react@19.2.3)
+      '@react-stately/slider': 3.7.4(react@19.2.3)
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/color': 3.1.3(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/combobox@3.12.1(react@19.2.3)':
     dependencies:
       '@react-stately/collections': 3.12.8(react@19.2.3)
@@ -9563,6 +9845,24 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/combobox@3.12.2(react@19.2.3)':
+    dependencies:
+      '@react-stately/collections': 3.12.9(react@19.2.3)
+      '@react-stately/form': 3.2.3(react@19.2.3)
+      '@react-stately/list': 3.13.3(react@19.2.3)
+      '@react-stately/overlays': 3.6.22(react@19.2.3)
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/combobox': 3.13.11(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
+  '@react-stately/data@3.15.1(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/datepicker@3.15.3(react@19.2.3)':
     dependencies:
       '@internationalized/date': 3.10.1
@@ -9575,6 +9875,26 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/datepicker@3.16.0(react@19.2.3)':
+    dependencies:
+      '@internationalized/date': 3.11.0
+      '@internationalized/number': 3.6.5
+      '@internationalized/string': 3.2.7
+      '@react-stately/form': 3.2.3(react@19.2.3)
+      '@react-stately/overlays': 3.6.22(react@19.2.3)
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/datepicker': 3.13.4(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
+  '@react-stately/disclosure@3.0.10(react@19.2.3)':
+    dependencies:
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/disclosure@3.0.9(react@19.2.3)':
     dependencies:
       '@react-stately/utils': 3.11.0(react@19.2.3)
@@ -9589,6 +9909,13 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/dnd@3.7.3(react@19.2.3)':
+    dependencies:
+      '@react-stately/selection': 3.20.8(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/flags@3.1.2':
     dependencies:
       '@swc/helpers': 0.5.18
@@ -9599,6 +9926,12 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/form@3.2.3(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/grid@3.11.7(react@19.2.3)':
     dependencies:
       '@react-stately/collections': 3.12.8(react@19.2.3)
@@ -9608,6 +9941,15 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/grid@3.11.8(react@19.2.3)':
+    dependencies:
+      '@react-stately/collections': 3.12.9(react@19.2.3)
+      '@react-stately/selection': 3.20.8(react@19.2.3)
+      '@react-types/grid': 3.3.7(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/list@3.13.2(react@19.2.3)':
     dependencies:
       '@react-stately/collections': 3.12.8(react@19.2.3)
@@ -9617,6 +9959,23 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/list@3.13.3(react@19.2.3)':
+    dependencies:
+      '@react-stately/collections': 3.12.9(react@19.2.3)
+      '@react-stately/selection': 3.20.8(react@19.2.3)
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
+  '@react-stately/menu@3.9.10(react@19.2.3)':
+    dependencies:
+      '@react-stately/overlays': 3.6.22(react@19.2.3)
+      '@react-types/menu': 3.10.6(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/menu@3.9.9(react@19.2.3)':
     dependencies:
       '@react-stately/overlays': 3.6.21(react@19.2.3)
@@ -9634,6 +9993,15 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/numberfield@3.10.4(react@19.2.3)':
+    dependencies:
+      '@internationalized/number': 3.6.5
+      '@react-stately/form': 3.2.3(react@19.2.3)
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/numberfield': 3.8.17(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/overlays@3.6.21(react@19.2.3)':
     dependencies:
       '@react-stately/utils': 3.11.0(react@19.2.3)
@@ -9641,6 +10009,13 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/overlays@3.6.22(react@19.2.3)':
+    dependencies:
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/overlays': 3.9.3(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/radio@3.11.3(react@19.2.3)':
     dependencies:
       '@react-stately/form': 3.2.2(react@19.2.3)
@@ -9650,6 +10025,15 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/radio@3.11.4(react@19.2.3)':
+    dependencies:
+      '@react-stately/form': 3.2.3(react@19.2.3)
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/radio': 3.9.3(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/searchfield@3.5.17(react@19.2.3)':
     dependencies:
       '@react-stately/utils': 3.11.0(react@19.2.3)
@@ -9657,6 +10041,13 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/searchfield@3.5.18(react@19.2.3)':
+    dependencies:
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/searchfield': 3.6.7(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/select@3.9.0(react@19.2.3)':
     dependencies:
       '@react-stately/form': 3.2.2(react@19.2.3)
@@ -9668,6 +10059,17 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/select@3.9.1(react@19.2.3)':
+    dependencies:
+      '@react-stately/form': 3.2.3(react@19.2.3)
+      '@react-stately/list': 3.13.3(react@19.2.3)
+      '@react-stately/overlays': 3.6.22(react@19.2.3)
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/select': 3.12.1(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/selection@3.20.7(react@19.2.3)':
     dependencies:
       '@react-stately/collections': 3.12.8(react@19.2.3)
@@ -9676,6 +10078,14 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/selection@3.20.8(react@19.2.3)':
+    dependencies:
+      '@react-stately/collections': 3.12.9(react@19.2.3)
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/slider@3.7.3(react@19.2.3)':
     dependencies:
       '@react-stately/utils': 3.11.0(react@19.2.3)
@@ -9684,6 +10094,14 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/slider@3.7.4(react@19.2.3)':
+    dependencies:
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@react-types/slider': 3.8.3(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/table@3.15.2(react@19.2.3)':
     dependencies:
       '@react-stately/collections': 3.12.8(react@19.2.3)
@@ -9697,6 +10115,19 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/table@3.15.3(react@19.2.3)':
+    dependencies:
+      '@react-stately/collections': 3.12.9(react@19.2.3)
+      '@react-stately/flags': 3.1.2
+      '@react-stately/grid': 3.11.8(react@19.2.3)
+      '@react-stately/selection': 3.20.8(react@19.2.3)
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/grid': 3.3.7(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@react-types/table': 3.13.5(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/tabs@3.8.7(react@19.2.3)':
     dependencies:
       '@react-stately/list': 3.13.2(react@19.2.3)
@@ -9705,12 +10136,26 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/tabs@3.8.8(react@19.2.3)':
+    dependencies:
+      '@react-stately/list': 3.13.3(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@react-types/tabs': 3.3.21(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/toast@3.1.2(react@19.2.3)':
     dependencies:
       '@swc/helpers': 0.5.18
       react: 19.2.3
       use-sync-external-store: 1.6.0(react@19.2.3)
 
+  '@react-stately/toast@3.1.3(react@19.2.3)':
+    dependencies:
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+      use-sync-external-store: 1.6.0(react@19.2.3)
+
   '@react-stately/toggle@3.9.3(react@19.2.3)':
     dependencies:
       '@react-stately/utils': 3.11.0(react@19.2.3)
@@ -9719,6 +10164,21 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/toggle@3.9.4(react@19.2.3)':
+    dependencies:
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/checkbox': 3.10.3(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
+  '@react-stately/tooltip@3.5.10(react@19.2.3)':
+    dependencies:
+      '@react-stately/overlays': 3.6.22(react@19.2.3)
+      '@react-types/tooltip': 3.5.1(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/tooltip@3.5.9(react@19.2.3)':
     dependencies:
       '@react-stately/overlays': 3.6.21(react@19.2.3)
@@ -9735,6 +10195,15 @@ snapshots:
       '@swc/helpers': 0.5.18
       react: 19.2.3
 
+  '@react-stately/tree@3.9.5(react@19.2.3)':
+    dependencies:
+      '@react-stately/collections': 3.12.9(react@19.2.3)
+      '@react-stately/selection': 3.20.8(react@19.2.3)
+      '@react-stately/utils': 3.11.0(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@swc/helpers': 0.5.18
+      react: 19.2.3
+
   '@react-stately/utils@3.11.0(react@19.2.3)':
     dependencies:
       '@swc/helpers': 0.5.18
@@ -9757,22 +10226,44 @@ snapshots:
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/calendar@3.8.2(react@19.2.3)':
+    dependencies:
+      '@internationalized/date': 3.11.0
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/checkbox@3.10.2(react@19.2.3)':
     dependencies:
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/checkbox@3.10.3(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/color@3.1.2(react@19.2.3)':
     dependencies:
       '@react-types/shared': 3.32.1(react@19.2.3)
       '@react-types/slider': 3.8.2(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/color@3.1.3(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@react-types/slider': 3.8.3(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/combobox@3.13.10(react@19.2.3)':
     dependencies:
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/combobox@3.13.11(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/datepicker@3.13.3(react@19.2.3)':
     dependencies:
       '@internationalized/date': 3.10.1
@@ -9781,6 +10272,14 @@ snapshots:
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/datepicker@3.13.4(react@19.2.3)':
+    dependencies:
+      '@internationalized/date': 3.11.0
+      '@react-types/calendar': 3.8.2(react@19.2.3)
+      '@react-types/overlays': 3.9.3(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/dialog@3.5.22(react@19.2.3)':
     dependencies:
       '@react-types/overlays': 3.9.2(react@19.2.3)
@@ -9792,6 +10291,11 @@ snapshots:
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/grid@3.3.7(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/link@3.6.5(react@19.2.3)':
     dependencies:
       '@react-types/shared': 3.32.1(react@19.2.3)
@@ -9808,6 +10312,12 @@ snapshots:
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/menu@3.10.6(react@19.2.3)':
+    dependencies:
+      '@react-types/overlays': 3.9.3(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/meter@3.4.13(react@19.2.3)':
     dependencies:
       '@react-types/progress': 3.5.16(react@19.2.3)
@@ -9818,11 +10328,21 @@ snapshots:
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/numberfield@3.8.17(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/overlays@3.9.2(react@19.2.3)':
     dependencies:
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/overlays@3.9.3(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/progress@3.5.16(react@19.2.3)':
     dependencies:
       '@react-types/shared': 3.32.1(react@19.2.3)
@@ -9833,26 +10353,51 @@ snapshots:
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/radio@3.9.3(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/searchfield@3.6.6(react@19.2.3)':
     dependencies:
       '@react-types/shared': 3.32.1(react@19.2.3)
       '@react-types/textfield': 3.12.6(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/searchfield@3.6.7(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      '@react-types/textfield': 3.12.7(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/select@3.12.0(react@19.2.3)':
     dependencies:
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/select@3.12.1(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/shared@3.32.1(react@19.2.3)':
     dependencies:
       react: 19.2.3
 
+  '@react-types/shared@3.33.0(react@19.2.3)':
+    dependencies:
+      react: 19.2.3
+
   '@react-types/slider@3.8.2(react@19.2.3)':
     dependencies:
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/slider@3.8.3(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/switch@3.5.15(react@19.2.3)':
     dependencies:
       '@react-types/shared': 3.32.1(react@19.2.3)
@@ -9864,22 +10409,44 @@ snapshots:
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/table@3.13.5(react@19.2.3)':
+    dependencies:
+      '@react-types/grid': 3.3.7(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/tabs@3.3.20(react@19.2.3)':
     dependencies:
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/tabs@3.3.21(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/textfield@3.12.6(react@19.2.3)':
     dependencies:
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/textfield@3.12.7(react@19.2.3)':
+    dependencies:
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@react-types/tooltip@3.5.0(react@19.2.3)':
     dependencies:
       '@react-types/overlays': 3.9.2(react@19.2.3)
       '@react-types/shared': 3.32.1(react@19.2.3)
       react: 19.2.3
 
+  '@react-types/tooltip@3.5.1(react@19.2.3)':
+    dependencies:
+      '@react-types/overlays': 3.9.3(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   '@rollup/pluginutils@5.3.0(rollup@4.56.0)':
     dependencies:
       '@types/estree': 1.0.8
@@ -9985,9 +10552,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@rsbuild/plugin-mdx@1.1.1(@rsbuild/core@1.7.3)(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18))(esbuild@0.25.12))':
+  '@rsbuild/plugin-mdx@1.1.1(@rsbuild/core@1.7.3)(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18)))':
     dependencies:
-      '@mdx-js/loader': 3.1.1(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18))(esbuild@0.25.12))
+      '@mdx-js/loader': 3.1.1(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18)))
     optionalDependencies:
       '@rsbuild/core': 1.7.3
     transitivePeerDependencies:
@@ -10359,6 +10926,20 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@storybook/react-docgen-typescript-plugin@1.0.1(typescript@5.8.3)(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18)))':
+    dependencies:
+      debug: 4.4.3
+      endent: 2.1.0
+      find-cache-dir: 3.3.2
+      flat-cache: 3.2.0
+      micromatch: 4.0.8
+      react-docgen-typescript: 2.4.0(typescript@5.8.3)
+      tslib: 2.8.1
+      typescript: 5.8.3
+      webpack: 5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18))
+    transitivePeerDependencies:
+      - supports-color
+
   '@storybook/react-docgen-typescript-plugin@1.0.1(typescript@5.8.3)(webpack@5.105.1)':
     dependencies:
       debug: 4.4.3
@@ -10434,10 +11015,10 @@ snapshots:
       jest-circus: 29.7.0
       jest-environment-node: 29.7.0
       jest-junit: 16.0.0
-      jest-playwright-preset: 4.0.0(jest-circus@29.7.0)(jest-environment-node@29.7.0)(jest-runner@29.7.0)(jest@29.7.0(@types/node@25.0.10))
+      jest-playwright-preset: 4.0.0(jest-circus@29.7.0)(jest-environment-node@29.7.0)(jest-runner@29.7.0)(jest@29.7.0(@types/node@25.0.10)(ts-node@10.9.2(@swc/core@1.15.10(@swc/helpers@0.5.18))(@types/node@25.0.10)(typescript@5.8.3)))
       jest-runner: 29.7.0
       jest-serializer-html: 7.1.0
-      jest-watch-typeahead: 2.2.2(jest@29.7.0(@types/node@25.0.10))
+      jest-watch-typeahead: 2.2.2(jest@29.7.0(@types/node@25.0.10)(ts-node@10.9.2(@swc/core@1.15.10(@swc/helpers@0.5.18))(@types/node@25.0.10)(typescript@5.8.3)))
       nyc: 15.1.0
       playwright: 1.58.0
     transitivePeerDependencies:
@@ -10598,10 +11179,9 @@ snapshots:
       postcss: 8.5.6
       tailwindcss: 4.1.18
 
-  '@tailwindcss/typography@0.5.19(tailwindcss@4.1.18)':
+  '@tailwindcss/typography@0.5.19':
     dependencies:
       postcss-selector-parser: 6.0.10
-      tailwindcss: 4.1.18
 
   '@testing-library/dom@10.4.0':
     dependencies:
@@ -13166,7 +13746,7 @@ snapshots:
       '@types/node': 25.0.10
       jest-util: 29.7.0
 
-  jest-playwright-preset@4.0.0(jest-circus@29.7.0)(jest-environment-node@29.7.0)(jest-runner@29.7.0)(jest@29.7.0(@types/node@25.0.10)):
+  jest-playwright-preset@4.0.0(jest-circus@29.7.0)(jest-environment-node@29.7.0)(jest-runner@29.7.0)(jest@29.7.0(@types/node@25.0.10)(ts-node@10.9.2(@swc/core@1.15.10(@swc/helpers@0.5.18))(@types/node@25.0.10)(typescript@5.8.3))):
     dependencies:
       expect-playwright: 0.8.0
       jest: 29.7.0(@types/node@25.0.10)(ts-node@10.9.2(@swc/core@1.15.10(@swc/helpers@0.5.18))(@types/node@25.0.10)(typescript@5.8.3))
@@ -13325,7 +13905,7 @@ snapshots:
       leven: 3.1.0
       pretty-format: 29.7.0
 
-  jest-watch-typeahead@2.2.2(jest@29.7.0(@types/node@25.0.10)):
+  jest-watch-typeahead@2.2.2(jest@29.7.0(@types/node@25.0.10)(ts-node@10.9.2(@swc/core@1.15.10(@swc/helpers@0.5.18))(@types/node@25.0.10)(typescript@5.8.3))):
     dependencies:
       ansi-escapes: 6.2.1
       chalk: 5.6.2
@@ -14472,6 +15052,36 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.9
 
+  react-stately@3.44.0(react@19.2.3):
+    dependencies:
+      '@react-stately/calendar': 3.9.2(react@19.2.3)
+      '@react-stately/checkbox': 3.7.4(react@19.2.3)
+      '@react-stately/collections': 3.12.9(react@19.2.3)
+      '@react-stately/color': 3.9.4(react@19.2.3)
+      '@react-stately/combobox': 3.12.2(react@19.2.3)
+      '@react-stately/data': 3.15.1(react@19.2.3)
+      '@react-stately/datepicker': 3.16.0(react@19.2.3)
+      '@react-stately/disclosure': 3.0.10(react@19.2.3)
+      '@react-stately/dnd': 3.7.3(react@19.2.3)
+      '@react-stately/form': 3.2.3(react@19.2.3)
+      '@react-stately/list': 3.13.3(react@19.2.3)
+      '@react-stately/menu': 3.9.10(react@19.2.3)
+      '@react-stately/numberfield': 3.10.4(react@19.2.3)
+      '@react-stately/overlays': 3.6.22(react@19.2.3)
+      '@react-stately/radio': 3.11.4(react@19.2.3)
+      '@react-stately/searchfield': 3.5.18(react@19.2.3)
+      '@react-stately/select': 3.9.1(react@19.2.3)
+      '@react-stately/selection': 3.20.8(react@19.2.3)
+      '@react-stately/slider': 3.7.4(react@19.2.3)
+      '@react-stately/table': 3.15.3(react@19.2.3)
+      '@react-stately/tabs': 3.8.8(react@19.2.3)
+      '@react-stately/toast': 3.1.3(react@19.2.3)
+      '@react-stately/toggle': 3.9.4(react@19.2.3)
+      '@react-stately/tooltip': 3.5.10(react@19.2.3)
+      '@react-stately/tree': 3.9.5(react@19.2.3)
+      '@react-types/shared': 3.33.0(react@19.2.3)
+      react: 19.2.3
+
   react-style-singleton@2.2.3(@types/react@19.2.9)(react@19.2.3):
     dependencies:
       get-nonce: 1.0.1
@@ -14975,7 +15585,35 @@ snapshots:
       - tslib
       - webpack
 
-  storybook-react-rsbuild@1.0.3(@rsbuild/core@1.7.3)(@storybook/test@8.6.15(storybook@8.6.15(prettier@3.5.3)))(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(rollup@4.56.0)(storybook@8.6.15(prettier@3.5.3))(typescript@5.8.3)(webpack@5.105.1):
+  storybook-react-rsbuild@1.0.3(@rsbuild/core@1.7.3)(@storybook/test@8.6.15(storybook@8.6.15(prettier@3.5.3)))(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(rollup@4.56.0)(storybook@8.6.15(prettier@3.5.3))(typescript@5.8.3)(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18))):
+    dependencies:
+      '@rollup/pluginutils': 5.3.0(rollup@4.56.0)
+      '@rsbuild/core': 1.7.3
+      '@storybook/react': 8.6.15(@storybook/test@8.6.15(storybook@8.6.15(prettier@3.5.3)))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@8.6.15(prettier@3.5.3))(typescript@5.8.3)
+      '@storybook/react-docgen-typescript-plugin': 1.0.1(typescript@5.8.3)(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18)))
+      '@types/node': 18.19.130
+      find-up: 5.0.0
+      magic-string: 0.30.21
+      react: 19.2.3
+      react-docgen: 7.1.1
+      react-docgen-typescript: 2.4.0(typescript@5.8.3)
+      react-dom: 19.2.3(react@19.2.3)
+      resolve: 1.22.11
+      storybook: 8.6.15(prettier@3.5.3)
+      storybook-builder-rsbuild: 1.0.3(@rsbuild/core@1.7.3)(@types/react@19.2.9)(storybook@8.6.15(prettier@3.5.3))(typescript@5.8.3)
+      tsconfig-paths: 4.2.0
+    optionalDependencies:
+      typescript: 5.8.3
+    transitivePeerDependencies:
+      - '@rspack/core'
+      - '@storybook/test'
+      - '@types/react'
+      - rollup
+      - supports-color
+      - tslib
+      - webpack
+
+  storybook-react-rsbuild@1.0.3(@rsbuild/core@1.7.3)(@storybook/test@8.6.15(storybook@8.6.15(prettier@3.5.3)))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(rollup@4.56.0)(storybook@8.6.15(prettier@3.5.3))(typescript@5.8.3)(webpack@5.105.1):
     dependencies:
       '@rollup/pluginutils': 5.3.0(rollup@4.56.0)
       '@rsbuild/core': 1.7.3
@@ -15172,6 +15810,17 @@ snapshots:
       '@swc/core': 1.15.10(@swc/helpers@0.5.18)
       esbuild: 0.25.12
 
+  terser-webpack-plugin@5.3.16(@swc/core@1.15.10(@swc/helpers@0.5.18))(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18))):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      jest-worker: 27.5.1
+      schema-utils: 4.3.3
+      serialize-javascript: 6.0.2
+      terser: 5.46.0
+      webpack: 5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18))
+    optionalDependencies:
+      '@swc/core': 1.15.10(@swc/helpers@0.5.18)
+
   terser-webpack-plugin@5.3.16(webpack@5.105.1):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
@@ -15677,6 +16326,38 @@ snapshots:
       - esbuild
       - uglify-js
 
+  webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18)):
+    dependencies:
+      '@types/eslint-scope': 3.7.7
+      '@types/estree': 1.0.8
+      '@types/json-schema': 7.0.15
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/wasm-edit': 1.14.1
+      '@webassemblyjs/wasm-parser': 1.14.1
+      acorn: 8.15.0
+      acorn-import-phases: 1.0.4(acorn@8.15.0)
+      browserslist: 4.28.1
+      chrome-trace-event: 1.0.4
+      enhanced-resolve: 5.19.0
+      es-module-lexer: 2.0.0
+      eslint-scope: 5.1.1
+      events: 3.3.0
+      glob-to-regexp: 0.4.1
+      graceful-fs: 4.2.11
+      json-parse-even-better-errors: 2.3.1
+      loader-runner: 4.3.1
+      mime-types: 2.1.35
+      neo-async: 2.6.2
+      schema-utils: 4.3.3
+      tapable: 2.3.0
+      terser-webpack-plugin: 5.3.16(@swc/core@1.15.10(@swc/helpers@0.5.18))(webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18)))
+      watchpack: 2.5.1
+      webpack-sources: 3.3.3
+    transitivePeerDependencies:
+      - '@swc/core'
+      - esbuild
+      - uglify-js
+
   webpack@5.105.1(@swc/core@1.15.10(@swc/helpers@0.5.18))(esbuild@0.25.12):
     dependencies:
       '@types/eslint-scope': 3.7.7
diff --git a/services/static/src/app/error.tsx b/services/static/src/app/error.tsx
index aa6a3f4..dbd2a2e 100644
--- a/services/static/src/app/error.tsx
+++ b/services/static/src/app/error.tsx
@@ -1,6 +1,7 @@
 import { VStack, HStack, Header, Paragraph, Link } from '@ermnvldmr/ui';
 import React, { useEffect, useState } from 'react';
 
+import { IndexLayout } from '../components/layouts/IndexLayout/IndexLayout';
 import { createPage } from '../lib/core/createPage';
 import {
   AUTHOR_EMAIL,
@@ -37,34 +38,36 @@ createPage(
     }, []);
 
     return (
-      <main className="h-screen w-screen">
-        <VStack align="center" className="w-full h-full" justify="center">
-          <VStack align="start" gap={8}>
-            <Header level={1}>
-              Exceptional Situation
-              {status !== null && (
-                <>
-                  {' '}
-                  <Link href={getHttpStatusUrl(status)} size="l" type="display">
-                    #{status}
-                  </Link>
-                </>
-              )}
-            </Header>{' '}
-            <Paragraph>
-              This location is unavailable at the moment — static content does not dwell here
-            </Paragraph>
-            <HStack className="w-full" justify="between">
-              <span>
-                <Link href={`mailto:${AUTHOR_EMAIL}`}>{AUTHOR_NAME}</Link>, {getCurrentYear()}
-              </span>
-              <span>
-                <Link href={SITE_URL}>ermnvldmr.com</Link>
-              </span>
-            </HStack>
+      <IndexLayout>
+        <main className="h-screen w-screen">
+          <VStack align="center" className="w-full h-full" justify="center">
+            <VStack align="start" gap={8}>
+              <Header level={1}>
+                Exceptional Situation
+                {status !== null && (
+                  <>
+                    {' '}
+                    <Link href={getHttpStatusUrl(status)} size="l" type="display">
+                      #{status}
+                    </Link>
+                  </>
+                )}
+              </Header>{' '}
+              <Paragraph>
+                This location is unavailable at the moment — static content does not dwell here
+              </Paragraph>
+              <HStack className="w-full" justify="between">
+                <span>
+                  <Link href={`mailto:${AUTHOR_EMAIL}`}>{AUTHOR_NAME}</Link>, {getCurrentYear()}
+                </span>
+                <span>
+                  <Link href={SITE_URL}>ermnvldmr.com</Link>
+                </span>
+              </HStack>
+            </VStack>
           </VStack>
-        </VStack>
-      </main>
+        </main>
+      </IndexLayout>
     );
   },
   { title: ERROR_TITLE, description: ERROR_DESCRIPTION }
diff --git a/services/static/src/app/index.tsx b/services/static/src/app/index.tsx
index e535ac7..d9d70c8 100644
--- a/services/static/src/app/index.tsx
+++ b/services/static/src/app/index.tsx
@@ -1,6 +1,7 @@
 import { VStack, HStack, Header, Paragraph, Link } from '@ermnvldmr/ui';
 import React from 'react';
 
+import { IndexLayout } from '../components/layouts/IndexLayout/IndexLayout';
 import { createPage } from '../lib/core/createPage';
 import {
   AUTHOR_EMAIL,
@@ -14,24 +15,26 @@ import { getCurrentYear } from '../lib/shared/utils';
 createPage(
   function Index() {
     return (
-      <main className="h-screen w-screen">
-        <VStack align="center" className="w-full h-full" justify="center">
-          <VStack align="start" gap={8}>
-            <Header level={1}>Static Content Dwells Here</Header>
-            <Paragraph>
-              Other pages direct you down specific paths to the content that resides here
-            </Paragraph>
-            <HStack className="w-full" justify="between">
-              <span>
-                <Link href={`mailto:${AUTHOR_EMAIL}`}>{AUTHOR_NAME}</Link>, {getCurrentYear()}
-              </span>
-              <span>
-                <Link href={SITE_URL}>ermnvldmr.com</Link>
-              </span>
-            </HStack>
+      <IndexLayout>
+        <main className="h-screen w-screen">
+          <VStack align="center" className="w-full h-full" justify="center">
+            <VStack align="start" gap={8}>
+              <Header level={1}>Static Content Dwells Here</Header>
+              <Paragraph>
+                Other pages direct you down specific paths to the content that resides here
+              </Paragraph>
+              <HStack className="w-full" justify="between">
+                <span>
+                  <Link href={`mailto:${AUTHOR_EMAIL}`}>{AUTHOR_NAME}</Link>, {getCurrentYear()}
+                </span>
+                <span>
+                  <Link href={SITE_URL}>ermnvldmr.com</Link>
+                </span>
+              </HStack>
+            </VStack>
           </VStack>
-        </VStack>
-      </main>
+        </main>
+      </IndexLayout>
     );
   },
   { title: SITE_TITLE, description: SITE_DESCRIPTION }
diff --git a/services/static/src/components/layouts/IndexLayout/IndexLayout.tsx b/services/static/src/components/layouts/IndexLayout/IndexLayout.tsx
new file mode 100644
index 0000000..9cd2bc3
--- /dev/null
+++ b/services/static/src/components/layouts/IndexLayout/IndexLayout.tsx
@@ -0,0 +1,54 @@
+import { Container, HStack, Link, ThemeSwitch, useTheme, VStack, Text, Separator } from '@ermnvldmr/ui';
+import React from 'react';
+
+/**
+ * Props for the IndexLayout component.
+ */
+export interface IndexLayoutProps {
+  /** Main content slot */
+  children: React.ReactNode;
+}
+
+/**
+ * The root layout for the static service.
+ *
+ * @param props - The component props.
+ * @param props.children - Main content slot.
+ * @returns A React element representing the index layout.
+ * @example
+ * ```tsx
+ * <IndexLayout>Content</IndexLayout>
+ * ```
+ */
+export function IndexLayout({ children }: IndexLayoutProps): React.JSX.Element {
+  // Initialize theme side-effects
+  useTheme();
+
+  const currentYear = new Date().getFullYear();
+
+  return (
+    <VStack className="min-h-screen bg-[var(--rb-background)] transition-colors duration-200" justify="between">
+      <VStack as="main" className="min-h-[105vh] w-full flex-1">
+        {children}
+      </VStack>
+
+      <VStack as="footer" className="w-full" gap={0}>
+        <Separator thinned={false} />
+        <Container className="px-6 py-12 md:px-12">
+          <HStack align="center" className="w-full" justify="between">
+            <VStack align="start" gap={1}>
+              <Text color="muted" size="s">
+                © {currentYear} Vladimir Eremin
+              </Text>
+              <Link href="https://creativecommons.org/licenses/by/4.0/" size="s">
+                CC-BY 4.0
+              </Link>
+            </VStack>
+            
+            <ThemeSwitch />
+          </HStack>
+        </Container>
+      </VStack>
+    </VStack>
+  );
+}
diff --git a/services/static/src/static/index.html b/services/static/src/static/index.html
index 6384cd0..0b1128e 100644
--- a/services/static/src/static/index.html
+++ b/services/static/src/static/index.html
@@ -1,27 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <script>
-      const getThemePreference = () => {
-        if (typeof localStorage !== 'undefined' && localStorage.getItem('theme')) {
-          return localStorage.getItem('theme');
-        }
-        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-      };
-      const isDark = getThemePreference() === 'dark';
-      document.documentElement.classList[isDark ? 'add' : 'remove']('dark');
-
-      if (typeof localStorage !== 'undefined') {
-        const observer = new MutationObserver(() => {
-          const isDark = document.documentElement.classList.contains('dark');
-          localStorage.setItem('theme', isDark ? 'dark' : 'light');
-        });
-        observer.observe(document.documentElement, {
-          attributes: true,
-          attributeFilter: ['class'],
-        });
-      }
-    </script>
+    <script>(function(){try{var k='ermnvldmr/ui/lib/theme';var p=JSON.parse(localStorage.getItem(k)||'"system"');var d=p==='dark'||(p==='system'&&window.matchMedia('(prefers-color-scheme:dark)').matches);document.documentElement.classList.toggle('dark',d)}catch(e){}})();</script>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vladimir Eremin</title>
diff --git a/services/www/src/app/articles/index.tsx b/services/www/src/app/articles/index.tsx
index bbb79e8..1f06c5d 100644
--- a/services/www/src/app/articles/index.tsx
+++ b/services/www/src/app/articles/index.tsx
@@ -1,42 +1,45 @@
-import { Container, Header, Link, Separator, Article } from '@ermnvldmr/ui';
+import { Header, Link, Separator, Article , VStack } from '@ermnvldmr/ui';
 import React from 'react';
 
 import { sortedArticles } from '../../../content/registry';
+import { IndexLayout } from '../../components/layouts/IndexLayout/IndexLayout';
 import { createPage } from '../../lib/core/createPage';
 import { SITE_TITLE } from '../../lib/shared/constants';
 
 createPage(
   function ArticlesList(): React.JSX.Element {
     return (
-      <Container as="main" className="mx-auto max-w-5xl px-6 py-20">
-        <Header className="mb-12 text-center" level={1}>
-          Articles
-        </Header>
-        <div className="grid grid-cols-1 gap-8 md:grid-cols-2">
-          {sortedArticles.map((article, index) => (
-            <React.Fragment key={article.slug}>
-              {index > 0 && index % 2 === 0 && (
-                <div className="col-span-1 py-8 md:col-span-2">
-                  <Separator className="w-full" type="double" />
-                </div>
-              )}
-              <Link className="group block h-full no-underline!" href={`/articles/${article.slug}`}>
-                <Article
-                  additionalText={article.tags?.join(' • ')}
-                  headline={article.title}
-                  subHeadline={article.createdDate.toLocaleDateString(undefined, {
-                    year: 'numeric',
-                    month: 'long',
-                    day: 'numeric',
-                  })}
-                >
-                  {article.description}
-                </Article>
-              </Link>
-            </React.Fragment>
-          ))}
-        </div>
-      </Container>
+      <IndexLayout>
+        <VStack className="w-full" gap={8}>
+          <Header level={1}>
+            Articles
+          </Header>
+          <div className="grid grid-cols-1 gap-8 md:grid-cols-2">
+            {sortedArticles.map((article, index) => (
+              <React.Fragment key={article.slug}>
+                {index > 0 && index % 2 === 0 && (
+                  <div className="col-span-1 py-8 md:col-span-2">
+                    <Separator className="w-full" type="double" />
+                  </div>
+                )}
+                <Link className="group block h-full no-underline!" href={`/articles/${article.slug}`}>
+                  <Article
+                    additionalText={article.tags?.join(' • ')}
+                    headline={article.title}
+                    subHeadline={article.createdDate.toLocaleDateString(undefined, {
+                      year: 'numeric',
+                      month: 'long',
+                      day: 'numeric',
+                    })}
+                  >
+                    {article.description}
+                  </Article>
+                </Link>
+              </React.Fragment>
+            ))}
+          </div>
+        </VStack>
+      </IndexLayout>
     );
   },
   {
diff --git a/services/www/src/app/index.tsx b/services/www/src/app/index.tsx
index 5b92bda..9a6b17d 100644
--- a/services/www/src/app/index.tsx
+++ b/services/www/src/app/index.tsx
@@ -1,13 +1,14 @@
-import { Container, Header, Paragraph, Link, VStack } from '@ermnvldmr/ui';
+import { Header, Paragraph, Link, VStack } from '@ermnvldmr/ui';
 import React from 'react';
 
+import { IndexLayout } from '../components/layouts/IndexLayout/IndexLayout';
 import { createPage } from '../lib/core/createPage';
 import { SITE_DESCRIPTION, SITE_TITLE } from '../lib/shared/constants';
 
 createPage(
   function HomePage(): React.JSX.Element {
     return (
-      <Container as="main" className="flex h-full w-full justify-center p-4">
+      <IndexLayout>
         <VStack gap={4}>
           <Header level={2}>Welcome to my page!</Header>
           <Paragraph>
@@ -27,7 +28,7 @@ createPage(
           </Paragraph>
           <Paragraph italic>Thank you for visiting!</Paragraph>
         </VStack>
-      </Container>
+      </IndexLayout>
     );
   },
   { title: SITE_TITLE, description: SITE_DESCRIPTION }
diff --git a/services/www/src/components/layouts/ArticleLayout/ArticleLayout.tsx b/services/www/src/components/layouts/ArticleLayout/ArticleLayout.tsx
index f283d92..a3c42ca 100644
--- a/services/www/src/components/layouts/ArticleLayout/ArticleLayout.tsx
+++ b/services/www/src/components/layouts/ArticleLayout/ArticleLayout.tsx
@@ -2,6 +2,8 @@ import { cn } from '@ermnvldmr/stl';
 import { VStack, HStack, Markdown, Container, Time, Header, Paragraph, Text } from '@ermnvldmr/ui';
 import React from 'react';
 
+import { IndexLayout } from '../IndexLayout/IndexLayout';
+
 /**
  * Props for the ArticleLayout component.
  */
@@ -65,40 +67,41 @@ export const ArticleLayout: React.FC<ArticleLayoutProps> = ({
   );
 
   return (
-    <Container as="article" className={cn('mx-auto max-w-3xl px-6 py-12 md:py-20', className)}>
-      <VStack as="header" className="pb-12" gap={4}>
-        <HStack align="center" className="flex-wrap" gap={4}>
-          {displayDate}
-          {tags && tags.length > 0 && (
-            <HStack className="flex-wrap" gap={2}>
-              {tags.map((tag) => (
-                <Text
-                  key={tag}
-                  className="before:text-muted-foreground/50 before:mr-0.5 before:content-['#']"
-                  color="muted"
-                  size="s"
-                >
-                  {tag}
-                </Text>
-              ))}
+    <IndexLayout>
+      <Container as="article" className={cn('min-w-[720px]', className)}>
+        <VStack className="w-full" gap={8}>
+          <VStack as="header" gap={4}>
+            <HStack align="center" gap={2} wrap="wrap">
+              {displayDate}
+              {tags && tags.length > 0 && (
+                <HStack gap={1} wrap="wrap">
+                  {tags.map((tag) => (
+                    <Text
+                      key={tag}
+                      className="before:content-['#']"
+                      color="muted"
+                      size="s"
+                    >
+                      {tag}
+                    </Text>
+                  ))}
+                </HStack>
+              )}
             </HStack>
-          )}
-        </HStack>
-
-        <Header className="leading-tight" level={1}>
-          {title}
-        </Header>
-
-        {description && (
-          <Paragraph italic className="leading-relaxed" color="muted" size="l">
-            {description}
-          </Paragraph>
-        )}
-      </VStack>
-
-      <Container as="section" className="article-content">
-        <Markdown>{children}</Markdown>
+            <Header level={1}>
+              {title}
+            </Header>
+            {description && (
+              <Paragraph italic color="muted" size="l">
+                {description}
+              </Paragraph>
+            )}
+          </VStack>
+          <Container as="section" className='w-full'>
+            <Markdown>{children}</Markdown>
+          </Container>
+        </VStack>
       </Container>
-    </Container>
+    </IndexLayout>
   );
 };
diff --git a/services/www/src/components/layouts/IndexLayout/IndexLayout.tsx b/services/www/src/components/layouts/IndexLayout/IndexLayout.tsx
new file mode 100644
index 0000000..2eaa66f
--- /dev/null
+++ b/services/www/src/components/layouts/IndexLayout/IndexLayout.tsx
@@ -0,0 +1,53 @@
+import { Container, HStack, Link, ThemeSwitch, useTheme, VStack, Text, Separator } from '@ermnvldmr/ui';
+import React from 'react';
+
+/**
+ * Props for the IndexLayout component.
+ */
+export interface IndexLayoutProps {
+  /** Main content slot */
+  children: React.ReactNode;
+}
+
+/**
+ * The root layout for the www service.
+ * Handles global theme state and provides common structure.
+ *
+ * @param props - The component props.
+ * @param props.children - Main content slot.
+ * @returns A React element representing the index layout.
+ * @example
+ * ```tsx
+ * <IndexLayout>Content</IndexLayout>
+ * ```
+ */
+export function IndexLayout({ children }: IndexLayoutProps): React.JSX.Element {
+  // Initialize theme side-effects
+  useTheme();
+
+  const currentYear = new Date().getFullYear();
+
+  return (
+    <VStack align="center" className="min-h-screen bg-[var(--rb-background)] transition-colors duration-200" justify="between">
+      <VStack align="stretch" as="main" className="min-h-[105vh] py-8 mx-auto" justify="start">
+        {children}
+      </VStack>
+      <VStack as="footer" className="w-full" gap={0}>
+        <Separator thinned={false} />
+        <Container className="w-full" padding={12}>
+          <HStack align="center" className="w-full" justify="between">
+            <VStack align="start" gap={1}>
+              <Text color="muted" size="s">
+                © {currentYear} Vladimir Eremin
+              </Text>
+              <Link href="https://creativecommons.org/licenses/by/4.0/" size="s">
+                CC-BY 4.0
+              </Link>
+            </VStack>
+            <ThemeSwitch />
+          </HStack>
+        </Container>
+      </VStack>
+    </VStack>
+  );
+}
diff --git a/services/www/src/static/index.html b/services/www/src/static/index.html
index 20ded0b..2d3afc6 100644
--- a/services/www/src/static/index.html
+++ b/services/www/src/static/index.html
@@ -1,27 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <script>
-      const getThemePreference = () => {
-        if (typeof localStorage !== 'undefined' && localStorage.getItem('theme')) {
-          return localStorage.getItem('theme');
-        }
-        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-      };
-      const isDark = getThemePreference() === 'dark';
-      document.documentElement.classList[isDark ? 'add' : 'remove']('dark');
-
-      if (typeof localStorage !== 'undefined') {
-        const observer = new MutationObserver(() => {
-          const isDark = document.documentElement.classList.contains('dark');
-          localStorage.setItem('theme', isDark ? 'dark' : 'light');
-        });
-        observer.observe(document.documentElement, {
-          attributes: true,
-          attributeFilter: ['class'],
-        });
-      }
-    </script>
+    <script>(function(){try{var k='ermnvldmr/ui/lib/theme';var p=JSON.parse(localStorage.getItem(k)||'"system"');var d=p==='dark'||(p==='system'&&window.matchMedia('(prefers-color-scheme:dark)').matches);document.documentElement.classList.toggle('dark',d)}catch(e){}})();</script>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
diff --git a/tsconfig.json b/tsconfig.json
index b34d9e3..8a13ad8 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -24,6 +24,7 @@
     "baseUrl": ".",
     "paths": {
       "@ermnvldmr/stl": ["./packages/stl/src"],
+      "@ermnvldmr/stl/*": ["./packages/stl/src/*"],
       "@ermnvldmr/ui": ["./packages/ui/src"],
       "@ermnvldmr/ui/*": ["./packages/ui/src/*"]
     },