diff --git a/components.json b/components.json
deleted file mode 100644
index 1df05563..00000000
--- a/components.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "$schema": "https://shadcn-svelte.com/schema.json",
-  "tailwind": {
-    "css": "src/app.css",
-    "baseColor": "neutral"
-  },
-  "aliases": {
-    "components": "$lib/components",
-    "utils": "$lib/utils/shadcn",
-    "ui": "$lib/components/ui",
-    "hooks": "$lib/hooks",
-    "lib": "$lib"
-  },
-  "typescript": true,
-  "registry": "https://shadcn-svelte.com/registry"
-}
diff --git a/package.json b/package.json
index 936045aa..97163485 100644
--- a/package.json
+++ b/package.json
@@ -72,6 +72,7 @@
 		"vitest": "^4.1.9"
 	},
 	"dependencies": {
+		"@openshock/svelte-core": "^0.2.2",
 		"@opentelemetry/api-logs": "^0.219.0",
 		"@opentelemetry/exporter-logs-otlp-http": "^0.219.0",
 		"@opentelemetry/exporter-trace-otlp-http": "^0.219.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bef1e545..b8fa887f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -19,6 +19,9 @@ importers:
 
   .:
     dependencies:
+      '@openshock/svelte-core':
+        specifier: ^0.2.2
+        version: 0.2.2(2cd3459784afbbe2cb9606225751a11d)
       '@opentelemetry/api-logs':
         specifier: ^0.219.0
         version: 0.219.0
@@ -750,6 +753,36 @@ packages:
       '@emnapi/core': ^1.7.1
       '@emnapi/runtime': ^1.7.1
 
+  '@openshock/svelte-core@0.2.2':
+    resolution: {integrity: sha512-4B1bwH23v/gUuXW1dipjpac06N/FfhKYuih73FK21EqxnAcY7PgRE5XaST8Bl8WmVHTaEKqP9q61m10oOozRZQ==}
+    peerDependencies:
+      '@internationalized/date': ^3.12.2
+      '@lucide/svelte': ^1.21.0
+      '@tanstack/table-core': ^8.21.3
+      bits-ui: 2.18.1
+      clsx: ^2.1.1
+      formsnap: ^2.0.1
+      svelte: ^5.56.1
+      svelte-sonner: ^1.1.1
+      sveltekit-superforms: ^2.30.1
+      tailwind-merge: ^3.6.0
+      tailwind-variants: ^3.2.2
+      temporal-polyfill: ^1.0.1
+      vaul-svelte: 1.0.0-next.7
+    peerDependenciesMeta:
+      '@internationalized/date':
+        optional: true
+      '@tanstack/table-core':
+        optional: true
+      formsnap:
+        optional: true
+      sveltekit-superforms:
+        optional: true
+      temporal-polyfill:
+        optional: true
+      vaul-svelte:
+        optional: true
+
   '@opentelemetry/api-logs@0.219.0':
     resolution: {integrity: sha512-FFx7YnaYJlIjqWW/AG/yAZ0L/NEY724PipXXXQLdtZPbLwBGbUMTGL1i/esI56TWfTUXxhLfpgrnWJCG8aUJyg==}
     engines: {node: '>=8.0.0'}
@@ -3442,6 +3475,23 @@ snapshots:
       '@tybys/wasm-util': 0.10.2
     optional: true
 
+  '@openshock/svelte-core@0.2.2(2cd3459784afbbe2cb9606225751a11d)':
+    dependencies:
+      '@lucide/svelte': 1.21.0(svelte@5.56.3(@typescript-eslint/types@8.61.1))
+      bits-ui: 2.18.1(@internationalized/date@3.12.2)(@sveltejs/kit@2.66.0(@opentelemetry/api@1.9.1)(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.61.1))(vite@8.0.16(@types/node@26.0.0)(esbuild@0.27.3)(jiti@2.7.0)))(svelte@5.56.3(@typescript-eslint/types@8.61.1))(typescript@6.0.3)(vite@8.0.16(@types/node@26.0.0)(esbuild@0.27.3)(jiti@2.7.0)))(svelte@5.56.3(@typescript-eslint/types@8.61.1))
+      clsx: 2.1.1
+      svelte: 5.56.3(@typescript-eslint/types@8.61.1)
+      svelte-sonner: 1.1.1(svelte@5.56.3(@typescript-eslint/types@8.61.1))
+      tailwind-merge: 3.6.0
+      tailwind-variants: 3.2.2(tailwind-merge@3.6.0)(tailwindcss@4.3.1)
+    optionalDependencies:
+      '@internationalized/date': 3.12.2
+      '@tanstack/table-core': 8.21.3
+      formsnap: 2.0.1(svelte@5.56.3(@typescript-eslint/types@8.61.1))(sveltekit-superforms@2.30.1(@sveltejs/kit@2.66.0(@opentelemetry/api@1.9.1)(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.61.1))(vite@8.0.16(@types/node@26.0.0)(esbuild@0.27.3)(jiti@2.7.0)))(svelte@5.56.3(@typescript-eslint/types@8.61.1))(typescript@6.0.3)(vite@8.0.16(@types/node@26.0.0)(esbuild@0.27.3)(jiti@2.7.0)))(@types/json-schema@7.0.15)(svelte@5.56.3(@typescript-eslint/types@8.61.1))(typescript@6.0.3))
+      sveltekit-superforms: 2.30.1(@sveltejs/kit@2.66.0(@opentelemetry/api@1.9.1)(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.61.1))(vite@8.0.16(@types/node@26.0.0)(esbuild@0.27.3)(jiti@2.7.0)))(svelte@5.56.3(@typescript-eslint/types@8.61.1))(typescript@6.0.3)(vite@8.0.16(@types/node@26.0.0)(esbuild@0.27.3)(jiti@2.7.0)))(@types/json-schema@7.0.15)(svelte@5.56.3(@typescript-eslint/types@8.61.1))(typescript@6.0.3)
+      temporal-polyfill: 1.0.1
+      vaul-svelte: 1.0.0-next.7(svelte@5.56.3(@typescript-eslint/types@8.61.1))
+
   '@opentelemetry/api-logs@0.219.0':
     dependencies:
       '@opentelemetry/api': 1.9.1
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 402e0b1c..3cfc8e9a 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -6,6 +6,7 @@ blockExoticSubdeps: true
 minimumReleaseAge: 4320 # 3 days
 
 minimumReleaseAgeExclude:
+  - '@openshock/*'
   - ws@8.20.1
 
 onlyBuiltDependencies:
diff --git a/scripts/update-shadcn.js b/scripts/update-shadcn.js
deleted file mode 100644
index 120becd3..00000000
--- a/scripts/update-shadcn.js
+++ /dev/null
@@ -1,103 +0,0 @@
-import { execSync } from 'node:child_process';
-import fs from 'node:fs';
-import path from 'node:path';
-
-const UI_DIR = 'src/lib/components/ui';
-const HOOKS_DIR = 'src/lib/hooks';
-
-// Non-shadcn directories to keep
-const EXCLUDE = ['multi-select-combobox'];
-
-// Unwanted dependencies that the CLI tends to add
-const UNWANTED_DEPS = ['mode-watcher'];
-
-function run(command, options = {}) {
-  execSync(command, { stdio: 'inherit', shell: true, ...options });
-}
-
-// Collect shadcn component names
-const components = fs
-  .readdirSync(UI_DIR, { withFileTypes: true })
-  .filter((entry) => entry.isDirectory() && !EXCLUDE.includes(entry.name))
-  .map((entry) => entry.name);
-
-if (components.length === 0) {
-  console.error('No shadcn components found to update.');
-  process.exit(1);
-}
-
-console.log(`Found ${components.length} shadcn components: ${components.join(' ')}`);
-
-// Delete all shadcn component directories
-console.log('Deleting shadcn components...');
-for (const name of components) {
-  fs.rmSync(path.join(UI_DIR, name), { recursive: true, force: true });
-}
-fs.rmSync(path.join(HOOKS_DIR, 'is-mobile'), { recursive: true, force: true });
-
-// Re-add all components
-console.log('Re-adding components via shadcn CLI...');
-run(`pnpm dlx shadcn-svelte@latest add --yes --overwrite ${components.join(' ')}`);
-
-// Remove unwanted dependencies
-console.log('Cleaning up dependencies...');
-const packageJson = fs.readFileSync('package.json', 'utf-8');
-for (const dep of UNWANTED_DEPS) {
-  if (packageJson.includes(`"${dep}"`)) {
-    console.log(`  Removing unwanted dependency: ${dep}`);
-    run(`pnpm remove ${dep}`);
-  }
-}
-
-// Format to reduce diff noise
-console.log('Formatting...');
-run('pnpm run format');
-
-// Apply custom modifications
-console.log('Applying custom modifications...');
-
-function patch(filePath, replacements) {
-  let source = fs.readFileSync(filePath, 'utf-8');
-  for (const [pattern, replacement] of replacements) {
-    source = source.replace(pattern, replacement);
-  }
-  fs.writeFileSync(filePath, source);
-}
-
-// Sidebar: ease-in-out and duration-300
-patch(path.join(UI_DIR, 'sidebar/sidebar.svelte'), [
-  [/duration-200 ease-linear/g, 'duration-300 ease-in-out'],
-]);
-
-// Sidebar submenu: ml-* instead of mx-*, pl-* instead of px-*
-patch(path.join(UI_DIR, 'sidebar/sidebar-menu-sub.svelte'), [
-  [/mx-3\.5(.*)px-2\.5/g, 'ml-3.5$1pl-2.5'],
-]);
-
-// Sonner: use color-scheme-state instead of mode-watcher
-patch(path.join(UI_DIR, 'sonner/sonner.svelte'), [
-  [
-    'import { mode } from "mode-watcher";',
-    "import { colorScheme } from '$lib/state/color-scheme-state.svelte';",
-  ],
-  ['theme={mode.current}', 'theme={colorScheme.value}'],
-]);
-
-// Slider: add cursor-w-resize to thumb
-patch(path.join(UI_DIR, 'slider/slider.svelte'), [
-  [/select-none disabled:pointer/, 'cursor-w-resize select-none disabled:pointer'],
-]);
-
-// Toggle group: suppress state_referenced_locally warnings
-patch(path.join(UI_DIR, 'toggle-group/toggle-group.svelte'), [
-  [/\tsetToggleGroupCtx/, '\t// svelte-ignore state_referenced_locally\n\tsetToggleGroupCtx'],
-]);
-
-// Final format and check
-console.log('Final format...');
-run('pnpm run format');
-
-console.log('Running checks...');
-run('pnpm run check');
-
-console.log('Done! Review the git diff before committing.');
diff --git a/src/app.css b/src/app.css
index 92185e03..78be2016 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,255 +1,6 @@
 @import 'tailwindcss';
 @import 'tw-animate-css';
-
-@custom-variant dark (&:is(.dark *));
-
-:root {
-  --radius: 0.625rem;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.205 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
-}
-
-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
-}
-
-@theme inline {
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-
-  --animate-accordion-up: accordion-up 0.2s ease-out;
-  --animate-accordion-down: accordion-down 0.2s ease-out;
-  --animate-caret-blink: caret-blink 1.25s ease-out infinite;
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-
-  .hide-spinners {
-    /* Hide spin buttons in Chrome, Safari, Edge */
-    -webkit-appearance: none;
-    -moz-appearance: textfield; /* Hide spinners in Firefox */
-    appearance: textfield;
-  }
-
-  /* Target WebKit browsers (Chrome, Safari, Edge) */
-  .hide-spinners::-webkit-outer-spin-button,
-  .hide-spinners::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  button:not([disabled]),
-  [role='button']:not([disabled]) {
-    cursor: pointer;
-  }
-}
-
-.transition-in-place {
-  display: grid;
-}
-
-.transition-in-place > * {
-  grid-area: 1/1/2/2;
-}
-
-@keyframes accordion-down {
-  from {
-    height: 0;
-  }
-
-  to {
-    height: var(--bits-accordion-content-height);
-  }
-}
-
-@keyframes accordion-up {
-  from {
-    height: var(--bits-accordion-content-height);
-  }
-
-  to {
-    height: 0;
-  }
-}
-
-@keyframes caret-blink {
-  0%,
-  70%,
-  100% {
-    opacity: 1;
-  }
-
-  20%,
-  50% {
-    opacity: 0;
-  }
-}
-
-@custom-variant data-open {
-  &:where([data-state='open']),
-  &:where([data-open]:not([data-open='false'])) {
-    @slot;
-  }
-}
-
-@custom-variant data-closed {
-  &:where([data-state='closed']),
-  &:where([data-closed]:not([data-closed='false'])) {
-    @slot;
-  }
-}
-
-@custom-variant data-checked {
-  &:where([data-state='checked']),
-  &:where([data-checked]:not([data-checked='false'])) {
-    @slot;
-  }
-}
-
-@custom-variant data-unchecked {
-  &:where([data-state='unchecked']),
-  &:where([data-unchecked]:not([data-unchecked='false'])) {
-    @slot;
-  }
-}
-
-@custom-variant data-selected {
-  &:where([data-selected]) {
-    @slot;
-  }
-}
-
-@custom-variant data-disabled {
-  &:where([data-disabled='true']),
-  &:where([data-disabled]:not([data-disabled='false'])) {
-    @slot;
-  }
-}
-
-@custom-variant data-active {
-  &:where([data-state='active']),
-  &:where([data-active]:not([data-active='false'])) {
-    @slot;
-  }
-}
-
-@custom-variant data-horizontal {
-  &:where([data-orientation='horizontal']) {
-    @slot;
-  }
-}
-
-@custom-variant data-vertical {
-  &:where([data-orientation='vertical']) {
-    @slot;
-  }
-}
-
-@utility no-scrollbar {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-}
+@import '@openshock/svelte-core/theme.css';
 
 /* driver.js theme override — match the dark UI */
 .driver-popover {
diff --git a/src/hooks.client.ts b/src/hooks.client.ts
index 23f7bb13..d02abe84 100644
--- a/src/hooks.client.ts
+++ b/src/hooks.client.ts
@@ -5,10 +5,10 @@ import { versionGetBackendInfo } from '$lib/api';
 import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
 import { authState, startAuthLifecycle } from '$lib/state/auth-state.svelte';
 import { backendMetadata } from '$lib/state/backend-metadata-state.svelte';
-import { initializeColorScheme } from '$lib/state/color-scheme-state.svelte';
 import { userState } from '$lib/state/user-state.svelte';
 import { initTelemetry, log } from '$lib/telemetry/logger';
 import { redirectLegacyHashRoute } from '$lib/utils/legacy-hash-redirect';
+import { initializeColorScheme } from '@openshock/svelte-core/state/color-scheme-state.svelte';
 import type { HandleClientError } from '@sveltejs/kit';
 
 /** Best-effort extraction of a message + stack from an unknown thrown value. */
diff --git a/src/lib/api/firmwareCDN.ts b/src/lib/api/firmwareCDN.ts
index a746dc72..bf896989 100644
--- a/src/lib/api/firmwareCDN.ts
+++ b/src/lib/api/firmwareCDN.ts
@@ -1,4 +1,4 @@
-import { HashBuffer } from '$lib/utils/crypto';
+import { HashBuffer } from '@openshock/svelte-core/utils/crypto';
 
 export const FirmwareChannels = ['stable', 'beta', 'develop'] as const;
 export type FirmwareChannel = (typeof FirmwareChannels)[number];
diff --git a/src/lib/api/next/transformers/LoginOkResponse.ts b/src/lib/api/next/transformers/LoginOkResponse.ts
index 2b4d57d2..8723a422 100644
--- a/src/lib/api/next/transformers/LoginOkResponse.ts
+++ b/src/lib/api/next/transformers/LoginOkResponse.ts
@@ -1,5 +1,4 @@
-import { isObject } from '$lib/typeguards';
-import { HasBoolean, HasString, HasStringArray } from '../../../typeguards/propGuards';
+import { HasBoolean, HasString, HasStringArray, isObject } from '@openshock/svelte-core/typeguards';
 import { TransformError } from '../TransformError';
 import type { LoginOkResponse } from '../models';
 import { IsRoleType } from './RoleType';
diff --git a/src/lib/api/next/transformers/OAuthSignupData.ts b/src/lib/api/next/transformers/OAuthSignupData.ts
index 9b785e60..d425091a 100644
--- a/src/lib/api/next/transformers/OAuthSignupData.ts
+++ b/src/lib/api/next/transformers/OAuthSignupData.ts
@@ -1,5 +1,4 @@
-import { isObject } from '$lib/typeguards';
-import { HasString, HasStringOrNull } from '../../../typeguards/propGuards';
+import { HasString, HasStringOrNull, isObject } from '@openshock/svelte-core/typeguards';
 import { TransformError } from '../TransformError';
 import type { OAuthSignupData } from '../models/OAuthSignupData';
 
diff --git a/src/lib/api/pwnedPasswords.ts b/src/lib/api/pwnedPasswords.ts
deleted file mode 100644
index 5fda02f1..00000000
--- a/src/lib/api/pwnedPasswords.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { HashString } from '$lib/utils/crypto';
-
-export async function checkPwnedCount(password: string): Promise<number> {
-  if (!password) {
-    throw new Error('Password cannot be empty');
-  }
-
-  const hash = await HashString(password, 'SHA-1');
-  const hashPrefix = hash.substring(0, 5);
-
-  let raw: string;
-  try {
-    const response = await fetch(`https://api.pwnedpasswords.com/range/${hashPrefix}`);
-
-    if (!response.ok) {
-      throw new Error(`Pwned passwords range request failed with status ${response.status}`);
-    }
-
-    raw = await response.text();
-  } catch (error) {
-    throw new Error('Error while fetching pwned passwords range', { cause: error });
-  }
-
-  const hashSuffix = hash.substring(5).toUpperCase();
-  const match = raw.split('\n').find((line) => line.startsWith(hashSuffix));
-
-  if (match) {
-    const [, count] = match.split(':');
-
-    return Number.parseInt(count, 10);
-  }
-
-  return 0;
-}
diff --git a/src/lib/components/Code.svelte b/src/lib/components/Code.svelte
deleted file mode 100644
index c882be5e..00000000
--- a/src/lib/components/Code.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-  import type { ChildrenFunc } from '$lib/types/ChildrenFunc';
-
-  interface Props {
-    children?: ChildrenFunc;
-  }
-
-  let { children }: Props = $props();
-</script>
-
-<code class="bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">
-  {@render children?.()}
-</code>
diff --git a/src/lib/components/ConfirmDeleteDialog.svelte b/src/lib/components/ConfirmDeleteDialog.svelte
deleted file mode 100644
index 06faa36f..00000000
--- a/src/lib/components/ConfirmDeleteDialog.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts">
-  import { Button } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
-  import type { Snippet } from 'svelte';
-
-  interface Props {
-    open: boolean;
-    title: string;
-    description: Snippet;
-    /** Button label. Defaults to "Delete". */
-    actionLabel?: string;
-    onConfirm: () => void | Promise<void>;
-    /** Optional extra content between the header and the action button. */
-    children?: Snippet;
-  }
-
-  let {
-    open = $bindable(),
-    title,
-    description,
-    actionLabel = 'Delete',
-    onConfirm,
-    children,
-  }: Props = $props();
-</script>
-
-<Dialog.Root bind:open>
-  <Dialog.Content>
-    <Dialog.Header>
-      <Dialog.Title>{title}</Dialog.Title>
-      <Dialog.Description>{@render description()}</Dialog.Description>
-    </Dialog.Header>
-    {@render children?.()}
-    <Button variant="destructive" onclick={onConfirm}>{actionLabel}</Button>
-  </Dialog.Content>
-</Dialog.Root>
diff --git a/src/lib/components/Container.svelte b/src/lib/components/Container.svelte
deleted file mode 100644
index d8a15ad6..00000000
--- a/src/lib/components/Container.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import type { ChildrenFunc } from '$lib/types/ChildrenFunc';
-  import { cn } from '$lib/utils';
-
-  interface Props {
-    children: ChildrenFunc;
-    class?: string;
-  }
-
-  let { children, class: className }: Props = $props();
-</script>
-
-<div
-  class={cn(
-    'container mx-auto flex h-full flex-col items-start justify-start gap-4 px-4 pt-4 pb-1 sm:px-12 sm:pt-12 sm:pb-2',
-    className
-  )}
->
-  {@render children()}
-</div>
diff --git a/src/lib/components/ControlModules/LiveButton.svelte b/src/lib/components/ControlModules/LiveButton.svelte
index 444c6b93..a09f0321 100644
--- a/src/lib/components/ControlModules/LiveButton.svelte
+++ b/src/lib/components/ControlModules/LiveButton.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import * as Tooltip from '$lib/components/ui/tooltip';
-  import { Spinner } from '$lib/components/ui/spinner';
+  import * as Tooltip from '@openshock/svelte-core/ui/tooltip';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
   import {
     LiveConnectionState,
     getLiveConnection,
diff --git a/src/lib/components/ControlModules/LiveControlModule.svelte b/src/lib/components/ControlModules/LiveControlModule.svelte
index ccff2454..6fb9bfef 100644
--- a/src/lib/components/ControlModules/LiveControlModule.svelte
+++ b/src/lib/components/ControlModules/LiveControlModule.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
   import { Volume2, Waves, Zap } from '@lucide/svelte';
-  import { buttonVariants } from '$lib/components/ui/button/button.svelte';
+  import { buttonVariants } from '@openshock/svelte-core/ui/button';
   import { ControlType } from '$lib/signalr/models/ControlType';
   import {
     type LiveShockerState,
     type LiveDeviceConnection,
   } from '$lib/state/live-control-state.svelte';
-  import { cn } from '$lib/utils';
+  import { cn } from '@openshock/svelte-core/utils/shadcn';
   import LiveSlider from './impl/LiveSlider.svelte';
 
   interface Props {
diff --git a/src/lib/components/ControlModules/PublicShareClassicControlModule.svelte b/src/lib/components/ControlModules/PublicShareClassicControlModule.svelte
index 36c4ce51..654a6651 100644
--- a/src/lib/components/ControlModules/PublicShareClassicControlModule.svelte
+++ b/src/lib/components/ControlModules/PublicShareClassicControlModule.svelte
@@ -9,7 +9,8 @@
   } from '$lib/constants/ControlConstants';
   import type { Control } from '$lib/signalr/models/Control';
   import { ControlType } from '$lib/signalr/models/ControlType';
-  import { formatDurationSeconds, getPauseReason } from '$lib/utils';
+  import { formatDurationSeconds } from '@openshock/svelte-core/utils';
+  import { getPauseReason } from '$lib/utils';
   import { useShockerEvents } from '$lib/hooks/shocker-events.svelte';
   import ActionButtons from './impl/ActionButtons.svelte';
   import CircleSlider from './impl/CircleSlider.svelte';
diff --git a/src/lib/components/ControlModules/RichControlModule.svelte b/src/lib/components/ControlModules/RichControlModule.svelte
index 6dcc5483..c4f9e055 100644
--- a/src/lib/components/ControlModules/RichControlModule.svelte
+++ b/src/lib/components/ControlModules/RichControlModule.svelte
@@ -10,7 +10,7 @@
   import { getConnection } from '$lib/signalr/user.svelte';
   import { ControlType } from '$lib/signalr/models/ControlType';
   import { serializeControlMessages } from '$lib/signalr/serializers/Control';
-  import { formatDurationSeconds } from '$lib/utils';
+  import { formatDurationSeconds } from '@openshock/svelte-core/utils';
   import { useShockerEvents } from '$lib/hooks/shocker-events.svelte';
   import ActionButtons from './impl/ActionButtons.svelte';
 
diff --git a/src/lib/components/ControlModules/SharedShockerControlModule.svelte b/src/lib/components/ControlModules/SharedShockerControlModule.svelte
index 51fbd0f0..3de9deb3 100644
--- a/src/lib/components/ControlModules/SharedShockerControlModule.svelte
+++ b/src/lib/components/ControlModules/SharedShockerControlModule.svelte
@@ -10,7 +10,7 @@
   import { getConnection } from '$lib/signalr/user.svelte';
   import { ControlType } from '$lib/signalr/models/ControlType';
   import { serializeControlMessages } from '$lib/signalr/serializers/Control';
-  import { formatDurationSeconds } from '$lib/utils';
+  import { formatDurationSeconds } from '@openshock/svelte-core/utils';
   import { useShockerEvents } from '$lib/hooks/shocker-events.svelte';
   import ActionButtons from './impl/ActionButtons.svelte';
   import CircleSlider from './impl/CircleSlider.svelte';
diff --git a/src/lib/components/ControlModules/ShockerCard.svelte b/src/lib/components/ControlModules/ShockerCard.svelte
index 06cb8200..bb218470 100644
--- a/src/lib/components/ControlModules/ShockerCard.svelte
+++ b/src/lib/components/ControlModules/ShockerCard.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import { cn } from '$lib/utils';
+  import { cn } from '@openshock/svelte-core/utils/shadcn';
   import PauseOverlay from './impl/PauseOverlay.svelte';
 
   interface Props {
diff --git a/src/lib/components/ControlModules/SimpleControlHeader.svelte b/src/lib/components/ControlModules/SimpleControlHeader.svelte
index b4432c3a..0bb477fb 100644
--- a/src/lib/components/ControlModules/SimpleControlHeader.svelte
+++ b/src/lib/components/ControlModules/SimpleControlHeader.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { Timer, Volume2, Zap } from '@lucide/svelte';
   import { ControlDurationProps, ControlIntensityProps } from '$lib/constants/ControlConstants';
-  import { formatDurationSeconds } from '$lib/utils';
+  import { formatDurationSeconds } from '@openshock/svelte-core/utils';
   import CircleSlider from './impl/CircleSlider.svelte';
 
   interface Props {
diff --git a/src/lib/components/ControlModules/dialogs/dialog-shocker-add.svelte b/src/lib/components/ControlModules/dialogs/dialog-shocker-add.svelte
index 09d3e6c1..7f1a57b8 100644
--- a/src/lib/components/ControlModules/dialogs/dialog-shocker-add.svelte
+++ b/src/lib/components/ControlModules/dialogs/dialog-shocker-add.svelte
@@ -19,13 +19,13 @@
 </script>
 
 <script lang="ts">
-  import TextInput from '$lib/components/input/TextInput.svelte';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import * as Dialog from '$lib/components/ui/dialog';
-  import * as Select from '$lib/components/ui/select';
-  import { Field, FieldLabel } from '$lib/components/ui/field/index.js';
-  import { Input } from '$lib/components/ui/input';
-  import type { DialogContentProps } from '$lib/components/dialog-manager/types';
+  import { TextInput } from '@openshock/svelte-core/components/input';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
+  import * as Select from '@openshock/svelte-core/ui/select';
+  import { Field, FieldLabel } from '@openshock/svelte-core/ui/field';
+  import { Input } from '@openshock/svelte-core/ui/input';
+  import type { DialogContentProps } from '@openshock/svelte-core/components/dialog-manager';
   import { RfIdMax, RfIdMin, isValidRfId } from '$lib/constants/ShockerConstants';
   import type { OwnHub } from '$lib/state/hubs-state.svelte';
 
diff --git a/src/lib/components/ControlModules/impl/ActionButtons.svelte b/src/lib/components/ControlModules/impl/ActionButtons.svelte
index 1670f473..f8b76431 100644
--- a/src/lib/components/ControlModules/impl/ActionButtons.svelte
+++ b/src/lib/components/ControlModules/impl/ActionButtons.svelte
@@ -1,6 +1,6 @@
 <script lang="ts" module>
   import { Volume2, Waves, Zap } from '@lucide/svelte';
-  import { buttonVariants } from '$lib/components/ui/button/button.svelte';
+  import { buttonVariants } from '@openshock/svelte-core/ui/button';
   import { ControlType } from '$lib/signalr/models/ControlType';
 
   const Buttons = [
@@ -13,9 +13,9 @@
 </script>
 
 <script lang="ts">
-  import { Spinner } from '$lib/components/ui/spinner';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
   import type { TimeoutHandle } from '$lib/types/WAPI';
-  import { cn } from '$lib/utils';
+  import { cn } from '@openshock/svelte-core/utils/shadcn';
   import { onDestroy } from 'svelte';
 
   interface Props {
diff --git a/src/lib/components/ControlModules/impl/CircleSlider.svelte b/src/lib/components/ControlModules/impl/CircleSlider.svelte
index d1c05944..a04b9e21 100644
--- a/src/lib/components/ControlModules/impl/CircleSlider.svelte
+++ b/src/lib/components/ControlModules/impl/CircleSlider.svelte
@@ -1,5 +1,5 @@
 <script lang="ts" module>
-  import { getCircleX, getCircleY } from '$lib/utils/math';
+  import { getCircleX, getCircleY } from '@openshock/svelte-core/utils/math';
 
   // Gauge constants
   const viewHeight = 100;
@@ -23,7 +23,7 @@
 </script>
 
 <script lang="ts">
-  import { RadToDeg, clamp, invLerp, lerp } from '$lib/utils/math';
+  import { RadToDeg, clamp, invLerp, lerp } from '@openshock/svelte-core/utils/math';
   import { onDestroy } from 'svelte';
   import { cubicOut } from 'svelte/easing';
   import { Tween } from 'svelte/motion';
diff --git a/src/lib/components/ControlModules/impl/LimitsDisplay.svelte b/src/lib/components/ControlModules/impl/LimitsDisplay.svelte
index a64c94c0..03e748a3 100644
--- a/src/lib/components/ControlModules/impl/LimitsDisplay.svelte
+++ b/src/lib/components/ControlModules/impl/LimitsDisplay.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { ClockFading, Gauge } from '@lucide/svelte';
-  import { formatDurationSeconds } from '$lib/utils';
+  import { formatDurationSeconds } from '@openshock/svelte-core/utils';
 
   interface Props {
     maxIntensity: number;
diff --git a/src/lib/components/ControlModules/impl/PauseOverlay.svelte b/src/lib/components/ControlModules/impl/PauseOverlay.svelte
index d6f11c84..c13906f0 100644
--- a/src/lib/components/ControlModules/impl/PauseOverlay.svelte
+++ b/src/lib/components/ControlModules/impl/PauseOverlay.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { Pause, Play } from '@lucide/svelte';
-  import { Spinner } from '$lib/components/ui/spinner';
-  import { cn } from '$lib/utils';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
+  import { cn } from '@openshock/svelte-core/utils/shadcn';
 
   interface Props {
     isPaused: boolean;
diff --git a/src/lib/components/ControlModules/impl/ShockerMenu.svelte b/src/lib/components/ControlModules/impl/ShockerMenu.svelte
index 5e42eae8..76afa84d 100644
--- a/src/lib/components/ControlModules/impl/ShockerMenu.svelte
+++ b/src/lib/components/ControlModules/impl/ShockerMenu.svelte
@@ -3,12 +3,12 @@
   import type { ShockerResponse } from '$lib/api';
   import { Copy, Ellipsis, Logs, Pencil, Share2, Trash2 } from '@lucide/svelte';
   import { goto } from '$app/navigation';
-  import { dialog } from '$lib/components/dialog-manager/dialog-store.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
+  import { dialog } from '@openshock/svelte-core/components/dialog-manager';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as DropdownMenu from '@openshock/svelte-core/ui/dropdown-menu';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { refreshOwnHubs } from '$lib/state/hubs-state.svelte';
-  import { copyToClipboard } from '$lib/utils/clipboard.svelte';
+  import { copyToClipboard } from '@openshock/svelte-core/utils/clipboard.svelte';
   import { resolve } from '$app/paths';
   import { toast } from 'svelte-sonner';
 
diff --git a/src/lib/components/ControlModules/impl/ShockerPauseButton.svelte b/src/lib/components/ControlModules/impl/ShockerPauseButton.svelte
index 9c3a8015..55127f9d 100644
--- a/src/lib/components/ControlModules/impl/ShockerPauseButton.svelte
+++ b/src/lib/components/ControlModules/impl/ShockerPauseButton.svelte
@@ -2,8 +2,8 @@
   import { shockerPauseShocker } from '$lib/api';
   import type { ShockerResponse } from '$lib/api';
   import { Pause, Play } from '@lucide/svelte';
-  import { Button } from '$lib/components/ui/button';
-  import { Spinner } from '$lib/components/ui/spinner';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { toast } from 'svelte-sonner';
 
diff --git a/src/lib/components/CopyInput.svelte b/src/lib/components/CopyInput.svelte
deleted file mode 100644
index e90191f1..00000000
--- a/src/lib/components/CopyInput.svelte
+++ /dev/null
@@ -1,54 +0,0 @@
-<script lang="ts">
-  import { CircleCheckBig, Copy } from '@lucide/svelte';
-  import { cn } from '$lib/utils';
-  import { useClipboard } from '$lib/utils/clipboard.svelte';
-  import type { Snippet } from 'svelte';
-  import { scale } from 'svelte/transition';
-
-  interface Props {
-    value: string;
-    class?: string;
-    icon?: Snippet;
-    displayValue?: string;
-  }
-
-  let { value, class: className, icon, displayValue }: Props = $props();
-
-  const clip = useClipboard();
-</script>
-
-<form
-  class={cn(
-    'border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full flex-row rounded-md border px-3 py-2 text-base focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
-    className
-  )}
->
-  {#if icon}
-    {@render icon()}
-  {/if}
-  <input
-    class="mx-3 w-0 min-w-0 grow outline-none!"
-    type="text"
-    value={displayValue ?? value}
-    readonly
-    disabled
-  />
-  <span>
-    <button
-      onclick={() => clip.copy(value)}
-      class="transition-in-place"
-      title={clip.copied ? 'Copied' : 'Copy to clipboard'}
-      type="button"
-    >
-      {#if clip.copied}
-        <span transition:scale>
-          <CircleCheckBig size="20" />
-        </span>
-      {:else}
-        <span transition:scale>
-          <Copy size="20" />
-        </span>
-      {/if}
-    </button>
-  </span>
-</form>
diff --git a/src/lib/components/DotGrid.svelte b/src/lib/components/DotGrid.svelte
deleted file mode 100644
index 81580ace..00000000
--- a/src/lib/components/DotGrid.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts">
-  let mouseX = $state(-9999);
-  let mouseY = $state(-9999);
-  let rafPending = false;
-  let containerEl: HTMLDivElement | undefined = $state();
-
-  export function handlePointerMove(e: PointerEvent) {
-    if (rafPending) return;
-    rafPending = true;
-    requestAnimationFrame(() => {
-      const rect = containerEl?.getBoundingClientRect();
-      mouseX = rect ? e.clientX - rect.left : e.clientX;
-      mouseY = rect ? e.clientY - rect.top : e.clientY;
-      rafPending = false;
-    });
-  }
-</script>
-
-<div bind:this={containerEl} class="pointer-events-none absolute inset-0">
-  <div class="bg-grid absolute inset-0" aria-hidden="true"></div>
-  <div
-    class="bg-grid-spotlight absolute inset-0"
-    style:--mouse-x="{mouseX}px"
-    style:--mouse-y="{mouseY}px"
-    aria-hidden="true"
-  ></div>
-</div>
-
-<style>
-  .bg-grid {
-    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
-    background-size: 28px 28px;
-    background-position: center center;
-  }
-
-  .bg-grid-spotlight {
-    background-image: radial-gradient(circle, rgba(225, 74, 109, 0.9) 1px, transparent 1px);
-    background-size: 28px 28px;
-    background-position: center center;
-    mask-image: radial-gradient(
-      circle 220px at var(--mouse-x, -9999px) var(--mouse-y, -9999px),
-      black 0%,
-      transparent 75%
-    );
-    -webkit-mask-image: radial-gradient(
-      circle 220px at var(--mouse-x, -9999px) var(--mouse-y, -9999px),
-      black 0%,
-      transparent 75%
-    );
-  }
-</style>
diff --git a/src/lib/components/EmptyState.svelte b/src/lib/components/EmptyState.svelte
deleted file mode 100644
index b3dbbbb0..00000000
--- a/src/lib/components/EmptyState.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-  import * as Empty from '$lib/components/ui/empty';
-  import { cn } from '$lib/utils';
-  import type { Component, Snippet } from 'svelte';
-
-  interface Props {
-    /** Icon component (e.g. a lucide icon) rendered in the media slot. */
-    icon: Component;
-    title: string;
-    description?: string;
-    /** `default` fills/centers the available space; `compact` is a small bordered box. */
-    compact?: boolean;
-    class?: string;
-    /** Optional action area (e.g. a button), rendered below the text. */
-    children?: Snippet;
-  }
-
-  let { icon: Icon, title, description, compact, class: className, children }: Props = $props();
-</script>
-
-<Empty.Root class={cn(compact ? 'flex-none rounded-md border' : 'gap-6 py-12 sm:gap-8', className)}>
-  <Empty.Header class={compact ? undefined : 'gap-3'}>
-    <Empty.Media
-      variant="icon"
-      class={compact
-        ? undefined
-        : "size-16 rounded-2xl sm:size-20 [&_svg:not([class*='size-'])]:size-8 sm:[&_svg:not([class*='size-'])]:size-10"}
-    >
-      <Icon />
-    </Empty.Media>
-    <Empty.Title class={compact ? undefined : 'text-xl sm:text-2xl'}>{title}</Empty.Title>
-    {#if description}
-      <Empty.Description class={compact ? undefined : 'text-base sm:text-lg'}>
-        {description}
-      </Empty.Description>
-    {/if}
-  </Empty.Header>
-  {#if children}
-    <Empty.Content>
-      {@render children()}
-    </Empty.Content>
-  {/if}
-</Empty.Root>
diff --git a/src/lib/components/ExpirationPicker.svelte b/src/lib/components/ExpirationPicker.svelte
index fe3eb504..4ea7e9eb 100644
--- a/src/lib/components/ExpirationPicker.svelte
+++ b/src/lib/components/ExpirationPicker.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import { parseAbsoluteToLocal, type ZonedDateTime } from '@internationalized/date';
-  import DateTimePicker from '$lib/components/datetime-picker/date-time-picker.svelte';
-  import * as Select from '$lib/components/ui/select';
-  import { GetValResColor } from '$lib/types/ValidationResult';
-  import { durationBetween, formatElapsed } from '$lib/utils';
+  import { DateTimePicker } from '@openshock/svelte-core/components/datetime-picker';
+  import * as Select from '@openshock/svelte-core/ui/select';
+  import { GetValResColor } from '@openshock/svelte-core/types/ValidationResult';
+  import { durationBetween, formatElapsed } from '@openshock/svelte-core/utils';
 
   interface Props {
     option?: string;
diff --git a/src/lib/components/FirmwareChannelSelector.svelte b/src/lib/components/FirmwareChannelSelector.svelte
index 18d93638..1789bc89 100644
--- a/src/lib/components/FirmwareChannelSelector.svelte
+++ b/src/lib/components/FirmwareChannelSelector.svelte
@@ -5,7 +5,7 @@
     type FirmwareChannel,
     FirmwareChannels,
   } from '$lib/api/firmwareCDN';
-  import * as ToggleGroup from '$lib/components/ui/toggle-group';
+  import * as ToggleGroup from '@openshock/svelte-core/ui/toggle-group';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
 
   /** Optional chip to constrain the list of boards to */
diff --git a/src/lib/components/Keyboard.svelte b/src/lib/components/Keyboard.svelte
deleted file mode 100644
index f88f7c14..00000000
--- a/src/lib/components/Keyboard.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-  import type { ChildrenFunc } from '$lib/types/ChildrenFunc';
-
-  interface Props {
-    children?: ChildrenFunc;
-  }
-
-  let { children }: Props = $props();
-</script>
-
-<kbd
-  class="inline-flex min-h-[30px] items-center justify-center rounded-md border border-gray-200 bg-white px-1.5 py-1 font-mono text-sm text-gray-800 shadow-[0px_2px_0px_0px_rgba(0,0,0,0.08)] dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-200 dark:shadow-[0px_2px_0px_0px_rgba(255,255,255,0.1)]"
->
-  {@render children?.()}
-</kbd>
diff --git a/src/lib/components/LightSwitch.svelte b/src/lib/components/LightSwitch.svelte
deleted file mode 100644
index 200f4be8..00000000
--- a/src/lib/components/LightSwitch.svelte
+++ /dev/null
@@ -1,95 +0,0 @@
-<script lang="ts">
-  import { Moon, Sun } from '@lucide/svelte';
-  import { Button, buttonVariants } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
-  import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
-  import {
-    ColorScheme,
-    colorScheme,
-    getDarkReaderState,
-  } from '$lib/state/color-scheme-state.svelte';
-  import { cn } from '$lib/utils';
-  import { toast } from 'svelte-sonner';
-
-  let pendingScheme = $state<ColorScheme | null>(null);
-  function handleOpenChanged(open: boolean) {
-    if (open) return;
-    pendingScheme = null;
-  }
-  function confirm() {
-    if (!pendingScheme) return;
-    colorScheme.value = pendingScheme;
-    pendingScheme = null;
-  }
-
-  // Decision matrix
-  //        light  dark system pending
-  //  light false false  false
-  //   dark true  false  check
-  // system check false  false
-  // current
-  function isGoingNuclear(current: ColorScheme, pending: ColorScheme) {
-    // There will definetly be no transition from dark -> light
-    if (current === pending || current === ColorScheme.Light || pending === ColorScheme.Dark)
-      return false;
-
-    const currentDark = current === ColorScheme.Dark;
-    const pendingLight = pending === ColorScheme.Light;
-    if (currentDark && pendingLight) return true; // Change will definetly go from dark to light
-
-    // Now either current or pending is system, so we need to query the browser preference
-    if (window.matchMedia('(prefers-color-scheme: light)').matches) {
-      // System prefers lightmode, if the current mode is dark the transition will happen
-      return currentDark;
-    }
-
-    // system prefers darkmode, if pending is light then the transition will happen
-    return pendingLight;
-  }
-  function evaluateLightSwitch(scheme: ColorScheme) {
-    if (isGoingNuclear(colorScheme.value, scheme)) {
-      const darkreader = getDarkReaderState();
-      if (darkreader.isActive) {
-        toast.warning('DarkReader is enabled, activating light mode will have no effect!');
-        return;
-      }
-      pendingScheme = scheme;
-      return;
-    }
-    colorScheme.value = scheme;
-  }
-</script>
-
-<Dialog.Root bind:open={() => pendingScheme !== null, handleOpenChanged}>
-  <Dialog.Content>
-    <Dialog.Header>
-      <Dialog.Title>Switch to light mode</Dialog.Title>
-      <Dialog.Description>
-        <span class="font-bold text-red-500">Warning:</span> You are about to switch to light mode.
-        <br />
-        Are you sure you want to do this?
-      </Dialog.Description>
-    </Dialog.Header>
-    <Button variant="destructive" onclick={confirm}>I am willing to take the risk</Button>
-  </Dialog.Content>
-</Dialog.Root>
-
-<DropdownMenu.Root>
-  <DropdownMenu.Trigger
-    class={cn(buttonVariants({ variant: 'ghost' }), 'size-8! text-gray-600 dark:text-gray-300')}
-  >
-    <Sun class="size-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" />
-    <Moon
-      class="absolute size-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"
-    />
-    <span class="sr-only">Toggle theme</span>
-  </DropdownMenu.Trigger>
-  <DropdownMenu.Content align="end">
-    {#each Object.values(ColorScheme) as value (value)}
-      <DropdownMenu.Item
-        class="cursor-pointer capitalize"
-        onclick={() => evaluateLightSwitch(value)}>{value}</DropdownMenu.Item
-      >
-    {/each}
-  </DropdownMenu.Content>
-</DropdownMenu.Root>
diff --git a/src/lib/components/PageHeader.svelte b/src/lib/components/PageHeader.svelte
deleted file mode 100644
index f1819e47..00000000
--- a/src/lib/components/PageHeader.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { Snippet } from 'svelte';
-
-  let {
-    title,
-    subtitle,
-    children,
-    class: className,
-  }: {
-    title: string;
-    subtitle?: string;
-    children?: Snippet;
-    class?: string;
-  } = $props();
-</script>
-
-<div class={cn('mb-4 w-full', className)}>
-  <div class="flex w-full flex-wrap items-center gap-x-2 gap-y-1">
-    <h1 class="text-3xl font-bold">
-      {title}
-    </h1>
-    {#if children}
-      <div class="ml-auto flex flex-wrap items-center justify-end gap-1">
-        {@render children()}
-      </div>
-    {/if}
-  </div>
-
-  {#if subtitle}
-    <p class="text-muted-foreground mt-1">{subtitle}</p>
-  {/if}
-</div>
diff --git a/src/lib/components/Stepper.svelte b/src/lib/components/Stepper.svelte
index f790092c..32ba2141 100644
--- a/src/lib/components/Stepper.svelte
+++ b/src/lib/components/Stepper.svelte
@@ -12,7 +12,7 @@
 <script lang="ts">
   import { untrack } from 'svelte';
   import { Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from '@lucide/svelte';
-  import { Button } from '$lib/components/ui/button';
+  import { Button } from '@openshock/svelte-core/ui/button';
 
   interface Props {
     steps: StepperStep[];
diff --git a/src/lib/components/Table/CellContent.svelte b/src/lib/components/Table/CellContent.svelte
index d4f9f7ec..c5631e53 100644
--- a/src/lib/components/Table/CellContent.svelte
+++ b/src/lib/components/Table/CellContent.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { twTextColor, type TwTextColor } from '$lib/types/Tailwind';
-  import { cn } from '$lib/utils';
+  import { twTextColor, type TwTextColor } from '@openshock/svelte-core/types/Tailwind';
+  import { cn } from '@openshock/svelte-core/utils/shadcn';
 
   interface Props {
     text: string;
diff --git a/src/lib/components/Table/ColumnUtils.ts b/src/lib/components/Table/ColumnUtils.ts
index 4a08a32e..4d033b44 100644
--- a/src/lib/components/Table/ColumnUtils.ts
+++ b/src/lib/components/Table/ColumnUtils.ts
@@ -1,11 +1,11 @@
-import { renderComponent } from '$lib/components/ui/data-table';
+import { getReadableUserAgentName } from '$lib/utils';
+import { renderComponent } from '@openshock/svelte-core/ui/data-table';
 import {
   durationBetween,
   formatDuration,
   formatDurationSeconds,
   formatElapsed,
-  getReadableUserAgentName,
-} from '$lib/utils';
+} from '@openshock/svelte-core/utils';
 import {
   sortingFns,
   type BuiltInSortingFn,
diff --git a/src/lib/components/Table/DataTableTemplate.svelte b/src/lib/components/Table/DataTableTemplate.svelte
index d37bf0f8..32621ba5 100644
--- a/src/lib/components/Table/DataTableTemplate.svelte
+++ b/src/lib/components/Table/DataTableTemplate.svelte
@@ -9,9 +9,9 @@
     getPaginationRowModel,
     getSortedRowModel,
   } from '@tanstack/table-core';
-  import { FlexRender, createSvelteTable } from '$lib/components/ui/data-table';
-  import * as Table from '$lib/components/ui/table';
-  import { cn } from '$lib/utils';
+  import { FlexRender, createSvelteTable } from '@openshock/svelte-core/ui/data-table';
+  import * as Table from '@openshock/svelte-core/ui/table';
+  import { cn } from '@openshock/svelte-core/utils/shadcn';
 
   interface Props {
     data: TData[];
diff --git a/src/lib/components/Table/PaginationFooter.svelte b/src/lib/components/Table/PaginationFooter.svelte
index d08271fb..c15409e3 100644
--- a/src/lib/components/Table/PaginationFooter.svelte
+++ b/src/lib/components/Table/PaginationFooter.svelte
@@ -7,7 +7,7 @@
     NextButton,
     PrevButton,
     Root,
-  } from '$lib/components/ui/pagination';
+  } from '@openshock/svelte-core/ui/pagination';
 
   interface Props {
     count: number;
diff --git a/src/lib/components/TableActionMenu.svelte b/src/lib/components/TableActionMenu.svelte
deleted file mode 100644
index 439dbba6..00000000
--- a/src/lib/components/TableActionMenu.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts">
-  import Ellipsis from '@lucide/svelte/icons/ellipsis';
-  import { Button } from '$lib/components/ui/button';
-  import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
-  import type { Snippet } from 'svelte';
-
-  interface Props {
-    children?: Snippet;
-  }
-
-  let { children }: Props = $props();
-</script>
-
-<DropdownMenu.Root>
-  <DropdownMenu.Trigger>
-    {#snippet child({ props })}
-      <Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
-        <span class="sr-only">Open menu</span>
-        <Ellipsis class="size-4" />
-      </Button>
-    {/snippet}
-  </DropdownMenu.Trigger>
-  <DropdownMenu.Content>
-    {@render children?.()}
-  </DropdownMenu.Content>
-</DropdownMenu.Root>
diff --git a/src/lib/components/TelemetryConsentToast.svelte b/src/lib/components/TelemetryConsentToast.svelte
index ea2ddf1c..3de2ee76 100644
--- a/src/lib/components/TelemetryConsentToast.svelte
+++ b/src/lib/components/TelemetryConsentToast.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import Bug from '@lucide/svelte/icons/bug';
-  import { Button } from '$lib/components/ui/button';
+  import { Button } from '@openshock/svelte-core/ui/button';
   import {
     telemetryConsent,
     telemetryPrompted,
diff --git a/src/lib/components/Turnstile.svelte b/src/lib/components/Turnstile.svelte
index 4e716cb9..86f7701f 100644
--- a/src/lib/components/Turnstile.svelte
+++ b/src/lib/components/Turnstile.svelte
@@ -2,9 +2,9 @@
   import Bug from '@lucide/svelte/icons/bug';
   import { dev } from '$app/environment';
   import { PUBLIC_TURNSTILE_DEV_BYPASS_VALUE } from '$env/static/public';
-  import CloudflareLogo from '$lib/components/svg/CloudflareLogo.svelte';
-  import { Spinner } from '$lib/components/ui/spinner';
-  import { ColorScheme, colorScheme } from '$lib/state/color-scheme-state.svelte';
+  import { CloudflareLogo } from '@openshock/svelte-core/components/svg';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
+  import { ColorScheme, colorScheme } from '@openshock/svelte-core/state/color-scheme-state.svelte';
   import { onMount } from 'svelte';
   import { toast } from 'svelte-sonner';
   import { backendMetadata } from '$lib/state/backend-metadata-state.svelte';
diff --git a/src/lib/components/auth/oauth-buttons.svelte b/src/lib/components/auth/oauth-buttons.svelte
index 8a06ee8d..30a1fb80 100644
--- a/src/lib/components/auth/oauth-buttons.svelte
+++ b/src/lib/components/auth/oauth-buttons.svelte
@@ -1,7 +1,7 @@
 <script lang="ts" module>
-  import XLogo from '../svg/XLogo.svelte';
-  import DiscordLogo from '../svg/DiscordLogo.svelte';
-  import GoogleLogo from '../svg/GoogleLogo.svelte';
+  import { XLogo } from '@openshock/svelte-core/components/svg';
+  import { DiscordLogo } from '@openshock/svelte-core/components/svg';
+  import { GoogleLogo } from '@openshock/svelte-core/components/svg';
 
   const providerDetails: Record<string, { icon: typeof XLogo; label: string }> = {
     discord: { icon: DiscordLogo, label: 'Discord' },
@@ -11,8 +11,8 @@
 </script>
 
 <script lang="ts">
-  import { Button } from '$lib/components/ui/button/index.js';
-  import { Field } from '$lib/components/ui/field/index.js';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import { Field } from '@openshock/svelte-core/ui/field';
   import { GetOAuthAuthorizeUrl } from '$lib/api/next/oauth';
   import { LogIn } from '@lucide/svelte';
 
diff --git a/src/lib/components/datetime-picker/date-time-picker.svelte b/src/lib/components/datetime-picker/date-time-picker.svelte
deleted file mode 100644
index cb338a10..00000000
--- a/src/lib/components/datetime-picker/date-time-picker.svelte
+++ /dev/null
@@ -1,87 +0,0 @@
-<script lang="ts">
-  import {
-    DateFormatter,
-    type DateValue,
-    Time,
-    ZonedDateTime,
-    getLocalTimeZone,
-    now,
-  } from '@internationalized/date';
-  import { CalendarIcon } from '@lucide/svelte';
-  import { buttonVariants } from '$lib/components/ui/button';
-  import { Calendar } from '$lib/components/ui/calendar';
-  import * as Popover from '$lib/components/ui/popover';
-  import { cn } from '$lib/utils';
-  import TimePicker from './time-picker.svelte';
-
-  const df = new DateFormatter('en-US', {
-    weekday: 'long',
-    month: 'long',
-    day: 'numeric',
-    hour: 'numeric',
-    minute: 'numeric',
-    hourCycle: 'h23',
-  });
-
-  let contentRef = $state<HTMLElement | null>(null);
-  let dateValue = $state<DateValue>();
-
-  let {
-    date = $bindable<ZonedDateTime>(),
-    setDate,
-  }: {
-    date?: ZonedDateTime;
-    setDate?: (date: DateValue) => void;
-  } = $props();
-
-  let time = $state(new Time(date?.hour ?? 0, date?.minute ?? 0));
-
-  function onValueChange(_date: DateValue | undefined) {
-    if (!date) {
-      date = now(getLocalTimeZone());
-      time = new Time(date.hour, date.minute, date.second); // set to current time aswell if empty
-    }
-
-    date = date?.set({
-      year: _date?.year,
-      month: _date?.month,
-      day: _date?.day,
-    });
-
-    setDate?.(date);
-  }
-
-  function setTime(time: Time) {
-    if (!date) date = now(getLocalTimeZone());
-
-    date = date?.set({
-      minute: time.minute,
-      hour: time.hour,
-      second: time.second,
-    });
-
-    setDate?.(date);
-  }
-</script>
-
-<Popover.Root>
-  <Popover.Trigger
-    class={cn(
-      buttonVariants({
-        variant: 'outline',
-        class: 'w-[280px] justify-start text-left font-normal',
-      }),
-      !date && 'text-muted-foreground'
-    )}
-  >
-    <CalendarIcon />
-    {date ? df.format(date.toDate()) : 'Pick a date'}
-  </Popover.Trigger>
-  <Popover.Content bind:ref={contentRef} class="w-auto p-0">
-    <div class="flex border-b p-2">
-      <TimePicker bind:time setTime={(time) => time && setTime(time)} />
-    </div>
-
-    <Calendar {onValueChange} type="single" bind:value={dateValue} />
-  </Popover.Content>
-</Popover.Root>
diff --git a/src/lib/components/datetime-picker/time-picker-input.svelte b/src/lib/components/datetime-picker/time-picker-input.svelte
deleted file mode 100644
index f6a04e56..00000000
--- a/src/lib/components/datetime-picker/time-picker-input.svelte
+++ /dev/null
@@ -1,140 +0,0 @@
-<script lang="ts" module>
-  import type { Time as TimeType } from '@internationalized/date';
-  import type { WithElementRef } from 'bits-ui';
-  import type { HTMLInputAttributes } from 'svelte/elements';
-
-  export type TimePickerInputProps = WithElementRef<HTMLInputAttributes> & {
-    type?: string;
-    value?: string;
-    name?: string;
-    files?: FileList | undefined;
-    picker: TimePickerType;
-    time: TimeType | undefined;
-    setTime?: (time: TimeType) => void;
-    period?: Period;
-    onRightFocus?: () => void;
-    onLeftFocus?: () => void;
-  };
-</script>
-
-<script lang="ts">
-  import { Time } from '@internationalized/date';
-  import { Input } from '$lib/components/ui/input';
-  import { cn } from '$lib/utils';
-  import {
-    type Period,
-    type TimePickerType,
-    getArrowByType,
-    getDateByType,
-    setDateByType,
-  } from './time-picker-utils';
-
-  let {
-    class: className,
-    type = 'tel',
-    value,
-    files: _files,
-
-    id,
-    name,
-    time = $bindable(new Time(0, 0)),
-    setTime,
-    picker,
-    period,
-    onLeftFocus,
-    onRightFocus,
-
-    onkeydown,
-    onchange,
-
-    ref = $bindable(null),
-
-    ...restProps
-  }: TimePickerInputProps = $props();
-
-  let flag = $state<boolean>(false);
-
-  // derived display value, updates when `time` or `picker` change
-  let calculatedValue = $derived.by(() => getDateByType(time, picker));
-
-  $effect(() => {
-    if (flag) {
-      const timer = setTimeout(() => {
-        flag = false;
-      }, 2000);
-      return () => clearTimeout(timer);
-    }
-  });
-
-  function calculateNewValue(key: string) {
-    const cur = calculatedValue.padStart(2, '0');
-    const raw = flag ? cur[0] + key : key + cur[1];
-    let num = Number.parseInt(raw, 10);
-
-    num =
-      picker === '12hours'
-        ? Math.min(Math.max(num, 1), 12)
-        : picker === 'hours'
-          ? Math.min(Math.max(num, 0), 23)
-          : Math.min(Math.max(num, 0), 60);
-
-    return String(num).padStart(2, '0');
-  }
-
-  function handleKeyDown(e: KeyboardEvent) {
-    if (e.key === 'Tab') return;
-
-    const isNavKey = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(e.key);
-    const isDigit = e.key >= '0' && e.key <= '9';
-
-    if (isNavKey || isDigit) {
-      e.preventDefault();
-    }
-
-    if (e.key === 'ArrowRight') onRightFocus?.();
-    if (e.key === 'ArrowLeft') onLeftFocus?.();
-
-    if (['ArrowUp', 'ArrowDown'].includes(e.key)) {
-      const step = e.key === 'ArrowUp' ? 1 : -1;
-      const newValue = getArrowByType(calculatedValue, step, picker);
-
-      if (flag) flag = false;
-
-      const tempTime = time.copy();
-      time = setDateByType(tempTime, newValue, picker, period);
-      setTime?.(time);
-    }
-
-    if (isDigit) {
-      const newVal = calculateNewValue(e.key);
-      if (flag) onRightFocus?.();
-      flag = !flag;
-
-      const tempTime = time.copy();
-      time = setDateByType(tempTime, newVal, picker, period);
-      setTime?.(time);
-    }
-  }
-</script>
-
-<Input
-  bind:ref
-  id={id || picker}
-  name={name || picker}
-  class={cn(
-    'focus:bg-accent focus:text-accent-foreground w-12 text-center font-mono text-base tabular-nums caret-transparent [&::-webkit-inner-spin-button]:appearance-none',
-    className
-  )}
-  value={value || calculatedValue}
-  onchange={(e) => {
-    e.preventDefault();
-    onchange?.(e);
-  }}
-  {type}
-  inputmode="decimal"
-  onkeydown={(e) => {
-    onkeydown?.(e);
-    handleKeyDown(e);
-  }}
-  {...restProps}
-/>
diff --git a/src/lib/components/datetime-picker/time-picker-utils.ts b/src/lib/components/datetime-picker/time-picker-utils.ts
deleted file mode 100644
index a2d9a498..00000000
--- a/src/lib/components/datetime-picker/time-picker-utils.ts
+++ /dev/null
@@ -1,190 +0,0 @@
-import { Time } from '@internationalized/date';
-
-/**
- * regular expression to check for valid hour format (01-23)
- */
-export function isValidHour(value: string) {
-  return /^(0[0-9]|1[0-9]|2[0-3])$/.test(value);
-}
-
-/**
- * regular expression to check for valid 12 hour format (01-12)
- */
-export function isValid12Hour(value: string) {
-  return /^(0[1-9]|1[0-2])$/.test(value);
-}
-
-/**
- * regular expression to check for valid minute format (00-59)
- */
-export function isValidMinuteOrSecond(value: string) {
-  return /^[0-5][0-9]$/.test(value);
-}
-
-type GetValidNumberConfig = { max: number; min?: number; loop?: boolean };
-
-export function getValidNumber(
-  value: string,
-  { max, min = 0, loop = false }: GetValidNumberConfig
-) {
-  let numericValue = Number.parseInt(value, 10);
-
-  if (!isNaN(numericValue)) {
-    if (!loop) {
-      if (numericValue > max) numericValue = max;
-      if (numericValue < min) numericValue = min;
-    } else {
-      if (numericValue > max) numericValue = min;
-      if (numericValue < min) numericValue = max;
-    }
-    return numericValue.toString().padStart(2, '0');
-  }
-
-  return '00';
-}
-
-export function getValidHour(value: string) {
-  if (isValidHour(value)) return value;
-  return getValidNumber(value, { max: 23 });
-}
-
-export function getValid12Hour(value: string) {
-  if (isValid12Hour(value)) return value;
-  return getValidNumber(value, { min: 1, max: 12 });
-}
-
-export function getValidMinuteOrSecond(value: string) {
-  if (isValidMinuteOrSecond(value)) return value;
-  return getValidNumber(value, { max: 59 });
-}
-
-type GetValidArrowNumberConfig = {
-  min: number;
-  max: number;
-  step: number;
-};
-
-export function getValidArrowNumber(value: string, { min, max, step }: GetValidArrowNumberConfig) {
-  let numericValue = Number.parseInt(value, 10);
-  if (!isNaN(numericValue)) {
-    numericValue += step;
-    return getValidNumber(String(numericValue), { min, max, loop: true });
-  }
-  return '00';
-}
-
-export function getValidArrowHour(value: string, step: number) {
-  return getValidArrowNumber(value, { min: 0, max: 23, step });
-}
-
-export function getValidArrow12Hour(value: string, step: number) {
-  return getValidArrowNumber(value, { min: 1, max: 12, step });
-}
-
-export function getValidArrowMinuteOrSecond(value: string, step: number) {
-  return getValidArrowNumber(value, { min: 0, max: 59, step });
-}
-
-export function setMinutes(time: Time, value: string) {
-  const minutes = getValidMinuteOrSecond(value);
-  return time.set({ minute: Number.parseInt(minutes, 10) });
-}
-
-export function setSeconds(time: Time, value: string) {
-  const seconds = getValidMinuteOrSecond(value);
-  return time.set({ second: Number.parseInt(seconds, 10) });
-}
-
-export function setHours(time: Time, value: string) {
-  const hours = getValidHour(value);
-  return time.set({ hour: Number.parseInt(hours, 10) });
-}
-
-export function set12Hours(time: Time, value: string, period: Period) {
-  const hours = Number.parseInt(getValid12Hour(value), 10);
-  const convertedHours = convert12HourTo24Hour(hours, period);
-  return time.set({ hour: convertedHours });
-}
-
-export type TimePickerType = 'minutes' | 'seconds' | 'hours' | '12hours';
-export type Period = 'AM' | 'PM';
-
-export function setDateByType(time: Time, value: string, type: TimePickerType, period?: Period) {
-  switch (type) {
-    case 'minutes':
-      return setMinutes(time, value);
-    case 'seconds':
-      return setSeconds(time, value);
-    case 'hours':
-      return setHours(time, value);
-    case '12hours': {
-      if (!period) return time;
-      return set12Hours(time, value, period);
-    }
-    default:
-      return time;
-  }
-}
-
-export function getDateByType(time: Time, type: TimePickerType) {
-  switch (type) {
-    case 'minutes':
-      return getValidMinuteOrSecond(String(time.minute));
-    case 'seconds':
-      return getValidMinuteOrSecond(String(time.second));
-    case 'hours':
-      return getValidHour(String(time.hour));
-    case '12hours': {
-      const hours = display12HourValue(time.hour);
-      return getValid12Hour(String(hours));
-    }
-    default:
-      return '00';
-  }
-}
-
-export function getArrowByType(value: string, step: number, type: TimePickerType) {
-  switch (type) {
-    case 'minutes':
-      return getValidArrowMinuteOrSecond(value, step);
-    case 'seconds':
-      return getValidArrowMinuteOrSecond(value, step);
-    case 'hours':
-      return getValidArrowHour(value, step);
-    case '12hours':
-      return getValidArrow12Hour(value, step);
-    default:
-      return '00';
-  }
-}
-
-/**
- * handles value change of 12-hour input
- * 12:00 PM is 12:00
- * 12:00 AM is 00:00
- */
-export function convert12HourTo24Hour(hour: number, period: Period) {
-  if (period === 'PM') {
-    if (hour <= 11) {
-      return hour + 12;
-    } else {
-      return hour;
-    }
-  } else if (period === 'AM') {
-    if (hour === 12) return 0;
-    return hour;
-  }
-  return hour;
-}
-
-/**
- * time is stored in the 24-hour form,
- * but needs to be displayed to the user
- * in its 12-hour representation
- */
-export function display12HourValue(hours: number) {
-  if (hours === 0 || hours === 12) return '12';
-  if (hours >= 22) return `${hours - 12}`;
-  if (hours % 12 > 9) return `${hours}`;
-  return `0${hours % 12}`;
-}
diff --git a/src/lib/components/datetime-picker/time-picker.svelte b/src/lib/components/datetime-picker/time-picker.svelte
deleted file mode 100644
index a0ee4afe..00000000
--- a/src/lib/components/datetime-picker/time-picker.svelte
+++ /dev/null
@@ -1,83 +0,0 @@
-<script lang="ts">
-  import { Time } from '@internationalized/date';
-  import { Label } from '$lib/components/ui/label';
-  import { cn } from '$lib/utils';
-  import TimePickerInput from './time-picker-input.svelte';
-
-  let {
-    time = $bindable(new Time(0, 0)),
-
-    view = 'labels',
-
-    setTime,
-
-    showSeconds = false,
-  }: {
-    time: Time | undefined;
-
-    view?: 'labels' | 'dotted';
-
-    setTime?: (time: Time) => void;
-
-    showSeconds?: boolean;
-  } = $props();
-
-  let minuteRef = $state<HTMLInputElement | null>(null);
-  let hourRef = $state<HTMLInputElement | null>(null);
-  let secondRef = $state<HTMLInputElement | null>(null);
-</script>
-
-<div class={cn('flex items-center gap-2', view === 'dotted' && 'gap-1')}>
-  <div class="grid gap-1 text-center">
-    {#if view === 'labels'}
-      <Label for="hours" class="text-xs">Hours</Label>
-    {/if}
-
-    <TimePickerInput
-      picker="hours"
-      bind:time
-      bind:ref={hourRef}
-      {setTime}
-      onRightFocus={() => minuteRef?.focus()}
-    />
-  </div>
-
-  {#if view === 'dotted'}
-    <span class="-translate-y-0.5">:</span>
-  {/if}
-
-  <div class="grid gap-1 text-center">
-    {#if view === 'labels'}
-      <Label for="minutes" class="text-xs">Minutes</Label>
-    {/if}
-
-    <TimePickerInput
-      picker="minutes"
-      bind:time
-      bind:ref={minuteRef}
-      {setTime}
-      onLeftFocus={() => hourRef?.focus()}
-      onRightFocus={() => secondRef?.focus()}
-    />
-  </div>
-
-  {#if view === 'dotted'}
-    <span class="-translate-y-0.5">:</span>
-  {/if}
-
-  {#if showSeconds}
-    <div class="grid gap-1 text-center">
-      {#if view === 'labels'}
-        <Label for="seconds" class="text-xs">Seconds</Label>
-      {/if}
-
-      <TimePickerInput
-        picker="seconds"
-        bind:time
-        bind:ref={secondRef}
-        {setTime}
-        onLeftFocus={() => minuteRef?.focus()}
-      />
-    </div>
-  {/if}
-</div>
diff --git a/src/lib/components/dialog-manager/dialog-alert-content.svelte b/src/lib/components/dialog-manager/dialog-alert-content.svelte
deleted file mode 100644
index e8b4ea1f..00000000
--- a/src/lib/components/dialog-manager/dialog-alert-content.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-  import { Button } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
-  import type { AlertProps } from './types';
-
-  let { title, desc, buttonText = 'OK', resolve }: AlertProps = $props();
-
-  function handleAcknowledge() {
-    resolve();
-  }
-</script>
-
-<Dialog.Header>
-  <Dialog.Title>{title}</Dialog.Title>
-  {#if desc}
-    <Dialog.Description>{desc}</Dialog.Description>
-  {/if}
-</Dialog.Header>
-<Dialog.Footer>
-  <Button onclick={handleAcknowledge}>{buttonText}</Button>
-</Dialog.Footer>
diff --git a/src/lib/components/dialog-manager/dialog-confirm-content.svelte b/src/lib/components/dialog-manager/dialog-confirm-content.svelte
deleted file mode 100644
index 450b7556..00000000
--- a/src/lib/components/dialog-manager/dialog-confirm-content.svelte
+++ /dev/null
@@ -1,45 +0,0 @@
-<script lang="ts" generics="T">
-  import { Spinner } from '$lib/components/ui/spinner';
-  import { Button } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
-  import type { ConfirmProps } from './types.ts';
-
-  let {
-    title,
-    desc,
-    data,
-    confirmButtonText = 'Confirm',
-    cancelButtonText = 'Cancel',
-    descSnippet,
-    resolve,
-    close,
-  }: ConfirmProps<T> = $props();
-
-  let loading = $state(false);
-
-  function handleConfirm() {
-    loading = true;
-    resolve({ confirmed: true, data: data as T });
-  }
-
-  function handleCancel() {
-    close();
-  }
-</script>
-
-<Dialog.Header>
-  <Dialog.Title>{title}</Dialog.Title>
-  <Dialog.Description>
-    {desc}
-    {#if descSnippet}
-      {@render descSnippet(data as T)}
-    {/if}
-  </Dialog.Description>
-</Dialog.Header>
-<Dialog.Footer>
-  <Button variant="outline" onclick={handleCancel}>{cancelButtonText}</Button>
-  <Button disabled={loading} variant="destructive" onclick={handleConfirm}>
-    {#if loading}<Spinner />{/if}
-    {confirmButtonText}
-  </Button>
-</Dialog.Footer>
diff --git a/src/lib/components/dialog-manager/dialog-custom-content.svelte b/src/lib/components/dialog-manager/dialog-custom-content.svelte
deleted file mode 100644
index 38f91730..00000000
--- a/src/lib/components/dialog-manager/dialog-custom-content.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts" generics="T, R">
-  import type { CustomProps, DialogRenderProps } from './types.ts';
-
-  let { data: initialData, contentSnippet, resolve, close }: CustomProps<T, R> = $props();
-
-  // svelte-ignore state_referenced_locally -- intentionally captures initial value as own reactive copy
-  let data: T = $state(initialData as T);
-
-  const renderProps: DialogRenderProps<T, R> = $derived({
-    data,
-    resolve,
-    close,
-  });
-</script>
-
-{@render contentSnippet(renderProps)}
diff --git a/src/lib/components/dialog-manager/dialog-manager.svelte b/src/lib/components/dialog-manager/dialog-manager.svelte
deleted file mode 100644
index 5d4749c0..00000000
--- a/src/lib/components/dialog-manager/dialog-manager.svelte
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts">
-  import * as Dialog from '$lib/components/ui/dialog';
-  import { getOldestDialog } from './dialog-store.svelte.ts';
-
-  let entry = $derived(getOldestDialog());
-  let dialogId = $derived(entry?.[0]);
-  let ctx = $derived(entry?.[1]);
-
-  let open = $state(true);
-
-  // Reset open when dialog changes
-  $effect(() => {
-    if (dialogId) {
-      open = true;
-    }
-  });
-
-  function handleOpenChange(isOpen: boolean) {
-    if (!isOpen && ctx) {
-      // Dialog was closed (escape, overlay click, etc.) - call close handler
-      (ctx.props as { close?: () => void }).close?.();
-    }
-    open = isOpen;
-  }
-</script>
-
-{#if dialogId && ctx}
-  {#key dialogId}
-    <Dialog.Root bind:open={() => open, handleOpenChange}>
-      <Dialog.Content>
-        <ctx.content {...ctx.props} />
-      </Dialog.Content>
-    </Dialog.Root>
-  {/key}
-{/if}
diff --git a/src/lib/components/dialog-manager/dialog-store.svelte.ts b/src/lib/components/dialog-manager/dialog-store.svelte.ts
deleted file mode 100644
index ce520d2d..00000000
--- a/src/lib/components/dialog-manager/dialog-store.svelte.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { SvelteMap } from 'svelte/reactivity';
-import DialogAlertContent from './dialog-alert-content.svelte';
-import DialogConfirmContent from './dialog-confirm-content.svelte';
-import DialogCustomContent from './dialog-custom-content.svelte';
-import type {
-  AlertDialogOptions,
-  ConfirmDialogOptions,
-  ConfirmResult,
-  CustomDialogOptions,
-  DialogContext,
-} from './types';
-
-// State
-let dialogCount = $state(0);
-const dialogs = new SvelteMap<number, DialogContext>();
-
-export function getOldestDialog(): [number, DialogContext] | null {
-  const firstEntry = dialogs.entries().next();
-  return firstEntry.done ? null : firstEntry.value;
-}
-
-export function removeDialog(id: number): void {
-  dialogs.delete(id);
-}
-
-// Helper to create dialog with common setup
-export function createDialog<R>(
-  contextFactory: (resolve: (result: R) => void) => DialogContext<R>
-): Promise<R> {
-  const { promise, resolve } = Promise.withResolvers<R>();
-  const id = ++dialogCount;
-  let resolved = false;
-
-  const wrappedResolve = (result: R) => {
-    if (resolved) return;
-    resolved = true;
-    setTimeout(() => removeDialog(id), 150);
-    resolve(result);
-  };
-
-  dialogs.set(id, contextFactory(wrappedResolve) as DialogContext);
-  return promise;
-}
-
-/**
- * Opens a fully custom dialog with your own content snippet.
- */
-export function open<T = void, R = void>(options: CustomDialogOptions<T, R>): Promise<R> {
-  return createDialog<R>((resolve) => ({
-    content: DialogCustomContent,
-    props: {
-      data: options.data,
-      contentSnippet: options.contentSnippet,
-      resolve,
-      close: () => resolve(undefined as R),
-    },
-    resolve,
-  }));
-}
-
-/**
- * Opens a confirm dialog with built-in confirm/cancel buttons.
- */
-export function confirm<T = void>(options: ConfirmDialogOptions<T>): Promise<ConfirmResult<T>> {
-  return createDialog<ConfirmResult<T>>((resolve) => ({
-    content: DialogConfirmContent,
-    props: {
-      ...options,
-      resolve,
-      close: () => resolve({ confirmed: false }),
-    },
-    resolve,
-  }));
-}
-
-/**
- * Opens an alert dialog that the user acknowledges.
- */
-export function alert(options: AlertDialogOptions): Promise<void> {
-  return createDialog<void>((resolve) => ({
-    content: DialogAlertContent,
-    props: {
-      ...options,
-      resolve,
-      close: () => resolve(),
-    },
-    resolve,
-  }));
-}
-
-export const dialog = {
-  open,
-  confirm,
-  alert,
-  createDialog,
-};
diff --git a/src/lib/components/dialog-manager/types.ts b/src/lib/components/dialog-manager/types.ts
deleted file mode 100644
index b234e297..00000000
--- a/src/lib/components/dialog-manager/types.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import type { AnyComponent } from '$lib/types/AnyComponent';
-import type { Snippet } from 'svelte';
-
-// Props passed to dialog content components
-export interface DialogContentProps<R = void> {
-  resolve: (result: R) => void;
-  close: () => void;
-}
-
-// Props for custom dialog snippets
-export interface DialogRenderProps<T = void, R = void> extends DialogContentProps<R> {
-  data: T;
-}
-
-// Generic dialog context - stores a component to render
-export interface DialogContext<R = unknown> {
-  content: AnyComponent;
-  props: Record<string, unknown>;
-  resolve: (result: R) => void;
-}
-
-// Result types
-export type ConfirmResult<T = void> = { confirmed: true; data: T } | { confirmed: false };
-
-// Options for each dialog type
-export interface CustomDialogOptions<T = void, R = void> {
-  data?: T;
-  contentSnippet: Snippet<[DialogRenderProps<T, R>]>;
-}
-
-export interface ConfirmDialogOptions<T = void> {
-  title: string;
-  desc?: string;
-  data?: T;
-  confirmButtonText?: string;
-  cancelButtonText?: string;
-  descSnippet?: Snippet<[T]>;
-}
-
-export interface AlertDialogOptions {
-  title: string;
-  desc?: string;
-  buttonText?: string;
-}
-
-export interface AlertProps extends AlertDialogOptions {
-  resolve: () => void;
-  close: () => void;
-}
-
-export interface ConfirmProps<T> extends ConfirmDialogOptions<T> {
-  resolve: (result: ConfirmResult<T>) => void;
-  close: () => void;
-}
-
-export interface CustomProps<T, R> extends CustomDialogOptions<T, R> {
-  resolve: (result: R) => void;
-  close: () => void;
-}
diff --git a/src/lib/components/input/DatePicker.svelte b/src/lib/components/input/DatePicker.svelte
index 762d4cd1..5a274c32 100644
--- a/src/lib/components/input/DatePicker.svelte
+++ b/src/lib/components/input/DatePicker.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { DateFormatter, type DateValue, getLocalTimeZone } from '@internationalized/date';
   import CalendarIcon from '@lucide/svelte/icons/calendar';
-  import { buttonVariants } from '$lib/components/ui/button/index.js';
-  import { Calendar } from '$lib/components/ui/calendar/index.js';
-  import * as Popover from '$lib/components/ui/popover/index.js';
-  import { cn } from '$lib/utils/shadcn';
+  import { buttonVariants } from '@openshock/svelte-core/ui/button';
+  import { Calendar } from '@openshock/svelte-core/ui/calendar';
+  import * as Popover from '@openshock/svelte-core/ui/popover';
+  import { cn } from '@openshock/svelte-core/utils/shadcn';
 
   interface Props {
     value: DateValue | undefined;
diff --git a/src/lib/components/input/EmailInput.svelte b/src/lib/components/input/EmailInput.svelte
deleted file mode 100644
index d2b9ccef..00000000
--- a/src/lib/components/input/EmailInput.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts">
-  import TextInput from '$lib/components/input/TextInput.svelte';
-  import { validateEmail } from '$lib/inputvalidation/emailValidator';
-  import type { AnyComponent } from '$lib/types/AnyComponent';
-  import type { ValidationResult } from '$lib/types/ValidationResult';
-  import type { Snippet } from 'svelte';
-  import type { FullAutoFill } from 'svelte/elements';
-
-  interface Props {
-    label?: string;
-    placeholder?: string;
-    autocomplete?: FullAutoFill;
-    value: string;
-    valid?: boolean;
-    validate?: boolean;
-    Icon?: AnyComponent;
-    after?: Snippet;
-  }
-
-  let {
-    label,
-    placeholder,
-    autocomplete = 'email',
-    value = $bindable(),
-    // eslint-disable-next-line no-useless-assignment -- $bindable fallback, not a dead assignment
-    valid = $bindable(false),
-    validate = true,
-    Icon,
-    after,
-  }: Props = $props();
-
-  let validationResult = $derived<ValidationResult | null>(
-    validate ? validateEmail(value) : { valid: true }
-  );
-
-  $effect(() => {
-    valid = validationResult?.valid ?? false;
-  });
-</script>
-
-<TextInput
-  type="email"
-  inputmode="email"
-  {label}
-  {placeholder}
-  {autocomplete}
-  bind:value
-  {validationResult}
-  {Icon}
-  {after}
-/>
diff --git a/src/lib/components/input/PasswordInput.svelte b/src/lib/components/input/PasswordInput.svelte
deleted file mode 100644
index d7a8a8a5..00000000
--- a/src/lib/components/input/PasswordInput.svelte
+++ /dev/null
@@ -1,161 +0,0 @@
-<script lang="ts">
-  import { Eye, EyeOff } from '@lucide/svelte';
-  import { checkPwnedCount } from '$lib/api/pwnedPasswords';
-  import TextInput from '$lib/components/input/TextInput.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import { validatePassword } from '$lib/inputvalidation/passwordValidator';
-  import type { AnyComponent } from '$lib/types/AnyComponent';
-  import type { ValidationResult } from '$lib/types/ValidationResult';
-  import { useDebounce } from '$lib/utils/debounce';
-  import type { Snippet } from 'svelte';
-  import type { FullAutoFill } from 'svelte/elements';
-  import PasswordStrengthMeter from './impl/PasswordStrengthMeter.svelte';
-  import { FieldLabel } from '../ui/field';
-  import { resolve } from '$app/paths';
-
-  interface Props {
-    label: string;
-    placeholder?: string;
-    autocomplete?: FullAutoFill;
-    value: string;
-    valueShown?: boolean;
-    valid?: boolean;
-    validate?: boolean | 'string' | 'pwned' | ValidationResult | null;
-    showStrengthMeter?: boolean;
-    Icon?: AnyComponent;
-    showForget?: boolean;
-  }
-
-  let {
-    label,
-    placeholder,
-    autocomplete = 'current-password',
-    value = $bindable(),
-    valueShown = $bindable(false),
-    // eslint-disable-next-line no-useless-assignment -- $bindable fallback, not a dead assignment
-    valid = $bindable(false),
-    validate = false,
-    showStrengthMeter = false,
-    Icon,
-    showForget = false,
-  }: Props = $props();
-
-  let validationResult = $state<ValidationResult | null>(null);
-
-  const requestHIBP = useDebounce(async (str: string) => {
-    try {
-      const pwnedCount = await checkPwnedCount(str);
-      if (pwnedCount > 0) {
-        validationResult = {
-          valid: false,
-          message: `Password detected in ${pwnedCount} data ${pwnedCount == 1 ? 'breach' : 'breaches'}`,
-          link: {
-            text: "What's this?",
-            href: 'https://haveibeenpwned.com/Passwords',
-          },
-        };
-      } else {
-        validationResult = { valid: true };
-      }
-    } catch (error) {
-      await handleApiError(error);
-      // Don't block submit if the pwned check fails
-      validationResult = { valid: true };
-    }
-  }, 500);
-
-  function checkHIBP(str: string) {
-    validationResult = { valid: false, message: 'Checking password...' };
-    requestHIBP(str);
-  }
-
-  $effect(() => {
-    if (validate === true || validate === 'string') {
-      // Do basic password validation
-      const valres = validatePassword(value);
-      if (valres?.valid) {
-        // Basic validation passed, check if the password has been pwned
-        checkHIBP(value);
-      } else {
-        // Basic validation failed, return the failed validation result
-        validationResult = valres;
-      }
-    } else if (validate === 'pwned') {
-      checkHIBP(value);
-    } else if (validate === false) {
-      // Only if validate is set to false will the password be considered valid
-      validationResult = { valid: validate === false };
-    } else {
-      // If validate is a ValidationResult object, use it as the validation result
-      validationResult = validate;
-    }
-  });
-
-  $effect(() => {
-    valid = validationResult?.valid ?? false;
-  });
-
-  // Logic to hide the popup after 3 seconds of inactivity
-  let showPopup = $state(false);
-  let typingTimeout: ReturnType<typeof setTimeout> | null = null;
-  $effect(() => {
-    // If value is not empty, set isTyping to true, then start a timeout to set it to false after 3 seconds
-    if (showStrengthMeter && value.length) {
-      showPopup = true;
-      if (typingTimeout) clearTimeout(typingTimeout);
-      typingTimeout = setTimeout(() => {
-        showPopup = false;
-      }, 500);
-    } else {
-      // If value is empty, set isTyping to false
-      showPopup = false;
-    }
-  });
-</script>
-
-{#snippet popup()}
-  <PasswordStrengthMeter password={value} />
-{/snippet}
-
-<TextInput
-  type={valueShown ? 'text' : 'password'}
-  {placeholder}
-  {autocomplete}
-  bind:value
-  {validationResult}
-  {Icon}
-  onblur={() => (showPopup = false)}
-  popup={showPopup ? (popup as Snippet) : undefined}
->
-  {#snippet labelSnippet(id: string)}
-    <div class="flex items-center">
-      <FieldLabel for={id}>{label}</FieldLabel>
-      {#if showForget}
-        <a
-          href={resolve('/forgot-password')}
-          class="ms-auto text-sm underline-offset-4 hover:underline"
-        >
-          Forgot your password?
-        </a>
-      {/if}
-    </div>
-  {/snippet}
-  {#snippet after()}
-    <Button
-      type="button"
-      class="h-7 w-7 cursor-pointer"
-      onclick={() => (valueShown = !valueShown)}
-      variant="ghost"
-      size="icon"
-      title={valueShown ? 'Hide password' : 'Show password'}
-      aria-pressed={valueShown}
-    >
-      {#if valueShown}
-        <EyeOff />
-      {:else}
-        <Eye />
-      {/if}
-    </Button>
-  {/snippet}
-</TextInput>
diff --git a/src/lib/components/input/TextInput.svelte b/src/lib/components/input/TextInput.svelte
deleted file mode 100644
index a3692017..00000000
--- a/src/lib/components/input/TextInput.svelte
+++ /dev/null
@@ -1,130 +0,0 @@
-<script lang="ts">
-  /* eslint-disable svelte/no-navigation-without-resolve -- href comes from validation result, already a full URL */
-
-  import { Input } from '$lib/components/ui/input';
-  import * as InputGroup from '$lib/components/ui/input-group';
-  import type { AnyComponent } from '$lib/types/AnyComponent';
-  import { GetValResColor, type ValidationResult } from '$lib/types/ValidationResult';
-  import { cn } from '$lib/utils/shadcn.js';
-  import type { Snippet } from 'svelte';
-  import type { ClipboardEventHandler, FocusEventHandler, FullAutoFill } from 'svelte/elements';
-  import { Field, FieldLabel } from '$lib/components/ui/field/index.js';
-  import { twTextColor } from '$lib/types/Tailwind';
-
-  interface Props {
-    type?: 'text' | 'email' | 'password' | 'search' | 'url';
-    label?: string;
-    labelSnippet?: Snippet<[string]>;
-    placeholder?: string;
-    autocomplete?: FullAutoFill;
-    inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
-    value: string;
-    validationResult?: ValidationResult | null;
-    Icon?: AnyComponent;
-    after?: Snippet;
-    popup?: Snippet;
-    onblur?: FocusEventHandler<HTMLInputElement> | null;
-    onpaste?: ClipboardEventHandler<HTMLInputElement> | null;
-  }
-
-  const id = $props.id();
-  const validationId = id + '-validation';
-  let {
-    type = 'text',
-    label,
-    labelSnippet,
-    placeholder,
-    autocomplete,
-    inputmode,
-    value = $bindable(),
-    validationResult,
-    Icon,
-    after,
-    popup,
-    onblur,
-    onpaste,
-  }: Props = $props();
-</script>
-
-<Field class="gap-2">
-  {#if labelSnippet}
-    {@render labelSnippet(id)}
-  {/if}
-
-  {#if label}
-    <FieldLabel for={id}>{label}</FieldLabel>
-  {/if}
-
-  <div class="relative flex grow flex-row items-center gap-2">
-    {#if Icon}
-      <Icon />
-    {/if}
-    {#if after}
-      <InputGroup.Root class="grow">
-        <InputGroup.Input
-          {id}
-          {type}
-          title={label}
-          {placeholder}
-          {autocomplete}
-          {inputmode}
-          bind:value
-          {onblur}
-          {onpaste}
-          aria-invalid={validationResult ? !validationResult.valid : undefined}
-          aria-describedby={validationResult?.message ? validationId : undefined}
-        />
-        <InputGroup.Addon align="inline-end">
-          {@render after()}
-        </InputGroup.Addon>
-      </InputGroup.Root>
-    {:else}
-      <Input
-        {id}
-        {type}
-        class="grow"
-        title={label}
-        {placeholder}
-        {autocomplete}
-        {inputmode}
-        bind:value
-        {onblur}
-        {onpaste}
-        aria-invalid={validationResult ? !validationResult.valid : undefined}
-        aria-describedby={validationResult?.message ? validationId : undefined}
-      />
-    {/if}
-    {#if popup}
-      <div
-        class="absolute top-full left-0 z-10 mt-1 w-full rounded-md border border-gray-200 bg-white p-2 shadow-lg dark:border-gray-700 dark:bg-gray-800"
-        role="tooltip"
-      >
-        {@render popup()}
-      </div>
-    {/if}
-  </div>
-  {#if validationResult?.message}
-    <p
-      id={validationId}
-      class={cn('-mt-2! mb-2 h-4 truncate text-xs', twTextColor[GetValResColor(validationResult)])}
-      role="status"
-      aria-atomic="true"
-      aria-live="polite"
-    >
-      {validationResult.message}
-      {#if validationResult.link}
-        <!-- This must not be resolved, it in some cases points to external websites (HaveIBeenPwned) -->
-        <a
-          href={validationResult.link.href}
-          target="_blank"
-          rel="noreferrer"
-          class="text-blue-500 underline"
-        >
-          {validationResult.link.text}
-        </a>
-      {/if}
-    </p>
-  {:else}
-    <div class="-mt-2! mb-2 h-4" aria-hidden="true"></div>
-  {/if}
-</Field>
diff --git a/src/lib/components/input/UsernameInput.svelte b/src/lib/components/input/UsernameInput.svelte
index 151536fa..f52431a7 100644
--- a/src/lib/components/input/UsernameInput.svelte
+++ b/src/lib/components/input/UsernameInput.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { accountCheckUsername } from '$lib/api';
-  import TextInput from '$lib/components/input/TextInput.svelte';
+  import { TextInput } from '@openshock/svelte-core/components/input';
   import { isValidationError, mapToValRes } from '$lib/errorhandling/ValidationProblemDetails';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import {
@@ -9,9 +9,9 @@
     mapUsernameCheckResponse,
     validateUsername,
   } from '$lib/inputvalidation/usernameValidator';
-  import type { AnyComponent } from '$lib/types/AnyComponent';
-  import type { ValidationResult } from '$lib/types/ValidationResult';
-  import { useDebounce } from '$lib/utils/debounce';
+  import type { AnyComponent } from '@openshock/svelte-core/types/AnyComponent';
+  import type { ValidationResult } from '@openshock/svelte-core/types/ValidationResult';
+  import { useDebounce } from '@openshock/svelte-core/utils/debounce';
   import type { Snippet } from 'svelte';
   import type { FullAutoFill } from 'svelte/elements';
 
diff --git a/src/lib/components/input/impl/ButtonSettings.ts b/src/lib/components/input/impl/ButtonSettings.ts
index 66625579..8ac218b9 100644
--- a/src/lib/components/input/impl/ButtonSettings.ts
+++ b/src/lib/components/input/impl/ButtonSettings.ts
@@ -1,4 +1,4 @@
-import type { AnyComponent } from '$lib/types/AnyComponent';
+import type { AnyComponent } from '@openshock/svelte-core/types/AnyComponent';
 
 export type ButtonSettings =
   | { text: string; class?: string; submits?: boolean; onClick: () => void }
diff --git a/src/lib/components/input/impl/PasswordStrengthMeter.svelte b/src/lib/components/input/impl/PasswordStrengthMeter.svelte
deleted file mode 100644
index a92a33f5..00000000
--- a/src/lib/components/input/impl/PasswordStrengthMeter.svelte
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts">
-  import { getPasswordStrength } from '$lib/inputvalidation/passwordValidator';
-  import { twTextColor } from '$lib/types/Tailwind';
-
-  interface Props {
-    password: string;
-  }
-
-  let { password }: Props = $props();
-
-  let { percent, text, color } = $derived(getPasswordStrength(password));
-</script>
-
-<div aria-hidden="true">
-  <div class="flex flex-row items-center space-x-1 text-xs">
-    <p class="text-gray-400">Password strength:</p>
-    <p class={twTextColor[color]}>{text}</p>
-  </div>
-
-  <!-- SVG Meter -->
-  <svg viewBox="0 0 100 6" class="mt-1 w-full">
-    <rect x="0" y="0" width="30" height="2" fill="#ef4444" />
-    <rect x="30" y="0" width="20" height="2" fill="#f97316" />
-    <rect x="50" y="0" width="10" height="2" fill="#eab308" />
-    <rect x="60" y="0" width="40" height="2" fill="#22c55e" />
-
-    <polygon
-      points="0,-2 -2,0 0,2 2,0"
-      transform={`translate(${percent}, 2)`}
-      fill="white"
-      stroke="black"
-      stroke-width="0.2"
-    />
-  </svg>
-</div>
diff --git a/src/lib/components/metadata/BasicTags.svelte b/src/lib/components/metadata/BasicTags.svelte
deleted file mode 100644
index 3f84afc0..00000000
--- a/src/lib/components/metadata/BasicTags.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-  interface Props {
-    title: string;
-    description?: string;
-  }
-
-  let { title, description }: Props = $props();
-</script>
-
-<svelte:head>
-  <title>{title}</title>
-  {#if description}
-    <meta name="description" content={description} />
-  {/if}
-</svelte:head>
diff --git a/src/lib/components/metadata/OpenGraphTags.svelte b/src/lib/components/metadata/OpenGraphTags.svelte
deleted file mode 100644
index a08887f9..00000000
--- a/src/lib/components/metadata/OpenGraphTags.svelte
+++ /dev/null
@@ -1,106 +0,0 @@
-<script lang="ts">
-  interface Props {
-    type:
-      | 'website'
-      | 'profile'
-      | 'article'
-      | 'book'
-      | 'video.movie'
-      | 'video.episode'
-      | 'video.tv_show'
-      | 'video.other'
-      | 'music.song'
-      | 'music.album'
-      | 'music.playlist'
-      | 'music.radio_station';
-    title: string;
-    image: {
-      src: string;
-      type?: string;
-      width?: number;
-      height?: number;
-      alt?: string;
-    };
-    url: string;
-    siteName?: string;
-    description?: string;
-    determiner?: string;
-    metaLocale?: string;
-    locales?: string[];
-    video?: { src: string; type?: string; width?: number; height?: number };
-    audio?: { src: string; type?: string };
-  }
-
-  let {
-    type,
-    title,
-    image,
-    url,
-    siteName,
-    description,
-    determiner,
-    metaLocale,
-    locales,
-    video,
-    audio,
-  }: Props = $props();
-</script>
-
-<svelte:head>
-  <meta property="og:type" content={type} />
-  <meta property="og:title" content={title} />
-
-  <meta property="og:image" content={image.src} />
-  {#if image.type}
-    <meta property="og:image:type" content={image.type} />
-  {/if}
-  {#if image.width}
-    <meta property="og:image:width" content={image.width.toString()} />
-  {/if}
-  {#if image.height}
-    <meta property="og:image:height" content={image.height.toString()} />
-  {/if}
-  {#if image.alt}
-    <meta property="og:image:alt" content={image.alt} />
-  {/if}
-
-  <meta property="og:url" content={url} />
-  {#if siteName}
-    <meta property="og:site_name" content={siteName} />
-  {/if}
-  {#if description}
-    <meta property="og:description" content={description} />
-  {/if}
-  {#if determiner}
-    <meta property="og:determiner" content={determiner} />
-  {/if}
-
-  {#if metaLocale}
-    <meta property="og:locale" content={metaLocale} />
-  {/if}
-  {#if locales}
-    {#each locales as locale (locale)}
-      <meta property="og:locale:alternate" content={locale} />
-    {/each}
-  {/if}
-
-  {#if video}
-    <meta property="og:video" content={video.src} />
-    {#if video.type}
-      <meta property="og:video:type" content={video.type} />
-    {/if}
-    {#if video.width}
-      <meta property="og:video:width" content={video.width.toString()} />
-    {/if}
-    {#if video.height}
-      <meta property="og:video:height" content={video.height.toString()} />
-    {/if}
-  {/if}
-
-  {#if audio}
-    <meta property="og:audio" content={audio.src} />
-    {#if audio.type}
-      <meta property="og:audio:type" content={audio.type} />
-    {/if}
-  {/if}
-</svelte:head>
diff --git a/src/lib/components/metadata/Twitter/TwitterAppTags.svelte b/src/lib/components/metadata/Twitter/TwitterAppTags.svelte
deleted file mode 100644
index 860175ff..00000000
--- a/src/lib/components/metadata/Twitter/TwitterAppTags.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-  interface Props {
-    site?: string;
-    iphone?: { id: string; name: string; url: string };
-    ipad?: { id: string; name: string; url: string };
-    googleplay?: { id: string; name: string; url: string };
-  }
-
-  let { site, iphone, ipad, googleplay }: Props = $props();
-</script>
-
-<svelte:head>
-  <meta name="twitter:card" content="app" />
-  {#if site}
-    <meta name="twitter:site" content={site} />
-  {/if}
-  {#if iphone}
-    <meta name="twitter:app:id:iphone" content={iphone.id} />
-    <meta name="twitter:app:name:iphone" content={iphone.name} />
-    <meta name="twitter:app:url:iphone" content={iphone.url} />
-  {/if}
-  {#if ipad}
-    <meta name="twitter:app:id:ipad" content={ipad.id} />
-    <meta name="twitter:app:name:ipad" content={ipad.name} />
-    <meta name="twitter:app:url:ipad" content={ipad.url} />
-  {/if}
-  {#if googleplay}
-    <meta name="twitter:app:id:googleplay" content={googleplay.id} />
-    <meta name="twitter:app:name:googleplay" content={googleplay.name} />
-    <meta name="twitter:app:url:googleplay" content={googleplay.url} />
-  {/if}
-</svelte:head>
diff --git a/src/lib/components/metadata/Twitter/TwitterPlayerTags.svelte b/src/lib/components/metadata/Twitter/TwitterPlayerTags.svelte
deleted file mode 100644
index ca046631..00000000
--- a/src/lib/components/metadata/Twitter/TwitterPlayerTags.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-  import { isTwitterHandle } from '$lib/typeguards';
-
-  interface Props {
-    site?: string | number;
-    description?: string;
-    title?: string;
-    image?: { src: string; alt: string };
-    player?: { type: 'iframe' | 'stream'; src: string; width: number; height: number };
-  }
-
-  let { site, description, title, image, player }: Props = $props();
-</script>
-
-<svelte:head>
-  <meta name="twitter:card" content="player" />
-  {#if site}
-    {#if isTwitterHandle(site)}
-      <meta name="twitter:site" content={site.toString()} />
-    {:else}
-      <meta name="twitter:site:id" content={site.toString()} />
-    {/if}
-  {/if}
-  {#if description}
-    <meta name="twitter:description" content={description} />
-  {/if}
-  {#if title}
-    <meta name="twitter:title" content={title} />
-  {/if}
-  {#if image}
-    <meta name="twitter:image" content={image.src} />
-    <meta name="twitter:image:alt" content={image.alt} />
-  {/if}
-  {#if player}
-    {#if player.type === 'iframe'}
-      <meta name="twitter:player" content={player.src} />
-    {/if}
-    <meta name="twitter:player:width" content={player.width.toString()} />
-    <meta name="twitter:player:height" content={player.height.toString()} />
-    {#if player.type === 'stream'}
-      <meta name="twitter:player" content={player.src} />
-    {/if}
-  {/if}
-</svelte:head>
diff --git a/src/lib/components/metadata/Twitter/TwitterSummaryTags.svelte b/src/lib/components/metadata/Twitter/TwitterSummaryTags.svelte
deleted file mode 100644
index 7c8286b1..00000000
--- a/src/lib/components/metadata/Twitter/TwitterSummaryTags.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<script lang="ts">
-  import { isTwitterHandle } from '$lib/typeguards/twitterHandleGuard';
-
-  interface Props {
-    type: 'summary' | 'summary_large_image';
-    title?: string;
-    description?: string;
-    image?: { src: string; alt: string };
-    site?: string | number;
-    creator?: string | number;
-  }
-
-  let { type, title, description, image, site, creator }: Props = $props();
-</script>
-
-<svelte:head>
-  <meta name="twitter:card" content={type} />
-  {#if site}
-    {#if isTwitterHandle(site)}
-      <meta name="twitter:site" content={site} />
-    {:else}
-      <meta name="twitter:site:id" content={site.toString()} />
-    {/if}
-  {/if}
-  {#if creator}
-    {#if isTwitterHandle(creator)}
-      <meta name="twitter:creator" content={creator} />
-    {:else}
-      <meta name="twitter:creator:id" content={creator.toString()} />
-    {/if}
-  {/if}
-  {#if description}
-    <meta name="twitter:description" content={description} />
-  {/if}
-  {#if title}
-    <meta name="twitter:title" content={title} />
-  {/if}
-  {#if image}
-    <meta name="twitter:image" content={image.src} />
-    <meta name="twitter:image:alt" content={image.alt} />
-  {/if}
-</svelte:head>
diff --git a/src/lib/components/metadata/Twitter/index.ts b/src/lib/components/metadata/Twitter/index.ts
deleted file mode 100644
index dea413e3..00000000
--- a/src/lib/components/metadata/Twitter/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import TwitterAppTags from './TwitterAppTags.svelte';
-import TwitterPlayerTags from './TwitterPlayerTags.svelte';
-import TwitterSummaryTags from './TwitterSummaryTags.svelte';
-
-export { TwitterAppTags, TwitterPlayerTags, TwitterSummaryTags };
diff --git a/src/lib/components/metadata/index.ts b/src/lib/components/metadata/index.ts
deleted file mode 100644
index fc6adc3f..00000000
--- a/src/lib/components/metadata/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import BasicTags from './BasicTags.svelte';
-import OpenGraphTags from './OpenGraphTags.svelte';
-import { TwitterAppTags, TwitterPlayerTags, TwitterSummaryTags } from './Twitter';
-
-export { BasicTags, OpenGraphTags, TwitterAppTags, TwitterPlayerTags, TwitterSummaryTags };
diff --git a/src/lib/components/shares/permission-tooltip.svelte b/src/lib/components/shares/permission-tooltip.svelte
index 8d335658..1ab5246a 100644
--- a/src/lib/components/shares/permission-tooltip.svelte
+++ b/src/lib/components/shares/permission-tooltip.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { ChartNoAxesGantt, ClockFading, Gauge, Volume2, Waves, Zap } from '@lucide/svelte';
   import type { ShockerPermLimitPairWithIdAndName } from '$lib/api';
-  import Badge from '$lib/components/ui/badge/badge.svelte';
+  import { Badge } from '@openshock/svelte-core/ui/badge';
   import { getPauseReason } from '$lib/utils';
   import type { ClassValue } from 'svelte/elements';
 
diff --git a/src/lib/components/shares/restrictions-selector.svelte b/src/lib/components/shares/restrictions-selector.svelte
index fc264a4a..aa302d28 100644
--- a/src/lib/components/shares/restrictions-selector.svelte
+++ b/src/lib/components/shares/restrictions-selector.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import { Volume2, Waves, Zap } from '@lucide/svelte';
-  import { formatDurationSeconds } from '$lib/utils';
-  import { Label } from '$lib/components/ui/label';
-  import { Slider } from '$lib/components/ui/slider';
-  import { Switch } from '$lib/components/ui/switch';
+  import { formatDurationSeconds } from '@openshock/svelte-core/utils';
+  import { Label } from '@openshock/svelte-core/ui/label';
+  import { Slider } from '@openshock/svelte-core/ui/slider';
+  import { Switch } from '@openshock/svelte-core/ui/switch';
   import LiveControlIcon from '../svg/LiveControlIcon.svelte';
   import type { Component } from 'svelte';
 
diff --git a/src/lib/components/shares/user-selector.svelte b/src/lib/components/shares/user-selector.svelte
index 3e124fed..fc01d3b5 100644
--- a/src/lib/components/shares/user-selector.svelte
+++ b/src/lib/components/shares/user-selector.svelte
@@ -2,9 +2,9 @@
   import { Check, Search } from '@lucide/svelte';
   import { ResponseError, usersGetByName } from '$lib/api';
   import type { BasicUserInfo } from '$lib/api';
-  import * as Avatar from '$lib/components/ui/avatar';
-  import { Button } from '$lib/components/ui/button';
-  import { Input } from '$lib/components/ui/input/index.js';
+  import * as Avatar from '@openshock/svelte-core/ui/avatar';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import { Input } from '@openshock/svelte-core/ui/input';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
 
   interface Props {
diff --git a/src/lib/components/svg/ChromeLogo.svelte b/src/lib/components/svg/ChromeLogo.svelte
deleted file mode 100644
index 8b81c797..00000000
--- a/src/lib/components/svg/ChromeLogo.svelte
+++ /dev/null
@@ -1,73 +0,0 @@
-<script lang="ts">
-  interface Props {
-    class?: string;
-  }
-
-  let { class: className }: Props = $props();
-</script>
-
-<!--
-  The following SVG graphic is the property of Google, Inc. and is just used here for illustrative purposes. We do not claim ownership of it.
--->
-
-<svg
-  role="img"
-  class={className}
-  viewBox="0 0 48 48"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <title>Google Chrome</title>
-  <defs>
-    <linearGradient
-      id="chrome-a"
-      x1="3.2173"
-      y1="15"
-      x2="44.7812"
-      y2="15"
-      gradientUnits="userSpaceOnUse"
-    >
-      <stop offset="0" stop-color="#d93025" />
-      <stop offset="1" stop-color="#ea4335" />
-    </linearGradient>
-    <linearGradient
-      id="chrome-b"
-      x1="20.7219"
-      y1="47.6791"
-      x2="41.5039"
-      y2="11.6837"
-      gradientUnits="userSpaceOnUse"
-    >
-      <stop offset="0" stop-color="#fcc934" />
-      <stop offset="1" stop-color="#fbbc04" />
-    </linearGradient>
-    <linearGradient
-      id="chrome-c"
-      x1="26.5981"
-      y1="46.5015"
-      x2="5.8161"
-      y2="10.506"
-      gradientUnits="userSpaceOnUse"
-    >
-      <stop offset="0" stop-color="#1e8e3e" /><stop offset="1" stop-color="#34a853" />
-    </linearGradient>
-  </defs>
-  <circle cx="24" cy="24" r="12" fill="#fff" />
-  <path
-    d="M3.2154,36A24,24,0,1,0,12,3.2154,24,24,0,0,0,3.2154,36ZM34.3923,18A12,12,0,1,1,18,13.6077,12,12,0,0,1,34.3923,18Z"
-    fill="none"
-  />
-  <path
-    d="M24,12H44.7812a23.9939,23.9939,0,0,0-41.5639.0029L13.6079,30l.0093-.0024A11.9852,11.9852,0,0,1,24,12Z"
-    style="fill:url(#chrome-a)"
-  />
-  <circle cx="24" cy="24" r="9.5" fill="#1a73e8" />
-  <path
-    d="M34.3913,30.0029,24,48A24,24,0,0,0,44.78,12.0031H23.9989l-.0025.0093A11.985,11.985,0,0,1,34.3913,30.0029Z"
-    style="fill:url(#chrome-b)"
-  />
-  <path
-    d="M13.6086,30.0031,3.218,12.006A24,24,0,0,0,24.0025,48L34.3931,30.0029l-.0067-.0068a11.9852,11.9852,0,0,1-20.7778.007Z"
-    style="fill:url(#chrome-c)"
-  />
-</svg>
diff --git a/src/lib/components/svg/CloudflareLogo.svelte b/src/lib/components/svg/CloudflareLogo.svelte
deleted file mode 100644
index 3bc70c30..00000000
--- a/src/lib/components/svg/CloudflareLogo.svelte
+++ /dev/null
@@ -1,72 +0,0 @@
-<script lang="ts">
-  interface Props {
-    class?: string;
-  }
-
-  let { class: className }: Props = $props();
-</script>
-
-<!--
-  The following SVG graphic is the property of Cloudflare, Inc. and is just used here for illustrative purposes. We do not claim ownership of it.
--->
-
-<svg
-  role="img"
-  class={className}
-  viewBox="0 0 74 25"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <title>Cloudflare</title>
-  <path
-    d="M61.8848 15.7841L62.0632 15.1578C62.2758 14.4126 62.1967 13.7239 61.8401 13.2178C61.5118 12.7517 60.9649 12.4773 60.3007 12.4453L47.7201 12.2836C47.6811 12.2829 47.6428 12.2728 47.6083 12.2542C47.5738 12.2356 47.5442 12.209 47.5217 12.1766C47.4996 12.1431 47.4856 12.1049 47.4807 12.0649C47.4758 12.025 47.4801 11.9844 47.4933 11.9465C47.5149 11.8839 47.5541 11.8291 47.6061 11.7888C47.658 11.7486 47.7204 11.7247 47.7856 11.72L60.4827 11.5566C61.9889 11.4864 63.6196 10.2462 64.1905 8.73372L64.9146 6.81361C64.9443 6.73242 64.951 6.64444 64.9341 6.55957C64.112 2.80652 60.8115 0 56.8652 0C53.2293 0 50.1421 2.38158 49.0347 5.69186C48.2864 5.12186 47.3535 4.85982 46.4228 4.95823C44.6785 5.13401 43.276 6.55928 43.1034 8.32979C43.059 8.77189 43.0915 9.21845 43.1992 9.64918C40.3497 9.73347 38.0645 12.1027 38.0645 15.0151C38.0649 15.2751 38.0838 15.5347 38.1212 15.7919C38.1294 15.8513 38.1584 15.9057 38.2029 15.9452C38.2474 15.9847 38.3044 16.0067 38.3635 16.0071L61.5894 16.0099C61.5916 16.0101 61.5938 16.0101 61.596 16.0099C61.6616 16.0088 61.7252 15.9862 61.7772 15.9455C61.8293 15.9049 61.867 15.8483 61.8848 15.7841Z"
-    fill="#F6821F"
-  />
-  <path
-    d="M66.0758 6.95285C65.9592 6.95285 65.843 6.95582 65.7274 6.96177C65.7087 6.96312 65.6904 6.96719 65.6729 6.97385C65.6426 6.98437 65.6152 7.00219 65.5931 7.02579C65.5711 7.04939 65.555 7.07806 65.5462 7.10936L65.0515 8.84333C64.8389 9.58847 64.918 10.2766 65.2749 10.7827C65.6029 11.2494 66.1498 11.5233 66.814 11.5552L69.4959 11.7186C69.5336 11.7199 69.5705 11.73 69.6037 11.7483C69.6369 11.7666 69.6654 11.7925 69.687 11.8239C69.7092 11.8576 69.7234 11.896 69.7283 11.9363C69.7332 11.9765 69.7288 12.0173 69.7153 12.0555C69.6937 12.118 69.6546 12.1727 69.6028 12.2129C69.5509 12.2531 69.4887 12.2771 69.4236 12.2819L66.6371 12.4453C65.1241 12.5161 63.4937 13.7558 62.9233 15.2682L62.722 15.8022C62.7136 15.8245 62.7105 15.8486 62.713 15.8724C62.7155 15.8961 62.7236 15.9189 62.7365 15.9389C62.7495 15.9589 62.7669 15.9755 62.7874 15.9873C62.8079 15.9991 62.8309 16.0058 62.8544 16.0068C62.8569 16.0068 62.8592 16.0068 62.8618 16.0068H72.4502C72.506 16.0073 72.5604 15.9893 72.6051 15.9554C72.6498 15.9216 72.6823 15.8739 72.6977 15.8195C72.8677 15.2043 72.9535 14.5684 72.9529 13.9296C72.9517 10.0767 69.8732 6.95285 66.0758 6.95285Z"
-    fill="#FBAD41"
-  />
-  <path id="char" d="M8.11963 18.8904H9.75541V23.4254H12.6139V24.8798H8.11963V18.8904Z" />
-  <path
-    id="char"
-    d="M14.3081 21.9023V21.8853C14.3081 20.1655 15.674 18.7704 17.4952 18.7704C19.3164 18.7704 20.6653 20.1482 20.6653 21.8681V21.8853C20.6653 23.6052 19.2991 24.9994 17.4785 24.9994C15.6578 24.9994 14.3081 23.6222 14.3081 21.9023ZM18.9958 21.9023V21.8853C18.9958 21.0222 18.3806 20.2679 17.4785 20.2679C16.5846 20.2679 15.9858 21.0038 15.9858 21.8681V21.8853C15.9858 22.7484 16.6013 23.5025 17.4952 23.5025C18.3973 23.5025 18.9958 22.7666 18.9958 21.9023Z"
-  />
-  <path
-    id="char"
-    d="M22.6674 22.253V18.8901H24.3284V22.2191C24.3284 23.0822 24.7584 23.4939 25.4159 23.4939C26.0733 23.4939 26.5034 23.1003 26.5034 22.2617V18.8901H28.1647V22.2093C28.1647 24.1432 27.0772 24.9899 25.3991 24.9899C23.7211 24.9899 22.6674 24.1268 22.6674 22.2522"
-  />
-  <path
-    id="char"
-    d="M30.668 18.8907H32.9445C35.0526 18.8907 36.275 20.1226 36.275 21.8508V21.8684C36.275 23.5963 35.0355 24.88 32.911 24.88H30.668V18.8907ZM32.97 23.4076C33.9483 23.4076 34.597 22.8609 34.597 21.8928V21.8759C34.597 20.9178 33.9483 20.3614 32.97 20.3614H32.3038V23.4082L32.97 23.4076Z"
-  />
-  <path
-    id="char"
-    d="M38.6525 18.8904H43.3738V20.3453H40.2883V21.3632H43.079V22.7407H40.2883V24.8798H38.6525V18.8904Z"
-  />
-  <path id="char" d="M45.65 18.8904H47.2858V23.4254H50.1443V24.8798H45.65V18.8904Z" />
-  <path
-    id="char"
-    d="M54.4187 18.8475H55.9949L58.5079 24.8797H56.7541L56.3238 23.8101H54.047L53.6257 24.8797H51.9058L54.4187 18.8475ZM55.8518 22.5183L55.1941 20.8154L54.5278 22.5183H55.8518Z"
-  />
-  <path
-    id="char"
-    d="M60.6149 18.8901H63.4056C64.3083 18.8901 64.9317 19.13 65.328 19.5406C65.6742 19.883 65.8511 20.3462 65.8511 20.9357V20.9526C65.8511 21.8678 65.3691 22.4754 64.6369 22.7919L66.045 24.88H64.1558L62.9671 23.0658H62.2507V24.88H60.6149V18.8901ZM63.3299 21.7654C63.8864 21.7654 64.2071 21.4915 64.2071 21.0551V21.0381C64.2071 20.5674 63.8697 20.328 63.3211 20.328H62.2507V21.7665L63.3299 21.7654Z"
-  />
-  <path
-    id="char"
-    d="M68.2112 18.8904H72.9578V20.3024H69.8302V21.209H72.6632V22.5183H69.8302V23.4683H73V24.8798H68.2112V18.8904Z"
-  />
-  <path
-    id="char"
-    d="M4.53824 22.6043C4.30918 23.13 3.82723 23.5022 3.18681 23.5022C2.29265 23.5022 1.67746 22.7493 1.67746 21.8851V21.8678C1.67746 21.0047 2.27593 20.2676 3.1698 20.2676C3.84367 20.2676 4.35681 20.6882 4.5734 21.2605H6.29764C6.02151 19.8349 4.78716 18.7707 3.18681 18.7707C1.36533 18.7707 0 20.1666 0 21.8851V21.9021C0 23.6219 1.3486 25 3.1698 25C4.72762 25 5.94525 23.9764 6.26645 22.6046L4.53824 22.6043Z"
-  />
-</svg>
-
-<style>
-  #char {
-    fill: #000;
-  }
-  :global(.dark) #char {
-    fill: #fff;
-  }
-</style>
diff --git a/src/lib/components/svg/DiscordLogo.svelte b/src/lib/components/svg/DiscordLogo.svelte
deleted file mode 100644
index b8858fbd..00000000
--- a/src/lib/components/svg/DiscordLogo.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-  interface Props {
-    class?: string;
-  }
-
-  let { class: className = 'fill-black dark:fill-white' }: Props = $props();
-</script>
-
-<!--
-  The following SVG graphic is the property of Discord, Inc. and is just used here for illustrative purposes. We do not claim ownership of it.
--->
-
-<svg
-  role="img"
-  class={className}
-  viewBox="0 0 127.14 96.36"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <title>Discord</title>
-  <path
-    d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"
-  />
-</svg>
diff --git a/src/lib/components/svg/EdgeLogo.svelte b/src/lib/components/svg/EdgeLogo.svelte
deleted file mode 100644
index bd406c8f..00000000
--- a/src/lib/components/svg/EdgeLogo.svelte
+++ /dev/null
@@ -1,126 +0,0 @@
-<script lang="ts">
-  interface Props {
-    class?: string;
-  }
-
-  let { class: className }: Props = $props();
-</script>
-
-<!--
-  The following SVG graphic is the property of Microsoft, Inc. and is just used here for illustrative purposes. We do not claim ownership of it.
--->
-
-<svg
-  role="img"
-  class={className}
-  viewBox="0 0 256 256"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <title>Microsoft Edge</title>
-  <defs>
-    <radialGradient
-      id="edge-b"
-      cx="161.8"
-      cy="68.9"
-      r="95.4"
-      gradientTransform="matrix(1 0 0 -.95 0 248.8)"
-      gradientUnits="userSpaceOnUse"
-    >
-      <stop offset=".7" stop-opacity="0" /><stop offset=".9" stop-opacity=".5" /><stop offset="1" />
-    </radialGradient>
-    <radialGradient
-      id="edge-d"
-      cx="-340.3"
-      cy="63"
-      r="143.2"
-      gradientTransform="matrix(.15 -.99 -.8 -.12 176.6 -125.4)"
-      gradientUnits="userSpaceOnUse"
-    >
-      <stop offset=".8" stop-opacity="0" />
-      <stop offset=".9" stop-opacity=".5" />
-      <stop offset="1" />
-    </radialGradient>
-    <radialGradient
-      id="edge-e"
-      cx="113.4"
-      cy="570.2"
-      r="202.4"
-      gradientTransform="matrix(-.04 1 2.13 .08 -1179.5 -106.7)"
-      gradientUnits="userSpaceOnUse"
-    >
-      <stop offset="0" stop-color="#35c1f1" />
-      <stop offset=".1" stop-color="#34c1ed" />
-      <stop offset=".2" stop-color="#2fc2df" />
-      <stop offset=".3" stop-color="#2bc3d2" />
-      <stop offset=".7" stop-color="#36c752" />
-    </radialGradient>
-    <radialGradient
-      id="edge-f"
-      cx="376.5"
-      cy="568"
-      r="97.3"
-      gradientTransform="matrix(.28 .96 .78 -.23 -303.8 -148.5)"
-      gradientUnits="userSpaceOnUse"
-    >
-      <stop offset="0" stop-color="#66eb6e" />
-      <stop offset="1" stop-color="#66eb6e" stop-opacity="0" />
-    </radialGradient>
-    <linearGradient
-      id="edge-a"
-      x1="63.3"
-      y1="84"
-      x2="241.7"
-      y2="84"
-      gradientTransform="matrix(1 0 0 -1 0 266)"
-      gradientUnits="userSpaceOnUse"
-    >
-      <stop offset="0" stop-color="#0c59a4" />
-      <stop offset="1" stop-color="#114a8b" />
-    </linearGradient>
-    <linearGradient
-      id="edge-c"
-      x1="157.3"
-      y1="161.4"
-      x2="46"
-      y2="40.1"
-      gradientTransform="matrix(1 0 0 -1 0 266)"
-      gradientUnits="userSpaceOnUse"
-    >
-      <stop offset="0" stop-color="#1b9de2" />
-      <stop offset=".2" stop-color="#1595df" />
-      <stop offset=".7" stop-color="#0680d7" />
-      <stop offset="1" stop-color="#0078d4" />
-    </linearGradient>
-  </defs>
-  <path
-    d="M235.7 195.5a93.7 93.7 0 0 1-10.6 4.7 101.9 101.9 0 0 1-35.9 6.4c-47.3 0-88.5-32.5-88.5-74.3a31.5 31.5 0 0 1 16.4-27.3c-42.8 1.8-53.8 46.4-53.8 72.5 0 74 68.1 81.4 82.8 81.4 7.9 0 19.8-2.3 27-4.6l1.3-.4a128.3 128.3 0 0 0 66.6-52.8 4 4 0 0 0-5.3-5.6Z"
-    transform="translate(-4.6 -5)"
-    style="fill:url(#edge-a)"
-  />
-  <path
-    d="M235.7 195.5a93.7 93.7 0 0 1-10.6 4.7 101.9 101.9 0 0 1-35.9 6.4c-47.3 0-88.5-32.5-88.5-74.3a31.5 31.5 0 0 1 16.4-27.3c-42.8 1.8-53.8 46.4-53.8 72.5 0 74 68.1 81.4 82.8 81.4 7.9 0 19.8-2.3 27-4.6l1.3-.4a128.3 128.3 0 0 0 66.6-52.8 4 4 0 0 0-5.3-5.6Z"
-    transform="translate(-4.6 -5)"
-    style="isolation:isolate;opacity:.35;fill:url(#edge-b)"
-  />
-  <path
-    d="M110.3 246.3A79.2 79.2 0 0 1 87.6 225a80.7 80.7 0 0 1 29.5-120c3.2-1.5 8.5-4.1 15.6-4a32.4 32.4 0 0 1 25.7 13 31.9 31.9 0 0 1 6.3 18.7c0-.2 24.5-79.6-80-79.6-43.9 0-80 41.6-80 78.2a130.2 130.2 0 0 0 12.1 56 128 128 0 0 0 156.4 67 75.5 75.5 0 0 1-62.8-8Z"
-    transform="translate(-4.6 -5)"
-    style="fill:url(#edge-c)"
-  />
-  <path
-    d="M110.3 246.3A79.2 79.2 0 0 1 87.6 225a80.7 80.7 0 0 1 29.5-120c3.2-1.5 8.5-4.1 15.6-4a32.4 32.4 0 0 1 25.7 13 31.9 31.9 0 0 1 6.3 18.7c0-.2 24.5-79.6-80-79.6-43.9 0-80 41.6-80 78.2a130.2 130.2 0 0 0 12.1 56 128 128 0 0 0 156.4 67 75.5 75.5 0 0 1-62.8-8Z"
-    transform="translate(-4.6 -5)"
-    style="opacity:.41;fill:url(#edge-d);isolation:isolate"
-  />
-  <path
-    d="M157 153.8c-.9 1-3.4 2.5-3.4 5.6 0 2.6 1.7 5.2 4.8 7.3 14.3 10 41.4 8.6 41.5 8.6a59.6 59.6 0 0 0 30.3-8.3 61.4 61.4 0 0 0 30.4-52.9c.3-22.4-8-37.3-11.3-43.9C228 28.8 182.3 5 132.6 5a128 128 0 0 0-128 126.2c.5-36.5 36.8-66 80-66 3.5 0 23.5.3 42 10a72.6 72.6 0 0 1 30.9 29.3c6.1 10.6 7.2 24.1 7.2 29.5s-2.7 13.3-7.8 19.9Z"
-    transform="translate(-4.6 -5)"
-    style="fill:url(#edge-e)"
-  />
-  <path
-    d="M157 153.8c-.9 1-3.4 2.5-3.4 5.6 0 2.6 1.7 5.2 4.8 7.3 14.3 10 41.4 8.6 41.5 8.6a59.6 59.6 0 0 0 30.3-8.3 61.4 61.4 0 0 0 30.4-52.9c.3-22.4-8-37.3-11.3-43.9C228 28.8 182.3 5 132.6 5a128 128 0 0 0-128 126.2c.5-36.5 36.8-66 80-66 3.5 0 23.5.3 42 10a72.6 72.6 0 0 1 30.9 29.3c6.1 10.6 7.2 24.1 7.2 29.5s-2.7 13.3-7.8 19.9Z"
-    transform="translate(-4.6 -5)"
-    style="fill:url(#edge-f)"
-  />
-</svg>
diff --git a/src/lib/components/svg/GithubIcon.svelte b/src/lib/components/svg/GithubIcon.svelte
deleted file mode 100644
index d6882d0c..00000000
--- a/src/lib/components/svg/GithubIcon.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-  interface Props {
-    class?: string;
-  }
-
-  let { class: className = 'fill-black dark:fill-white' }: Props = $props();
-</script>
-
-<!--
-  The following SVG graphic is the property of Microsoft, Inc. and is just used here for illustrative purposes. We do not claim ownership of it.
--->
-
-<svg
-  role="img"
-  class={className}
-  viewBox="0 0 24 24"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <title>Github</title>
-  <path
-    d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-  />
-</svg>
diff --git a/src/lib/components/svg/GoogleLogo.svelte b/src/lib/components/svg/GoogleLogo.svelte
deleted file mode 100644
index 84040e23..00000000
--- a/src/lib/components/svg/GoogleLogo.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-  interface Props {
-    class?: string;
-  }
-
-  let { class: className = 'fill-black dark:fill-white' }: Props = $props();
-</script>
-
-<!--
-  The following SVG graphic is the property of Google, Inc. and is just used here for illustrative purposes. We do not claim ownership of it.
--->
-
-<svg
-  role="img"
-  class={className}
-  viewBox="0 0 24 24"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <title>Google</title>
-  <path
-    d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
-  />
-</svg>
diff --git a/src/lib/components/svg/LiveControlIcon.svelte b/src/lib/components/svg/LiveControlIcon.svelte
index 0e0399ea..7ec8a817 100644
--- a/src/lib/components/svg/LiveControlIcon.svelte
+++ b/src/lib/components/svg/LiveControlIcon.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '@openshock/svelte-core/utils/shadcn';
 
   interface Props {
     class?: string;
diff --git a/src/lib/components/svg/OperaLogo.svelte b/src/lib/components/svg/OperaLogo.svelte
deleted file mode 100644
index 05d68e0e..00000000
--- a/src/lib/components/svg/OperaLogo.svelte
+++ /dev/null
@@ -1,54 +0,0 @@
-<script lang="ts">
-  interface Props {
-    class?: string;
-  }
-
-  let { class: className }: Props = $props();
-</script>
-
-<!--
-  The following SVG graphic is the property of Opera, Ltd. and is just used here for illustrative purposes. We do not claim ownership of it.
--->
-
-<svg
-  role="img"
-  class={className}
-  viewBox="0 0 75.591 75.591"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <title>Opera</title>
-  <defs>
-    <linearGradient
-      id="opera-a"
-      gradientTransform="matrix(0 -54.944 -54.944 0 23.62 79.474)"
-      gradientUnits="userSpaceOnUse"
-      x2="1"
-    >
-      <stop offset="0" stop-color="#ff1b2d" />
-      <stop offset=".3" stop-color="#ff1b2d" />
-      <stop offset=".614" stop-color="#ff1b2d" />
-      <stop offset="1" stop-color="#a70014" />
-    </linearGradient>
-    <linearGradient
-      id="opera-b"
-      gradientTransform="matrix(0 -48.595 -48.595 0 37.854 76.235)"
-      gradientUnits="userSpaceOnUse"
-      x2="1"
-    >
-      <stop offset="0" stop-color="#9c0000" />
-      <stop offset=".7" stop-color="#ff4b4b" />
-      <stop offset="1" stop-color="#ff4b4b" />
-    </linearGradient>
-  </defs>
-  <g transform="matrix(1.3333 0 0 -1.3333 0 107.2)">
-    <path
-      d="m28.346 80.398c-15.655 0-28.346-12.691-28.346-28.346 0-15.202 11.968-27.609 26.996-28.313.44848-.02115.89766-.03314 1.3504-.03314 7.2574 0 13.876 2.7289 18.891 7.2137-3.3227-2.2036-7.2074-3.4715-11.359-3.4715-6.7504 0-12.796 3.3488-16.862 8.6297-3.1344 3.6999-5.1645 9.1691-5.3028 15.307v1.3349c.13821 6.1377 2.1683 11.608 5.302 15.307 4.0666 5.2809 10.112 8.6297 16.862 8.6297 4.1526 0 8.038-1.2679 11.361-3.4729-4.9904 4.4643-11.569 7.1876-18.786 7.2144-.03596 0-.07122.0014-.10718.0014z"
-      fill="url(#opera-a)"
-    />
-    <path
-      d="m19.016 68.025c2.6013 3.0709 5.9607 4.9227 9.631 4.9227 8.2524 0 14.941-9.356 14.941-20.897s-6.6891-20.897-14.941-20.897c-3.6703 0-7.0297 1.851-9.6303 4.922 4.0659-5.2809 10.111-8.6297 16.862-8.6297 4.1519 0 8.0366 1.2679 11.359 3.4715 5.802 5.1906 9.4554 12.735 9.4554 21.133 0 8.397-3.6527 15.941-9.4533 21.131-3.3234 2.205-7.2088 3.4729-11.361 3.4729-6.7504 0-12.796-3.3488-16.862-8.6297"
-      fill="url(#opera-b)"
-    />
-  </g>
-</svg>
diff --git a/src/lib/components/svg/XLogo.svelte b/src/lib/components/svg/XLogo.svelte
deleted file mode 100644
index 256c4da8..00000000
--- a/src/lib/components/svg/XLogo.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-  interface Props {
-    class?: string;
-  }
-
-  let { class: className = 'fill-black dark:fill-white' }: Props = $props();
-</script>
-
-<!--
-  The following SVG graphic is the property of X Corp. and is just used here for illustrative purposes. We do not claim ownership of it.
--->
-
-<svg
-  role="img"
-  class={className}
-  viewBox="0 0 24 24"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <title>X (formerly Twitter)</title>
-  <path
-    d="M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z"
-  />
-</svg>
diff --git a/src/lib/components/ui/README.md b/src/lib/components/ui/README.md
deleted file mode 100644
index 42223f18..00000000
--- a/src/lib/components/ui/README.md
+++ /dev/null
@@ -1,47 +0,0 @@
-# Updating shadcn-svelte Components
-
-Everything in this directory comes from the shadcn-svelte registry **except** `multi-select-combobox`.
-
-## How to Update
-
-Run the update script from the project root:
-
-```bash
-./scripts/update-shadcn.sh
-```
-
-This will automatically:
-1. Delete all shadcn component directories (preserving `multi-select-combobox`)
-2. Re-add them from the registry
-3. Remove unwanted dependencies the CLI adds
-4. Upgrade all dependencies to latest
-5. Reapply project-specific customizations (see below)
-6. Format and type-check the result
-
-Review the git diff before committing.
-
-## Custom Modifications
-
-These are automatically applied by the script, but documented here for reference.
-
-### Sidebar (`sidebar.svelte`)
-
-- Change `ease-linear` to `ease-in-out`
-- Change `duration-200` to `duration-300`
-
-### Sidebar submenu (`sidebar-menu-sub.svelte`)
-
-- Change `mx-3.5` to `ml-3.5`
-- Change `px-2.5` to `pl-2.5`
-
-### Sonner (`sonner.svelte`)
-
-- Uses our own `color-scheme-state` instead of `mode-watcher`
-
-### Slider (`slider.svelte`)
-
-- Add `cursor-w-resize` to the thumb
-
-### Toggle group (`toggle-group.svelte`)
-
-- Add `// svelte-ignore state_referenced_locally` to suppress false warnings
diff --git a/src/lib/components/ui/accordion/accordion-content.svelte b/src/lib/components/ui/accordion/accordion-content.svelte
deleted file mode 100644
index 7360caf5..00000000
--- a/src/lib/components/ui/accordion/accordion-content.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-	import { Accordion as AccordionPrimitive } from "bits-ui";
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithoutChild<AccordionPrimitive.ContentProps> = $props();
-</script>
-
-<AccordionPrimitive.Content
-	bind:ref
-	data-slot="accordion-content"
-	class="data-open:animate-accordion-down data-closed:animate-accordion-up text-sm overflow-hidden"
-	{...restProps}
->
-	<div
-		class={cn(
-			"pt-0 pb-2.5 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4",
-			className
-		)}
-	>
-		{@render children?.()}
-	</div>
-</AccordionPrimitive.Content>
diff --git a/src/lib/components/ui/accordion/accordion-item.svelte b/src/lib/components/ui/accordion/accordion-item.svelte
deleted file mode 100644
index e2b299fe..00000000
--- a/src/lib/components/ui/accordion/accordion-item.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Accordion as AccordionPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: AccordionPrimitive.ItemProps = $props();
-</script>
-
-<AccordionPrimitive.Item
-	bind:ref
-	data-slot="accordion-item"
-	class={cn("not-last:border-b", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/accordion/accordion-trigger.svelte b/src/lib/components/ui/accordion/accordion-trigger.svelte
deleted file mode 100644
index cdff46f1..00000000
--- a/src/lib/components/ui/accordion/accordion-trigger.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { Accordion as AccordionPrimitive } from "bits-ui";
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
-	import ChevronUpIcon from '@lucide/svelte/icons/chevron-up';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		level = 3,
-		children,
-		...restProps
-	}: WithoutChild<AccordionPrimitive.TriggerProps> & {
-		level?: AccordionPrimitive.HeaderProps["level"];
-	} = $props();
-</script>
-
-<AccordionPrimitive.Header {level} class="flex">
-	<AccordionPrimitive.Trigger
-		data-slot="accordion-trigger"
-		bind:ref
-		class={cn(
-			"focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground rounded-lg py-2.5 text-left text-sm font-medium hover:underline focus-visible:ring-3 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50",
-			className
-		)}
-		{...restProps}
-	>
-		{@render children?.()}
-		<ChevronDownIcon data-slot="accordion-trigger-icon" class="cn-accordion-trigger-icon pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" />
-		<ChevronUpIcon data-slot="accordion-trigger-icon" class="cn-accordion-trigger-icon pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" />
-	</AccordionPrimitive.Trigger>
-</AccordionPrimitive.Header>
diff --git a/src/lib/components/ui/accordion/accordion.svelte b/src/lib/components/ui/accordion/accordion.svelte
deleted file mode 100644
index 01ee847d..00000000
--- a/src/lib/components/ui/accordion/accordion.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { Accordion as AccordionPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		class: className,
-		...restProps
-	}: AccordionPrimitive.RootProps = $props();
-</script>
-
-<AccordionPrimitive.Root
-	bind:ref
-	bind:value={value as never}
-	data-slot="accordion"
-	class={cn("cn-accordion flex w-full flex-col", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/accordion/index.ts b/src/lib/components/ui/accordion/index.ts
deleted file mode 100644
index ac343a10..00000000
--- a/src/lib/components/ui/accordion/index.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import Root from "./accordion.svelte";
-import Content from "./accordion-content.svelte";
-import Item from "./accordion-item.svelte";
-import Trigger from "./accordion-trigger.svelte";
-
-export {
-	Root,
-	Content,
-	Item,
-	Trigger,
-	//
-	Root as Accordion,
-	Content as AccordionContent,
-	Item as AccordionItem,
-	Trigger as AccordionTrigger,
-};
diff --git a/src/lib/components/ui/avatar/avatar-badge.svelte b/src/lib/components/ui/avatar/avatar-badge.svelte
deleted file mode 100644
index d64ff149..00000000
--- a/src/lib/components/ui/avatar/avatar-badge.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
-</script>
-
-<span
-	bind:this={ref}
-	data-slot="avatar-badge"
-	class={cn(
-		"bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none",
-		"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
-		"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
-		"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</span>
diff --git a/src/lib/components/ui/avatar/avatar-fallback.svelte b/src/lib/components/ui/avatar/avatar-fallback.svelte
deleted file mode 100644
index 3b7a6e30..00000000
--- a/src/lib/components/ui/avatar/avatar-fallback.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: AvatarPrimitive.FallbackProps = $props();
-</script>
-
-<AvatarPrimitive.Fallback
-	bind:ref
-	data-slot="avatar-fallback"
-	class={cn(
-		"bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/avatar/avatar-group-count.svelte b/src/lib/components/ui/avatar/avatar-group-count.svelte
deleted file mode 100644
index c1283ffc..00000000
--- a/src/lib/components/ui/avatar/avatar-group-count.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="avatar-group-count"
-	class={cn(
-		"bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/avatar/avatar-group.svelte b/src/lib/components/ui/avatar/avatar-group.svelte
deleted file mode 100644
index cec81e54..00000000
--- a/src/lib/components/ui/avatar/avatar-group.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="avatar-group"
-	class={cn(
-		"cn-avatar-group *:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/avatar/avatar-image.svelte b/src/lib/components/ui/avatar/avatar-image.svelte
deleted file mode 100644
index 910a3378..00000000
--- a/src/lib/components/ui/avatar/avatar-image.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: AvatarPrimitive.ImageProps = $props();
-</script>
-
-<AvatarPrimitive.Image
-	bind:ref
-	data-slot="avatar-image"
-	class={cn("rounded-full aspect-square size-full object-cover", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/avatar/avatar.svelte b/src/lib/components/ui/avatar/avatar.svelte
deleted file mode 100644
index 5a1f954b..00000000
--- a/src/lib/components/ui/avatar/avatar.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts">
-	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		loadingStatus = $bindable("loading"),
-		size = "default",
-		class: className,
-		...restProps
-	}: AvatarPrimitive.RootProps & {
-		size?: "default" | "sm" | "lg";
-	} = $props();
-</script>
-
-<AvatarPrimitive.Root
-	bind:ref
-	bind:loadingStatus
-	data-slot="avatar"
-	data-size={size}
-	class={cn(
-		"size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/avatar/index.ts b/src/lib/components/ui/avatar/index.ts
deleted file mode 100644
index 38ccef84..00000000
--- a/src/lib/components/ui/avatar/index.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import Root from "./avatar.svelte";
-import Image from "./avatar-image.svelte";
-import Fallback from "./avatar-fallback.svelte";
-import Badge from "./avatar-badge.svelte";
-import Group from "./avatar-group.svelte";
-import GroupCount from "./avatar-group-count.svelte";
-
-export {
-	Root,
-	Image,
-	Fallback,
-	Badge,
-	Group,
-	GroupCount,
-	//
-	Root as Avatar,
-	Image as AvatarImage,
-	Fallback as AvatarFallback,
-	Badge as AvatarBadge,
-	Group as AvatarGroup,
-	GroupCount as AvatarGroupCount,
-};
diff --git a/src/lib/components/ui/badge/badge.svelte b/src/lib/components/ui/badge/badge.svelte
deleted file mode 100644
index 26281952..00000000
--- a/src/lib/components/ui/badge/badge.svelte
+++ /dev/null
@@ -1,49 +0,0 @@
-<script lang="ts" module>
-	import { type VariantProps, tv } from "tailwind-variants";
-
-	export const badgeVariants = tv({
-		base: "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-colors focus-visible:ring-[3px] [&>svg]:pointer-events-none",
-		variants: {
-			variant: {
-				default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-				secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-				destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
-				outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-				ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-				link: "text-primary underline-offset-4 hover:underline",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-		},
-	});
-
-	export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
-</script>
-
-<script lang="ts">
-	import type { HTMLAnchorAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		href,
-		class: className,
-		variant = "default",
-		children,
-		...restProps
-	}: WithElementRef<HTMLAnchorAttributes> & {
-		variant?: BadgeVariant;
-	} = $props();
-</script>
-
-<svelte:element
-	this={href ? "a" : "span"}
-	bind:this={ref}
-	data-slot="badge"
-	{href}
-	class={cn(badgeVariants({ variant }), className)}
-	{...restProps}
->
-	{@render children?.()}
-</svelte:element>
diff --git a/src/lib/components/ui/badge/index.ts b/src/lib/components/ui/badge/index.ts
deleted file mode 100644
index 64e0aa9b..00000000
--- a/src/lib/components/ui/badge/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as Badge } from "./badge.svelte";
-export { badgeVariants, type BadgeVariant } from "./badge.svelte";
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte
deleted file mode 100644
index 28d78fd0..00000000
--- a/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef, type WithoutChildren } from "$lib/utils/shadcn.js";
-	import MoreHorizontalIcon from '@lucide/svelte/icons/more-horizontal';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLSpanElement>>> = $props();
-</script>
-
-<span
-	bind:this={ref}
-	data-slot="breadcrumb-ellipsis"
-	role="presentation"
-	aria-hidden="true"
-	class={cn("size-5 [&>svg]:size-4 flex items-center justify-center", className)}
-	{...restProps}
->
-	<MoreHorizontalIcon  />
-	<span class="sr-only">More</span>
-</span>
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte
deleted file mode 100644
index ecd73f9d..00000000
--- a/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLLiAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLLiAttributes> = $props();
-</script>
-
-<li
-	bind:this={ref}
-	data-slot="breadcrumb-item"
-	class={cn("gap-1 inline-flex items-center", className)}
-	{...restProps}
->
-	{@render children?.()}
-</li>
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-link.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-link.svelte
deleted file mode 100644
index 42da73fd..00000000
--- a/src/lib/components/ui/breadcrumb/breadcrumb-link.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts">
-	import type { HTMLAnchorAttributes } from "svelte/elements";
-	import type { Snippet } from "svelte";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		href = undefined,
-		child,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAnchorAttributes> & {
-		child?: Snippet<[{ props: HTMLAnchorAttributes }]>;
-	} = $props();
-
-	const attrs = $derived({
-		"data-slot": "breadcrumb-link",
-		class: cn("hover:text-foreground transition-colors", className),
-		href,
-		...restProps,
-	});
-</script>
-
-{#if child}
-	{@render child({ props: attrs })}
-{:else}
-	<a bind:this={ref} {...attrs}>
-		{@render children?.()}
-	</a>
-{/if}
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte
deleted file mode 100644
index 4edc2636..00000000
--- a/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLOlAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLOlAttributes> = $props();
-</script>
-
-<ol
-	bind:this={ref}
-	data-slot="breadcrumb-list"
-	class={cn("text-muted-foreground gap-1.5 text-sm flex flex-wrap items-center wrap-break-word", className)}
-	{...restProps}
->
-	{@render children?.()}
-</ol>
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte
deleted file mode 100644
index 8e371964..00000000
--- a/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
-</script>
-
-<span
-	bind:this={ref}
-	data-slot="breadcrumb-page"
-	role="link"
-	aria-disabled="true"
-	aria-current="page"
-	class={cn("text-foreground font-normal", className)}
-	{...restProps}
->
-	{@render children?.()}
-</span>
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte
deleted file mode 100644
index 7d870b5f..00000000
--- a/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLLiAttributes } from "svelte/elements";
-	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLLiAttributes> = $props();
-</script>
-
-<li
-	bind:this={ref}
-	data-slot="breadcrumb-separator"
-	role="presentation"
-	aria-hidden="true"
-	class={cn("[&>svg]:size-3.5", className)}
-	{...restProps}
->
-	{#if children}
-		{@render children?.()}
-	{:else}
-		<ChevronRightIcon  />
-	{/if}
-</li>
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb.svelte b/src/lib/components/ui/breadcrumb/breadcrumb.svelte
deleted file mode 100644
index 78fc5209..00000000
--- a/src/lib/components/ui/breadcrumb/breadcrumb.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-	import type { WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<nav
-	bind:this={ref}
-	data-slot="breadcrumb"
-	aria-label="breadcrumb"
-	class={cn("cn-breadcrumb", className)}
-	{...restProps}
->
-	{@render children?.()}
-</nav>
diff --git a/src/lib/components/ui/breadcrumb/index.ts b/src/lib/components/ui/breadcrumb/index.ts
deleted file mode 100644
index dc914ec3..00000000
--- a/src/lib/components/ui/breadcrumb/index.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import Root from "./breadcrumb.svelte";
-import Ellipsis from "./breadcrumb-ellipsis.svelte";
-import Item from "./breadcrumb-item.svelte";
-import Separator from "./breadcrumb-separator.svelte";
-import Link from "./breadcrumb-link.svelte";
-import List from "./breadcrumb-list.svelte";
-import Page from "./breadcrumb-page.svelte";
-
-export {
-	Root,
-	Ellipsis,
-	Item,
-	Separator,
-	Link,
-	List,
-	Page,
-	//
-	Root as Breadcrumb,
-	Ellipsis as BreadcrumbEllipsis,
-	Item as BreadcrumbItem,
-	Separator as BreadcrumbSeparator,
-	Link as BreadcrumbLink,
-	List as BreadcrumbList,
-	Page as BreadcrumbPage,
-};
diff --git a/src/lib/components/ui/button/button.svelte b/src/lib/components/ui/button/button.svelte
deleted file mode 100644
index a2f724d8..00000000
--- a/src/lib/components/ui/button/button.svelte
+++ /dev/null
@@ -1,82 +0,0 @@
-<script lang="ts" module>
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
-	import { type VariantProps, tv } from "tailwind-variants";
-
-	export const buttonVariants = tv({
-		base: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		variants: {
-			variant: {
-				default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-				outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground",
-				secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-				ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
-				destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
-				link: "text-primary underline-offset-4 hover:underline",
-			},
-			size: {
-				default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-				xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-				sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-				lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-				icon: "size-8",
-				"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-				"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-				"icon-lg": "size-9",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-			size: "default",
-		},
-	});
-
-	export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
-	export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
-
-	export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
-		WithElementRef<HTMLAnchorAttributes> & {
-			variant?: ButtonVariant;
-			size?: ButtonSize;
-		};
-</script>
-
-<script lang="ts">
-	let {
-		class: className,
-		variant = "default",
-		size = "default",
-		ref = $bindable(null),
-		href = undefined,
-		type = "button",
-		disabled,
-		children,
-		...restProps
-	}: ButtonProps = $props();
-</script>
-
-{#if href}
-	<a
-		bind:this={ref}
-		data-slot="button"
-		class={cn(buttonVariants({ variant, size }), className)}
-		href={disabled ? undefined : href}
-		aria-disabled={disabled}
-		role={disabled ? "link" : undefined}
-		tabindex={disabled ? -1 : undefined}
-		{...restProps}
-	>
-		{@render children?.()}
-	</a>
-{:else}
-	<button
-		bind:this={ref}
-		data-slot="button"
-		class={cn(buttonVariants({ variant, size }), className)}
-		{type}
-		{disabled}
-		{...restProps}
-	>
-		{@render children?.()}
-	</button>
-{/if}
diff --git a/src/lib/components/ui/button/index.ts b/src/lib/components/ui/button/index.ts
deleted file mode 100644
index fb585d76..00000000
--- a/src/lib/components/ui/button/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import Root, {
-	type ButtonProps,
-	type ButtonSize,
-	type ButtonVariant,
-	buttonVariants,
-} from "./button.svelte";
-
-export {
-	Root,
-	type ButtonProps as Props,
-	//
-	Root as Button,
-	buttonVariants,
-	type ButtonProps,
-	type ButtonSize,
-	type ButtonVariant,
-};
diff --git a/src/lib/components/ui/calendar/calendar-caption.svelte b/src/lib/components/ui/calendar/calendar-caption.svelte
deleted file mode 100644
index 5c930370..00000000
--- a/src/lib/components/ui/calendar/calendar-caption.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<script lang="ts">
-	import type { ComponentProps } from "svelte";
-	import type Calendar from "./calendar.svelte";
-	import CalendarMonthSelect from "./calendar-month-select.svelte";
-	import CalendarYearSelect from "./calendar-year-select.svelte";
-	import { DateFormatter, getLocalTimeZone, type DateValue } from "@internationalized/date";
-
-	let {
-		captionLayout,
-		months,
-		monthFormat,
-		years,
-		yearFormat,
-		month,
-		locale,
-		placeholder = $bindable(),
-		monthIndex = 0,
-	}: {
-		captionLayout: ComponentProps<typeof Calendar>["captionLayout"];
-		months: ComponentProps<typeof CalendarMonthSelect>["months"];
-		monthFormat: ComponentProps<typeof CalendarMonthSelect>["monthFormat"];
-		years: ComponentProps<typeof CalendarYearSelect>["years"];
-		yearFormat: ComponentProps<typeof CalendarYearSelect>["yearFormat"];
-		month: DateValue;
-		placeholder: DateValue | undefined;
-		locale: string;
-		monthIndex: number;
-	} = $props();
-
-	function formatYear(date: DateValue) {
-		const dateObj = date.toDate(getLocalTimeZone());
-		if (typeof yearFormat === "function") return yearFormat(dateObj.getFullYear());
-		return new DateFormatter(locale, { year: yearFormat }).format(dateObj);
-	}
-
-	function formatMonth(date: DateValue) {
-		const dateObj = date.toDate(getLocalTimeZone());
-		if (typeof monthFormat === "function") return monthFormat(dateObj.getMonth() + 1);
-		return new DateFormatter(locale, { month: monthFormat }).format(dateObj);
-	}
-</script>
-
-{#snippet MonthSelect()}
-	<CalendarMonthSelect
-		{months}
-		{monthFormat}
-		value={month.month}
-		onchange={(e) => {
-			if (!placeholder) return;
-			const v = Number.parseInt(e.currentTarget.value);
-			const newPlaceholder = placeholder.set({ month: v });
-			placeholder = newPlaceholder.subtract({ months: monthIndex });
-		}}
-	/>
-{/snippet}
-
-{#snippet YearSelect()}
-	<CalendarYearSelect {years} {yearFormat} value={month.year} />
-{/snippet}
-
-{#if captionLayout === "dropdown"}
-	{@render MonthSelect()}
-	{@render YearSelect()}
-{:else if captionLayout === "dropdown-months"}
-	{@render MonthSelect()}
-	{#if placeholder}
-		{formatYear(placeholder)}
-	{/if}
-{:else if captionLayout === "dropdown-years"}
-	{#if placeholder}
-		{formatMonth(placeholder)}
-	{/if}
-	{@render YearSelect()}
-{:else}
-	{formatMonth(month)} {formatYear(month)}
-{/if}
diff --git a/src/lib/components/ui/calendar/calendar-cell.svelte b/src/lib/components/ui/calendar/calendar-cell.svelte
deleted file mode 100644
index c02eeab1..00000000
--- a/src/lib/components/ui/calendar/calendar-cell.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.CellProps = $props();
-</script>
-
-<CalendarPrimitive.Cell
-	bind:ref
-	class={cn(
-		"relative size-(--cell-size) p-0 text-center text-sm focus-within:z-20 [&:first-child[data-selected]_[data-bits-day]]:rounded-s-(--cell-radius) [&:last-child[data-selected]_[data-bits-day]]:rounded-e-(--cell-radius)",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/calendar/calendar-day.svelte b/src/lib/components/ui/calendar/calendar-day.svelte
deleted file mode 100644
index be3599d5..00000000
--- a/src/lib/components/ui/calendar/calendar-day.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { cn } from "$lib/utils/shadcn.js";
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.DayProps = $props();
-</script>
-
-<CalendarPrimitive.Day
-	bind:ref
-	class={cn(
-		"flex size-(--cell-size) flex-col items-center justify-center gap-1 rounded-(--cell-radius) p-0 leading-none font-normal whitespace-nowrap select-none",
-		"[&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)",
-		"not-data-selected:hover:bg-accent/50 not-data-selected:hover:text-accent-foreground",
-		"[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground [&[data-today][data-disabled]]:text-muted-foreground",
-		"data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:text-foreground",
-		// Outside months
-		"[&[data-outside-month]:not([data-selected])]:text-muted-foreground [&[data-outside-month]:not([data-selected])]:hover:text-accent-foreground",
-		// Disabled
-		"data-[disabled]:text-muted-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-		// Unavailable
-		"data-[unavailable]:text-muted-foreground data-[unavailable]:line-through",
-		// focus
-		"focus:border-ring focus:ring-ring/50 focus:relative",
-		// inner spans
-		"[&>span]:text-xs [&>span]:opacity-70",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/calendar/calendar-grid-body.svelte b/src/lib/components/ui/calendar/calendar-grid-body.svelte
deleted file mode 100644
index 6f6185fc..00000000
--- a/src/lib/components/ui/calendar/calendar-grid-body.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.GridBodyProps = $props();
-</script>
-
-<CalendarPrimitive.GridBody bind:ref class={cn(className)} {...restProps} />
diff --git a/src/lib/components/ui/calendar/calendar-grid-head.svelte b/src/lib/components/ui/calendar/calendar-grid-head.svelte
deleted file mode 100644
index 58b44b01..00000000
--- a/src/lib/components/ui/calendar/calendar-grid-head.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.GridHeadProps = $props();
-</script>
-
-<CalendarPrimitive.GridHead bind:ref class={cn(className)} {...restProps} />
diff --git a/src/lib/components/ui/calendar/calendar-grid-row.svelte b/src/lib/components/ui/calendar/calendar-grid-row.svelte
deleted file mode 100644
index 002470ca..00000000
--- a/src/lib/components/ui/calendar/calendar-grid-row.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.GridRowProps = $props();
-</script>
-
-<CalendarPrimitive.GridRow bind:ref class={cn("flex", className)} {...restProps} />
diff --git a/src/lib/components/ui/calendar/calendar-grid.svelte b/src/lib/components/ui/calendar/calendar-grid.svelte
deleted file mode 100644
index fc0875e6..00000000
--- a/src/lib/components/ui/calendar/calendar-grid.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.GridProps = $props();
-</script>
-
-<CalendarPrimitive.Grid
-	bind:ref
-	class={cn("flex w-full border-collapse flex-col", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/calendar/calendar-head-cell.svelte b/src/lib/components/ui/calendar/calendar-head-cell.svelte
deleted file mode 100644
index 475b4e35..00000000
--- a/src/lib/components/ui/calendar/calendar-head-cell.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.HeadCellProps = $props();
-</script>
-
-<CalendarPrimitive.HeadCell
-	bind:ref
-	class={cn(
-		"text-muted-foreground w-(--cell-size) rounded-md text-[0.8rem] font-normal",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/calendar/calendar-header.svelte b/src/lib/components/ui/calendar/calendar-header.svelte
deleted file mode 100644
index b3bc4a0a..00000000
--- a/src/lib/components/ui/calendar/calendar-header.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.HeaderProps = $props();
-</script>
-
-<CalendarPrimitive.Header
-	bind:ref
-	class={cn(
-		"flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/calendar/calendar-heading.svelte b/src/lib/components/ui/calendar/calendar-heading.svelte
deleted file mode 100644
index 0c3ea1a3..00000000
--- a/src/lib/components/ui/calendar/calendar-heading.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.HeadingProps = $props();
-</script>
-
-<CalendarPrimitive.Heading
-	bind:ref
-	class={cn("px-(--cell-size) text-sm font-medium", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/calendar/calendar-month-select.svelte b/src/lib/components/ui/calendar/calendar-month-select.svelte
deleted file mode 100644
index 1545241d..00000000
--- a/src/lib/components/ui/calendar/calendar-month-select.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		value,
-		onchange,
-		...restProps
-	}: WithoutChildrenOrChild<CalendarPrimitive.MonthSelectProps> = $props();
-</script>
-
-<span
-	class={cn(
-		"has-focus:border-ring border-input has-focus:ring-ring/50 relative flex rounded-md border shadow-xs has-focus:ring-[3px]",
-		className
-	)}
->
-	<CalendarPrimitive.MonthSelect
-		bind:ref
-		class="bg-background dark:bg-popover dark:text-popover-foreground absolute inset-0 opacity-0"
-		{...restProps}
-	>
-		{#snippet child({ props, monthItems, selectedMonthItem })}
-			<select {...props} {value} {onchange}>
-				{#each monthItems as monthItem (monthItem.value)}
-					<option
-						value={monthItem.value}
-						selected={value !== undefined
-							? monthItem.value === value
-							: monthItem.value === selectedMonthItem.value}
-					>
-						{monthItem.label}
-					</option>
-				{/each}
-			</select>
-			<span
-				class="[&>svg]:text-muted-foreground flex h-(--cell-size) items-center gap-1 rounded-md ps-2 pe-1 text-sm font-medium select-none [&>svg]:size-3.5"
-				aria-hidden="true"
-			>
-				{monthItems.find((item) => item.value === value)?.label || selectedMonthItem.label}
-				<ChevronDownIcon class={cn("size-4", className)} />
-			</span>
-		{/snippet}
-	</CalendarPrimitive.MonthSelect>
-</span>
diff --git a/src/lib/components/ui/calendar/calendar-month.svelte b/src/lib/components/ui/calendar/calendar-month.svelte
deleted file mode 100644
index 34bb5ec2..00000000
--- a/src/lib/components/ui/calendar/calendar-month.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-	import { type WithElementRef, cn } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<div {...restProps} bind:this={ref} class={cn("flex w-full flex-col gap-4", className)}>
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/calendar/calendar-months.svelte b/src/lib/components/ui/calendar/calendar-months.svelte
deleted file mode 100644
index 8125cdc4..00000000
--- a/src/lib/components/ui/calendar/calendar-months.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	class={cn("relative flex flex-col gap-4 md:flex-row", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/calendar/calendar-nav.svelte b/src/lib/components/ui/calendar/calendar-nav.svelte
deleted file mode 100644
index c0e99a77..00000000
--- a/src/lib/components/ui/calendar/calendar-nav.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<nav
-	{...restProps}
-	bind:this={ref}
-	class={cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", className)}
->
-	{@render children?.()}
-</nav>
diff --git a/src/lib/components/ui/calendar/calendar-next-button.svelte b/src/lib/components/ui/calendar/calendar-next-button.svelte
deleted file mode 100644
index c507d6b1..00000000
--- a/src/lib/components/ui/calendar/calendar-next-button.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
-	import { buttonVariants, type ButtonVariant } from "$lib/components/ui/button/index.js";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		variant = "ghost",
-		...restProps
-	}: CalendarPrimitive.NextButtonProps & {
-		variant?: ButtonVariant;
-	} = $props();
-</script>
-
-{#snippet Fallback()}
-	<ChevronRightIcon class={cn("size-4", className)} />
-{/snippet}
-
-<CalendarPrimitive.NextButton
-	bind:ref
-	class={cn(
-		buttonVariants({ variant }),
-		"size-(--cell-size) bg-transparent p-0 select-none disabled:opacity-50 rtl:rotate-180",
-		className
-	)}
-	{...restProps}
->
-	{#if children}
-		{@render children?.()}
-	{:else}
-		{@render Fallback()}
-	{/if}
-</CalendarPrimitive.NextButton>
diff --git a/src/lib/components/ui/calendar/calendar-prev-button.svelte b/src/lib/components/ui/calendar/calendar-prev-button.svelte
deleted file mode 100644
index 3d6b5549..00000000
--- a/src/lib/components/ui/calendar/calendar-prev-button.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import ChevronLeftIcon from '@lucide/svelte/icons/chevron-left';
-	import { buttonVariants, type ButtonVariant } from "$lib/components/ui/button/index.js";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		variant = "ghost",
-		...restProps
-	}: CalendarPrimitive.PrevButtonProps & {
-		variant?: ButtonVariant;
-	} = $props();
-</script>
-
-{#snippet Fallback()}
-	<ChevronLeftIcon class={cn("size-4", className)} />
-{/snippet}
-
-<CalendarPrimitive.PrevButton
-	bind:ref
-	class={cn(
-		buttonVariants({ variant }),
-		"size-(--cell-size) bg-transparent p-0 select-none disabled:opacity-50 rtl:rotate-180",
-		className
-	)}
-	{...restProps}
->
-	{#if children}
-		{@render children?.()}
-	{:else}
-		{@render Fallback()}
-	{/if}
-</CalendarPrimitive.PrevButton>
diff --git a/src/lib/components/ui/calendar/calendar-year-select.svelte b/src/lib/components/ui/calendar/calendar-year-select.svelte
deleted file mode 100644
index 5956ddd8..00000000
--- a/src/lib/components/ui/calendar/calendar-year-select.svelte
+++ /dev/null
@@ -1,47 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		value,
-		...restProps
-	}: WithoutChildrenOrChild<CalendarPrimitive.YearSelectProps> = $props();
-</script>
-
-<span
-	class={cn(
-		"has-focus:border-ring border-input has-focus:ring-ring/50 relative flex rounded-md border shadow-xs has-focus:ring-[3px]",
-		className
-	)}
->
-	<CalendarPrimitive.YearSelect
-		bind:ref
-		class="dark:bg-popover dark:text-popover-foreground absolute inset-0 opacity-0"
-		{...restProps}
-	>
-		{#snippet child({ props, yearItems, selectedYearItem })}
-			<select {...props} {value}>
-				{#each yearItems as yearItem (yearItem.value)}
-					<option
-						value={yearItem.value}
-						selected={value !== undefined
-							? yearItem.value === value
-							: yearItem.value === selectedYearItem.value}
-					>
-						{yearItem.label}
-					</option>
-				{/each}
-			</select>
-			<span
-				class="[&>svg]:text-muted-foreground flex h-(--cell-size) items-center gap-1 rounded-md ps-2 pe-1 text-sm font-medium select-none [&>svg]:size-3.5"
-				aria-hidden="true"
-			>
-				{yearItems.find((item) => item.value === value)?.label || selectedYearItem.label}
-				<ChevronDownIcon class={cn("size-4", className)} />
-			</span>
-		{/snippet}
-	</CalendarPrimitive.YearSelect>
-</span>
diff --git a/src/lib/components/ui/calendar/calendar.svelte b/src/lib/components/ui/calendar/calendar.svelte
deleted file mode 100644
index c70552c0..00000000
--- a/src/lib/components/ui/calendar/calendar.svelte
+++ /dev/null
@@ -1,115 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import * as Calendar from "./index.js";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import type { ButtonVariant } from "../button/button.svelte";
-	import { isEqualMonth, type DateValue } from "@internationalized/date";
-	import type { Snippet } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		placeholder = $bindable(),
-		class: className,
-		weekdayFormat = "short",
-		buttonVariant = "ghost",
-		captionLayout = "label",
-		locale = "en-US",
-		months: monthsProp,
-		years,
-		monthFormat: monthFormatProp,
-		yearFormat = "numeric",
-		day,
-		disableDaysOutsideMonth = false,
-		...restProps
-	}: WithoutChildrenOrChild<CalendarPrimitive.RootProps> & {
-		buttonVariant?: ButtonVariant;
-		captionLayout?: "dropdown" | "dropdown-months" | "dropdown-years" | "label";
-		months?: CalendarPrimitive.MonthSelectProps["months"];
-		years?: CalendarPrimitive.YearSelectProps["years"];
-		monthFormat?: CalendarPrimitive.MonthSelectProps["monthFormat"];
-		yearFormat?: CalendarPrimitive.YearSelectProps["yearFormat"];
-		day?: Snippet<[{ day: DateValue; outsideMonth: boolean }]>;
-	} = $props();
-
-	const monthFormat = $derived.by(() => {
-		if (monthFormatProp) return monthFormatProp;
-		if (captionLayout.startsWith("dropdown")) return "short";
-		return "long";
-	});
-</script>
-
-<!--
-Discriminated Unions + Destructing (required for bindable) do not
-get along, so we shut typescript up by casting `value` to `never`.
--->
-<CalendarPrimitive.Root
-	bind:value={value as never}
-	bind:ref
-	bind:placeholder
-	{weekdayFormat}
-	{disableDaysOutsideMonth}
-	class={cn(
-		"p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] bg-background group/calendar in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",
-		className
-	)}
-	{locale}
-	{monthFormat}
-	{yearFormat}
-	{...restProps}
->
-	{#snippet children({ months, weekdays })}
-		<Calendar.Months>
-			<Calendar.Nav>
-				<Calendar.PrevButton variant={buttonVariant} />
-				<Calendar.NextButton variant={buttonVariant} />
-			</Calendar.Nav>
-			{#each months as month, monthIndex (month)}
-				<Calendar.Month>
-					<Calendar.Header>
-						<Calendar.Caption
-							{captionLayout}
-							months={monthsProp}
-							{monthFormat}
-							{years}
-							{yearFormat}
-							month={month.value}
-							bind:placeholder
-							{locale}
-							{monthIndex}
-						/>
-					</Calendar.Header>
-					<Calendar.Grid>
-						<Calendar.GridHead>
-							<Calendar.GridRow class="select-none">
-								{#each weekdays as weekday, i (i)}
-									<Calendar.HeadCell>
-										{weekday.slice(0, 2)}
-									</Calendar.HeadCell>
-								{/each}
-							</Calendar.GridRow>
-						</Calendar.GridHead>
-						<Calendar.GridBody>
-							{#each month.weeks as weekDates (weekDates)}
-								<Calendar.GridRow class="mt-2 w-full">
-									{#each weekDates as date (date)}
-										<Calendar.Cell {date} month={month.value}>
-											{#if day}
-												{@render day({
-													day: date,
-													outsideMonth: !isEqualMonth(date, month.value),
-												})}
-											{:else}
-												<Calendar.Day />
-											{/if}
-										</Calendar.Cell>
-									{/each}
-								</Calendar.GridRow>
-							{/each}
-						</Calendar.GridBody>
-					</Calendar.Grid>
-				</Calendar.Month>
-			{/each}
-		</Calendar.Months>
-	{/snippet}
-</CalendarPrimitive.Root>
diff --git a/src/lib/components/ui/calendar/index.ts b/src/lib/components/ui/calendar/index.ts
deleted file mode 100644
index f3a16d2d..00000000
--- a/src/lib/components/ui/calendar/index.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import Root from "./calendar.svelte";
-import Cell from "./calendar-cell.svelte";
-import Day from "./calendar-day.svelte";
-import Grid from "./calendar-grid.svelte";
-import Header from "./calendar-header.svelte";
-import Months from "./calendar-months.svelte";
-import GridRow from "./calendar-grid-row.svelte";
-import Heading from "./calendar-heading.svelte";
-import GridBody from "./calendar-grid-body.svelte";
-import GridHead from "./calendar-grid-head.svelte";
-import HeadCell from "./calendar-head-cell.svelte";
-import NextButton from "./calendar-next-button.svelte";
-import PrevButton from "./calendar-prev-button.svelte";
-import MonthSelect from "./calendar-month-select.svelte";
-import YearSelect from "./calendar-year-select.svelte";
-import Month from "./calendar-month.svelte";
-import Nav from "./calendar-nav.svelte";
-import Caption from "./calendar-caption.svelte";
-
-export {
-	Day,
-	Cell,
-	Grid,
-	Header,
-	Months,
-	GridRow,
-	Heading,
-	GridBody,
-	GridHead,
-	HeadCell,
-	NextButton,
-	PrevButton,
-	Nav,
-	Month,
-	YearSelect,
-	MonthSelect,
-	Caption,
-	//
-	Root as Calendar,
-};
diff --git a/src/lib/components/ui/card/card-action.svelte b/src/lib/components/ui/card/card-action.svelte
deleted file mode 100644
index d49f1c34..00000000
--- a/src/lib/components/ui/card/card-action.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card-action"
-	class={cn(
-		"cn-card-action col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/card/card-content.svelte b/src/lib/components/ui/card/card-content.svelte
deleted file mode 100644
index f3a4ace2..00000000
--- a/src/lib/components/ui/card/card-content.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card-content"
-	class={cn("px-4 group-data-[size=sm]/card:px-3", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/card/card-description.svelte b/src/lib/components/ui/card/card-description.svelte
deleted file mode 100644
index 9449ce62..00000000
--- a/src/lib/components/ui/card/card-description.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLParagraphElement>> = $props();
-</script>
-
-<p
-	bind:this={ref}
-	data-slot="card-description"
-	class={cn("text-muted-foreground text-sm", className)}
-	{...restProps}
->
-	{@render children?.()}
-</p>
diff --git a/src/lib/components/ui/card/card-footer.svelte b/src/lib/components/ui/card/card-footer.svelte
deleted file mode 100644
index 00b5850e..00000000
--- a/src/lib/components/ui/card/card-footer.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card-footer"
-	class={cn("bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/card/card-header.svelte b/src/lib/components/ui/card/card-header.svelte
deleted file mode 100644
index 15d2c952..00000000
--- a/src/lib/components/ui/card/card-header.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card-header"
-	class={cn(
-		"gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/card/card-title.svelte b/src/lib/components/ui/card/card-title.svelte
deleted file mode 100644
index f3b2a4e4..00000000
--- a/src/lib/components/ui/card/card-title.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card-title"
-	class={cn("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/card/card.svelte b/src/lib/components/ui/card/card.svelte
deleted file mode 100644
index 0bf33eec..00000000
--- a/src/lib/components/ui/card/card.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		size = "default",
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & { size?: "default" | "sm" } = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card"
-	data-size={size}
-	class={cn("ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/card/index.ts b/src/lib/components/ui/card/index.ts
deleted file mode 100644
index 4d3fce48..00000000
--- a/src/lib/components/ui/card/index.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import Root from "./card.svelte";
-import Content from "./card-content.svelte";
-import Description from "./card-description.svelte";
-import Footer from "./card-footer.svelte";
-import Header from "./card-header.svelte";
-import Title from "./card-title.svelte";
-import Action from "./card-action.svelte";
-
-export {
-	Root,
-	Content,
-	Description,
-	Footer,
-	Header,
-	Title,
-	Action,
-	//
-	Root as Card,
-	Content as CardContent,
-	Description as CardDescription,
-	Footer as CardFooter,
-	Header as CardHeader,
-	Title as CardTitle,
-	Action as CardAction,
-};
diff --git a/src/lib/components/ui/checkbox/checkbox.svelte b/src/lib/components/ui/checkbox/checkbox.svelte
deleted file mode 100644
index 234154d0..00000000
--- a/src/lib/components/ui/checkbox/checkbox.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts">
-	import { Checkbox as CheckboxPrimitive } from "bits-ui";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import CheckIcon from '@lucide/svelte/icons/check';
-	import MinusIcon from '@lucide/svelte/icons/minus';
-
-	let {
-		ref = $bindable(null),
-		checked = $bindable(false),
-		indeterminate = $bindable(false),
-		class: className,
-		...restProps
-	}: WithoutChildrenOrChild<CheckboxPrimitive.RootProps> = $props();
-</script>
-
-<CheckboxPrimitive.Root
-	bind:ref
-	data-slot="checkbox"
-	class={cn(
-		"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50",
-		className
-	)}
-	bind:checked
-	bind:indeterminate
-	{...restProps}
->
-	{#snippet children({ checked, indeterminate })}
-		<div
-			data-slot="checkbox-indicator"
-			class="[&>svg]:size-3.5 grid place-content-center text-current transition-none"
-		>
-			{#if checked}
-				<CheckIcon  />
-			{:else if indeterminate}
-				<MinusIcon  />
-			{/if}
-		</div>
-	{/snippet}
-</CheckboxPrimitive.Root>
diff --git a/src/lib/components/ui/checkbox/index.ts b/src/lib/components/ui/checkbox/index.ts
deleted file mode 100644
index 6d92d945..00000000
--- a/src/lib/components/ui/checkbox/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import Root from "./checkbox.svelte";
-export {
-	Root,
-	//
-	Root as Checkbox,
-};
diff --git a/src/lib/components/ui/collapsible/collapsible-content.svelte b/src/lib/components/ui/collapsible/collapsible-content.svelte
deleted file mode 100644
index bdabb559..00000000
--- a/src/lib/components/ui/collapsible/collapsible-content.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Collapsible as CollapsiblePrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: CollapsiblePrimitive.ContentProps = $props();
-</script>
-
-<CollapsiblePrimitive.Content bind:ref data-slot="collapsible-content" {...restProps} />
diff --git a/src/lib/components/ui/collapsible/collapsible-trigger.svelte b/src/lib/components/ui/collapsible/collapsible-trigger.svelte
deleted file mode 100644
index ece7ad68..00000000
--- a/src/lib/components/ui/collapsible/collapsible-trigger.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Collapsible as CollapsiblePrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: CollapsiblePrimitive.TriggerProps = $props();
-</script>
-
-<CollapsiblePrimitive.Trigger bind:ref data-slot="collapsible-trigger" {...restProps} />
diff --git a/src/lib/components/ui/collapsible/collapsible.svelte b/src/lib/components/ui/collapsible/collapsible.svelte
deleted file mode 100644
index 39cdd4e4..00000000
--- a/src/lib/components/ui/collapsible/collapsible.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { Collapsible as CollapsiblePrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		open = $bindable(false),
-		...restProps
-	}: CollapsiblePrimitive.RootProps = $props();
-</script>
-
-<CollapsiblePrimitive.Root bind:ref bind:open data-slot="collapsible" {...restProps} />
diff --git a/src/lib/components/ui/collapsible/index.ts b/src/lib/components/ui/collapsible/index.ts
deleted file mode 100644
index 169b4791..00000000
--- a/src/lib/components/ui/collapsible/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import Root from "./collapsible.svelte";
-import Trigger from "./collapsible-trigger.svelte";
-import Content from "./collapsible-content.svelte";
-
-export {
-	Root,
-	Content,
-	Trigger,
-	//
-	Root as Collapsible,
-	Content as CollapsibleContent,
-	Trigger as CollapsibleTrigger,
-};
diff --git a/src/lib/components/ui/command/command-dialog.svelte b/src/lib/components/ui/command/command-dialog.svelte
deleted file mode 100644
index ce6c1e03..00000000
--- a/src/lib/components/ui/command/command-dialog.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<script lang="ts">
-	import type { Command as CommandPrimitive, Dialog as DialogPrimitive } from "bits-ui";
-	import type { Snippet } from "svelte";
-	import Command from "./command.svelte";
-	import * as Dialog from "$lib/components/ui/dialog/index.js";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-
-	let {
-		open = $bindable(false),
-		ref = $bindable(null),
-		value = $bindable(""),
-		title = "Command Palette",
-		description = "Search for a command to run...",
-		showCloseButton = false,
-		portalProps,
-		children,
-		class: className,
-		...restProps
-	}: WithoutChildrenOrChild<DialogPrimitive.RootProps> &
-		WithoutChildrenOrChild<CommandPrimitive.RootProps> & {
-			portalProps?: DialogPrimitive.PortalProps;
-			children: Snippet;
-			title?: string;
-			description?: string;
-			showCloseButton?: boolean;
-			class?: string;
-		} = $props();
-</script>
-
-<Dialog.Root bind:open {...restProps}>
-	<Dialog.Header class="sr-only">
-		<Dialog.Title>{title}</Dialog.Title>
-		<Dialog.Description>{description}</Dialog.Description>
-	</Dialog.Header>
-	<Dialog.Content
-		class={cn("rounded-xl! top-1/3 translate-y-0 overflow-hidden p-0", className)}
-		{showCloseButton}
-		{portalProps}
-	>
-		<Command {...restProps} bind:value bind:ref {children} />
-	</Dialog.Content>
-</Dialog.Root>
diff --git a/src/lib/components/ui/command/command-empty.svelte b/src/lib/components/ui/command/command-empty.svelte
deleted file mode 100644
index 1afcf7c2..00000000
--- a/src/lib/components/ui/command/command-empty.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Command as CommandPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CommandPrimitive.EmptyProps = $props();
-</script>
-
-<CommandPrimitive.Empty
-	bind:ref
-	data-slot="command-empty"
-	class={cn("py-6 text-center text-sm", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/command/command-group.svelte b/src/lib/components/ui/command/command-group.svelte
deleted file mode 100644
index 74c948af..00000000
--- a/src/lib/components/ui/command/command-group.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { Command as CommandPrimitive, useId } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		heading,
-		value,
-		...restProps
-	}: CommandPrimitive.GroupProps & {
-		heading?: string;
-	} = $props();
-</script>
-
-<CommandPrimitive.Group
-	bind:ref
-	data-slot="command-group"
-	class={cn("text-foreground **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium", className)}
-	value={value ?? heading ?? `----${useId()}`}
-	{...restProps}
->
-	{#if heading}
-		<CommandPrimitive.GroupHeading
-			class="text-muted-foreground px-2 py-1.5 text-xs font-medium"
-		>
-			{heading}
-		</CommandPrimitive.GroupHeading>
-	{/if}
-	<CommandPrimitive.GroupItems {children} />
-</CommandPrimitive.Group>
diff --git a/src/lib/components/ui/command/command-input.svelte b/src/lib/components/ui/command/command-input.svelte
deleted file mode 100644
index 0dda6bf8..00000000
--- a/src/lib/components/ui/command/command-input.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
-	import { Command as CommandPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-	import * as InputGroup from "$lib/components/ui/input-group/index.js";
-	import SearchIcon from '@lucide/svelte/icons/search';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		value = $bindable(""),
-		...restProps
-	}: CommandPrimitive.InputProps = $props();
-</script>
-
-<div data-slot="command-input-wrapper" class="p-1 pb-0">
-	<InputGroup.Root class="bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!">
-		<CommandPrimitive.Input
-			{value}
-			data-slot="command-input"
-			class={cn(
-				"w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
-				className
-			)}
-			{...restProps}
-		>
-			{#snippet child({ props })}
-				<InputGroup.Input {...props} bind:value bind:ref />
-			{/snippet}
-		</CommandPrimitive.Input>
-		<InputGroup.Addon>
-			<SearchIcon class="size-4 shrink-0 opacity-50" />
-		</InputGroup.Addon>
-	</InputGroup.Root>
-</div>
diff --git a/src/lib/components/ui/command/command-item.svelte b/src/lib/components/ui/command/command-item.svelte
deleted file mode 100644
index 22930ed7..00000000
--- a/src/lib/components/ui/command/command-item.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script lang="ts">
-	import { Command as CommandPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-	import CheckIcon from '@lucide/svelte/icons/check';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: CommandPrimitive.ItemProps = $props();
-</script>
-
-<CommandPrimitive.Item
-	bind:ref
-	data-slot="command-item"
-	class={cn(
-		"group/command-item data-selected:bg-muted data-selected:text-foreground data-selected:*:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-	<CheckIcon class="cn-command-item-indicator ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" />
-</CommandPrimitive.Item>
diff --git a/src/lib/components/ui/command/command-link-item.svelte b/src/lib/components/ui/command/command-link-item.svelte
deleted file mode 100644
index ab8cd707..00000000
--- a/src/lib/components/ui/command/command-link-item.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { Command as CommandPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CommandPrimitive.LinkItemProps = $props();
-</script>
-
-<CommandPrimitive.LinkItem
-	bind:ref
-	data-slot="command-item"
-	class={cn(
-		"aria-selected:bg-accent aria-selected:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/command/command-list.svelte b/src/lib/components/ui/command/command-list.svelte
deleted file mode 100644
index f3016d44..00000000
--- a/src/lib/components/ui/command/command-list.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Command as CommandPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CommandPrimitive.ListProps = $props();
-</script>
-
-<CommandPrimitive.List
-	bind:ref
-	data-slot="command-list"
-	class={cn("no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/command/command-loading.svelte b/src/lib/components/ui/command/command-loading.svelte
deleted file mode 100644
index 19dd2985..00000000
--- a/src/lib/components/ui/command/command-loading.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Command as CommandPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: CommandPrimitive.LoadingProps = $props();
-</script>
-
-<CommandPrimitive.Loading bind:ref {...restProps} />
diff --git a/src/lib/components/ui/command/command-separator.svelte b/src/lib/components/ui/command/command-separator.svelte
deleted file mode 100644
index 767fb56a..00000000
--- a/src/lib/components/ui/command/command-separator.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Command as CommandPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CommandPrimitive.SeparatorProps = $props();
-</script>
-
-<CommandPrimitive.Separator
-	bind:ref
-	data-slot="command-separator"
-	class={cn("bg-border -mx-1 h-px", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/command/command-shortcut.svelte b/src/lib/components/ui/command/command-shortcut.svelte
deleted file mode 100644
index 19fc358e..00000000
--- a/src/lib/components/ui/command/command-shortcut.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
-</script>
-
-<span
-	bind:this={ref}
-	data-slot="command-shortcut"
-	class={cn("text-muted-foreground group-data-selected/command-item:text-foreground ml-auto text-xs tracking-widest", className)}
-	{...restProps}
->
-	{@render children?.()}
-</span>
diff --git a/src/lib/components/ui/command/command.svelte b/src/lib/components/ui/command/command.svelte
deleted file mode 100644
index b87561e9..00000000
--- a/src/lib/components/ui/command/command.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script lang="ts">
-	import { cn } from "$lib/utils/shadcn.js";
-	import { Command as CommandPrimitive } from "bits-ui";
-
-	export type CommandRootApi = CommandPrimitive.Root;
-
-	let {
-		api = $bindable(null),
-		ref = $bindable(null),
-		value = $bindable(""),
-		class: className,
-		...restProps
-	}: CommandPrimitive.RootProps & {
-		api?: CommandRootApi | null;
-	} = $props();
-</script>
-
-<CommandPrimitive.Root
-	bind:this={api}
-	bind:value
-	bind:ref
-	data-slot="command"
-	class={cn("bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/command/index.ts b/src/lib/components/ui/command/index.ts
deleted file mode 100644
index 5435fbe8..00000000
--- a/src/lib/components/ui/command/index.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import Root from "./command.svelte";
-import Loading from "./command-loading.svelte";
-import Dialog from "./command-dialog.svelte";
-import Empty from "./command-empty.svelte";
-import Group from "./command-group.svelte";
-import Item from "./command-item.svelte";
-import Input from "./command-input.svelte";
-import List from "./command-list.svelte";
-import Separator from "./command-separator.svelte";
-import Shortcut from "./command-shortcut.svelte";
-import LinkItem from "./command-link-item.svelte";
-
-export {
-	Root,
-	Dialog,
-	Empty,
-	Group,
-	Item,
-	LinkItem,
-	Input,
-	List,
-	Separator,
-	Shortcut,
-	Loading,
-	//
-	Root as Command,
-	Dialog as CommandDialog,
-	Empty as CommandEmpty,
-	Group as CommandGroup,
-	Item as CommandItem,
-	LinkItem as CommandLinkItem,
-	Input as CommandInput,
-	List as CommandList,
-	Separator as CommandSeparator,
-	Shortcut as CommandShortcut,
-	Loading as CommandLoading,
-};
diff --git a/src/lib/components/ui/data-table/data-table.svelte.ts b/src/lib/components/ui/data-table/data-table.svelte.ts
deleted file mode 100644
index f3c30a7f..00000000
--- a/src/lib/components/ui/data-table/data-table.svelte.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import {
-	type RowData,
-	type TableOptions,
-	type TableOptionsResolved,
-	type TableState,
-	type Updater,
-	createTable,
-} from "@tanstack/table-core";
-
-/**
- * Creates a reactive TanStack table object for Svelte.
- * @param options Table options to create the table with.
- * @returns A reactive table object.
- * @example
- * ```svelte
- * <script>
- *   const table = createSvelteTable({ ... })
- * </script>
- *
- * <table>
- *   <thead>
- *     {#each table.getHeaderGroups() as headerGroup}
- *       <tr>
- *         {#each headerGroup.headers as header}
- *           <th colspan={header.colSpan}>
- *         	   <FlexRender content={header.column.columnDef.header} context={header.getContext()} />
- *         	 </th>
- *         {/each}
- *       </tr>
- *     {/each}
- *   </thead>
- * 	 <!-- ... -->
- * </table>
- * ```
- */
-export function createSvelteTable<TData extends RowData>(options: TableOptions<TData>) {
-	const resolvedOptions: TableOptionsResolved<TData> = mergeObjects(
-		{
-			state: {},
-			onStateChange() {},
-			renderFallbackValue: null,
-			mergeOptions: (
-				defaultOptions: TableOptions<TData>,
-				options: Partial<TableOptions<TData>>
-			) => {
-				return mergeObjects(defaultOptions, options);
-			},
-		},
-		options
-	);
-
-	const table = createTable(resolvedOptions);
-	let state = $state<TableState>(table.initialState);
-
-	function updateOptions() {
-		table.setOptions(() => {
-			return mergeObjects(resolvedOptions, options, {
-				state: mergeObjects(state, options.state || {}),
-
-				onStateChange: (updater: Updater<TableState>) => {
-					if (updater instanceof Function) state = updater(state);
-					else state = mergeObjects(state, updater);
-
-					options.onStateChange?.(updater);
-				},
-			});
-		});
-	}
-
-	updateOptions();
-
-	$effect.pre(() => {
-		updateOptions();
-	});
-
-	return table;
-}
-
-type MaybeThunk<T extends object> = T | (() => T | null | undefined);
-type Intersection<T extends readonly unknown[]> = (T extends [infer H, ...infer R]
-	? H & Intersection<R>
-	: unknown) & {};
-
-/**
- * Lazily merges several objects (or thunks) while preserving
- * getter semantics from every source.
- *
- * Proxy-based to avoid known WebKit recursion issue.
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function mergeObjects<Sources extends readonly MaybeThunk<any>[]>(
-	...sources: Sources
-): Intersection<{ [K in keyof Sources]: Sources[K] }> {
-	const resolve = <T extends object>(src: MaybeThunk<T>): T | undefined =>
-		typeof src === "function" ? (src() ?? undefined) : src;
-
-	const findSourceWithKey = (key: PropertyKey) => {
-		for (let i = sources.length - 1; i >= 0; i--) {
-			const obj = resolve(sources[i]);
-			if (obj && key in obj) return obj;
-		}
-		return undefined;
-	};
-
-	return new Proxy(Object.create(null), {
-		get(_, key) {
-			const src = findSourceWithKey(key);
-
-			return src?.[key as never];
-		},
-
-		has(_, key) {
-			return !!findSourceWithKey(key);
-		},
-
-		ownKeys(): (string | symbol)[] {
-			// eslint-disable-next-line svelte/prefer-svelte-reactivity
-			const all = new Set<string | symbol>();
-			for (const s of sources) {
-				const obj = resolve(s);
-				if (obj) {
-					for (const k of Reflect.ownKeys(obj) as (string | symbol)[]) {
-						all.add(k);
-					}
-				}
-			}
-			return [...all];
-		},
-
-		getOwnPropertyDescriptor(_, key) {
-			const src = findSourceWithKey(key);
-			if (!src) return undefined;
-			return {
-				configurable: true,
-				enumerable: true,
-				// eslint-disable-next-line @typescript-eslint/no-explicit-any
-				value: (src as any)[key],
-				writable: true,
-			};
-		},
-	}) as Intersection<{ [K in keyof Sources]: Sources[K] }>;
-}
diff --git a/src/lib/components/ui/data-table/flex-render.svelte b/src/lib/components/ui/data-table/flex-render.svelte
deleted file mode 100644
index ac82a581..00000000
--- a/src/lib/components/ui/data-table/flex-render.svelte
+++ /dev/null
@@ -1,40 +0,0 @@
-<script
-	lang="ts"
-	generics="TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>"
->
-	import type { CellContext, ColumnDefTemplate, HeaderContext } from "@tanstack/table-core";
-	import { RenderComponentConfig, RenderSnippetConfig } from "./render-helpers.js";
-	import type { Attachment } from "svelte/attachments";
-	type Props = {
-		/** The cell or header field of the current cell's column definition. */
-		content?: TContext extends HeaderContext<TData, TValue>
-			? ColumnDefTemplate<HeaderContext<TData, TValue>>
-			: TContext extends CellContext<TData, TValue>
-				? ColumnDefTemplate<CellContext<TData, TValue>>
-				: never;
-		/** The result of the `getContext()` function of the header or cell */
-		context: TContext;
-
-		/** Used to pass attachments that can't be gotten through context */
-		attach?: Attachment;
-	};
-
-	let { content, context, attach }: Props = $props();
-</script>
-
-{#if typeof content === "string"}
-	{content}
-{:else if content instanceof Function}
-	<!-- It's unlikely that a CellContext will be passed to a Header -->
-	<!-- eslint-disable-next-line @typescript-eslint/no-explicit-any -->
-	{@const result = content(context as any)}
-	{#if result instanceof RenderComponentConfig}
-		{@const { component: Component, props } = result}
-		<Component {...props} {attach} />
-	{:else if result instanceof RenderSnippetConfig}
-		{@const { snippet, params } = result}
-		{@render snippet({ ...params, attach })}
-	{:else}
-		{result}
-	{/if}
-{/if}
diff --git a/src/lib/components/ui/data-table/index.ts b/src/lib/components/ui/data-table/index.ts
deleted file mode 100644
index 5f4e77ea..00000000
--- a/src/lib/components/ui/data-table/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as FlexRender } from "./flex-render.svelte";
-export { renderComponent, renderSnippet } from "./render-helpers.js";
-export { createSvelteTable } from "./data-table.svelte.js";
diff --git a/src/lib/components/ui/data-table/render-helpers.ts b/src/lib/components/ui/data-table/render-helpers.ts
deleted file mode 100644
index fa036d62..00000000
--- a/src/lib/components/ui/data-table/render-helpers.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-import type { Component, ComponentProps, Snippet } from "svelte";
-
-/**
- * A helper class to make it easy to identify Svelte components in
- * `columnDef.cell` and `columnDef.header` properties.
- *
- * > NOTE: This class should only be used internally by the adapter. If you're
- * reading this and you don't know what this is for, you probably don't need it.
- *
- * @example
- * ```svelte
- * {@const result = content(context as any)}
- * {#if result instanceof RenderComponentConfig}
- *   {@const { component: Component, props } = result}
- *   <Component {...props} />
- * {/if}
- * ```
- */
-export class RenderComponentConfig<TComponent extends Component> {
-	component: TComponent;
-	props: ComponentProps<TComponent> | Record<string, never>;
-	constructor(
-		component: TComponent,
-		props: ComponentProps<TComponent> | Record<string, never> = {}
-	) {
-		this.component = component;
-		this.props = props;
-	}
-}
-
-/**
- * A helper class to make it easy to identify Svelte Snippets in `columnDef.cell` and `columnDef.header` properties.
- *
- * > NOTE: This class should only be used internally by the adapter. If you're
- * reading this and you don't know what this is for, you probably don't need it.
- *
- * @example
- * ```svelte
- * {@const result = content(context as any)}
- * {#if result instanceof RenderSnippetConfig}
- *   {@const { snippet, params } = result}
- *   {@render snippet(params)}
- * {/if}
- * ```
- */
-export class RenderSnippetConfig<TProps> {
-	snippet: Snippet<[TProps]>;
-	params: TProps;
-	constructor(snippet: Snippet<[TProps]>, params: TProps) {
-		this.snippet = snippet;
-		this.params = params;
-	}
-}
-
-/**
- * A helper function to help create cells from Svelte components through ColumnDef's `cell` and `header` properties.
- *
- * This is only to be used with Svelte Components - use `renderSnippet` for Svelte Snippets.
- *
- * @param component A Svelte component
- * @param props The props to pass to `component`
- * @returns A `RenderComponentConfig` object that helps svelte-table know how to render the header/cell component.
- * @example
- * ```ts
- * // +page.svelte
- * const defaultColumns = [
- *   columnHelper.accessor('name', {
- *     header: header => renderComponent(SortHeader, { label: 'Name', header }),
- *   }),
- *   columnHelper.accessor('state', {
- *     header: header => renderComponent(SortHeader, { label: 'State', header }),
- *   }),
- * ]
- * ```
- * @see {@link https://tanstack.com/table/latest/docs/guide/column-defs}
- */
-export function renderComponent<
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	T extends Component<any>,
-	Props extends ComponentProps<T>,
->(component: T, props: Props = {} as Props) {
-	return new RenderComponentConfig(component, props);
-}
-
-/**
- * A helper function to help create cells from Svelte Snippets through ColumnDef's `cell` and `header` properties.
- *
- * The snippet must only take one parameter.
- *
- * This is only to be used with Snippets - use `renderComponent` for Svelte Components.
- *
- * @param snippet
- * @param params
- * @returns - A `RenderSnippetConfig` object that helps svelte-table know how to render the header/cell snippet.
- * @example
- * ```ts
- * // +page.svelte
- * const defaultColumns = [
- *   columnHelper.accessor('name', {
- *     cell: cell => renderSnippet(nameSnippet, { name: cell.row.name }),
- *   }),
- *   columnHelper.accessor('state', {
- *     cell: cell => renderSnippet(stateSnippet, { state: cell.row.state }),
- *   }),
- * ]
- * ```
- * @see {@link https://tanstack.com/table/latest/docs/guide/column-defs}
- */
-export function renderSnippet<TProps>(snippet: Snippet<[TProps]>, params: TProps = {} as TProps) {
-	return new RenderSnippetConfig(snippet, params);
-}
diff --git a/src/lib/components/ui/dialog/dialog-close.svelte b/src/lib/components/ui/dialog/dialog-close.svelte
deleted file mode 100644
index de68f2f0..00000000
--- a/src/lib/components/ui/dialog/dialog-close.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		type = "button",
-		...restProps
-	}: DialogPrimitive.CloseProps = $props();
-</script>
-
-<DialogPrimitive.Close bind:ref data-slot="dialog-close" {type} {...restProps} />
diff --git a/src/lib/components/ui/dialog/dialog-content.svelte b/src/lib/components/ui/dialog/dialog-content.svelte
deleted file mode 100644
index 42bb07c5..00000000
--- a/src/lib/components/ui/dialog/dialog-content.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import DialogPortal from "./dialog-portal.svelte";
-	import type { Snippet } from "svelte";
-	import * as Dialog from "./index.js";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import type { ComponentProps } from "svelte";
-	import { Button } from "$lib/components/ui/button/index.js";
-	import XIcon from '@lucide/svelte/icons/x';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		portalProps,
-		children,
-		showCloseButton = true,
-		...restProps
-	}: WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
-		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof DialogPortal>>;
-		children: Snippet;
-		showCloseButton?: boolean;
-	} = $props();
-</script>
-
-<DialogPortal {...portalProps}>
-	<Dialog.Overlay />
-	<DialogPrimitive.Content
-		bind:ref
-		data-slot="dialog-content"
-		class={cn(
-			"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none",
-			className
-		)}
-		{...restProps}
-	>
-		{@render children?.()}
-		{#if showCloseButton}
-			<DialogPrimitive.Close data-slot="dialog-close">
-				{#snippet child({ props })}
-					<Button variant="ghost" class="absolute top-2 right-2" size="icon-sm" {...props}>
-						<XIcon  />
-						<span class="sr-only">Close</span>
-					</Button>
-				{/snippet}
-			</DialogPrimitive.Close>
-		{/if}
-	</DialogPrimitive.Content>
-</DialogPortal>
diff --git a/src/lib/components/ui/dialog/dialog-description.svelte b/src/lib/components/ui/dialog/dialog-description.svelte
deleted file mode 100644
index e8197975..00000000
--- a/src/lib/components/ui/dialog/dialog-description.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: DialogPrimitive.DescriptionProps = $props();
-</script>
-
-<DialogPrimitive.Description
-	bind:ref
-	data-slot="dialog-description"
-	class={cn("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/dialog/dialog-footer.svelte b/src/lib/components/ui/dialog/dialog-footer.svelte
deleted file mode 100644
index 1714a809..00000000
--- a/src/lib/components/ui/dialog/dialog-footer.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { Button } from "$lib/components/ui/button/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		showCloseButton = false,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		showCloseButton?: boolean;
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="dialog-footer"
-	class={cn("bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
-	{...restProps}
->
-	{@render children?.()}
-	{#if showCloseButton}
-		<DialogPrimitive.Close>
-			{#snippet child({ props })}
-				<Button variant="outline" {...props}>Close</Button>
-			{/snippet}
-		</DialogPrimitive.Close>
-	{/if}
-</div>
diff --git a/src/lib/components/ui/dialog/dialog-header.svelte b/src/lib/components/ui/dialog/dialog-header.svelte
deleted file mode 100644
index 1c8f0ba9..00000000
--- a/src/lib/components/ui/dialog/dialog-header.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="dialog-header"
-	class={cn("gap-2 flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/dialog/dialog-overlay.svelte b/src/lib/components/ui/dialog/dialog-overlay.svelte
deleted file mode 100644
index e3ad3be3..00000000
--- a/src/lib/components/ui/dialog/dialog-overlay.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: DialogPrimitive.OverlayProps = $props();
-</script>
-
-<DialogPrimitive.Overlay
-	bind:ref
-	data-slot="dialog-overlay"
-	class={cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/dialog/dialog-portal.svelte b/src/lib/components/ui/dialog/dialog-portal.svelte
deleted file mode 100644
index ccfa79ca..00000000
--- a/src/lib/components/ui/dialog/dialog-portal.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-
-	let { ...restProps }: DialogPrimitive.PortalProps = $props();
-</script>
-
-<DialogPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/dialog/dialog-title.svelte b/src/lib/components/ui/dialog/dialog-title.svelte
deleted file mode 100644
index 4d769a43..00000000
--- a/src/lib/components/ui/dialog/dialog-title.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: DialogPrimitive.TitleProps = $props();
-</script>
-
-<DialogPrimitive.Title
-	bind:ref
-	data-slot="dialog-title"
-	class={cn("text-base leading-none font-medium", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/dialog/dialog-trigger.svelte b/src/lib/components/ui/dialog/dialog-trigger.svelte
deleted file mode 100644
index 589ee0c3..00000000
--- a/src/lib/components/ui/dialog/dialog-trigger.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		type = "button",
-		...restProps
-	}: DialogPrimitive.TriggerProps = $props();
-</script>
-
-<DialogPrimitive.Trigger bind:ref data-slot="dialog-trigger" {type} {...restProps} />
diff --git a/src/lib/components/ui/dialog/dialog.svelte b/src/lib/components/ui/dialog/dialog.svelte
deleted file mode 100644
index 211672c6..00000000
--- a/src/lib/components/ui/dialog/dialog.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-
-	let { open = $bindable(false), ...restProps }: DialogPrimitive.RootProps = $props();
-</script>
-
-<DialogPrimitive.Root bind:open {...restProps} />
diff --git a/src/lib/components/ui/dialog/index.ts b/src/lib/components/ui/dialog/index.ts
deleted file mode 100644
index 076cef52..00000000
--- a/src/lib/components/ui/dialog/index.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import Root from "./dialog.svelte";
-import Portal from "./dialog-portal.svelte";
-import Title from "./dialog-title.svelte";
-import Footer from "./dialog-footer.svelte";
-import Header from "./dialog-header.svelte";
-import Overlay from "./dialog-overlay.svelte";
-import Content from "./dialog-content.svelte";
-import Description from "./dialog-description.svelte";
-import Trigger from "./dialog-trigger.svelte";
-import Close from "./dialog-close.svelte";
-
-export {
-	Root,
-	Title,
-	Portal,
-	Footer,
-	Header,
-	Trigger,
-	Overlay,
-	Content,
-	Description,
-	Close,
-	//
-	Root as Dialog,
-	Title as DialogTitle,
-	Portal as DialogPortal,
-	Footer as DialogFooter,
-	Header as DialogHeader,
-	Trigger as DialogTrigger,
-	Overlay as DialogOverlay,
-	Content as DialogContent,
-	Description as DialogDescription,
-	Close as DialogClose,
-};
diff --git a/src/lib/components/ui/drawer/drawer-close.svelte b/src/lib/components/ui/drawer/drawer-close.svelte
deleted file mode 100644
index 95c24796..00000000
--- a/src/lib/components/ui/drawer/drawer-close.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Drawer as DrawerPrimitive } from "vaul-svelte";
-
-	let { ref = $bindable(null), ...restProps }: DrawerPrimitive.CloseProps = $props();
-</script>
-
-<DrawerPrimitive.Close bind:ref data-slot="drawer-close" {...restProps} />
diff --git a/src/lib/components/ui/drawer/drawer-content.svelte b/src/lib/components/ui/drawer/drawer-content.svelte
deleted file mode 100644
index ff1f5349..00000000
--- a/src/lib/components/ui/drawer/drawer-content.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { Drawer as DrawerPrimitive } from "vaul-svelte";
-	import DrawerPortal from "./drawer-portal.svelte";
-	import DrawerOverlay from "./drawer-overlay.svelte";
-	import { cn } from "$lib/utils/shadcn.js";
-	import type { ComponentProps } from "svelte";
-	import type { WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		portalProps,
-		children,
-		...restProps
-	}: DrawerPrimitive.ContentProps & {
-		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof DrawerPortal>>;
-	} = $props();
-</script>
-
-<DrawerPortal {...portalProps}>
-	<DrawerOverlay />
-	<DrawerPrimitive.Content
-		bind:ref
-		data-slot="drawer-content"
-		class={cn("bg-popover text-popover-foreground flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50", className)}
-		{...restProps}
-	>
-		<div
-			class="bg-muted mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block bg-muted mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
-		></div>
-		{@render children?.()}
-	</DrawerPrimitive.Content>
-</DrawerPortal>
diff --git a/src/lib/components/ui/drawer/drawer-description.svelte b/src/lib/components/ui/drawer/drawer-description.svelte
deleted file mode 100644
index ea0cbe9b..00000000
--- a/src/lib/components/ui/drawer/drawer-description.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Drawer as DrawerPrimitive } from "vaul-svelte";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: DrawerPrimitive.DescriptionProps = $props();
-</script>
-
-<DrawerPrimitive.Description
-	bind:ref
-	data-slot="drawer-description"
-	class={cn("text-muted-foreground text-sm", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/drawer/drawer-footer.svelte b/src/lib/components/ui/drawer/drawer-footer.svelte
deleted file mode 100644
index 48479704..00000000
--- a/src/lib/components/ui/drawer/drawer-footer.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="drawer-footer"
-	class={cn("gap-2 p-4 mt-auto flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/drawer/drawer-header.svelte b/src/lib/components/ui/drawer/drawer-header.svelte
deleted file mode 100644
index da89cb0a..00000000
--- a/src/lib/components/ui/drawer/drawer-header.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="drawer-header"
-	class={cn("gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/drawer/drawer-nested.svelte b/src/lib/components/ui/drawer/drawer-nested.svelte
deleted file mode 100644
index 834af946..00000000
--- a/src/lib/components/ui/drawer/drawer-nested.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { Drawer as DrawerPrimitive } from "vaul-svelte";
-
-	let {
-		shouldScaleBackground = true,
-		open = $bindable(false),
-		activeSnapPoint = $bindable(null),
-		...restProps
-	}: DrawerPrimitive.RootProps = $props();
-</script>
-
-<DrawerPrimitive.NestedRoot {shouldScaleBackground} bind:open bind:activeSnapPoint {...restProps} />
diff --git a/src/lib/components/ui/drawer/drawer-overlay.svelte b/src/lib/components/ui/drawer/drawer-overlay.svelte
deleted file mode 100644
index 14c73c84..00000000
--- a/src/lib/components/ui/drawer/drawer-overlay.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Drawer as DrawerPrimitive } from "vaul-svelte";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: DrawerPrimitive.OverlayProps = $props();
-</script>
-
-<DrawerPrimitive.Overlay
-	bind:ref
-	data-slot="drawer-overlay"
-	class={cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/drawer/drawer-portal.svelte b/src/lib/components/ui/drawer/drawer-portal.svelte
deleted file mode 100644
index 5a0dd740..00000000
--- a/src/lib/components/ui/drawer/drawer-portal.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Drawer as DrawerPrimitive } from "vaul-svelte";
-
-	let { ...restProps }: DrawerPrimitive.PortalProps = $props();
-</script>
-
-<DrawerPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/drawer/drawer-title.svelte b/src/lib/components/ui/drawer/drawer-title.svelte
deleted file mode 100644
index b7891ea7..00000000
--- a/src/lib/components/ui/drawer/drawer-title.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Drawer as DrawerPrimitive } from "vaul-svelte";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: DrawerPrimitive.TitleProps = $props();
-</script>
-
-<DrawerPrimitive.Title
-	bind:ref
-	data-slot="drawer-title"
-	class={cn("text-foreground text-base font-medium", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/drawer/drawer-trigger.svelte b/src/lib/components/ui/drawer/drawer-trigger.svelte
deleted file mode 100644
index f1877d8e..00000000
--- a/src/lib/components/ui/drawer/drawer-trigger.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Drawer as DrawerPrimitive } from "vaul-svelte";
-
-	let { ref = $bindable(null), ...restProps }: DrawerPrimitive.TriggerProps = $props();
-</script>
-
-<DrawerPrimitive.Trigger bind:ref data-slot="drawer-trigger" {...restProps} />
diff --git a/src/lib/components/ui/drawer/drawer.svelte b/src/lib/components/ui/drawer/drawer.svelte
deleted file mode 100644
index 0cb57ff9..00000000
--- a/src/lib/components/ui/drawer/drawer.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { Drawer as DrawerPrimitive } from "vaul-svelte";
-
-	let {
-		shouldScaleBackground = true,
-		open = $bindable(false),
-		activeSnapPoint = $bindable(null),
-		...restProps
-	}: DrawerPrimitive.RootProps = $props();
-</script>
-
-<DrawerPrimitive.Root {shouldScaleBackground} bind:open bind:activeSnapPoint {...restProps} />
diff --git a/src/lib/components/ui/drawer/index.ts b/src/lib/components/ui/drawer/index.ts
deleted file mode 100644
index 1656cac5..00000000
--- a/src/lib/components/ui/drawer/index.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import Root from "./drawer.svelte";
-import Content from "./drawer-content.svelte";
-import Description from "./drawer-description.svelte";
-import Overlay from "./drawer-overlay.svelte";
-import Footer from "./drawer-footer.svelte";
-import Header from "./drawer-header.svelte";
-import Title from "./drawer-title.svelte";
-import NestedRoot from "./drawer-nested.svelte";
-import Close from "./drawer-close.svelte";
-import Trigger from "./drawer-trigger.svelte";
-import Portal from "./drawer-portal.svelte";
-
-export {
-	Root,
-	NestedRoot,
-	Content,
-	Description,
-	Overlay,
-	Footer,
-	Header,
-	Title,
-	Trigger,
-	Portal,
-	Close,
-
-	//
-	Root as Drawer,
-	NestedRoot as DrawerNestedRoot,
-	Content as DrawerContent,
-	Description as DrawerDescription,
-	Overlay as DrawerOverlay,
-	Footer as DrawerFooter,
-	Header as DrawerHeader,
-	Title as DrawerTitle,
-	Trigger as DrawerTrigger,
-	Portal as DrawerPortal,
-	Close as DrawerClose,
-};
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte
deleted file mode 100644
index e0e19718..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable([]),
-		...restProps
-	}: DropdownMenuPrimitive.CheckboxGroupProps = $props();
-</script>
-
-<DropdownMenuPrimitive.CheckboxGroup
-	bind:ref
-	bind:value
-	data-slot="dropdown-menu-checkbox-group"
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
deleted file mode 100644
index d9d9db5d..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import MinusIcon from '@lucide/svelte/icons/minus';
-	import CheckIcon from '@lucide/svelte/icons/check';
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import type { Snippet } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		checked = $bindable(false),
-		indeterminate = $bindable(false),
-		class: className,
-		children: childrenProp,
-		...restProps
-	}: WithoutChildrenOrChild<DropdownMenuPrimitive.CheckboxItemProps> & {
-		children?: Snippet;
-	} = $props();
-</script>
-
-<DropdownMenuPrimitive.CheckboxItem
-	bind:ref
-	bind:checked
-	bind:indeterminate
-	data-slot="dropdown-menu-checkbox-item"
-	class={cn(
-		"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		className
-	)}
-	{...restProps}
->
-	{#snippet children({ checked, indeterminate })}
-		<span
-			class="absolute right-2 flex items-center justify-center pointer-events-none"
-			data-slot="dropdown-menu-checkbox-item-indicator"
-		>
-			{#if indeterminate}
-				<MinusIcon  />
-			{:else if checked}
-				<CheckIcon  />
-			{/if}
-		</span>
-		{@render childrenProp?.()}
-	{/snippet}
-</DropdownMenuPrimitive.CheckboxItem>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
deleted file mode 100644
index ee83a9bf..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts">
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import DropdownMenuPortal from "./dropdown-menu-portal.svelte";
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import type { ComponentProps } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		sideOffset = 4,
-		align = "start",
-		portalProps,
-		class: className,
-		...restProps
-	}: DropdownMenuPrimitive.ContentProps & {
-		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof DropdownMenuPortal>>;
-	} = $props();
-</script>
-
-<DropdownMenuPortal {...portalProps}>
-	<DropdownMenuPrimitive.Content
-		bind:ref
-		data-slot="dropdown-menu-content"
-		{sideOffset}
-		{align}
-		class={cn(
-			"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 w-(--bits-dropdown-menu-anchor-width) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden",
-			className
-		)}
-		{...restProps}
-	/>
-</DropdownMenuPortal>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte
deleted file mode 100644
index 9532da06..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-	import type { ComponentProps } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		inset,
-		...restProps
-	}: ComponentProps<typeof DropdownMenuPrimitive.GroupHeading> & {
-		inset?: boolean;
-	} = $props();
-</script>
-
-<DropdownMenuPrimitive.GroupHeading
-	bind:ref
-	data-slot="dropdown-menu-group-heading"
-	data-inset={inset}
-	class={cn("px-2 py-1.5 text-sm font-semibold data-[inset]:ps-8", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte
deleted file mode 100644
index aca1f7bd..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: DropdownMenuPrimitive.GroupProps = $props();
-</script>
-
-<DropdownMenuPrimitive.Group bind:ref data-slot="dropdown-menu-group" {...restProps} />
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
deleted file mode 100644
index 58349d3e..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-	import { cn } from "$lib/utils/shadcn.js";
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		inset,
-		variant = "default",
-		...restProps
-	}: DropdownMenuPrimitive.ItemProps & {
-		inset?: boolean;
-		variant?: "default" | "destructive";
-	} = $props();
-</script>
-
-<DropdownMenuPrimitive.Item
-	bind:ref
-	data-slot="dropdown-menu-item"
-	data-inset={inset}
-	data-variant={variant}
-	class={cn(
-		"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
deleted file mode 100644
index 31e06a21..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		inset,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		inset?: boolean;
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="dropdown-menu-label"
-	data-inset={inset}
-	class={cn("text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7 data-[inset]:pl-8", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte
deleted file mode 100644
index 274cfef7..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let { ...restProps }: DropdownMenuPrimitive.PortalProps = $props();
-</script>
-
-<DropdownMenuPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte
deleted file mode 100644
index 189aef40..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		...restProps
-	}: DropdownMenuPrimitive.RadioGroupProps = $props();
-</script>
-
-<DropdownMenuPrimitive.RadioGroup
-	bind:ref
-	bind:value
-	data-slot="dropdown-menu-radio-group"
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
deleted file mode 100644
index 05e0d532..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import CheckIcon from '@lucide/svelte/icons/check';
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children: childrenProp,
-		...restProps
-	}: WithoutChild<DropdownMenuPrimitive.RadioItemProps> = $props();
-</script>
-
-<DropdownMenuPrimitive.RadioItem
-	bind:ref
-	data-slot="dropdown-menu-radio-item"
-	class={cn(
-		"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		className
-	)}
-	{...restProps}
->
-	{#snippet children({ checked })}
-		<span
-			class="absolute right-2 flex items-center justify-center pointer-events-none"
-			data-slot="dropdown-menu-radio-item-indicator"
-		>
-			{#if checked}
-				<CheckIcon  />
-			{/if}
-		</span>
-		{@render childrenProp?.({ checked })}
-	{/snippet}
-</DropdownMenuPrimitive.RadioItem>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
deleted file mode 100644
index db1f0135..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: DropdownMenuPrimitive.SeparatorProps = $props();
-</script>
-
-<DropdownMenuPrimitive.Separator
-	bind:ref
-	data-slot="dropdown-menu-separator"
-	class={cn("bg-border -mx-1 my-1 h-px", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
deleted file mode 100644
index 98bb6113..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
-</script>
-
-<span
-	bind:this={ref}
-	data-slot="dropdown-menu-shortcut"
-	class={cn("text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest", className)}
-	{...restProps}
->
-	{@render children?.()}
-</span>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
deleted file mode 100644
index 5a6c135f..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: DropdownMenuPrimitive.SubContentProps = $props();
-</script>
-
-<DropdownMenuPrimitive.SubContent
-	bind:ref
-	data-slot="dropdown-menu-sub-content"
-	class={cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-lg p-1 shadow-lg ring-1 duration-100 w-auto", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
deleted file mode 100644
index 024bbc8f..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		inset,
-		children,
-		...restProps
-	}: DropdownMenuPrimitive.SubTriggerProps & {
-		inset?: boolean;
-	} = $props();
-</script>
-
-<DropdownMenuPrimitive.SubTrigger
-	bind:ref
-	data-slot="dropdown-menu-sub-trigger"
-	data-inset={inset}
-	class={cn(
-		"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-	<ChevronRightIcon class="ml-auto" />
-</DropdownMenuPrimitive.SubTrigger>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte
deleted file mode 100644
index f0445813..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let { open = $bindable(false), ...restProps }: DropdownMenuPrimitive.SubProps = $props();
-</script>
-
-<DropdownMenuPrimitive.Sub bind:open {...restProps} />
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte
deleted file mode 100644
index cb053444..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: DropdownMenuPrimitive.TriggerProps = $props();
-</script>
-
-<DropdownMenuPrimitive.Trigger bind:ref data-slot="dropdown-menu-trigger" {...restProps} />
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu.svelte
deleted file mode 100644
index cb4bc621..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let { open = $bindable(false), ...restProps }: DropdownMenuPrimitive.RootProps = $props();
-</script>
-
-<DropdownMenuPrimitive.Root bind:open {...restProps} />
diff --git a/src/lib/components/ui/dropdown-menu/index.ts b/src/lib/components/ui/dropdown-menu/index.ts
deleted file mode 100644
index 7850c6a3..00000000
--- a/src/lib/components/ui/dropdown-menu/index.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import Root from "./dropdown-menu.svelte";
-import Sub from "./dropdown-menu-sub.svelte";
-import CheckboxGroup from "./dropdown-menu-checkbox-group.svelte";
-import CheckboxItem from "./dropdown-menu-checkbox-item.svelte";
-import Content from "./dropdown-menu-content.svelte";
-import Group from "./dropdown-menu-group.svelte";
-import Item from "./dropdown-menu-item.svelte";
-import Label from "./dropdown-menu-label.svelte";
-import RadioGroup from "./dropdown-menu-radio-group.svelte";
-import RadioItem from "./dropdown-menu-radio-item.svelte";
-import Separator from "./dropdown-menu-separator.svelte";
-import Shortcut from "./dropdown-menu-shortcut.svelte";
-import Trigger from "./dropdown-menu-trigger.svelte";
-import SubContent from "./dropdown-menu-sub-content.svelte";
-import SubTrigger from "./dropdown-menu-sub-trigger.svelte";
-import GroupHeading from "./dropdown-menu-group-heading.svelte";
-import Portal from "./dropdown-menu-portal.svelte";
-
-export {
-	CheckboxGroup,
-	CheckboxItem,
-	Content,
-	Portal,
-	Root as DropdownMenu,
-	CheckboxGroup as DropdownMenuCheckboxGroup,
-	CheckboxItem as DropdownMenuCheckboxItem,
-	Content as DropdownMenuContent,
-	Portal as DropdownMenuPortal,
-	Group as DropdownMenuGroup,
-	Item as DropdownMenuItem,
-	Label as DropdownMenuLabel,
-	RadioGroup as DropdownMenuRadioGroup,
-	RadioItem as DropdownMenuRadioItem,
-	Separator as DropdownMenuSeparator,
-	Shortcut as DropdownMenuShortcut,
-	Sub as DropdownMenuSub,
-	SubContent as DropdownMenuSubContent,
-	SubTrigger as DropdownMenuSubTrigger,
-	Trigger as DropdownMenuTrigger,
-	GroupHeading as DropdownMenuGroupHeading,
-	Group,
-	GroupHeading,
-	Item,
-	Label,
-	RadioGroup,
-	RadioItem,
-	Root,
-	Separator,
-	Shortcut,
-	Sub,
-	SubContent,
-	SubTrigger,
-	Trigger,
-};
diff --git a/src/lib/components/ui/empty/empty-content.svelte b/src/lib/components/ui/empty/empty-content.svelte
deleted file mode 100644
index 520ac878..00000000
--- a/src/lib/components/ui/empty/empty-content.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="empty-content"
-	class={cn(
-		"gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/empty/empty-description.svelte b/src/lib/components/ui/empty/empty-description.svelte
deleted file mode 100644
index e6d97cde..00000000
--- a/src/lib/components/ui/empty/empty-description.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="empty-description"
-	class={cn(
-		"text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/empty/empty-header.svelte b/src/lib/components/ui/empty/empty-header.svelte
deleted file mode 100644
index 9085f955..00000000
--- a/src/lib/components/ui/empty/empty-header.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="empty-header"
-	class={cn("gap-2 flex max-w-sm flex-col items-center", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/empty/empty-media.svelte b/src/lib/components/ui/empty/empty-media.svelte
deleted file mode 100644
index 6bc65c0f..00000000
--- a/src/lib/components/ui/empty/empty-media.svelte
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts" module>
-	import { tv, type VariantProps } from "tailwind-variants";
-
-	export const emptyMediaVariants = tv({
-		base: "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		variants: {
-			variant: {
-				default: "bg-transparent",
-				icon: "bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-		},
-	});
-
-	export type EmptyMediaVariant = VariantProps<typeof emptyMediaVariants>["variant"];
-</script>
-
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		variant = "default",
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & { variant?: EmptyMediaVariant } = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="empty-icon"
-	data-variant={variant}
-	class={cn(emptyMediaVariants({ variant }), className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/empty/empty-title.svelte b/src/lib/components/ui/empty/empty-title.svelte
deleted file mode 100644
index 3641794b..00000000
--- a/src/lib/components/ui/empty/empty-title.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="empty-title"
-	class={cn("text-sm font-medium tracking-tight", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/empty/empty.svelte b/src/lib/components/ui/empty/empty.svelte
deleted file mode 100644
index e5f37460..00000000
--- a/src/lib/components/ui/empty/empty.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="empty"
-	class={cn(
-		"gap-4 rounded-xl border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/empty/index.ts b/src/lib/components/ui/empty/index.ts
deleted file mode 100644
index ae4c106e..00000000
--- a/src/lib/components/ui/empty/index.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import Root from "./empty.svelte";
-import Header from "./empty-header.svelte";
-import Media from "./empty-media.svelte";
-import Title from "./empty-title.svelte";
-import Description from "./empty-description.svelte";
-import Content from "./empty-content.svelte";
-
-export {
-	Root,
-	Header,
-	Media,
-	Title,
-	Description,
-	Content,
-	//
-	Root as Empty,
-	Header as EmptyHeader,
-	Media as EmptyMedia,
-	Title as EmptyTitle,
-	Description as EmptyDescription,
-	Content as EmptyContent,
-};
diff --git a/src/lib/components/ui/field/field-content.svelte b/src/lib/components/ui/field/field-content.svelte
deleted file mode 100644
index 694a885b..00000000
--- a/src/lib/components/ui/field/field-content.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="field-content"
-	class={cn("gap-0.5 group/field-content flex flex-1 flex-col leading-snug", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/field/field-description.svelte b/src/lib/components/ui/field/field-description.svelte
deleted file mode 100644
index 9580b775..00000000
--- a/src/lib/components/ui/field/field-description.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLParagraphElement>> = $props();
-</script>
-
-<p
-	bind:this={ref}
-	data-slot="field-description"
-	class={cn(
-		"text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
-		"last:mt-0 nth-last-2:-mt-1",
-		"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</p>
diff --git a/src/lib/components/ui/field/field-error.svelte b/src/lib/components/ui/field/field-error.svelte
deleted file mode 100644
index 7abff78c..00000000
--- a/src/lib/components/ui/field/field-error.svelte
+++ /dev/null
@@ -1,58 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-	import type { Snippet } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		errors,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		children?: Snippet;
-		errors?: { message?: string }[];
-	} = $props();
-
-	const hasContent = $derived.by(() => {
-		// has slotted error
-		if (children) return true;
-
-		// no errors
-		if (!errors || errors.length === 0) return false;
-
-		// has an error but no message
-		if (errors.length === 1 && !errors[0]?.message) {
-			return false;
-		}
-
-		return true;
-	});
-
-	const isMultipleErrors = $derived(errors && errors.length > 1);
-	const singleErrorMessage = $derived(errors && errors.length === 1 && errors[0]?.message);
-</script>
-
-{#if hasContent}
-	<div
-		bind:this={ref}
-		role="alert"
-		data-slot="field-error"
-		class={cn("text-destructive text-sm font-normal", className)}
-		{...restProps}
-	>
-		{#if children}
-			{@render children()}
-		{:else if singleErrorMessage}
-			{singleErrorMessage}
-		{:else if isMultipleErrors}
-			<ul class="ml-4 flex list-disc flex-col gap-1">
-				{#each errors ?? [] as error, index (index)}
-					{#if error?.message}
-						<li>{error.message}</li>
-					{/if}
-				{/each}
-			</ul>
-		{/if}
-	</div>
-{/if}
diff --git a/src/lib/components/ui/field/field-group.svelte b/src/lib/components/ui/field/field-group.svelte
deleted file mode 100644
index eaf9a1c8..00000000
--- a/src/lib/components/ui/field/field-group.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="field-group"
-	class={cn(
-		"gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/field/field-label.svelte b/src/lib/components/ui/field/field-label.svelte
deleted file mode 100644
index 533866b8..00000000
--- a/src/lib/components/ui/field/field-label.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script lang="ts">
-	import { Label } from "$lib/components/ui/label/index.js";
-	import { cn } from "$lib/utils/shadcn.js";
-	import type { ComponentProps } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: ComponentProps<typeof Label> = $props();
-</script>
-
-<Label
-	bind:ref
-	data-slot="field-label"
-	class={cn(
-		"has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug",
-		"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</Label>
diff --git a/src/lib/components/ui/field/field-legend.svelte b/src/lib/components/ui/field/field-legend.svelte
deleted file mode 100644
index ec601fdb..00000000
--- a/src/lib/components/ui/field/field-legend.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		variant = "legend",
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLLegendElement>> & {
-		variant?: "legend" | "label";
-	} = $props();
-</script>
-
-<legend
-	bind:this={ref}
-	data-slot="field-legend"
-	data-variant={variant}
-	class={cn("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className)}
-	{...restProps}
->
-	{@render children?.()}
-</legend>
diff --git a/src/lib/components/ui/field/field-separator.svelte b/src/lib/components/ui/field/field-separator.svelte
deleted file mode 100644
index b4c4537d..00000000
--- a/src/lib/components/ui/field/field-separator.svelte
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts">
-	import { Separator } from "$lib/components/ui/separator/index.js";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-	import type { Snippet } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		children?: Snippet;
-	} = $props();
-
-	const hasContent = $derived(!!children);
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="field-separator"
-	data-content={hasContent}
-	class={cn("-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative", className)}
-	{...restProps}
->
-	<Separator class="absolute inset-0 top-1/2" />
-	{#if children}
-		<span
-			class="text-muted-foreground px-2 bg-background relative mx-auto block w-fit"
-			data-slot="field-separator-content"
-		>
-			{@render children()}
-		</span>
-	{/if}
-</div>
diff --git a/src/lib/components/ui/field/field-set.svelte b/src/lib/components/ui/field/field-set.svelte
deleted file mode 100644
index 7c621818..00000000
--- a/src/lib/components/ui/field/field-set.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLFieldsetAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLFieldsetAttributes> = $props();
-</script>
-
-<fieldset
-	bind:this={ref}
-	data-slot="field-set"
-	class={cn("gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</fieldset>
diff --git a/src/lib/components/ui/field/field-title.svelte b/src/lib/components/ui/field/field-title.svelte
deleted file mode 100644
index 3c52cf09..00000000
--- a/src/lib/components/ui/field/field-title.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="field-label"
-	class={cn("gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/field/field.svelte b/src/lib/components/ui/field/field.svelte
deleted file mode 100644
index 0c28dbd6..00000000
--- a/src/lib/components/ui/field/field.svelte
+++ /dev/null
@@ -1,47 +0,0 @@
-<script lang="ts" module>
-	import { tv, type VariantProps } from "tailwind-variants";
-
-	export const fieldVariants = tv({
-		base: "data-[invalid=true]:text-destructive gap-2 group/field flex w-full",
-		variants: {
-			orientation: {
-				vertical: "cn-field-orientation-vertical flex-col [&>*]:w-full [&>.sr-only]:w-auto",
-				horizontal:
-					"cn-field-orientation-horizontal flex-row items-center has-[>[data-slot=field-content]]:items-start [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-				responsive:
-					"cn-field-orientation-responsive flex-col @md/field-group:flex-row @md/field-group:items-center @md/field-group:has-[>[data-slot=field-content]]:items-start [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-			},
-		},
-		defaultVariants: {
-			orientation: "vertical",
-		},
-	});
-
-	export type FieldOrientation = VariantProps<typeof fieldVariants>["orientation"];
-</script>
-
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		orientation = "vertical",
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		orientation?: FieldOrientation;
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	role="group"
-	data-slot="field"
-	data-orientation={orientation}
-	class={cn(fieldVariants({ orientation }), className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/field/index.ts b/src/lib/components/ui/field/index.ts
deleted file mode 100644
index a644a956..00000000
--- a/src/lib/components/ui/field/index.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import Field from "./field.svelte";
-import Set from "./field-set.svelte";
-import Legend from "./field-legend.svelte";
-import Group from "./field-group.svelte";
-import Content from "./field-content.svelte";
-import Label from "./field-label.svelte";
-import Title from "./field-title.svelte";
-import Description from "./field-description.svelte";
-import Separator from "./field-separator.svelte";
-import Error from "./field-error.svelte";
-
-export {
-	Field,
-	Set,
-	Legend,
-	Group,
-	Content,
-	Label,
-	Title,
-	Description,
-	Separator,
-	Error,
-	//
-	Set as FieldSet,
-	Legend as FieldLegend,
-	Group as FieldGroup,
-	Content as FieldContent,
-	Label as FieldLabel,
-	Title as FieldTitle,
-	Description as FieldDescription,
-	Separator as FieldSeparator,
-	Error as FieldError,
-};
diff --git a/src/lib/components/ui/form/form-button.svelte b/src/lib/components/ui/form/form-button.svelte
deleted file mode 100644
index 48d39369..00000000
--- a/src/lib/components/ui/form/form-button.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Button, type ButtonProps } from "$lib/components/ui/button/index.js";
-
-	let { ref = $bindable(null), ...restProps }: ButtonProps = $props();
-</script>
-
-<Button bind:ref type="submit" {...restProps} />
diff --git a/src/lib/components/ui/form/form-description.svelte b/src/lib/components/ui/form/form-description.svelte
deleted file mode 100644
index d997190c..00000000
--- a/src/lib/components/ui/form/form-description.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import * as FormPrimitive from "formsnap";
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: WithoutChild<FormPrimitive.DescriptionProps> = $props();
-</script>
-
-<FormPrimitive.Description
-	bind:ref
-	data-slot="form-description"
-	class={cn("text-muted-foreground text-sm", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/form/form-element-field.svelte b/src/lib/components/ui/form/form-element-field.svelte
deleted file mode 100644
index edbdca96..00000000
--- a/src/lib/components/ui/form/form-element-field.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPathLeaves<T>">
-	import * as FormPrimitive from "formsnap";
-	import type { FormPathLeaves } from "sveltekit-superforms";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef, type WithoutChildren } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		form,
-		name,
-		children: childrenProp,
-		...restProps
-	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> &
-		FormPrimitive.ElementFieldProps<T, U> = $props();
-</script>
-
-<FormPrimitive.ElementField {form} {name}>
-	{#snippet children({ constraints, errors, tainted, value })}
-		<div bind:this={ref} class={cn("space-y-2", className)} {...restProps}>
-			{@render childrenProp?.({ constraints, errors, tainted, value: value as T[U] })}
-		</div>
-	{/snippet}
-</FormPrimitive.ElementField>
diff --git a/src/lib/components/ui/form/form-field-errors.svelte b/src/lib/components/ui/form/form-field-errors.svelte
deleted file mode 100644
index f1397aaf..00000000
--- a/src/lib/components/ui/form/form-field-errors.svelte
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts">
-	import * as FormPrimitive from "formsnap";
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		errorClasses,
-		children: childrenProp,
-		...restProps
-	}: WithoutChild<FormPrimitive.FieldErrorsProps> & {
-		errorClasses?: string | undefined | null;
-	} = $props();
-</script>
-
-<FormPrimitive.FieldErrors
-	bind:ref
-	class={cn("text-destructive text-sm font-medium", className)}
-	{...restProps}
->
-	{#snippet children({ errors, errorProps })}
-		{#if childrenProp}
-			{@render childrenProp({ errors, errorProps })}
-		{:else}
-			{#each errors as error (error)}
-				<div {...errorProps} class={cn(errorClasses)}>{error}</div>
-			{/each}
-		{/if}
-	{/snippet}
-</FormPrimitive.FieldErrors>
diff --git a/src/lib/components/ui/form/form-field.svelte b/src/lib/components/ui/form/form-field.svelte
deleted file mode 100644
index 95c955f1..00000000
--- a/src/lib/components/ui/form/form-field.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
-	import * as FormPrimitive from "formsnap";
-	import type { FormPath } from "sveltekit-superforms";
-	import { cn, type WithElementRef, type WithoutChildren } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		form,
-		name,
-		children: childrenProp,
-		...restProps
-	}: FormPrimitive.FieldProps<T, U> &
-		WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> = $props();
-</script>
-
-<FormPrimitive.Field {form} {name}>
-	{#snippet children({ constraints, errors, tainted, value })}
-		<div
-			bind:this={ref}
-			data-slot="form-item"
-			class={cn("space-y-2", className)}
-			{...restProps}
-		>
-			{@render childrenProp?.({ constraints, errors, tainted, value: value as T[U] })}
-		</div>
-	{/snippet}
-</FormPrimitive.Field>
diff --git a/src/lib/components/ui/form/form-fieldset.svelte b/src/lib/components/ui/form/form-fieldset.svelte
deleted file mode 100644
index b751fc61..00000000
--- a/src/lib/components/ui/form/form-fieldset.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
-	import * as FormPrimitive from "formsnap";
-	import type { FormPath } from "sveltekit-superforms";
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		form,
-		name,
-		...restProps
-	}: WithoutChild<FormPrimitive.FieldsetProps<T, U>> = $props();
-</script>
-
-<FormPrimitive.Fieldset bind:ref {form} {name} class={cn("space-y-2", className)} {...restProps} />
diff --git a/src/lib/components/ui/form/form-label.svelte b/src/lib/components/ui/form/form-label.svelte
deleted file mode 100644
index afed4e39..00000000
--- a/src/lib/components/ui/form/form-label.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import * as FormPrimitive from "formsnap";
-	import { Label } from "$lib/components/ui/label/index.js";
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		children,
-		class: className,
-		...restProps
-	}: WithoutChild<FormPrimitive.LabelProps> = $props();
-</script>
-
-<FormPrimitive.Label {...restProps} bind:ref>
-	{#snippet child({ props })}
-		<Label
-			{...props}
-			data-slot="form-label"
-			class={cn("data-[fs-error]:text-destructive", className)}
-		>
-			{@render children?.()}
-		</Label>
-	{/snippet}
-</FormPrimitive.Label>
diff --git a/src/lib/components/ui/form/form-legend.svelte b/src/lib/components/ui/form/form-legend.svelte
deleted file mode 100644
index c83c601d..00000000
--- a/src/lib/components/ui/form/form-legend.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-	import * as FormPrimitive from "formsnap";
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: WithoutChild<FormPrimitive.LegendProps> = $props();
-</script>
-
-<FormPrimitive.Legend
-	bind:ref
-	class={cn("data-[fs-error]:text-destructive text-sm leading-none font-medium", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/form/index.ts b/src/lib/components/ui/form/index.ts
deleted file mode 100644
index 0713927c..00000000
--- a/src/lib/components/ui/form/index.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import * as FormPrimitive from "formsnap";
-import Description from "./form-description.svelte";
-import Label from "./form-label.svelte";
-import FieldErrors from "./form-field-errors.svelte";
-import Field from "./form-field.svelte";
-import Fieldset from "./form-fieldset.svelte";
-import Legend from "./form-legend.svelte";
-import ElementField from "./form-element-field.svelte";
-import Button from "./form-button.svelte";
-
-const Control = FormPrimitive.Control;
-
-export {
-	Field,
-	Control,
-	Label,
-	Button,
-	FieldErrors,
-	Description,
-	Fieldset,
-	Legend,
-	ElementField,
-	//
-	Field as FormField,
-	Control as FormControl,
-	Description as FormDescription,
-	Label as FormLabel,
-	FieldErrors as FormFieldErrors,
-	Fieldset as FormFieldset,
-	Legend as FormLegend,
-	ElementField as FormElementField,
-	Button as FormButton,
-};
diff --git a/src/lib/components/ui/input-group/index.ts b/src/lib/components/ui/input-group/index.ts
deleted file mode 100644
index fe1f55d8..00000000
--- a/src/lib/components/ui/input-group/index.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import Root from "./input-group.svelte";
-import Addon from "./input-group-addon.svelte";
-import Button from "./input-group-button.svelte";
-import Input from "./input-group-input.svelte";
-import Text from "./input-group-text.svelte";
-import Textarea from "./input-group-textarea.svelte";
-
-export {
-	Root,
-	Addon,
-	Button,
-	Input,
-	Text,
-	Textarea,
-	//
-	Root as InputGroup,
-	Addon as InputGroupAddon,
-	Button as InputGroupButton,
-	Input as InputGroupInput,
-	Text as InputGroupText,
-	Textarea as InputGroupTextarea,
-};
diff --git a/src/lib/components/ui/input-group/input-group-addon.svelte b/src/lib/components/ui/input-group/input-group-addon.svelte
deleted file mode 100644
index 3fb260ec..00000000
--- a/src/lib/components/ui/input-group/input-group-addon.svelte
+++ /dev/null
@@ -1,52 +0,0 @@
-<script lang="ts" module>
-	import { tv, type VariantProps } from "tailwind-variants";
-	export const inputGroupAddonVariants = tv({
-		base: "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none",
-		variants: {
-			align: {
-				"inline-start": "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first",
-				"inline-end": "pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last",
-				"block-start":
-					"px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
-				"block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start",
-			},
-		},
-		defaultVariants: {
-			align: "inline-start",
-		},
-	});
-
-	export type InputGroupAddonAlign = VariantProps<typeof inputGroupAddonVariants>["align"];
-</script>
-
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		align = "inline-start",
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		align?: InputGroupAddonAlign;
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	role="group"
-	data-slot="input-group-addon"
-	data-align={align}
-	class={cn(inputGroupAddonVariants({ align }), className)}
-	onclick={(e) => {
-		if ((e.target as HTMLElement).closest("button")) {
-			return;
-		}
-		e.currentTarget.parentElement?.querySelector("input")?.focus();
-	}}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/input-group/input-group-button.svelte b/src/lib/components/ui/input-group/input-group-button.svelte
deleted file mode 100644
index 11efd3d7..00000000
--- a/src/lib/components/ui/input-group/input-group-button.svelte
+++ /dev/null
@@ -1,49 +0,0 @@
-<script lang="ts" module>
-	import { tv, type VariantProps } from "tailwind-variants";
-
-	const inputGroupButtonVariants = tv({
-		base: "gap-2 text-sm flex items-center shadow-none",
-		variants: {
-			size: {
-				xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
-				sm: "cn-input-group-button-size-sm",
-				"icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
-				"icon-sm": "size-8 p-0 has-[>svg]:p-0",
-			},
-		},
-		defaultVariants: {
-			size: "xs",
-		},
-	});
-
-	export type InputGroupButtonSize = VariantProps<typeof inputGroupButtonVariants>["size"];
-</script>
-
-<script lang="ts">
-	import { cn } from "$lib/utils/shadcn.js";
-	import type { ComponentProps } from "svelte";
-	import { Button } from "$lib/components/ui/button/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		type = "button",
-		variant = "ghost",
-		size = "xs",
-		...restProps
-	}: Omit<ComponentProps<typeof Button>, "href" | "size"> & {
-		size?: InputGroupButtonSize;
-	} = $props();
-</script>
-
-<Button
-	bind:ref
-	{type}
-	data-size={size}
-	{variant}
-	class={cn(inputGroupButtonVariants({ size }), className)}
-	{...restProps}
->
-	{@render children?.()}
-</Button>
diff --git a/src/lib/components/ui/input-group/input-group-input.svelte b/src/lib/components/ui/input-group/input-group-input.svelte
deleted file mode 100644
index 6e8a63e5..00000000
--- a/src/lib/components/ui/input-group/input-group-input.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn } from "$lib/utils/shadcn.js";
-	import type { ComponentProps } from "svelte";
-	import { Input } from "$lib/components/ui/input/index.js";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		class: className,
-		...props
-	}: ComponentProps<typeof Input> = $props();
-</script>
-
-<Input
-	bind:ref
-	data-slot="input-group-control"
-	class={cn("rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1", className)}
-	bind:value
-	{...props}
-/>
diff --git a/src/lib/components/ui/input-group/input-group-text.svelte b/src/lib/components/ui/input-group/input-group-text.svelte
deleted file mode 100644
index 98e00d58..00000000
--- a/src/lib/components/ui/input-group/input-group-text.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
-</script>
-
-<span
-	bind:this={ref}
-	class={cn("text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none", className)}
-	{...restProps}
->
-	{@render children?.()}
-</span>
diff --git a/src/lib/components/ui/input-group/input-group-textarea.svelte b/src/lib/components/ui/input-group/input-group-textarea.svelte
deleted file mode 100644
index 9f8c53e7..00000000
--- a/src/lib/components/ui/input-group/input-group-textarea.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn } from "$lib/utils/shadcn.js";
-	import { Textarea } from "$lib/components/ui/textarea/index.js";
-	import type { ComponentProps } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		class: className,
-		...props
-	}: ComponentProps<typeof Textarea> = $props();
-</script>
-
-<Textarea
-	bind:ref
-	data-slot="input-group-control"
-	class={cn("rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none", className)}
-	bind:value
-	{...props}
-/>
diff --git a/src/lib/components/ui/input-group/input-group.svelte b/src/lib/components/ui/input-group/input-group.svelte
deleted file mode 100644
index 16430227..00000000
--- a/src/lib/components/ui/input-group/input-group.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...props
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="input-group"
-	role="group"
-	class={cn(
-		"group/input-group border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto",
-		className
-	)}
-	{...props}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/input/index.ts b/src/lib/components/ui/input/index.ts
deleted file mode 100644
index f47b6d3f..00000000
--- a/src/lib/components/ui/input/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from "./input.svelte";
-
-export {
-	Root,
-	//
-	Root as Input,
-};
diff --git a/src/lib/components/ui/input/input.svelte b/src/lib/components/ui/input/input.svelte
deleted file mode 100644
index 1449f980..00000000
--- a/src/lib/components/ui/input/input.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<script lang="ts">
-	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	type InputType = Exclude<HTMLInputTypeAttribute, "file">;
-
-	type Props = WithElementRef<
-		Omit<HTMLInputAttributes, "type"> &
-			({ type: "file"; files?: FileList } | { type?: InputType; files?: undefined })
-	>;
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		type,
-		files = $bindable(),
-		class: className,
-		"data-slot": dataSlot = "input",
-		...restProps
-	}: Props = $props();
-</script>
-
-{#if type === "file"}
-	<input
-		bind:this={ref}
-		data-slot={dataSlot}
-		class={cn(
-			"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-			className
-		)}
-		type="file"
-		bind:files
-		bind:value
-		{...restProps}
-	/>
-{:else}
-	<input
-		bind:this={ref}
-		data-slot={dataSlot}
-		class={cn(
-			"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-			className
-		)}
-		{type}
-		bind:value
-		{...restProps}
-	/>
-{/if}
diff --git a/src/lib/components/ui/label/index.ts b/src/lib/components/ui/label/index.ts
deleted file mode 100644
index 8bfca0b3..00000000
--- a/src/lib/components/ui/label/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from "./label.svelte";
-
-export {
-	Root,
-	//
-	Root as Label,
-};
diff --git a/src/lib/components/ui/label/label.svelte b/src/lib/components/ui/label/label.svelte
deleted file mode 100644
index 4e4c2f7b..00000000
--- a/src/lib/components/ui/label/label.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { Label as LabelPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: LabelPrimitive.RootProps = $props();
-</script>
-
-<LabelPrimitive.Root
-	bind:ref
-	data-slot="label"
-	class={cn(
-		"gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/menubar/index.ts b/src/lib/components/ui/menubar/index.ts
deleted file mode 100644
index 2440d7ae..00000000
--- a/src/lib/components/ui/menubar/index.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import Root from "./menubar.svelte";
-import Menu from "./menubar-menu.svelte";
-import Sub from "./menubar-sub.svelte";
-import RadioGroup from "./menubar-radio-group.svelte";
-import CheckboxItem from "./menubar-checkbox-item.svelte";
-import Content from "./menubar-content.svelte";
-import Item from "./menubar-item.svelte";
-import Group from "./menubar-group.svelte";
-import RadioItem from "./menubar-radio-item.svelte";
-import Separator from "./menubar-separator.svelte";
-import Shortcut from "./menubar-shortcut.svelte";
-import SubContent from "./menubar-sub-content.svelte";
-import SubTrigger from "./menubar-sub-trigger.svelte";
-import Trigger from "./menubar-trigger.svelte";
-import Label from "./menubar-label.svelte";
-import GroupHeading from "./menubar-group-heading.svelte";
-import Portal from "./menubar-portal.svelte";
-
-export {
-	Root,
-	CheckboxItem,
-	Content,
-	Item,
-	RadioItem,
-	Separator,
-	Shortcut,
-	SubContent,
-	SubTrigger,
-	Trigger,
-	Menu,
-	Group,
-	Sub,
-	RadioGroup,
-	Label,
-	GroupHeading,
-	Portal,
-	//
-	Root as Menubar,
-	CheckboxItem as MenubarCheckboxItem,
-	Content as MenubarContent,
-	Item as MenubarItem,
-	RadioItem as MenubarRadioItem,
-	Separator as MenubarSeparator,
-	Shortcut as MenubarShortcut,
-	SubContent as MenubarSubContent,
-	SubTrigger as MenubarSubTrigger,
-	Trigger as MenubarTrigger,
-	Menu as MenubarMenu,
-	Group as MenubarGroup,
-	Sub as MenubarSub,
-	RadioGroup as MenubarRadioGroup,
-	Label as MenubarLabel,
-	GroupHeading as MenubarGroupHeading,
-	Portal as MenubarPortal,
-};
diff --git a/src/lib/components/ui/menubar/menubar-checkbox-item.svelte b/src/lib/components/ui/menubar/menubar-checkbox-item.svelte
deleted file mode 100644
index b13711ce..00000000
--- a/src/lib/components/ui/menubar/menubar-checkbox-item.svelte
+++ /dev/null
@@ -1,46 +0,0 @@
-<script lang="ts">
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import type { Snippet } from "svelte";
-	import MinusIcon from '@lucide/svelte/icons/minus';
-	import CheckIcon from '@lucide/svelte/icons/check';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		checked = $bindable(false),
-		indeterminate = $bindable(false),
-		inset,
-		children: childrenProp,
-		...restProps
-	}: WithoutChildrenOrChild<MenubarPrimitive.CheckboxItemProps> & {
-		inset?: boolean;
-		children?: Snippet;
-	} = $props();
-</script>
-
-<MenubarPrimitive.CheckboxItem
-	bind:ref
-	bind:checked
-	bind:indeterminate
-	data-slot="menubar-checkbox-item"
-	data-inset={inset}
-	class={cn(
-		"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm data-inset:pl-7 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		className
-	)}
-	{...restProps}
->
-	{#snippet children({ checked: checked, indeterminate: indeterminate })}
-		<span
-			class="left-1.5 size-4 [&_svg:not([class*='size-'])]:size-4 pointer-events-none absolute flex items-center justify-center"
-		>
-			{#if indeterminate}
-				<MinusIcon  />
-			{:else if checked}
-				<CheckIcon  />
-			{/if}
-		</span>
-		{@render childrenProp?.()}
-	{/snippet}
-</MenubarPrimitive.CheckboxItem>
diff --git a/src/lib/components/ui/menubar/menubar-content.svelte b/src/lib/components/ui/menubar/menubar-content.svelte
deleted file mode 100644
index aaaa56b2..00000000
--- a/src/lib/components/ui/menubar/menubar-content.svelte
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts">
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-	import MenubarPortal from "./menubar-portal.svelte";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import type { ComponentProps } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		sideOffset = 8,
-		alignOffset = -4,
-		align = "start",
-		side = "bottom",
-		portalProps,
-		...restProps
-	}: MenubarPrimitive.ContentProps & {
-		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof MenubarPortal>>;
-	} = $props();
-</script>
-
-<MenubarPortal {...portalProps}>
-	<MenubarPrimitive.Content
-		bind:ref
-		data-slot="menubar-content"
-		{align}
-		{alignOffset}
-		{side}
-		{sideOffset}
-		class={cn(
-			"bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 z-50 min-w-36 origin-(--bits-menubar-content-transform-origin) overflow-hidden rounded-lg p-1 shadow-md ring-1 duration-100",
-			className
-		)}
-		{...restProps}
-	/>
-</MenubarPortal>
diff --git a/src/lib/components/ui/menubar/menubar-group-heading.svelte b/src/lib/components/ui/menubar/menubar-group-heading.svelte
deleted file mode 100644
index a4a5b358..00000000
--- a/src/lib/components/ui/menubar/menubar-group-heading.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-	import { cn } from "$lib/utils/shadcn.js";
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-	import type { ComponentProps } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		inset,
-		class: className,
-		...restProps
-	}: ComponentProps<typeof MenubarPrimitive.GroupHeading> & {
-		inset?: boolean;
-	} = $props();
-</script>
-
-<MenubarPrimitive.GroupHeading
-	bind:ref
-	data-slot="menubar-group-heading"
-	data-inset={inset}
-	class={cn("px-2 py-1.5 text-sm font-medium data-[inset]:ps-8", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/menubar/menubar-group.svelte b/src/lib/components/ui/menubar/menubar-group.svelte
deleted file mode 100644
index f75b75ad..00000000
--- a/src/lib/components/ui/menubar/menubar-group.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		...restProps
-	}: MenubarPrimitive.GroupProps & {
-		inset?: boolean;
-	} = $props();
-</script>
-
-<MenubarPrimitive.Group bind:ref data-slot="menubar-group" {...restProps} />
diff --git a/src/lib/components/ui/menubar/menubar-item.svelte b/src/lib/components/ui/menubar/menubar-item.svelte
deleted file mode 100644
index e19cfb9a..00000000
--- a/src/lib/components/ui/menubar/menubar-item.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		inset = undefined,
-		variant = "default",
-		...restProps
-	}: MenubarPrimitive.ItemProps & {
-		inset?: boolean;
-		variant?: "default" | "destructive";
-	} = $props();
-</script>
-
-<MenubarPrimitive.Item
-	bind:ref
-	data-slot="menubar-item"
-	data-inset={inset}
-	data-variant={variant}
-	class={cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive! not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-disabled:opacity-50 data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/menubar-item flex items-center", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/menubar/menubar-label.svelte b/src/lib/components/ui/menubar/menubar-label.svelte
deleted file mode 100644
index 7c8adc62..00000000
--- a/src/lib/components/ui/menubar/menubar-label.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script lang="ts">
-	import { cn } from "$lib/utils/shadcn.js";
-	import { type WithElementRef } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		inset,
-		children,
-		class: className,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> & {
-		inset?: boolean;
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="menubar-label"
-	data-inset={inset}
-	class={cn("px-1.5 py-1 text-sm font-medium data-inset:pl-7", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/menubar/menubar-menu.svelte b/src/lib/components/ui/menubar/menubar-menu.svelte
deleted file mode 100644
index fe3cffa9..00000000
--- a/src/lib/components/ui/menubar/menubar-menu.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-
-	let { ...restProps }: MenubarPrimitive.MenuProps = $props();
-</script>
-
-<MenubarPrimitive.Menu {...restProps} />
diff --git a/src/lib/components/ui/menubar/menubar-portal.svelte b/src/lib/components/ui/menubar/menubar-portal.svelte
deleted file mode 100644
index 5907ff41..00000000
--- a/src/lib/components/ui/menubar/menubar-portal.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-
-	let { ...restProps }: MenubarPrimitive.PortalProps = $props();
-</script>
-
-<MenubarPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/menubar/menubar-radio-group.svelte b/src/lib/components/ui/menubar/menubar-radio-group.svelte
deleted file mode 100644
index e9615a03..00000000
--- a/src/lib/components/ui/menubar/menubar-radio-group.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(""),
-		...restProps
-	}: MenubarPrimitive.RadioGroupProps = $props();
-</script>
-
-<MenubarPrimitive.RadioGroup bind:ref bind:value data-slot="menubar-radio-group" {...restProps} />
diff --git a/src/lib/components/ui/menubar/menubar-radio-item.svelte b/src/lib/components/ui/menubar/menubar-radio-item.svelte
deleted file mode 100644
index c4f42005..00000000
--- a/src/lib/components/ui/menubar/menubar-radio-item.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-	import CheckIcon from '@lucide/svelte/icons/check';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		inset,
-		children: childrenProp,
-		...restProps
-	}: WithoutChild<MenubarPrimitive.RadioItemProps> & {
-		inset?: boolean;
-	} = $props();
-</script>
-
-<MenubarPrimitive.RadioItem
-	bind:ref
-	data-slot="menubar-radio-item"
-	data-inset={inset}
-	class={cn(
-		"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm data-disabled:opacity-50 data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		className
-	)}
-	{...restProps}
->
-	{#snippet children({ checked })}
-		<span
-			class="left-1.5 size-4 [&_svg:not([class*='size-'])]:size-4 pointer-events-none absolute flex items-center justify-center"
-		>
-			{#if checked}
-				<CheckIcon  />
-			{/if}
-		</span>
-		{@render childrenProp?.({ checked })}
-	{/snippet}
-</MenubarPrimitive.RadioItem>
diff --git a/src/lib/components/ui/menubar/menubar-separator.svelte b/src/lib/components/ui/menubar/menubar-separator.svelte
deleted file mode 100644
index 99788482..00000000
--- a/src/lib/components/ui/menubar/menubar-separator.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: MenubarPrimitive.SeparatorProps = $props();
-</script>
-
-<MenubarPrimitive.Separator
-	bind:ref
-	data-slot="menubar-separator"
-	class={cn("bg-border -mx-1 my-1 h-px", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/menubar/menubar-shortcut.svelte b/src/lib/components/ui/menubar/menubar-shortcut.svelte
deleted file mode 100644
index ec5ad288..00000000
--- a/src/lib/components/ui/menubar/menubar-shortcut.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
-</script>
-
-<span
-	bind:this={ref}
-	data-slot="menubar-shortcut"
-	class={cn("text-muted-foreground group-focus/menubar-item:text-accent-foreground text-xs tracking-widest ml-auto", className)}
-	{...restProps}
->
-	{@render children?.()}
-</span>
diff --git a/src/lib/components/ui/menubar/menubar-sub-content.svelte b/src/lib/components/ui/menubar/menubar-sub-content.svelte
deleted file mode 100644
index 0cdeb50e..00000000
--- a/src/lib/components/ui/menubar/menubar-sub-content.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: MenubarPrimitive.SubContentProps = $props();
-</script>
-
-<MenubarPrimitive.SubContent
-	bind:ref
-	data-slot="menubar-sub-content"
-	class={cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-32 rounded-lg p-1 shadow-lg ring-1 duration-100", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/menubar/menubar-sub-trigger.svelte b/src/lib/components/ui/menubar/menubar-sub-trigger.svelte
deleted file mode 100644
index ca97b580..00000000
--- a/src/lib/components/ui/menubar/menubar-sub-trigger.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		inset = undefined,
-		children,
-		...restProps
-	}: WithoutChild<MenubarPrimitive.SubTriggerProps> & {
-		inset?: boolean;
-	} = $props();
-</script>
-
-<MenubarPrimitive.SubTrigger
-	bind:ref
-	data-slot="menubar-sub-trigger"
-	data-inset={inset}
-	class={cn(
-		"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-none select-none",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-	<ChevronRightIcon class="cn-rtl-flip ml-auto size-4" />
-</MenubarPrimitive.SubTrigger>
diff --git a/src/lib/components/ui/menubar/menubar-sub.svelte b/src/lib/components/ui/menubar/menubar-sub.svelte
deleted file mode 100644
index 82f962ed..00000000
--- a/src/lib/components/ui/menubar/menubar-sub.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-
-	let { open = $bindable(false), ...restProps }: MenubarPrimitive.SubProps = $props();
-</script>
-
-<MenubarPrimitive.Sub bind:open {...restProps} />
diff --git a/src/lib/components/ui/menubar/menubar-trigger.svelte b/src/lib/components/ui/menubar/menubar-trigger.svelte
deleted file mode 100644
index 648f5261..00000000
--- a/src/lib/components/ui/menubar/menubar-trigger.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: MenubarPrimitive.TriggerProps = $props();
-</script>
-
-<MenubarPrimitive.Trigger
-	bind:ref
-	data-slot="menubar-trigger"
-	class={cn("hover:bg-muted aria-expanded:bg-muted rounded-sm px-1.5 py-[2px] text-sm font-medium flex items-center outline-hidden select-none", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/menubar/menubar.svelte b/src/lib/components/ui/menubar/menubar.svelte
deleted file mode 100644
index 4b820416..00000000
--- a/src/lib/components/ui/menubar/menubar.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Menubar as MenubarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: MenubarPrimitive.RootProps = $props();
-</script>
-
-<MenubarPrimitive.Root
-	bind:ref
-	data-slot="menubar"
-	class={cn("h-8 gap-0.5 rounded-lg border p-[3px] flex items-center", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/multi-select-combobox/multi-select-combobox.svelte b/src/lib/components/ui/multi-select-combobox/multi-select-combobox.svelte
deleted file mode 100644
index e3f9ca95..00000000
--- a/src/lib/components/ui/multi-select-combobox/multi-select-combobox.svelte
+++ /dev/null
@@ -1,98 +0,0 @@
-<script lang="ts" generics="T extends { value: string; label: string }">
-	import ChevronsUpDownIcon from '@lucide/svelte/icons/chevrons-up-down';
-	import { type Snippet } from 'svelte';
-	import * as Command from '$lib/components/ui/command/index.js';
-	import * as Popover from '$lib/components/ui/popover/index.js';
-	import { Button } from '$lib/components/ui/button/index.js';
-	import { Label } from '$lib/components/ui/label/index.js';
-	import { Checkbox } from '$lib/components/ui/checkbox/index.js';
-	import { Spinner } from '$lib/components/ui/spinner/index.js';
-
-	const id = $props.id();
-
-	let {
-		selected = $bindable([] as string[]),
-		options,
-		selectText,
-		placeholder,
-		noMatchText,
-		disabled,
-		label,
-		loading,
-		item
-	}: {
-		selected: string[];
-		options: T[];
-		selectText?: string;
-		placeholder: string;
-		noMatchText: string;
-		disabled?: boolean;
-		label?: string;
-		loading?: boolean;
-		item?: Snippet<[T]>;
-	} = $props();
-	let open = $state(false);
-	let triggerRef = $state<HTMLButtonElement>(null!);
-</script>
-
-<div class="flex w-full flex-col ">
-	<Label for="{id}-combo" class="mb-2 px-1">{label}</Label>
-	<Popover.Root bind:open>
-		<Popover.Trigger id="{id}-combo" bind:ref={triggerRef}>
-			{#snippet child({ props })}
-				<Button
-					variant="outline"
-					{...props}
-					class="justify-between"
-					role="combobox"
-					aria-expanded={open}
-					{disabled}
-				>
-				<span class="overflow-hidden">
-					{options
-						.filter((o) => selected.includes(o.value))
-						.map((o) => o.label)
-						.join(', ') ||
-						selectText ||
-						placeholder}
-					</span>
-					{#if loading}
-						<Spinner class="size-4 shrink-0 opacity-50" />
-					{:else}
-						<ChevronsUpDownIcon class="size-4 shrink-0 opacity-50" />
-					{/if}
-				</Button>
-			{/snippet}
-		</Popover.Trigger>
-		<Popover.Content class="p-0">
-			<Command.Root>
-				<Command.Input {placeholder} />
-				<Command.List>
-					<Command.Empty>{noMatchText}</Command.Empty>
-					<Command.Group>
-						{#each options as option}
-							<Command.Item
-								value={option.value}
-								keywords={[option.value, option.label]}
-								onSelect={() => {
-									if (selected.includes(option.value)) {
-										selected = selected.filter((v) => v !== option.value);
-									} else {
-										selected.push(option.value);
-									}
-								}}
-							>
-								<Checkbox checked={selected.includes(option.value)} class="mr-2" />
-								{#if item}
-									{@render item(option)}
-								{:else}
-									{option.label}
-								{/if}
-							</Command.Item>
-						{/each}
-					</Command.Group>
-				</Command.List>
-			</Command.Root>
-		</Popover.Content>
-	</Popover.Root>
-</div>
diff --git a/src/lib/components/ui/pagination/index.ts b/src/lib/components/ui/pagination/index.ts
deleted file mode 100644
index 214b851c..00000000
--- a/src/lib/components/ui/pagination/index.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import Root from "./pagination.svelte";
-import Content from "./pagination-content.svelte";
-import Item from "./pagination-item.svelte";
-import Link from "./pagination-link.svelte";
-import PrevButton from "./pagination-prev-button.svelte";
-import NextButton from "./pagination-next-button.svelte";
-import Ellipsis from "./pagination-ellipsis.svelte";
-import Previous from "./pagination-previous.svelte";
-import Next from "./pagination-next.svelte";
-
-export {
-	Root,
-	Content,
-	Item,
-	Link,
-	PrevButton, // old
-	NextButton, // old
-	Ellipsis,
-	Previous,
-	Next,
-	//
-	Root as Pagination,
-	Content as PaginationContent,
-	Item as PaginationItem,
-	Link as PaginationLink,
-	PrevButton as PaginationPrevButton, // old
-	NextButton as PaginationNextButton, // old
-	Ellipsis as PaginationEllipsis,
-	Previous as PaginationPrevious,
-	Next as PaginationNext,
-};
diff --git a/src/lib/components/ui/pagination/pagination-content.svelte b/src/lib/components/ui/pagination/pagination-content.svelte
deleted file mode 100644
index 37628a0d..00000000
--- a/src/lib/components/ui/pagination/pagination-content.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLUListElement>> = $props();
-</script>
-
-<ul
-	bind:this={ref}
-	data-slot="pagination-content"
-	class={cn("gap-0.5 flex items-center", className)}
-	{...restProps}
->
-	{@render children?.()}
-</ul>
diff --git a/src/lib/components/ui/pagination/pagination-ellipsis.svelte b/src/lib/components/ui/pagination/pagination-ellipsis.svelte
deleted file mode 100644
index 8c339c15..00000000
--- a/src/lib/components/ui/pagination/pagination-ellipsis.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef, type WithoutChildren } from "$lib/utils/shadcn.js";
-	import MoreHorizontalIcon from '@lucide/svelte/icons/more-horizontal';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLSpanElement>>> = $props();
-</script>
-
-<span
-	bind:this={ref}
-	aria-hidden="true"
-	data-slot="pagination-ellipsis"
-	class={cn("size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center", className)}
-	{...restProps}
->
-	<MoreHorizontalIcon  />
-	<span class="sr-only">More pages</span>
-</span>
diff --git a/src/lib/components/ui/pagination/pagination-item.svelte b/src/lib/components/ui/pagination/pagination-item.svelte
deleted file mode 100644
index 33d7b50b..00000000
--- a/src/lib/components/ui/pagination/pagination-item.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import type { HTMLLiAttributes } from "svelte/elements";
-	import type { WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		children,
-		...restProps
-	}: WithElementRef<HTMLLiAttributes> = $props();
-</script>
-
-<li bind:this={ref} data-slot="pagination-item" {...restProps}>
-	{@render children?.()}
-</li>
diff --git a/src/lib/components/ui/pagination/pagination-link.svelte b/src/lib/components/ui/pagination/pagination-link.svelte
deleted file mode 100644
index 46e70cee..00000000
--- a/src/lib/components/ui/pagination/pagination-link.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<script lang="ts">
-	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-	import { buttonVariants, type ButtonSize } from "$lib/components/ui/button/index.js";
-	let {
-		ref = $bindable(null),
-		class: className,
-		size = "icon",
-		isActive,
-		page,
-		children,
-		...restProps
-	}: PaginationPrimitive.PageProps & {
-		size?: ButtonSize;
-		isActive: boolean;
-	} = $props();
-</script>
-
-{#snippet Fallback()}
-	{page.value}
-{/snippet}
-
-<PaginationPrimitive.Page
-	bind:ref
-	{page}
-	aria-current={isActive ? "page" : undefined}
-	data-slot="pagination-link"
-	data-active={isActive}
-	data-size={size}
-	class={cn(
-		buttonVariants({ size, variant: isActive ? "outline" : "ghost" }),
-		"cn-pagination-link",
-		className
-	)}
-	{...restProps}
->
-	{#if children}
-		{@render children?.()}
-	{:else}
-		{@render Fallback()}
-	{/if}
-</PaginationPrimitive.Page>
diff --git a/src/lib/components/ui/pagination/pagination-next-button.svelte b/src/lib/components/ui/pagination/pagination-next-button.svelte
deleted file mode 100644
index e5ffd3d8..00000000
--- a/src/lib/components/ui/pagination/pagination-next-button.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts">
-	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
-	import { cn } from "$lib/utils/shadcn.js";
-	import { buttonVariants } from "../button/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: PaginationPrimitive.NextButtonProps = $props();
-</script>
-
-{#snippet Fallback()}
-	<span>Next</span>
-	<ChevronRightIcon class={cn("size-4", className)} />
-{/snippet}
-
-<PaginationPrimitive.NextButton
-	bind:ref
-	aria-label="Go to next page"
-	class={cn(buttonVariants({ variant: "ghost" }), "pr-1.5!", className)}
-	{...restProps}
->
-	{#if children}
-		{@render children?.()}
-	{:else}
-		{@render Fallback()}
-	{/if}
-</PaginationPrimitive.NextButton>
diff --git a/src/lib/components/ui/pagination/pagination-next.svelte b/src/lib/components/ui/pagination/pagination-next.svelte
deleted file mode 100644
index 00d6f219..00000000
--- a/src/lib/components/ui/pagination/pagination-next.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts">
-	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-	import { buttonVariants } from "$lib/components/ui/button/index.js";
-	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: PaginationPrimitive.NextButtonProps = $props();
-</script>
-
-<PaginationPrimitive.NextButton
-	bind:ref
-	aria-label="Go to next page"
-	class={cn(
-		buttonVariants({ variant: "ghost", size: "default" }),
-		"pr-1.5!",
-		className
-	)}
-	{...restProps}
->
-	<span class="cn-pagination-next-text hidden sm:block">Next</span>
-	<ChevronRightIcon data-icon="inline-end" />
-</PaginationPrimitive.NextButton>
diff --git a/src/lib/components/ui/pagination/pagination-prev-button.svelte b/src/lib/components/ui/pagination/pagination-prev-button.svelte
deleted file mode 100644
index 752178fa..00000000
--- a/src/lib/components/ui/pagination/pagination-prev-button.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts">
-	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import ChevronLeftIcon from '@lucide/svelte/icons/chevron-left';
-	import { cn } from "$lib/utils/shadcn.js";
-	import { buttonVariants } from "../button/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: PaginationPrimitive.PrevButtonProps = $props();
-</script>
-
-{#snippet Fallback()}
-	<ChevronLeftIcon class={cn("size-4", className)} />
-	<span>Previous</span>
-{/snippet}
-
-<PaginationPrimitive.PrevButton
-	bind:ref
-	aria-label="Go to previous page"
-	class={cn(buttonVariants({ variant: "ghost" }), "pl-1.5!", className)}
-	{...restProps}
->
-	{#if children}
-		{@render children?.()}
-	{:else}
-		{@render Fallback()}
-	{/if}
-</PaginationPrimitive.PrevButton>
diff --git a/src/lib/components/ui/pagination/pagination-previous.svelte b/src/lib/components/ui/pagination/pagination-previous.svelte
deleted file mode 100644
index ab0334ad..00000000
--- a/src/lib/components/ui/pagination/pagination-previous.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts">
-	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-	import { buttonVariants } from "$lib/components/ui/button/index.js";
-	import ChevronLeftIcon from '@lucide/svelte/icons/chevron-left';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: PaginationPrimitive.PrevButtonProps = $props();
-</script>
-
-<PaginationPrimitive.PrevButton
-	bind:ref
-	aria-label="Go to previous page"
-	class={cn(
-		buttonVariants({ variant: "ghost", size: "default" }),
-		"pl-1.5!",
-		className
-	)}
-	{...restProps}
->
-	<ChevronLeftIcon data-icon="inline-start" />
-	<span class="cn-pagination-previous-text hidden sm:block">Previous</span>
-</PaginationPrimitive.PrevButton>
diff --git a/src/lib/components/ui/pagination/pagination.svelte b/src/lib/components/ui/pagination/pagination.svelte
deleted file mode 100644
index 460ed48c..00000000
--- a/src/lib/components/ui/pagination/pagination.svelte
+++ /dev/null
@@ -1,28 +0,0 @@
-<script lang="ts">
-	import { Pagination as PaginationPrimitive } from "bits-ui";
-
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		count = 0,
-		perPage = 10,
-		page = $bindable(1),
-		siblingCount = 1,
-		...restProps
-	}: PaginationPrimitive.RootProps = $props();
-</script>
-
-<PaginationPrimitive.Root
-	bind:ref
-	bind:page
-	role="navigation"
-	aria-label="pagination"
-	data-slot="pagination"
-	{count}
-	{perPage}
-	{siblingCount}
-	class={cn("cn-pagination mx-auto flex w-full justify-center", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/popover/index.ts b/src/lib/components/ui/popover/index.ts
deleted file mode 100644
index 5f180363..00000000
--- a/src/lib/components/ui/popover/index.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import Root from "./popover.svelte";
-import Close from "./popover-close.svelte";
-import Content from "./popover-content.svelte";
-import Description from "./popover-description.svelte";
-import Header from "./popover-header.svelte";
-import Title from "./popover-title.svelte";
-import Trigger from "./popover-trigger.svelte";
-import Portal from "./popover-portal.svelte";
-
-export {
-	Root,
-	Content,
-	Description,
-	Header,
-	Title,
-	Trigger,
-	Close,
-	Portal,
-	//
-	Root as Popover,
-	Content as PopoverContent,
-	Description as PopoverDescription,
-	Header as PopoverHeader,
-	Title as PopoverTitle,
-	Trigger as PopoverTrigger,
-	Close as PopoverClose,
-	Portal as PopoverPortal,
-};
diff --git a/src/lib/components/ui/popover/popover-close.svelte b/src/lib/components/ui/popover/popover-close.svelte
deleted file mode 100644
index c360925a..00000000
--- a/src/lib/components/ui/popover/popover-close.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Popover as PopoverPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: PopoverPrimitive.CloseProps = $props();
-</script>
-
-<PopoverPrimitive.Close bind:ref data-slot="popover-close" {...restProps} />
diff --git a/src/lib/components/ui/popover/popover-content.svelte b/src/lib/components/ui/popover/popover-content.svelte
deleted file mode 100644
index 667937d3..00000000
--- a/src/lib/components/ui/popover/popover-content.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts">
-	import { Popover as PopoverPrimitive } from "bits-ui";
-	import PopoverPortal from "./popover-portal.svelte";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import type { ComponentProps } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		sideOffset = 4,
-		align = "center",
-		portalProps,
-		...restProps
-	}: PopoverPrimitive.ContentProps & {
-		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof PopoverPortal>>;
-	} = $props();
-</script>
-
-<PopoverPortal {...portalProps}>
-	<PopoverPrimitive.Content
-		bind:ref
-		data-slot="popover-content"
-		{sideOffset}
-		{align}
-		class={cn(
-			"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 w-72 origin-(--transform-origin) outline-hidden",
-			className
-		)}
-		{...restProps}
-	/>
-</PopoverPortal>
diff --git a/src/lib/components/ui/popover/popover-description.svelte b/src/lib/components/ui/popover/popover-description.svelte
deleted file mode 100644
index 45f86cfa..00000000
--- a/src/lib/components/ui/popover/popover-description.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="popover-description"
-	class={cn("text-muted-foreground", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/popover/popover-header.svelte b/src/lib/components/ui/popover/popover-header.svelte
deleted file mode 100644
index b6f24c21..00000000
--- a/src/lib/components/ui/popover/popover-header.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="popover-header"
-	class={cn("flex flex-col gap-0.5 text-sm", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/popover/popover-portal.svelte b/src/lib/components/ui/popover/popover-portal.svelte
deleted file mode 100644
index dd8265fe..00000000
--- a/src/lib/components/ui/popover/popover-portal.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Popover as PopoverPrimitive } from "bits-ui";
-
-	let { ...restProps }: PopoverPrimitive.PortalProps = $props();
-</script>
-
-<PopoverPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/popover/popover-title.svelte b/src/lib/components/ui/popover/popover-title.svelte
deleted file mode 100644
index ca078de5..00000000
--- a/src/lib/components/ui/popover/popover-title.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="popover-title"
-	class={cn("font-medium", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/popover/popover-trigger.svelte b/src/lib/components/ui/popover/popover-trigger.svelte
deleted file mode 100644
index e31682e6..00000000
--- a/src/lib/components/ui/popover/popover-trigger.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { cn } from "$lib/utils/shadcn.js";
-	import { Popover as PopoverPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: PopoverPrimitive.TriggerProps = $props();
-</script>
-
-<PopoverPrimitive.Trigger
-	bind:ref
-	data-slot="popover-trigger"
-	class={cn("", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/popover/popover.svelte b/src/lib/components/ui/popover/popover.svelte
deleted file mode 100644
index 6b1aa5f9..00000000
--- a/src/lib/components/ui/popover/popover.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Popover as PopoverPrimitive } from "bits-ui";
-
-	let { open = $bindable(false), ...restProps }: PopoverPrimitive.RootProps = $props();
-</script>
-
-<PopoverPrimitive.Root bind:open {...restProps} />
diff --git a/src/lib/components/ui/progress/index.ts b/src/lib/components/ui/progress/index.ts
deleted file mode 100644
index 25eee615..00000000
--- a/src/lib/components/ui/progress/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from "./progress.svelte";
-
-export {
-	Root,
-	//
-	Root as Progress,
-};
diff --git a/src/lib/components/ui/progress/progress.svelte b/src/lib/components/ui/progress/progress.svelte
deleted file mode 100644
index d0ca0e32..00000000
--- a/src/lib/components/ui/progress/progress.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-	import { Progress as ProgressPrimitive } from "bits-ui";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		max = 100,
-		value,
-		...restProps
-	}: WithoutChildrenOrChild<ProgressPrimitive.RootProps> = $props();
-</script>
-
-<ProgressPrimitive.Root
-	bind:ref
-	data-slot="progress"
-	class={cn("bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden", className)}
-	{value}
-	{max}
-	{...restProps}
->
-	<div
-		data-slot="progress-indicator"
-		class="bg-primary size-full flex-1 transition-all"
-		style="transform: translateX(-{100 - (100 * (value ?? 0)) / (max ?? 1)}%)"
-	></div>
-</ProgressPrimitive.Root>
diff --git a/src/lib/components/ui/range-calendar/index.ts b/src/lib/components/ui/range-calendar/index.ts
deleted file mode 100644
index d2d258bc..00000000
--- a/src/lib/components/ui/range-calendar/index.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import Root from "./range-calendar.svelte";
-import Cell from "./range-calendar-cell.svelte";
-import Day from "./range-calendar-day.svelte";
-import Grid from "./range-calendar-grid.svelte";
-import Header from "./range-calendar-header.svelte";
-import Months from "./range-calendar-months.svelte";
-import GridRow from "./range-calendar-grid-row.svelte";
-import Heading from "./range-calendar-heading.svelte";
-import HeadCell from "./range-calendar-head-cell.svelte";
-import NextButton from "./range-calendar-next-button.svelte";
-import PrevButton from "./range-calendar-prev-button.svelte";
-import MonthSelect from "./range-calendar-month-select.svelte";
-import YearSelect from "./range-calendar-year-select.svelte";
-import Caption from "./range-calendar-caption.svelte";
-import Nav from "./range-calendar-nav.svelte";
-import Month from "./range-calendar-month.svelte";
-import GridBody from "./range-calendar-grid-body.svelte";
-import GridHead from "./range-calendar-grid-head.svelte";
-
-export {
-	Day,
-	Cell,
-	Grid,
-	Header,
-	Months,
-	GridRow,
-	Heading,
-	GridBody,
-	GridHead,
-	HeadCell,
-	NextButton,
-	PrevButton,
-	MonthSelect,
-	YearSelect,
-	Caption,
-	Nav,
-	Month,
-	//
-	Root as RangeCalendar,
-};
diff --git a/src/lib/components/ui/range-calendar/range-calendar-caption.svelte b/src/lib/components/ui/range-calendar/range-calendar-caption.svelte
deleted file mode 100644
index 944654d3..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-caption.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<script lang="ts">
-	import type { ComponentProps } from "svelte";
-	import type RangeCalendar from "./range-calendar.svelte";
-	import RangeCalendarMonthSelect from "./range-calendar-month-select.svelte";
-	import RangeCalendarYearSelect from "./range-calendar-year-select.svelte";
-	import { DateFormatter, getLocalTimeZone, type DateValue } from "@internationalized/date";
-
-	let {
-		captionLayout,
-		months,
-		monthFormat,
-		years,
-		yearFormat,
-		month,
-		locale,
-		placeholder = $bindable(),
-		monthIndex = 0,
-	}: {
-		captionLayout: ComponentProps<typeof RangeCalendar>["captionLayout"];
-		months: ComponentProps<typeof RangeCalendarMonthSelect>["months"];
-		monthFormat: ComponentProps<typeof RangeCalendarMonthSelect>["monthFormat"];
-		years: ComponentProps<typeof RangeCalendarYearSelect>["years"];
-		yearFormat: ComponentProps<typeof RangeCalendarYearSelect>["yearFormat"];
-		month: DateValue;
-		placeholder: DateValue | undefined;
-		locale: string;
-		monthIndex: number;
-	} = $props();
-
-	function formatYear(date: DateValue) {
-		const dateObj = date.toDate(getLocalTimeZone());
-		if (typeof yearFormat === "function") return yearFormat(dateObj.getFullYear());
-		return new DateFormatter(locale, { year: yearFormat }).format(dateObj);
-	}
-
-	function formatMonth(date: DateValue) {
-		const dateObj = date.toDate(getLocalTimeZone());
-		if (typeof monthFormat === "function") return monthFormat(dateObj.getMonth() + 1);
-		return new DateFormatter(locale, { month: monthFormat }).format(dateObj);
-	}
-</script>
-
-{#snippet MonthSelect()}
-	<RangeCalendarMonthSelect
-		{months}
-		{monthFormat}
-		value={month.month}
-		onchange={(e) => {
-			if (!placeholder) return;
-			const v = Number.parseInt(e.currentTarget.value);
-			const newPlaceholder = placeholder.set({ month: v });
-			placeholder = newPlaceholder.subtract({ months: monthIndex });
-		}}
-	/>
-{/snippet}
-
-{#snippet YearSelect()}
-	<RangeCalendarYearSelect {years} {yearFormat} value={month.year} />
-{/snippet}
-
-{#if captionLayout === "dropdown"}
-	{@render MonthSelect()}
-	{@render YearSelect()}
-{:else if captionLayout === "dropdown-months"}
-	{@render MonthSelect()}
-	{#if placeholder}
-		{formatYear(placeholder)}
-	{/if}
-{:else if captionLayout === "dropdown-years"}
-	{#if placeholder}
-		{formatMonth(placeholder)}
-	{/if}
-	{@render YearSelect()}
-{:else}
-	{formatMonth(month)} {formatYear(month)}
-{/if}
diff --git a/src/lib/components/ui/range-calendar/range-calendar-cell.svelte b/src/lib/components/ui/range-calendar/range-calendar-cell.svelte
deleted file mode 100644
index 8777f0d0..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-cell.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: RangeCalendarPrimitive.CellProps = $props();
-</script>
-
-<RangeCalendarPrimitive.Cell
-	bind:ref
-	class={cn(
-		"dark:[&:has([data-range-start])]:hover:bg-accent dark:[&:has([data-range-end])]:hover:bg-accent [&:has([data-range-middle])]:bg-accent dark:[&:has([data-range-middle])]:hover:bg-accent/50 [&:has([data-selected])]:bg-accent relative size-(--cell-size) p-0 text-center text-sm focus-within:z-20 data-[range-middle]:rounded-e-(--cell-radius) [&:first-child[data-selected]_[data-bits-day]]:rounded-s-(--cell-radius) [&:has([data-range-end])]:rounded-e-(--cell-radius) [&:has([data-range-middle])]:rounded-none first:[&:has([data-range-middle])]:rounded-s-(--cell-radius) last:[&:has([data-range-middle])]:rounded-e-(--cell-radius) [&:has([data-range-start])]:rounded-s-(--cell-radius) [&:last-child[data-selected]_[data-bits-day]]:rounded-e-(--cell-radius)",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-day.svelte b/src/lib/components/ui/range-calendar/range-calendar-day.svelte
deleted file mode 100644
index ea701806..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-day.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: RangeCalendarPrimitive.DayProps = $props();
-</script>
-
-<RangeCalendarPrimitive.Day
-	bind:ref
-	class={cn(
-		"flex size-(--cell-size) flex-col items-center justify-center gap-1 rounded-(--cell-radius) p-0 leading-none font-normal whitespace-nowrap select-none",
-		"not-data-selected:hover:bg-accent/50 not-data-selected:hover:text-accent-foreground",
-		"[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground [&[data-today][data-disabled]]:text-muted-foreground data-[range-middle]:rounded-none",
-		// range Start
-		"data-[range-start]:bg-primary data-[range-start]:text-primary-foreground data-[range-start]:hover:text-foreground",
-		// range End
-		"data-[range-end]:bg-primary data-[range-end]:text-primary-foreground data-[range-end]:hover:text-foreground",
-		// Outside months
-		"[&[data-outside-month]:not([data-selected])]:text-muted-foreground [&[data-outside-month]:not([data-selected])]:hover:text-accent-foreground",
-		// Disabled
-		"data-[disabled]:text-muted-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-		// Unavailable
-		"data-[unavailable]:line-through",
-		"dark:data-[range-middle]:hover:bg-accent/0",
-		// focus
-		"focus:border-ring focus:ring-ring/50 focus:relative",
-		// inner spans
-		"[&>span]:text-xs [&>span]:opacity-70",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte b/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte
deleted file mode 100644
index 45a31d1f..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: RangeCalendarPrimitive.GridBodyProps = $props();
-</script>
-
-<RangeCalendarPrimitive.GridBody bind:ref {...restProps} />
diff --git a/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte b/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte
deleted file mode 100644
index e3116255..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: RangeCalendarPrimitive.GridHeadProps = $props();
-</script>
-
-<RangeCalendarPrimitive.GridHead bind:ref {...restProps} />
diff --git a/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte b/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte
deleted file mode 100644
index 803aadd1..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: RangeCalendarPrimitive.GridRowProps = $props();
-</script>
-
-<RangeCalendarPrimitive.GridRow bind:ref class={cn("flex", className)} {...restProps} />
diff --git a/src/lib/components/ui/range-calendar/range-calendar-grid.svelte b/src/lib/components/ui/range-calendar/range-calendar-grid.svelte
deleted file mode 100644
index b022769b..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-grid.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: RangeCalendarPrimitive.GridProps = $props();
-</script>
-
-<RangeCalendarPrimitive.Grid
-	bind:ref
-	class={cn("mt-4 flex w-full border-collapse flex-col gap-1", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte b/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte
deleted file mode 100644
index 39ffebcb..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: RangeCalendarPrimitive.HeadCellProps = $props();
-</script>
-
-<RangeCalendarPrimitive.HeadCell
-	bind:ref
-	class={cn(
-		"text-muted-foreground w-(--cell-size) rounded-md text-[0.8rem] font-normal",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-header.svelte b/src/lib/components/ui/range-calendar/range-calendar-header.svelte
deleted file mode 100644
index 1b47353c..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-header.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: RangeCalendarPrimitive.HeaderProps = $props();
-</script>
-
-<RangeCalendarPrimitive.Header
-	bind:ref
-	class={cn(
-		"flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-heading.svelte b/src/lib/components/ui/range-calendar/range-calendar-heading.svelte
deleted file mode 100644
index 71fca738..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-heading.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: RangeCalendarPrimitive.HeadingProps = $props();
-</script>
-
-<RangeCalendarPrimitive.Heading
-	bind:ref
-	class={cn("px-(--cell-size) text-sm font-medium", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-month-select.svelte b/src/lib/components/ui/range-calendar/range-calendar-month-select.svelte
deleted file mode 100644
index 592774a3..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-month-select.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		value,
-		onchange,
-		...restProps
-	}: WithoutChildrenOrChild<RangeCalendarPrimitive.MonthSelectProps> = $props();
-</script>
-
-<span
-	class={cn(
-		"has-focus:border-ring border-input has-focus:ring-ring/50 relative flex rounded-md border shadow-xs has-focus:ring-[3px]",
-		className
-	)}
->
-	<RangeCalendarPrimitive.MonthSelect bind:ref class="absolute inset-0 opacity-0" {...restProps}>
-		{#snippet child({ props, monthItems, selectedMonthItem })}
-			<select {...props} {value} {onchange}>
-				{#each monthItems as monthItem (monthItem.value)}
-					<option
-						value={monthItem.value}
-						selected={value !== undefined
-							? monthItem.value === value
-							: monthItem.value === selectedMonthItem.value}
-					>
-						{monthItem.label}
-					</option>
-				{/each}
-			</select>
-			<span
-				class="[&>svg]:text-muted-foreground flex h-(--cell-size) items-center gap-1 rounded-md ps-2 pe-1 text-sm font-medium select-none [&>svg]:size-3.5"
-				aria-hidden="true"
-			>
-				{monthItems.find((item) => item.value === value)?.label || selectedMonthItem.label}
-				<ChevronDownIcon class={cn("size-4", className)} />
-			</span>
-		{/snippet}
-	</RangeCalendarPrimitive.MonthSelect>
-</span>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-month.svelte b/src/lib/components/ui/range-calendar/range-calendar-month.svelte
deleted file mode 100644
index 7875ff8a..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-month.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-	import { type WithElementRef, cn } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<div {...restProps} bind:this={ref} class={cn("flex flex-col", className)}>
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-months.svelte b/src/lib/components/ui/range-calendar/range-calendar-months.svelte
deleted file mode 100644
index 8125cdc4..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-months.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	class={cn("relative flex flex-col gap-4 md:flex-row", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-nav.svelte b/src/lib/components/ui/range-calendar/range-calendar-nav.svelte
deleted file mode 100644
index c0e99a77..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-nav.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<nav
-	{...restProps}
-	bind:this={ref}
-	class={cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", className)}
->
-	{@render children?.()}
-</nav>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte b/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte
deleted file mode 100644
index 8468c799..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
-	import { buttonVariants, type ButtonVariant } from "$lib/components/ui/button/index.js";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		variant = "ghost",
-		...restProps
-	}: RangeCalendarPrimitive.NextButtonProps & {
-		variant?: ButtonVariant;
-	} = $props();
-</script>
-
-{#snippet Fallback()}
-	<ChevronRightIcon class={cn("size-4", className)} />
-{/snippet}
-
-<RangeCalendarPrimitive.NextButton
-	bind:ref
-	class={cn(
-		buttonVariants({ variant }),
-		"size-(--cell-size) bg-transparent p-0 select-none disabled:opacity-50 rtl:rotate-180",
-		className
-	)}
-	{...restProps}
->
-	{#if children}
-		{@render children?.()}
-	{:else}
-		{@render Fallback()}
-	{/if}
-</RangeCalendarPrimitive.NextButton>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte b/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte
deleted file mode 100644
index 0e2c2b49..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import ChevronLeftIcon from '@lucide/svelte/icons/chevron-left';
-	import { buttonVariants, type ButtonVariant } from "$lib/components/ui/button/index.js";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		variant = "ghost",
-		...restProps
-	}: RangeCalendarPrimitive.PrevButtonProps & {
-		variant?: ButtonVariant;
-	} = $props();
-</script>
-
-{#snippet Fallback()}
-	<ChevronLeftIcon class={cn("size-4", className)} />
-{/snippet}
-
-<RangeCalendarPrimitive.PrevButton
-	bind:ref
-	class={cn(
-		buttonVariants({ variant }),
-		"size-(--cell-size) bg-transparent p-0 select-none disabled:opacity-50 rtl:rotate-180",
-		className
-	)}
-	{...restProps}
->
-	{#if children}
-		{@render children?.()}
-	{:else}
-		{@render Fallback()}
-	{/if}
-</RangeCalendarPrimitive.PrevButton>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-year-select.svelte b/src/lib/components/ui/range-calendar/range-calendar-year-select.svelte
deleted file mode 100644
index 8ebd811c..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar-year-select.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		value,
-		...restProps
-	}: WithoutChildrenOrChild<RangeCalendarPrimitive.YearSelectProps> = $props();
-</script>
-
-<span
-	class={cn(
-		"has-focus:border-ring border-input has-focus:ring-ring/50 relative flex rounded-md border shadow-xs has-focus:ring-[3px]",
-		className
-	)}
->
-	<RangeCalendarPrimitive.YearSelect bind:ref class="absolute inset-0 opacity-0" {...restProps}>
-		{#snippet child({ props, yearItems, selectedYearItem })}
-			<select {...props} {value}>
-				{#each yearItems as yearItem (yearItem.value)}
-					<option
-						value={yearItem.value}
-						selected={value !== undefined
-							? yearItem.value === value
-							: yearItem.value === selectedYearItem.value}
-					>
-						{yearItem.label}
-					</option>
-				{/each}
-			</select>
-			<span
-				class="[&>svg]:text-muted-foreground flex h-(--cell-size) items-center gap-1 rounded-md ps-2 pe-1 text-sm font-medium select-none [&>svg]:size-3.5"
-				aria-hidden="true"
-			>
-				{yearItems.find((item) => item.value === value)?.label || selectedYearItem.label}
-				<ChevronDownIcon class={cn("size-4", className)} />
-			</span>
-		{/snippet}
-	</RangeCalendarPrimitive.YearSelect>
-</span>
diff --git a/src/lib/components/ui/range-calendar/range-calendar.svelte b/src/lib/components/ui/range-calendar/range-calendar.svelte
deleted file mode 100644
index f6b6d2d7..00000000
--- a/src/lib/components/ui/range-calendar/range-calendar.svelte
+++ /dev/null
@@ -1,112 +0,0 @@
-<script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import * as RangeCalendar from "./index.js";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import type { ButtonVariant } from "$lib/components/ui/button/index.js";
-	import type { Snippet } from "svelte";
-	import { isEqualMonth, type DateValue } from "@internationalized/date";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		placeholder = $bindable(),
-		weekdayFormat = "short",
-		class: className,
-		buttonVariant = "ghost",
-		captionLayout = "label",
-		locale = "en-US",
-		months: monthsProp,
-		years,
-		monthFormat: monthFormatProp,
-		yearFormat = "numeric",
-		day,
-		disableDaysOutsideMonth = false,
-		...restProps
-	}: WithoutChildrenOrChild<RangeCalendarPrimitive.RootProps> & {
-		buttonVariant?: ButtonVariant;
-		captionLayout?: "dropdown" | "dropdown-months" | "dropdown-years" | "label";
-		months?: RangeCalendarPrimitive.MonthSelectProps["months"];
-		years?: RangeCalendarPrimitive.YearSelectProps["years"];
-		monthFormat?: RangeCalendarPrimitive.MonthSelectProps["monthFormat"];
-		yearFormat?: RangeCalendarPrimitive.YearSelectProps["yearFormat"];
-		day?: Snippet<[{ day: DateValue; outsideMonth: boolean }]>;
-	} = $props();
-
-	const monthFormat = $derived.by(() => {
-		if (monthFormatProp) return monthFormatProp;
-		if (captionLayout.startsWith("dropdown")) return "short";
-		return "long";
-	});
-</script>
-
-<RangeCalendarPrimitive.Root
-	bind:ref
-	bind:value
-	bind:placeholder
-	{weekdayFormat}
-	{disableDaysOutsideMonth}
-	class={cn(
-		"p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] bg-background group/calendar p-3 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
-		className
-	)}
-	{locale}
-	{monthFormat}
-	{yearFormat}
-	{...restProps}
->
-	{#snippet children({ months, weekdays })}
-		<RangeCalendar.Months>
-			<RangeCalendar.Nav>
-				<RangeCalendar.PrevButton variant={buttonVariant} />
-				<RangeCalendar.NextButton variant={buttonVariant} />
-			</RangeCalendar.Nav>
-			{#each months as month, monthIndex (month)}
-				<RangeCalendar.Month>
-					<RangeCalendar.Header>
-						<RangeCalendar.Caption
-							{captionLayout}
-							months={monthsProp}
-							{monthFormat}
-							{years}
-							{yearFormat}
-							month={month.value}
-							bind:placeholder
-							{locale}
-							{monthIndex}
-						/>
-					</RangeCalendar.Header>
-
-					<RangeCalendar.Grid>
-						<RangeCalendar.GridHead>
-							<RangeCalendar.GridRow class="select-none">
-								{#each weekdays as weekday, i (i)}
-									<RangeCalendar.HeadCell>
-										{weekday.slice(0, 2)}
-									</RangeCalendar.HeadCell>
-								{/each}
-							</RangeCalendar.GridRow>
-						</RangeCalendar.GridHead>
-						<RangeCalendar.GridBody>
-							{#each month.weeks as weekDates (weekDates)}
-								<RangeCalendar.GridRow class="mt-2 w-full">
-									{#each weekDates as date (date)}
-										<RangeCalendar.Cell {date} month={month.value}>
-											{#if day}
-												{@render day({
-													day: date,
-													outsideMonth: !isEqualMonth(date, month.value),
-												})}
-											{:else}
-												<RangeCalendar.Day />
-											{/if}
-										</RangeCalendar.Cell>
-									{/each}
-								</RangeCalendar.GridRow>
-							{/each}
-						</RangeCalendar.GridBody>
-					</RangeCalendar.Grid>
-				</RangeCalendar.Month>
-			{/each}
-		</RangeCalendar.Months>
-	{/snippet}
-</RangeCalendarPrimitive.Root>
diff --git a/src/lib/components/ui/scroll-area/index.ts b/src/lib/components/ui/scroll-area/index.ts
deleted file mode 100644
index e86a25b2..00000000
--- a/src/lib/components/ui/scroll-area/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import Scrollbar from "./scroll-area-scrollbar.svelte";
-import Root from "./scroll-area.svelte";
-
-export {
-	Root,
-	Scrollbar,
-	//,
-	Root as ScrollArea,
-	Scrollbar as ScrollAreaScrollbar,
-};
diff --git a/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte b/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte
deleted file mode 100644
index 655e3372..00000000
--- a/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts">
-	import { ScrollArea as ScrollAreaPrimitive } from "bits-ui";
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		orientation = "vertical",
-		children,
-		...restProps
-	}: WithoutChild<ScrollAreaPrimitive.ScrollbarProps> = $props();
-</script>
-
-<ScrollAreaPrimitive.Scrollbar
-	bind:ref
-	data-slot="scroll-area-scrollbar"
-	data-orientation={orientation}
-	{orientation}
-	class={cn(
-		"data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-	<ScrollAreaPrimitive.Thumb
-		data-slot="scroll-area-thumb"
-		class="rounded-full bg-border relative flex-1"
-	/>
-</ScrollAreaPrimitive.Scrollbar>
diff --git a/src/lib/components/ui/scroll-area/scroll-area.svelte b/src/lib/components/ui/scroll-area/scroll-area.svelte
deleted file mode 100644
index cf235119..00000000
--- a/src/lib/components/ui/scroll-area/scroll-area.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-	import { ScrollArea as ScrollAreaPrimitive } from "bits-ui";
-	import { Scrollbar } from "./index.js";
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		viewportRef = $bindable(null),
-		class: className,
-		orientation = "vertical",
-		scrollbarXClasses = "",
-		scrollbarYClasses = "",
-		children,
-		...restProps
-	}: WithoutChild<ScrollAreaPrimitive.RootProps> & {
-		orientation?: "vertical" | "horizontal" | "both" | undefined;
-		scrollbarXClasses?: string | undefined;
-		scrollbarYClasses?: string | undefined;
-		viewportRef?: HTMLElement | null;
-	} = $props();
-</script>
-
-<ScrollAreaPrimitive.Root
-	bind:ref
-	data-slot="scroll-area"
-	class={cn("relative", className)}
-	{...restProps}
->
-	<ScrollAreaPrimitive.Viewport
-		bind:ref={viewportRef}
-		data-slot="scroll-area-viewport"
-		class="cn-scroll-area-viewport focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
-	>
-		{@render children?.()}
-	</ScrollAreaPrimitive.Viewport>
-	{#if orientation === "vertical" || orientation === "both"}
-		<Scrollbar orientation="vertical" class={scrollbarYClasses} />
-	{/if}
-	{#if orientation === "horizontal" || orientation === "both"}
-		<Scrollbar orientation="horizontal" class={scrollbarXClasses} />
-	{/if}
-	<ScrollAreaPrimitive.Corner />
-</ScrollAreaPrimitive.Root>
diff --git a/src/lib/components/ui/select/index.ts b/src/lib/components/ui/select/index.ts
deleted file mode 100644
index 4dec358b..00000000
--- a/src/lib/components/ui/select/index.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import Root from "./select.svelte";
-import Group from "./select-group.svelte";
-import Label from "./select-label.svelte";
-import Item from "./select-item.svelte";
-import Content from "./select-content.svelte";
-import Trigger from "./select-trigger.svelte";
-import Separator from "./select-separator.svelte";
-import ScrollDownButton from "./select-scroll-down-button.svelte";
-import ScrollUpButton from "./select-scroll-up-button.svelte";
-import GroupHeading from "./select-group-heading.svelte";
-import Portal from "./select-portal.svelte";
-
-export {
-	Root,
-	Group,
-	Label,
-	Item,
-	Content,
-	Trigger,
-	Separator,
-	ScrollDownButton,
-	ScrollUpButton,
-	GroupHeading,
-	Portal,
-	//
-	Root as Select,
-	Group as SelectGroup,
-	Label as SelectLabel,
-	Item as SelectItem,
-	Content as SelectContent,
-	Trigger as SelectTrigger,
-	Separator as SelectSeparator,
-	ScrollDownButton as SelectScrollDownButton,
-	ScrollUpButton as SelectScrollUpButton,
-	GroupHeading as SelectGroupHeading,
-	Portal as SelectPortal,
-};
diff --git a/src/lib/components/ui/select/select-content.svelte b/src/lib/components/ui/select/select-content.svelte
deleted file mode 100644
index aebcb991..00000000
--- a/src/lib/components/ui/select/select-content.svelte
+++ /dev/null
@@ -1,45 +0,0 @@
-<script lang="ts">
-	import { Select as SelectPrimitive } from "bits-ui";
-	import SelectPortal from "./select-portal.svelte";
-	import SelectScrollUpButton from "./select-scroll-up-button.svelte";
-	import SelectScrollDownButton from "./select-scroll-down-button.svelte";
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-	import type { ComponentProps } from "svelte";
-	import type { WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		sideOffset = 4,
-		portalProps,
-		children,
-		preventScroll = true,
-		...restProps
-	}: WithoutChild<SelectPrimitive.ContentProps> & {
-		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof SelectPortal>>;
-	} = $props();
-</script>
-
-<SelectPortal {...portalProps}>
-	<SelectPrimitive.Content
-		bind:ref
-		{sideOffset}
-		{preventScroll}
-		data-slot="select-content"
-		class={cn(
-			"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-lg shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 relative isolate z-50 overflow-x-hidden overflow-y-auto",
-			className
-		)}
-		{...restProps}
-	>
-		<SelectScrollUpButton />
-		<SelectPrimitive.Viewport
-			class={cn(
-				"h-(--bits-select-anchor-height) w-full min-w-(--bits-select-anchor-width) scroll-my-1"
-			)}
-		>
-			{@render children?.()}
-		</SelectPrimitive.Viewport>
-		<SelectScrollDownButton />
-	</SelectPrimitive.Content>
-</SelectPortal>
diff --git a/src/lib/components/ui/select/select-group-heading.svelte b/src/lib/components/ui/select/select-group-heading.svelte
deleted file mode 100644
index c84a4a86..00000000
--- a/src/lib/components/ui/select/select-group-heading.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	import { Select as SelectPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-	import type { ComponentProps } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: ComponentProps<typeof SelectPrimitive.GroupHeading> = $props();
-</script>
-
-<SelectPrimitive.GroupHeading
-	bind:ref
-	data-slot="select-group-heading"
-	class={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
-	{...restProps}
->
-	{@render children?.()}
-</SelectPrimitive.GroupHeading>
diff --git a/src/lib/components/ui/select/select-group.svelte b/src/lib/components/ui/select/select-group.svelte
deleted file mode 100644
index a3c65627..00000000
--- a/src/lib/components/ui/select/select-group.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Select as SelectPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: SelectPrimitive.GroupProps = $props();
-</script>
-
-<SelectPrimitive.Group
-	bind:ref
-	data-slot="select-group"
-	class={cn("scroll-my-1 p-1", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/select/select-item.svelte b/src/lib/components/ui/select/select-item.svelte
deleted file mode 100644
index a5749769..00000000
--- a/src/lib/components/ui/select/select-item.svelte
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts">
-	import { Select as SelectPrimitive } from "bits-ui";
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-	import CheckIcon from '@lucide/svelte/icons/check';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		value,
-		label,
-		children: childrenProp,
-		...restProps
-	}: WithoutChild<SelectPrimitive.ItemProps> = $props();
-</script>
-
-<SelectPrimitive.Item
-	bind:ref
-	{value}
-	data-slot="select-item"
-	class={cn(
-		"focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 focus:bg-accent data-highlighted:bg-accent data-highlighted:text-accent-foreground focus:text-accent-foreground relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		className
-	)}
-	{...restProps}
->
-	{#snippet children({ selected, highlighted })}
-		<span class="absolute end-2 flex size-3.5 items-center justify-center">
-			{#if selected}
-				<CheckIcon class="cn-select-item-indicator-icon" />
-			{/if}
-		</span>
-		<span class="flex flex-1 gap-2 shrink-0 whitespace-nowrap">
-			{#if childrenProp}
-				{@render childrenProp({ selected, highlighted })}
-			{:else}
-				{label || value}
-			{/if}
-		</span>
-	{/snippet}
-</SelectPrimitive.Item>
diff --git a/src/lib/components/ui/select/select-label.svelte b/src/lib/components/ui/select/select-label.svelte
deleted file mode 100644
index acd5b4e8..00000000
--- a/src/lib/components/ui/select/select-label.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="select-label"
-	class={cn("text-muted-foreground px-1.5 py-1 text-xs", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/select/select-portal.svelte b/src/lib/components/ui/select/select-portal.svelte
deleted file mode 100644
index 424bcddc..00000000
--- a/src/lib/components/ui/select/select-portal.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Select as SelectPrimitive } from "bits-ui";
-
-	let { ...restProps }: SelectPrimitive.PortalProps = $props();
-</script>
-
-<SelectPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/select/select-scroll-down-button.svelte b/src/lib/components/ui/select/select-scroll-down-button.svelte
deleted file mode 100644
index 66a56a40..00000000
--- a/src/lib/components/ui/select/select-scroll-down-button.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { Select as SelectPrimitive } from "bits-ui";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: WithoutChildrenOrChild<SelectPrimitive.ScrollDownButtonProps> = $props();
-</script>
-
-<SelectPrimitive.ScrollDownButton
-	bind:ref
-	data-slot="select-scroll-down-button"
-	class={cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full", className)}
-	{...restProps}
->
-	<ChevronDownIcon  />
-</SelectPrimitive.ScrollDownButton>
diff --git a/src/lib/components/ui/select/select-scroll-up-button.svelte b/src/lib/components/ui/select/select-scroll-up-button.svelte
deleted file mode 100644
index 23bc5889..00000000
--- a/src/lib/components/ui/select/select-scroll-up-button.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { Select as SelectPrimitive } from "bits-ui";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import ChevronUpIcon from '@lucide/svelte/icons/chevron-up';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: WithoutChildrenOrChild<SelectPrimitive.ScrollUpButtonProps> = $props();
-</script>
-
-<SelectPrimitive.ScrollUpButton
-	bind:ref
-	data-slot="select-scroll-up-button"
-	class={cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full", className)}
-	{...restProps}
->
-	<ChevronUpIcon  />
-</SelectPrimitive.ScrollUpButton>
diff --git a/src/lib/components/ui/select/select-separator.svelte b/src/lib/components/ui/select/select-separator.svelte
deleted file mode 100644
index aac80ab6..00000000
--- a/src/lib/components/ui/select/select-separator.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
-	import type { Separator as SeparatorPrimitive } from "bits-ui";
-	import { Separator } from "$lib/components/ui/separator/index.js";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: SeparatorPrimitive.RootProps = $props();
-</script>
-
-<Separator
-	bind:ref
-	data-slot="select-separator"
-	class={cn("bg-border -mx-1 my-1 h-px pointer-events-none", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/select/select-trigger.svelte b/src/lib/components/ui/select/select-trigger.svelte
deleted file mode 100644
index 8dbb7e8e..00000000
--- a/src/lib/components/ui/select/select-trigger.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-	import { Select as SelectPrimitive } from "bits-ui";
-	import { cn, type WithoutChild } from "$lib/utils/shadcn.js";
-	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		size = "default",
-		...restProps
-	}: WithoutChild<SelectPrimitive.TriggerProps> & {
-		size?: "sm" | "default";
-	} = $props();
-</script>
-
-<SelectPrimitive.Trigger
-	bind:ref
-	data-slot="select-trigger"
-	data-size={size}
-	class={cn(
-		"border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-	<ChevronDownIcon class="text-muted-foreground size-4 pointer-events-none" />
-</SelectPrimitive.Trigger>
diff --git a/src/lib/components/ui/select/select.svelte b/src/lib/components/ui/select/select.svelte
deleted file mode 100644
index 05eb6634..00000000
--- a/src/lib/components/ui/select/select.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { Select as SelectPrimitive } from "bits-ui";
-
-	let {
-		open = $bindable(false),
-		value = $bindable(),
-		...restProps
-	}: SelectPrimitive.RootProps = $props();
-</script>
-
-<SelectPrimitive.Root bind:open bind:value={value as never} {...restProps} />
diff --git a/src/lib/components/ui/separator/index.ts b/src/lib/components/ui/separator/index.ts
deleted file mode 100644
index 82442d2c..00000000
--- a/src/lib/components/ui/separator/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from "./separator.svelte";
-
-export {
-	Root,
-	//
-	Root as Separator,
-};
diff --git a/src/lib/components/ui/separator/separator.svelte b/src/lib/components/ui/separator/separator.svelte
deleted file mode 100644
index 88c56988..00000000
--- a/src/lib/components/ui/separator/separator.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { Separator as SeparatorPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		"data-slot": dataSlot = "separator",
-		...restProps
-	}: SeparatorPrimitive.RootProps = $props();
-</script>
-
-<SeparatorPrimitive.Root
-	bind:ref
-	data-slot={dataSlot}
-	class={cn(
-		"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px",
-		// this is different in shadcn/ui but self-stretch breaks things for us
-		"data-[orientation=vertical]:h-full",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/sheet/index.ts b/src/lib/components/ui/sheet/index.ts
deleted file mode 100644
index 28d7da1c..00000000
--- a/src/lib/components/ui/sheet/index.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import Root from "./sheet.svelte";
-import Portal from "./sheet-portal.svelte";
-import Trigger from "./sheet-trigger.svelte";
-import Close from "./sheet-close.svelte";
-import Overlay from "./sheet-overlay.svelte";
-import Content from "./sheet-content.svelte";
-import Header from "./sheet-header.svelte";
-import Footer from "./sheet-footer.svelte";
-import Title from "./sheet-title.svelte";
-import Description from "./sheet-description.svelte";
-
-export {
-	Root,
-	Close,
-	Trigger,
-	Portal,
-	Overlay,
-	Content,
-	Header,
-	Footer,
-	Title,
-	Description,
-	//
-	Root as Sheet,
-	Close as SheetClose,
-	Trigger as SheetTrigger,
-	Portal as SheetPortal,
-	Overlay as SheetOverlay,
-	Content as SheetContent,
-	Header as SheetHeader,
-	Footer as SheetFooter,
-	Title as SheetTitle,
-	Description as SheetDescription,
-};
diff --git a/src/lib/components/ui/sheet/sheet-close.svelte b/src/lib/components/ui/sheet/sheet-close.svelte
deleted file mode 100644
index ae382c12..00000000
--- a/src/lib/components/ui/sheet/sheet-close.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: SheetPrimitive.CloseProps = $props();
-</script>
-
-<SheetPrimitive.Close bind:ref data-slot="sheet-close" {...restProps} />
diff --git a/src/lib/components/ui/sheet/sheet-content.svelte b/src/lib/components/ui/sheet/sheet-content.svelte
deleted file mode 100644
index eac9e6b9..00000000
--- a/src/lib/components/ui/sheet/sheet-content.svelte
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" module>
-	export type Side = "top" | "right" | "bottom" | "left";
-</script>
-
-<script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-	import type { Snippet } from "svelte";
-	import SheetPortal from "./sheet-portal.svelte";
-	import SheetOverlay from "./sheet-overlay.svelte";
-	import { Button } from "$lib/components/ui/button/index.js";
-	import XIcon from '@lucide/svelte/icons/x';
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import type { ComponentProps } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		side = "right",
-		showCloseButton = true,
-		portalProps,
-		children,
-		...restProps
-	}: WithoutChildrenOrChild<SheetPrimitive.ContentProps> & {
-		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof SheetPortal>>;
-		side?: Side;
-		showCloseButton?: boolean;
-		children: Snippet;
-	} = $props();
-</script>
-
-<SheetPortal {...portalProps}>
-	<SheetOverlay />
-	<SheetPrimitive.Content
-		bind:ref
-		data-slot="sheet-content"
-		data-side={side}
-		class={cn(
-			"bg-popover text-popover-foreground fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10",
-			className
-		)}
-		{...restProps}
-	>
-		{@render children?.()}
-		{#if showCloseButton}
-			<SheetPrimitive.Close data-slot="sheet-close">
-				{#snippet child({ props })}
-					<Button variant="ghost" class="absolute top-3 right-3" size="icon-sm" {...props}>
-						<XIcon  />
-						<span class="sr-only">Close</span>
-					</Button>
-				{/snippet}
-			</SheetPrimitive.Close>
-		{/if}
-	</SheetPrimitive.Content>
-</SheetPortal>
diff --git a/src/lib/components/ui/sheet/sheet-description.svelte b/src/lib/components/ui/sheet/sheet-description.svelte
deleted file mode 100644
index 57d8fffc..00000000
--- a/src/lib/components/ui/sheet/sheet-description.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: SheetPrimitive.DescriptionProps = $props();
-</script>
-
-<SheetPrimitive.Description
-	bind:ref
-	data-slot="sheet-description"
-	class={cn("text-muted-foreground text-sm", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/sheet/sheet-footer.svelte b/src/lib/components/ui/sheet/sheet-footer.svelte
deleted file mode 100644
index 64e23fb3..00000000
--- a/src/lib/components/ui/sheet/sheet-footer.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="sheet-footer"
-	class={cn("gap-2 p-4 mt-auto flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/sheet/sheet-header.svelte b/src/lib/components/ui/sheet/sheet-header.svelte
deleted file mode 100644
index 1db7cde1..00000000
--- a/src/lib/components/ui/sheet/sheet-header.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="sheet-header"
-	class={cn("gap-0.5 p-4 flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/sheet/sheet-overlay.svelte b/src/lib/components/ui/sheet/sheet-overlay.svelte
deleted file mode 100644
index 36279d13..00000000
--- a/src/lib/components/ui/sheet/sheet-overlay.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: SheetPrimitive.OverlayProps = $props();
-</script>
-
-<SheetPrimitive.Overlay
-	bind:ref
-	data-slot="sheet-overlay"
-	class={cn("bg-black/10 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/sheet/sheet-portal.svelte b/src/lib/components/ui/sheet/sheet-portal.svelte
deleted file mode 100644
index f3085a3c..00000000
--- a/src/lib/components/ui/sheet/sheet-portal.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-
-	let { ...restProps }: SheetPrimitive.PortalProps = $props();
-</script>
-
-<SheetPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/sheet/sheet-title.svelte b/src/lib/components/ui/sheet/sheet-title.svelte
deleted file mode 100644
index 0ff07894..00000000
--- a/src/lib/components/ui/sheet/sheet-title.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: SheetPrimitive.TitleProps = $props();
-</script>
-
-<SheetPrimitive.Title
-	bind:ref
-	data-slot="sheet-title"
-	class={cn("text-foreground text-base font-medium", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/sheet/sheet-trigger.svelte b/src/lib/components/ui/sheet/sheet-trigger.svelte
deleted file mode 100644
index e266975f..00000000
--- a/src/lib/components/ui/sheet/sheet-trigger.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: SheetPrimitive.TriggerProps = $props();
-</script>
-
-<SheetPrimitive.Trigger bind:ref data-slot="sheet-trigger" {...restProps} />
diff --git a/src/lib/components/ui/sheet/sheet.svelte b/src/lib/components/ui/sheet/sheet.svelte
deleted file mode 100644
index 5bf97839..00000000
--- a/src/lib/components/ui/sheet/sheet.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-
-	let { open = $bindable(false), ...restProps }: SheetPrimitive.RootProps = $props();
-</script>
-
-<SheetPrimitive.Root bind:open {...restProps} />
diff --git a/src/lib/components/ui/sidebar/constants.ts b/src/lib/components/ui/sidebar/constants.ts
deleted file mode 100644
index 1347e83c..00000000
--- a/src/lib/components/ui/sidebar/constants.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export const SIDEBAR_COOKIE_NAME = "sidebar_state";
-export const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
-export const SIDEBAR_WIDTH = "16rem";
-export const SIDEBAR_WIDTH_MOBILE = "18rem";
-export const SIDEBAR_WIDTH_ICON = "3rem";
-export const SIDEBAR_KEYBOARD_SHORTCUT = "b";
diff --git a/src/lib/components/ui/sidebar/context.svelte.ts b/src/lib/components/ui/sidebar/context.svelte.ts
deleted file mode 100644
index 15248ada..00000000
--- a/src/lib/components/ui/sidebar/context.svelte.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { IsMobile } from "$lib/hooks/is-mobile.svelte.js";
-import { getContext, setContext } from "svelte";
-import { SIDEBAR_KEYBOARD_SHORTCUT } from "./constants.js";
-
-type Getter<T> = () => T;
-
-export type SidebarStateProps = {
-	/**
-	 * A getter function that returns the current open state of the sidebar.
-	 * We use a getter function here to support `bind:open` on the `Sidebar.Provider`
-	 * component.
-	 */
-	open: Getter<boolean>;
-
-	/**
-	 * A function that sets the open state of the sidebar. To support `bind:open`, we need
-	 * a source of truth for changing the open state to ensure it will be synced throughout
-	 * the sub-components and any `bind:` references.
-	 */
-	setOpen: (open: boolean) => void;
-};
-
-class SidebarState {
-	readonly props: SidebarStateProps;
-	open = $derived.by(() => this.props.open());
-	openMobile = $state(false);
-	setOpen: SidebarStateProps["setOpen"];
-	#isMobile: IsMobile;
-	state = $derived.by(() => (this.open ? "expanded" : "collapsed"));
-
-	constructor(props: SidebarStateProps) {
-		this.setOpen = props.setOpen;
-		this.#isMobile = new IsMobile();
-		this.props = props;
-	}
-
-	// Convenience getter for checking if the sidebar is mobile
-	// without this, we would need to use `sidebar.isMobile.current` everywhere
-	get isMobile() {
-		return this.#isMobile.current;
-	}
-
-	// Event handler to apply to the `<svelte:window>`
-	handleShortcutKeydown = (e: KeyboardEvent) => {
-		if (e.key === SIDEBAR_KEYBOARD_SHORTCUT && (e.metaKey || e.ctrlKey)) {
-			e.preventDefault();
-			this.toggle();
-		}
-	};
-
-	setOpenMobile = (value: boolean) => {
-		this.openMobile = value;
-	};
-
-	toggle = () => {
-		return this.#isMobile.current
-			? (this.openMobile = !this.openMobile)
-			: this.setOpen(!this.open);
-	};
-}
-
-const SYMBOL_KEY = "scn-sidebar";
-
-/**
- * Instantiates a new `SidebarState` instance and sets it in the context.
- *
- * @param props The constructor props for the `SidebarState` class.
- * @returns  The `SidebarState` instance.
- */
-export function setSidebar(props: SidebarStateProps): SidebarState {
-	return setContext(Symbol.for(SYMBOL_KEY), new SidebarState(props));
-}
-
-/**
- * Retrieves the `SidebarState` instance from the context. This is a class instance,
- * so you cannot destructure it.
- * @returns The `SidebarState` instance.
- */
-export function useSidebar(): SidebarState {
-	return getContext(Symbol.for(SYMBOL_KEY));
-}
diff --git a/src/lib/components/ui/sidebar/index.ts b/src/lib/components/ui/sidebar/index.ts
deleted file mode 100644
index 318a3417..00000000
--- a/src/lib/components/ui/sidebar/index.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { useSidebar } from "./context.svelte.js";
-import Content from "./sidebar-content.svelte";
-import Footer from "./sidebar-footer.svelte";
-import GroupAction from "./sidebar-group-action.svelte";
-import GroupContent from "./sidebar-group-content.svelte";
-import GroupLabel from "./sidebar-group-label.svelte";
-import Group from "./sidebar-group.svelte";
-import Header from "./sidebar-header.svelte";
-import Input from "./sidebar-input.svelte";
-import Inset from "./sidebar-inset.svelte";
-import MenuAction from "./sidebar-menu-action.svelte";
-import MenuBadge from "./sidebar-menu-badge.svelte";
-import MenuButton from "./sidebar-menu-button.svelte";
-import MenuItem from "./sidebar-menu-item.svelte";
-import MenuSkeleton from "./sidebar-menu-skeleton.svelte";
-import MenuSubButton from "./sidebar-menu-sub-button.svelte";
-import MenuSubItem from "./sidebar-menu-sub-item.svelte";
-import MenuSub from "./sidebar-menu-sub.svelte";
-import Menu from "./sidebar-menu.svelte";
-import Provider from "./sidebar-provider.svelte";
-import Rail from "./sidebar-rail.svelte";
-import Separator from "./sidebar-separator.svelte";
-import Trigger from "./sidebar-trigger.svelte";
-import Root from "./sidebar.svelte";
-
-export {
-	Content,
-	Footer,
-	Group,
-	GroupAction,
-	GroupContent,
-	GroupLabel,
-	Header,
-	Input,
-	Inset,
-	Menu,
-	MenuAction,
-	MenuBadge,
-	MenuButton,
-	MenuItem,
-	MenuSkeleton,
-	MenuSub,
-	MenuSubButton,
-	MenuSubItem,
-	Provider,
-	Rail,
-	Root,
-	Separator,
-	//
-	Root as Sidebar,
-	Content as SidebarContent,
-	Footer as SidebarFooter,
-	Group as SidebarGroup,
-	GroupAction as SidebarGroupAction,
-	GroupContent as SidebarGroupContent,
-	GroupLabel as SidebarGroupLabel,
-	Header as SidebarHeader,
-	Input as SidebarInput,
-	Inset as SidebarInset,
-	Menu as SidebarMenu,
-	MenuAction as SidebarMenuAction,
-	MenuBadge as SidebarMenuBadge,
-	MenuButton as SidebarMenuButton,
-	MenuItem as SidebarMenuItem,
-	MenuSkeleton as SidebarMenuSkeleton,
-	MenuSub as SidebarMenuSub,
-	MenuSubButton as SidebarMenuSubButton,
-	MenuSubItem as SidebarMenuSubItem,
-	Provider as SidebarProvider,
-	Rail as SidebarRail,
-	Separator as SidebarSeparator,
-	Trigger as SidebarTrigger,
-	Trigger,
-	useSidebar,
-};
diff --git a/src/lib/components/ui/sidebar/sidebar-content.svelte b/src/lib/components/ui/sidebar/sidebar-content.svelte
deleted file mode 100644
index 6c38c401..00000000
--- a/src/lib/components/ui/sidebar/sidebar-content.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="sidebar-content"
-	data-sidebar="content"
-	class={cn(
-		"no-scrollbar gap-0 flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/sidebar/sidebar-footer.svelte b/src/lib/components/ui/sidebar/sidebar-footer.svelte
deleted file mode 100644
index d64be6d4..00000000
--- a/src/lib/components/ui/sidebar/sidebar-footer.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="sidebar-footer"
-	data-sidebar="footer"
-	class={cn("gap-2 p-2 flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/sidebar/sidebar-group-action.svelte b/src/lib/components/ui/sidebar/sidebar-group-action.svelte
deleted file mode 100644
index 1d9b6926..00000000
--- a/src/lib/components/ui/sidebar/sidebar-group-action.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { Snippet } from "svelte";
-	import type { HTMLButtonAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		child,
-		...restProps
-	}: WithElementRef<HTMLButtonAttributes> & {
-		child?: Snippet<[{ props: Record<string, unknown> }]>;
-	} = $props();
-
-	const mergedProps = $derived({
-		class: cn(
-			"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-md p-0 focus-visible:ring-2 [&>svg]:size-4 flex aspect-square items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0",
-			className
-		),
-		"data-slot": "sidebar-group-action",
-		"data-sidebar": "group-action",
-		...restProps,
-	});
-</script>
-
-{#if child}
-	{@render child({ props: mergedProps })}
-{:else}
-	<button bind:this={ref} {...mergedProps}>
-		{@render children?.()}
-	</button>
-{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-group-content.svelte b/src/lib/components/ui/sidebar/sidebar-group-content.svelte
deleted file mode 100644
index a69865d4..00000000
--- a/src/lib/components/ui/sidebar/sidebar-group-content.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="sidebar-group-content"
-	data-sidebar="group-content"
-	class={cn("text-sm w-full", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/sidebar/sidebar-group-label.svelte b/src/lib/components/ui/sidebar/sidebar-group-label.svelte
deleted file mode 100644
index 0c0f749a..00000000
--- a/src/lib/components/ui/sidebar/sidebar-group-label.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { Snippet } from "svelte";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		children,
-		child,
-		class: className,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> & {
-		child?: Snippet<[{ props: Record<string, unknown> }]>;
-	} = $props();
-
-	const mergedProps = $derived({
-		class: cn(
-			"text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0",
-			className
-		),
-		"data-slot": "sidebar-group-label",
-		"data-sidebar": "group-label",
-		...restProps,
-	});
-</script>
-
-{#if child}
-	{@render child({ props: mergedProps })}
-{:else}
-	<div bind:this={ref} {...mergedProps}>
-		{@render children?.()}
-	</div>
-{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-group.svelte b/src/lib/components/ui/sidebar/sidebar-group.svelte
deleted file mode 100644
index 3b089a48..00000000
--- a/src/lib/components/ui/sidebar/sidebar-group.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="sidebar-group"
-	data-sidebar="group"
-	class={cn("p-2 relative flex w-full min-w-0 flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/sidebar/sidebar-header.svelte b/src/lib/components/ui/sidebar/sidebar-header.svelte
deleted file mode 100644
index 958a1362..00000000
--- a/src/lib/components/ui/sidebar/sidebar-header.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="sidebar-header"
-	data-sidebar="header"
-	class={cn("gap-2 p-2 flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/sidebar/sidebar-input.svelte b/src/lib/components/ui/sidebar/sidebar-input.svelte
deleted file mode 100644
index 7a3f2fde..00000000
--- a/src/lib/components/ui/sidebar/sidebar-input.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	import type { ComponentProps } from "svelte";
-	import { Input } from "$lib/components/ui/input/index.js";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(""),
-		class: className,
-		...restProps
-	}: ComponentProps<typeof Input> = $props();
-</script>
-
-<Input
-	bind:ref
-	bind:value
-	data-slot="sidebar-input"
-	data-sidebar="input"
-	class={cn("bg-background h-8 w-full shadow-none", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/sidebar/sidebar-inset.svelte b/src/lib/components/ui/sidebar/sidebar-inset.svelte
deleted file mode 100644
index 73a4fe84..00000000
--- a/src/lib/components/ui/sidebar/sidebar-inset.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<main
-	bind:this={ref}
-	data-slot="sidebar-inset"
-	class={cn("bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 relative flex w-full flex-1 flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</main>
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-action.svelte b/src/lib/components/ui/sidebar/sidebar-menu-action.svelte
deleted file mode 100644
index 56588b36..00000000
--- a/src/lib/components/ui/sidebar/sidebar-menu-action.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { Snippet } from "svelte";
-	import type { HTMLButtonAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		showOnHover = false,
-		children,
-		child,
-		...restProps
-	}: WithElementRef<HTMLButtonAttributes> & {
-		child?: Snippet<[{ props: Record<string, unknown> }]>;
-		showOnHover?: boolean;
-	} = $props();
-
-	const mergedProps = $derived({
-		class: cn(
-			"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4 flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0",
-			showOnHover &&
-				"peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-open:opacity-100 md:opacity-0",
-			className
-		),
-		"data-slot": "sidebar-menu-action",
-		"data-sidebar": "menu-action",
-		...restProps,
-	});
-</script>
-
-{#if child}
-	{@render child({ props: mergedProps })}
-{:else}
-	<button bind:this={ref} {...mergedProps}>
-		{@render children?.()}
-	</button>
-{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte b/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
deleted file mode 100644
index f8233e7f..00000000
--- a/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="sidebar-menu-badge"
-	data-sidebar="menu-badge"
-	class={cn(
-		"text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-button.svelte b/src/lib/components/ui/sidebar/sidebar-menu-button.svelte
deleted file mode 100644
index a3c58175..00000000
--- a/src/lib/components/ui/sidebar/sidebar-menu-button.svelte
+++ /dev/null
@@ -1,102 +0,0 @@
-<script lang="ts" module>
-	import { tv, type VariantProps } from "tailwind-variants";
-
-	export const sidebarMenuButtonVariants = tv({
-		base: "ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button group/menu-button flex w-full items-center overflow-hidden outline-hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate",
-		variants: {
-			variant: {
-				default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-				outline: "bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_var(--sidebar-border)] hover:shadow-[0_0_0_1px_var(--sidebar-accent)]",
-			},
-			size: {
-				default: "h-8 text-sm",
-				sm: "h-7 text-xs",
-				lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-			size: "default",
-		},
-	});
-
-	export type SidebarMenuButtonVariant = VariantProps<
-		typeof sidebarMenuButtonVariants
-	>["variant"];
-	export type SidebarMenuButtonSize = VariantProps<typeof sidebarMenuButtonVariants>["size"];
-</script>
-
-<script lang="ts">
-	import * as Tooltip from "$lib/components/ui/tooltip/index.js";
-	import { cn, type WithElementRef, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-	import { mergeProps } from "bits-ui";
-	import type { ComponentProps, Snippet } from "svelte";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { useSidebar } from "./context.svelte.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		child,
-		variant = "default",
-		size = "default",
-		isActive = false,
-		tooltipContent,
-		tooltipContentProps,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
-		isActive?: boolean;
-		variant?: SidebarMenuButtonVariant;
-		size?: SidebarMenuButtonSize;
-		tooltipContent?: Snippet | string;
-		tooltipContentProps?: WithoutChildrenOrChild<ComponentProps<typeof Tooltip.Content>>;
-		child?: Snippet<[{ props: Record<string, unknown> }]>;
-	} = $props();
-
-	const sidebar = useSidebar();
-
-	const buttonProps = $derived({
-		class: cn(sidebarMenuButtonVariants({ variant, size }), className),
-		"data-slot": "sidebar-menu-button",
-		"data-sidebar": "menu-button",
-		"data-size": size,
-		"data-active": isActive,
-		...restProps,
-	});
-</script>
-
-{#snippet Button({ props }: { props?: Record<string, unknown> })}
-	{@const mergedProps = mergeProps(buttonProps, props)}
-	{#if child}
-		{@render child({ props: mergedProps })}
-	{:else}
-		<button bind:this={ref} {...mergedProps}>
-			{@render children?.()}
-		</button>
-	{/if}
-{/snippet}
-
-{#if !tooltipContent}
-	{@render Button({})}
-{:else}
-	<Tooltip.Root>
-		<Tooltip.Trigger>
-			{#snippet child({ props })}
-				{@render Button({ props })}
-			{/snippet}
-		</Tooltip.Trigger>
-		<Tooltip.Content
-			side="right"
-			align="center"
-			hidden={sidebar.state !== "collapsed" || sidebar.isMobile}
-			{...tooltipContentProps}
-		>
-			{#if typeof tooltipContent === "string"}
-				{tooltipContent}
-			{:else if tooltipContent}
-				{@render tooltipContent()}
-			{/if}
-		</Tooltip.Content>
-	</Tooltip.Root>
-{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-item.svelte b/src/lib/components/ui/sidebar/sidebar-menu-item.svelte
deleted file mode 100644
index 2660bbcc..00000000
--- a/src/lib/components/ui/sidebar/sidebar-menu-item.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLLIElement>, HTMLLIElement> = $props();
-</script>
-
-<li
-	bind:this={ref}
-	data-slot="sidebar-menu-item"
-	data-sidebar="menu-item"
-	class={cn("group/menu-item relative", className)}
-	{...restProps}
->
-	{@render children?.()}
-</li>
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte b/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
deleted file mode 100644
index c1847471..00000000
--- a/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import { Skeleton } from "$lib/components/ui/skeleton/index.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		showIcon = false,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> & {
-		showIcon?: boolean;
-	} = $props();
-
-	// Random width between 50% and 90%
-	const width = `${Math.floor(Math.random() * 40) + 50}%`;
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="sidebar-menu-skeleton"
-	data-sidebar="menu-skeleton"
-	class={cn("h-8 gap-2 rounded-md px-2 flex items-center", className)}
-	{...restProps}
->
-	{#if showIcon}
-		<Skeleton class="size-4 rounded-md" data-sidebar="menu-skeleton-icon" />
-	{/if}
-	<Skeleton
-		class="h-4 max-w-(--skeleton-width) flex-1"
-		data-sidebar="menu-skeleton-text"
-		style="--skeleton-width: {width};"
-	/>
-	{@render children?.()}
-</div>
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte b/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte
deleted file mode 100644
index 020c6745..00000000
--- a/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { Snippet } from "svelte";
-	import type { HTMLAnchorAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		children,
-		child,
-		class: className,
-		size = "md",
-		isActive = false,
-		...restProps
-	}: WithElementRef<HTMLAnchorAttributes> & {
-		child?: Snippet<[{ props: Record<string, unknown> }]>;
-		size?: "sm" | "md";
-		isActive?: boolean;
-	} = $props();
-
-	const mergedProps = $derived({
-		class: cn(
-			"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0",
-			className
-		),
-		"data-slot": "sidebar-menu-sub-button",
-		"data-sidebar": "menu-sub-button",
-		"data-size": size,
-		"data-active": isActive,
-		...restProps,
-	});
-</script>
-
-{#if child}
-	{@render child({ props: mergedProps })}
-{:else}
-	<a bind:this={ref} {...mergedProps}>
-		{@render children?.()}
-	</a>
-{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte b/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte
deleted file mode 100644
index bdc227e8..00000000
--- a/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		children,
-		class: className,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLLIElement>> = $props();
-</script>
-
-<li
-	bind:this={ref}
-	data-slot="sidebar-menu-sub-item"
-	data-sidebar="menu-sub-item"
-	class={cn("group/menu-sub-item relative", className)}
-	{...restProps}
->
-	{@render children?.()}
-</li>
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte b/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
deleted file mode 100644
index 08f0282e..00000000
--- a/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLUListElement>> = $props();
-</script>
-
-<ul
-	bind:this={ref}
-	data-slot="sidebar-menu-sub"
-	data-sidebar="menu-sub"
-	class={cn("border-sidebar-border ml-3.5 translate-x-px gap-1 border-l pl-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</ul>
diff --git a/src/lib/components/ui/sidebar/sidebar-menu.svelte b/src/lib/components/ui/sidebar/sidebar-menu.svelte
deleted file mode 100644
index f0e2060f..00000000
--- a/src/lib/components/ui/sidebar/sidebar-menu.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLUListElement>, HTMLUListElement> = $props();
-</script>
-
-<ul
-	bind:this={ref}
-	data-slot="sidebar-menu"
-	data-sidebar="menu"
-	class={cn("gap-0 flex w-full min-w-0 flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</ul>
diff --git a/src/lib/components/ui/sidebar/sidebar-provider.svelte b/src/lib/components/ui/sidebar/sidebar-provider.svelte
deleted file mode 100644
index c248ab83..00000000
--- a/src/lib/components/ui/sidebar/sidebar-provider.svelte
+++ /dev/null
@@ -1,53 +0,0 @@
-<script lang="ts">
-	import * as Tooltip from "$lib/components/ui/tooltip/index.js";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-	import {
-		SIDEBAR_COOKIE_MAX_AGE,
-		SIDEBAR_COOKIE_NAME,
-		SIDEBAR_WIDTH,
-		SIDEBAR_WIDTH_ICON,
-	} from "./constants.js";
-	import { setSidebar } from "./context.svelte.js";
-
-	let {
-		ref = $bindable(null),
-		open = $bindable(true),
-		onOpenChange = () => {},
-		class: className,
-		style,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		open?: boolean;
-		onOpenChange?: (open: boolean) => void;
-	} = $props();
-
-	const sidebar = setSidebar({
-		open: () => open,
-		setOpen: (value: boolean) => {
-			open = value;
-			onOpenChange(value);
-
-			// This sets the cookie to keep the sidebar state.
-			document.cookie = `${SIDEBAR_COOKIE_NAME}=${open}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
-		},
-	});
-</script>
-
-<svelte:window onkeydown={sidebar.handleShortcutKeydown} />
-
-<Tooltip.Provider delayDuration={0}>
-	<div
-		data-slot="sidebar-wrapper"
-		style="--sidebar-width: {SIDEBAR_WIDTH}; --sidebar-width-icon: {SIDEBAR_WIDTH_ICON}; {style}"
-		class={cn(
-			"group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
-			className
-		)}
-		bind:this={ref}
-		{...restProps}
-	>
-		{@render children?.()}
-	</div>
-</Tooltip.Provider>
diff --git a/src/lib/components/ui/sidebar/sidebar-rail.svelte b/src/lib/components/ui/sidebar/sidebar-rail.svelte
deleted file mode 100644
index 4314cb6d..00000000
--- a/src/lib/components/ui/sidebar/sidebar-rail.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { useSidebar } from "./context.svelte.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> = $props();
-
-	const sidebar = useSidebar();
-</script>
-
-<button
-	bind:this={ref}
-	data-sidebar="rail"
-	data-slot="sidebar-rail"
-	aria-label="Toggle Sidebar"
-	tabindex={-1}
-	onclick={sidebar.toggle}
-	title="Toggle Sidebar"
-	class={cn(
-		"hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
-		"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
-		"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
-		"hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
-		"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
-		"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</button>
diff --git a/src/lib/components/ui/sidebar/sidebar-separator.svelte b/src/lib/components/ui/sidebar/sidebar-separator.svelte
deleted file mode 100644
index 08fecadf..00000000
--- a/src/lib/components/ui/sidebar/sidebar-separator.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { Separator } from "$lib/components/ui/separator/index.js";
-	import { cn } from "$lib/utils/shadcn.js";
-	import type { ComponentProps } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: ComponentProps<typeof Separator> = $props();
-</script>
-
-<Separator
-	bind:ref
-	data-slot="sidebar-separator"
-	data-sidebar="separator"
-	class={cn("bg-sidebar-border mx-2 w-auto", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/sidebar/sidebar-trigger.svelte b/src/lib/components/ui/sidebar/sidebar-trigger.svelte
deleted file mode 100644
index a2bfee40..00000000
--- a/src/lib/components/ui/sidebar/sidebar-trigger.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { Button } from "$lib/components/ui/button/index.js";
-	import PanelLeftIcon from '@lucide/svelte/icons/panel-left';
-	import { cn } from "$lib/utils/shadcn.js";
-	import type { ComponentProps } from "svelte";
-	import { useSidebar } from "./context.svelte.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		onclick,
-		...restProps
-	}: ComponentProps<typeof Button> & {
-		onclick?: (e: MouseEvent) => void;
-	} = $props();
-
-	const sidebar = useSidebar();
-</script>
-
-<Button
-	bind:ref
-	data-sidebar="trigger"
-	data-slot="sidebar-trigger"
-	variant="ghost"
-	size="icon-sm"
-	class={cn("cn-sidebar-trigger", className)}
-	type="button"
-	onclick={(e) => {
-		onclick?.(e);
-		sidebar.toggle();
-	}}
-	{...restProps}
->
-	<PanelLeftIcon  />
-	<span class="sr-only">Toggle Sidebar</span>
-</Button>
diff --git a/src/lib/components/ui/sidebar/sidebar.svelte b/src/lib/components/ui/sidebar/sidebar.svelte
deleted file mode 100644
index 6f9b3c3d..00000000
--- a/src/lib/components/ui/sidebar/sidebar.svelte
+++ /dev/null
@@ -1,108 +0,0 @@
-<script lang="ts">
-	import * as Sheet from "$lib/components/ui/sheet/index.js";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { SIDEBAR_WIDTH_MOBILE } from "./constants.js";
-	import { useSidebar } from "./context.svelte.js";
-
-	let {
-		ref = $bindable(null),
-		side = "left",
-		variant = "sidebar",
-		collapsible = "offcanvas",
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		side?: "left" | "right";
-		variant?: "sidebar" | "floating" | "inset";
-		collapsible?: "offcanvas" | "icon" | "none";
-	} = $props();
-
-	const sidebar = useSidebar();
-</script>
-
-{#if collapsible === "none"}
-	<div
-		class={cn(
-			"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
-			className
-		)}
-		bind:this={ref}
-		{...restProps}
-	>
-		{@render children?.()}
-	</div>
-{:else if sidebar.isMobile}
-	<Sheet.Root
-		bind:open={() => sidebar.openMobile, (v) => sidebar.setOpenMobile(v)}
-		{...restProps}
-	>
-		<Sheet.Content
-			bind:ref
-			data-sidebar="sidebar"
-			data-slot="sidebar"
-			data-mobile="true"
-			class={cn(
-				"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
-				className
-			)}
-			style="--sidebar-width: {SIDEBAR_WIDTH_MOBILE};"
-			{side}
-		>
-			<Sheet.Header class="sr-only">
-				<Sheet.Title>Sidebar</Sheet.Title>
-				<Sheet.Description>Displays the mobile sidebar.</Sheet.Description>
-			</Sheet.Header>
-			<div class="flex h-full w-full flex-col">
-				{@render children?.()}
-			</div>
-		</Sheet.Content>
-	</Sheet.Root>
-{:else}
-	<div
-		bind:this={ref}
-		class="text-sidebar-foreground group peer hidden md:block"
-		data-state={sidebar.state}
-		data-collapsible={sidebar.state === "collapsed" ? collapsible : ""}
-		data-variant={variant}
-		data-side={side}
-		data-slot="sidebar"
-	>
-		<!-- This is what handles the sidebar gap on desktop -->
-		<div
-			data-slot="sidebar-gap"
-			class={cn(
-				"transition-[width] duration-300 ease-in-out relative w-(--sidebar-width) bg-transparent",
-				"group-data-[collapsible=offcanvas]:w-0",
-				"group-data-[side=right]:rotate-180",
-				variant === "floating" || variant === "inset"
-					? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
-					: "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
-			)}
-		></div>
-		<div
-			data-slot="sidebar-container"
-			class={cn(
-				"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-300 ease-in-out md:flex",
-				side === "left"
-					? "start-0 group-data-[collapsible=offcanvas]:start-[calc(var(--sidebar-width)*-1)]"
-					: "end-0 group-data-[collapsible=offcanvas]:end-[calc(var(--sidebar-width)*-1)]",
-				// Adjust the padding for floating and inset variants.
-				variant === "floating" || variant === "inset"
-					? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
-					: "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-e group-data-[side=right]:border-s",
-				className
-			)}
-			{...restProps}
-		>
-			<div
-				data-sidebar="sidebar"
-				data-slot="sidebar-inner"
-				class="bg-sidebar group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 flex size-full flex-col"
-			>
-				{@render children?.()}
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/src/lib/components/ui/skeleton/index.ts b/src/lib/components/ui/skeleton/index.ts
deleted file mode 100644
index 186db219..00000000
--- a/src/lib/components/ui/skeleton/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from "./skeleton.svelte";
-
-export {
-	Root,
-	//
-	Root as Skeleton,
-};
diff --git a/src/lib/components/ui/skeleton/skeleton.svelte b/src/lib/components/ui/skeleton/skeleton.svelte
deleted file mode 100644
index aa30bc43..00000000
--- a/src/lib/components/ui/skeleton/skeleton.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef, type WithoutChildren } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="skeleton"
-	class={cn("bg-muted rounded-md animate-pulse", className)}
-	{...restProps}
-></div>
diff --git a/src/lib/components/ui/slider/index.ts b/src/lib/components/ui/slider/index.ts
deleted file mode 100644
index 820f209c..00000000
--- a/src/lib/components/ui/slider/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from "./slider.svelte";
-
-export {
-	Root,
-	//
-	Root as Slider,
-};
diff --git a/src/lib/components/ui/slider/slider.svelte b/src/lib/components/ui/slider/slider.svelte
deleted file mode 100644
index ece6217e..00000000
--- a/src/lib/components/ui/slider/slider.svelte
+++ /dev/null
@@ -1,52 +0,0 @@
-<script lang="ts">
-	import { Slider as SliderPrimitive } from "bits-ui";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		orientation = "horizontal",
-		class: className,
-		...restProps
-	}: WithoutChildrenOrChild<SliderPrimitive.RootProps> = $props();
-</script>
-
-<!--
-Discriminated Unions + Destructing (required for bindable) do not
-get along, so we shut typescript up by casting `value` to `never`.
--->
-<SliderPrimitive.Root
-	bind:ref
-	bind:value={value as never}
-	data-slot="slider"
-	{orientation}
-	class={cn(
-		"data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col",
-		className
-	)}
-	{...restProps}
->
-	{#snippet children({ thumbItems })}
-		<span
-			data-slot="slider-track"
-			data-orientation={orientation}
-			class={cn(
-				"bg-muted rounded-full data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1 bg-muted relative grow overflow-hidden data-horizontal:w-full data-vertical:h-full"
-			)}
-		>
-			<SliderPrimitive.Range
-				data-slot="slider-range"
-				class={cn(
-					"bg-primary absolute select-none data-horizontal:h-full data-vertical:w-full"
-				)}
-			/>
-		</span>
-		{#each thumbItems as thumb (thumb.index)}
-			<SliderPrimitive.Thumb
-				data-slot="slider-thumb"
-				index={thumb.index}
-				class="border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 block shrink-0 cursor-w-resize select-none disabled:pointer-events-none disabled:opacity-50"
-			/>
-		{/each}
-	{/snippet}
-</SliderPrimitive.Root>
diff --git a/src/lib/components/ui/sonner/index.ts b/src/lib/components/ui/sonner/index.ts
deleted file mode 100644
index 1ad9f4a2..00000000
--- a/src/lib/components/ui/sonner/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Toaster } from "./sonner.svelte";
diff --git a/src/lib/components/ui/sonner/sonner.svelte b/src/lib/components/ui/sonner/sonner.svelte
deleted file mode 100644
index 1f47afdb..00000000
--- a/src/lib/components/ui/sonner/sonner.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
-	import { Toaster as Sonner, type ToasterProps as SonnerProps } from "svelte-sonner";
-	import { colorScheme } from '$lib/state/color-scheme-state.svelte';
-	import Loader2Icon from '@lucide/svelte/icons/loader-2';
-	import CircleCheckIcon from '@lucide/svelte/icons/circle-check';
-	import OctagonXIcon from '@lucide/svelte/icons/octagon-x';
-	import InfoIcon from '@lucide/svelte/icons/info';
-	import TriangleAlertIcon from '@lucide/svelte/icons/triangle-alert';
-
-	let { ...restProps }: SonnerProps = $props();
-</script>
-
-<Sonner
-	theme={colorScheme.value}
-	class="toaster group"
-	style="--normal-bg: var(--color-popover); --normal-text: var(--color-popover-foreground); --normal-border: var(--color-border);"
-	{...restProps}
->
-	{#snippet loadingIcon()}
-		<Loader2Icon class="size-4 animate-spin" />
-	{/snippet}
-	{#snippet successIcon()}
-		<CircleCheckIcon class="size-4" />
-	{/snippet}
-	{#snippet errorIcon()}
-		<OctagonXIcon class="size-4" />
-	{/snippet}
-	{#snippet infoIcon()}
-		<InfoIcon class="size-4" />
-	{/snippet}
-	{#snippet warningIcon()}
-		<TriangleAlertIcon class="size-4" />
-	{/snippet}
-</Sonner>
diff --git a/src/lib/components/ui/spinner/index.ts b/src/lib/components/ui/spinner/index.ts
deleted file mode 100644
index f8b1cedd..00000000
--- a/src/lib/components/ui/spinner/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Spinner } from "./spinner.svelte";
diff --git a/src/lib/components/ui/spinner/spinner.svelte b/src/lib/components/ui/spinner/spinner.svelte
deleted file mode 100644
index 739698b6..00000000
--- a/src/lib/components/ui/spinner/spinner.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
-	import { cn } from "$lib/utils/shadcn.js";
-	import Loader2Icon from '@lucide/svelte/icons/loader-2';
-	import type { SVGAttributes } from "svelte/elements";
-
-	let {
-		class: className,
-		role = "status",
-		// we add name, color, and stroke for compatibility with different icon libraries props
-		name,
-		color,
-		stroke,
-		"aria-label": ariaLabel = "Loading",
-		...restProps
-	}: SVGAttributes<SVGSVGElement> = $props();
-</script>
-
-<Loader2Icon {role} name={name === null ? undefined : name} color={color === null ? undefined : color} stroke={stroke === null ? undefined : stroke} aria-label={ariaLabel} class={cn("size-4 animate-spin", className)} {...restProps} />
diff --git a/src/lib/components/ui/switch/index.ts b/src/lib/components/ui/switch/index.ts
deleted file mode 100644
index f5533db7..00000000
--- a/src/lib/components/ui/switch/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from "./switch.svelte";
-
-export {
-	Root,
-	//
-	Root as Switch,
-};
diff --git a/src/lib/components/ui/switch/switch.svelte b/src/lib/components/ui/switch/switch.svelte
deleted file mode 100644
index 705ccb18..00000000
--- a/src/lib/components/ui/switch/switch.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts">
-	import { Switch as SwitchPrimitive } from "bits-ui";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		checked = $bindable(false),
-		size = "default",
-		...restProps
-	}: WithoutChildrenOrChild<SwitchPrimitive.RootProps> & {
-		size?: "sm" | "default";
-	} = $props();
-</script>
-
-<SwitchPrimitive.Root
-	bind:ref
-	bind:checked
-	data-slot="switch"
-	data-size={size}
-	class={cn(
-		"data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50",
-		className
-	)}
-	{...restProps}
->
-	<SwitchPrimitive.Thumb
-		data-slot="switch-thumb"
-		class="bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 pointer-events-none block ring-0 transition-transform rtl:data-[state=checked]:translate-x-[calc(-100%)]"
-	/>
-</SwitchPrimitive.Root>
diff --git a/src/lib/components/ui/table/index.ts b/src/lib/components/ui/table/index.ts
deleted file mode 100644
index 14695c81..00000000
--- a/src/lib/components/ui/table/index.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import Root from "./table.svelte";
-import Body from "./table-body.svelte";
-import Caption from "./table-caption.svelte";
-import Cell from "./table-cell.svelte";
-import Footer from "./table-footer.svelte";
-import Head from "./table-head.svelte";
-import Header from "./table-header.svelte";
-import Row from "./table-row.svelte";
-
-export {
-	Root,
-	Body,
-	Caption,
-	Cell,
-	Footer,
-	Head,
-	Header,
-	Row,
-	//
-	Root as Table,
-	Body as TableBody,
-	Caption as TableCaption,
-	Cell as TableCell,
-	Footer as TableFooter,
-	Head as TableHead,
-	Header as TableHeader,
-	Row as TableRow,
-};
diff --git a/src/lib/components/ui/table/table-body.svelte b/src/lib/components/ui/table/table-body.svelte
deleted file mode 100644
index 02351942..00000000
--- a/src/lib/components/ui/table/table-body.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props();
-</script>
-
-<tbody bind:this={ref} data-slot="table-body" class={cn("[&_tr:last-child]:border-0", className)} {...restProps}>
-	{@render children?.()}
-</tbody>
diff --git a/src/lib/components/ui/table/table-caption.svelte b/src/lib/components/ui/table/table-caption.svelte
deleted file mode 100644
index 649e82e0..00000000
--- a/src/lib/components/ui/table/table-caption.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<caption
-	bind:this={ref}
-	data-slot="table-caption"
-	class={cn("text-muted-foreground mt-4 text-sm", className)}
-	{...restProps}
->
-	{@render children?.()}
-</caption>
diff --git a/src/lib/components/ui/table/table-cell.svelte b/src/lib/components/ui/table/table-cell.svelte
deleted file mode 100644
index 03e88ec5..00000000
--- a/src/lib/components/ui/table/table-cell.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLTdAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLTdAttributes> = $props();
-</script>
-
-<td bind:this={ref} data-slot="table-cell" class={cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className)} {...restProps}>
-	{@render children?.()}
-</td>
diff --git a/src/lib/components/ui/table/table-footer.svelte b/src/lib/components/ui/table/table-footer.svelte
deleted file mode 100644
index a6cee352..00000000
--- a/src/lib/components/ui/table/table-footer.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props();
-</script>
-
-<tfoot
-	bind:this={ref}
-	data-slot="table-footer"
-	class={cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className)}
-	{...restProps}
->
-	{@render children?.()}
-</tfoot>
diff --git a/src/lib/components/ui/table/table-head.svelte b/src/lib/components/ui/table/table-head.svelte
deleted file mode 100644
index 2edd5c28..00000000
--- a/src/lib/components/ui/table/table-head.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLThAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLThAttributes> = $props();
-</script>
-
-<th bind:this={ref} data-slot="table-head" class={cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0", className)} {...restProps}>
-	{@render children?.()}
-</th>
diff --git a/src/lib/components/ui/table/table-header.svelte b/src/lib/components/ui/table/table-header.svelte
deleted file mode 100644
index 09741bd7..00000000
--- a/src/lib/components/ui/table/table-header.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props();
-</script>
-
-<thead
-	bind:this={ref}
-	data-slot="table-header"
-	class={cn("[&_tr]:border-b", className)}
-	{...restProps}
->
-	{@render children?.()}
-</thead>
diff --git a/src/lib/components/ui/table/table-row.svelte b/src/lib/components/ui/table/table-row.svelte
deleted file mode 100644
index 02796566..00000000
--- a/src/lib/components/ui/table/table-row.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLTableRowElement>> = $props();
-</script>
-
-<tr bind:this={ref} data-slot="table-row" class={cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className)} {...restProps}>
-	{@render children?.()}
-</tr>
diff --git a/src/lib/components/ui/table/table.svelte b/src/lib/components/ui/table/table.svelte
deleted file mode 100644
index 5e1b6388..00000000
--- a/src/lib/components/ui/table/table.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import type { HTMLTableAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLTableAttributes> = $props();
-</script>
-
-<div data-slot="table-container" class="relative w-full overflow-x-auto">
-	<table bind:this={ref} data-slot="table" class={cn("w-full caption-bottom text-sm", className)} {...restProps}>
-		{@render children?.()}
-	</table>
-</div>
diff --git a/src/lib/components/ui/tabs/index.ts b/src/lib/components/ui/tabs/index.ts
deleted file mode 100644
index 31267e58..00000000
--- a/src/lib/components/ui/tabs/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import Root from "./tabs.svelte";
-import Content from "./tabs-content.svelte";
-import List, { tabsListVariants, type TabsListVariant } from "./tabs-list.svelte";
-import Trigger from "./tabs-trigger.svelte";
-
-export {
-	Root,
-	Content,
-	List,
-	Trigger,
-	tabsListVariants,
-	type TabsListVariant,
-	//
-	Root as Tabs,
-	Content as TabsContent,
-	List as TabsList,
-	Trigger as TabsTrigger,
-};
diff --git a/src/lib/components/ui/tabs/tabs-content.svelte b/src/lib/components/ui/tabs/tabs-content.svelte
deleted file mode 100644
index ef7dd5c3..00000000
--- a/src/lib/components/ui/tabs/tabs-content.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: TabsPrimitive.ContentProps = $props();
-</script>
-
-<TabsPrimitive.Content
-	bind:ref
-	data-slot="tabs-content"
-	class={cn("text-sm flex-1 outline-none", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/tabs/tabs-list.svelte b/src/lib/components/ui/tabs/tabs-list.svelte
deleted file mode 100644
index a943e90c..00000000
--- a/src/lib/components/ui/tabs/tabs-list.svelte
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts" module>
-	import { tv, type VariantProps } from "tailwind-variants";
-
-	export const tabsListVariants = tv({
-		base: "rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
-		variants: {
-			variant: {
-				default: "cn-tabs-list-variant-default bg-muted",
-				line: "cn-tabs-list-variant-line gap-1 bg-transparent",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-		},
-	});
-
-	export type TabsListVariant = VariantProps<typeof tabsListVariants>["variant"];
-</script>
-
-<script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		variant = "default",
-		class: className,
-		...restProps
-	}: TabsPrimitive.ListProps & {
-		variant?: TabsListVariant;
-	} = $props();
-</script>
-
-<TabsPrimitive.List
-	bind:ref
-	data-slot="tabs-list"
-	data-variant={variant}
-	class={cn(tabsListVariants({ variant }), className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/tabs/tabs-trigger.svelte b/src/lib/components/ui/tabs/tabs-trigger.svelte
deleted file mode 100644
index e7a6b5fa..00000000
--- a/src/lib/components/ui/tabs/tabs-trigger.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: TabsPrimitive.TriggerProps = $props();
-</script>
-
-<TabsPrimitive.Trigger
-	bind:ref
-	data-slot="tabs-trigger"
-	class={cn(
-		"gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
-		"data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground",
-		"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/tabs/tabs.svelte b/src/lib/components/ui/tabs/tabs.svelte
deleted file mode 100644
index bbfa04c4..00000000
--- a/src/lib/components/ui/tabs/tabs.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(""),
-		class: className,
-		...restProps
-	}: TabsPrimitive.RootProps = $props();
-</script>
-
-<TabsPrimitive.Root
-	bind:ref
-	bind:value
-	data-slot="tabs"
-	class={cn("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/textarea/index.ts b/src/lib/components/ui/textarea/index.ts
deleted file mode 100644
index ace797a8..00000000
--- a/src/lib/components/ui/textarea/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from "./textarea.svelte";
-
-export {
-	Root,
-	//
-	Root as Textarea,
-};
diff --git a/src/lib/components/ui/textarea/textarea.svelte b/src/lib/components/ui/textarea/textarea.svelte
deleted file mode 100644
index 8d393d5a..00000000
--- a/src/lib/components/ui/textarea/textarea.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef, type WithoutChildren } from "$lib/utils/shadcn.js";
-	import type { HTMLTextareaAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		class: className,
-		"data-slot": dataSlot = "textarea",
-		...restProps
-	}: WithoutChildren<WithElementRef<HTMLTextareaAttributes>> = $props();
-</script>
-
-<textarea
-	bind:this={ref}
-	data-slot={dataSlot}
-	class={cn(
-		"border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50",
-		className
-	)}
-	bind:value
-	{...restProps}
-></textarea>
diff --git a/src/lib/components/ui/toggle-group/index.ts b/src/lib/components/ui/toggle-group/index.ts
deleted file mode 100644
index 12b14b96..00000000
--- a/src/lib/components/ui/toggle-group/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import Root from "./toggle-group.svelte";
-import Item from "./toggle-group-item.svelte";
-
-export {
-	Root,
-	Item,
-	//
-	Root as ToggleGroup,
-	Item as ToggleGroupItem,
-};
diff --git a/src/lib/components/ui/toggle-group/toggle-group-item.svelte b/src/lib/components/ui/toggle-group/toggle-group-item.svelte
deleted file mode 100644
index 263ed688..00000000
--- a/src/lib/components/ui/toggle-group/toggle-group-item.svelte
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts">
-	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
-	import { getToggleGroupCtx } from "./toggle-group.svelte";
-	import { cn } from "$lib/utils/shadcn.js";
-	import { type ToggleVariants, toggleVariants } from "$lib/components/ui/toggle/index.js";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		class: className,
-		size,
-		variant,
-		...restProps
-	}: ToggleGroupPrimitive.ItemProps & ToggleVariants = $props();
-
-	const ctx = getToggleGroupCtx();
-</script>
-
-<ToggleGroupPrimitive.Item
-	bind:ref
-	data-slot="toggle-group-item"
-	data-variant={ctx.variant || variant}
-	data-size={ctx.size || size}
-	data-spacing={ctx.spacing}
-	class={cn(
-		"group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg shrink-0 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",
-		toggleVariants({
-			variant: ctx.variant || variant,
-			size: ctx.size || size,
-		}),
-		className
-	)}
-	{value}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/toggle-group/toggle-group.svelte b/src/lib/components/ui/toggle-group/toggle-group.svelte
deleted file mode 100644
index be614494..00000000
--- a/src/lib/components/ui/toggle-group/toggle-group.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<script lang="ts" module>
-	import { getContext, setContext } from "svelte";
-	import type { VariantProps } from "tailwind-variants";
-	import { toggleVariants } from "$lib/components/ui/toggle/index.js";
-
-	type ToggleVariants = VariantProps<typeof toggleVariants>;
-
-	interface ToggleGroupContext extends ToggleVariants {
-		spacing?: number;
-		orientation?: "horizontal" | "vertical";
-	}
-
-	export function setToggleGroupCtx(props: ToggleGroupContext) {
-		setContext("toggleGroup", props);
-	}
-
-	export function getToggleGroupCtx() {
-		return getContext<Required<ToggleGroupContext>>("toggleGroup");
-	}
-</script>
-
-<script lang="ts">
-	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		class: className,
-		size = "default",
-		spacing = 0,
-		orientation = "horizontal",
-		variant = "default",
-		...restProps
-	}: ToggleGroupPrimitive.RootProps &
-		ToggleVariants & {
-			spacing?: number;
-			orientation?: "horizontal" | "vertical";
-		} = $props();
-
-	// svelte-ignore state_referenced_locally
-	setToggleGroupCtx({
-		get variant() {
-			return variant;
-		},
-		get size() {
-			return size;
-		},
-		get spacing() {
-			return spacing;
-		},
-		get orientation() {
-			return orientation;
-		},
-	});
-</script>
-
-<!--
-Discriminated Unions + Destructing (required for bindable) do not
-get along, so we shut typescript up by casting `value` to `never`.
--->
-<ToggleGroupPrimitive.Root
-	bind:value={value as never}
-	bind:ref
-	{orientation}
-	data-slot="toggle-group"
-	data-variant={variant}
-	data-size={size}
-	data-spacing={spacing}
-	style={`--gap: ${spacing}`}
-	class={cn(
-		"rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] data-vertical:flex-col data-vertical:items-stretch",
-		className
-	)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/toggle/index.ts b/src/lib/components/ui/toggle/index.ts
deleted file mode 100644
index 8cb2936f..00000000
--- a/src/lib/components/ui/toggle/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import Root from "./toggle.svelte";
-export {
-	toggleVariants,
-	type ToggleSize,
-	type ToggleVariant,
-	type ToggleVariants,
-} from "./toggle.svelte";
-
-export {
-	Root,
-	//
-	Root as Toggle,
-};
diff --git a/src/lib/components/ui/toggle/toggle.svelte b/src/lib/components/ui/toggle/toggle.svelte
deleted file mode 100644
index 44fc7059..00000000
--- a/src/lib/components/ui/toggle/toggle.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts" module>
-	import { type VariantProps, tv } from "tailwind-variants";
-
-	export const toggleVariants = tv({
-		base: "hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[state=on]:bg-muted gap-1 rounded-lg text-sm font-medium transition-all [&_svg:not([class*='size-'])]:size-4 group/toggle hover:bg-muted inline-flex items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		variants: {
-			variant: {
-				default: "bg-transparent",
-				outline: "border-input hover:bg-muted border bg-transparent",
-			},
-			size: {
-				default: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-				sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-				lg: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-			size: "default",
-		},
-	});
-
-	export type ToggleVariant = VariantProps<typeof toggleVariants>["variant"];
-	export type ToggleSize = VariantProps<typeof toggleVariants>["size"];
-	export type ToggleVariants = VariantProps<typeof toggleVariants>;
-</script>
-
-<script lang="ts">
-	import { Toggle as TogglePrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		pressed = $bindable(false),
-		class: className,
-		size = "default",
-		variant = "default",
-		...restProps
-	}: TogglePrimitive.RootProps & {
-		variant?: ToggleVariant;
-		size?: ToggleSize;
-	} = $props();
-</script>
-
-<TogglePrimitive.Root
-	bind:ref
-	bind:pressed
-	data-slot="toggle"
-	class={cn(toggleVariants({ variant, size }), className)}
-	{...restProps}
-/>
diff --git a/src/lib/components/ui/tooltip/index.ts b/src/lib/components/ui/tooltip/index.ts
deleted file mode 100644
index 17186042..00000000
--- a/src/lib/components/ui/tooltip/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import Root from "./tooltip.svelte";
-import Trigger from "./tooltip-trigger.svelte";
-import Content from "./tooltip-content.svelte";
-import Provider from "./tooltip-provider.svelte";
-import Portal from "./tooltip-portal.svelte";
-
-export {
-	Root,
-	Trigger,
-	Content,
-	Provider,
-	Portal,
-	//
-	Root as Tooltip,
-	Content as TooltipContent,
-	Trigger as TooltipTrigger,
-	Provider as TooltipProvider,
-	Portal as TooltipPortal,
-};
diff --git a/src/lib/components/ui/tooltip/tooltip-content.svelte b/src/lib/components/ui/tooltip/tooltip-content.svelte
deleted file mode 100644
index 993742e9..00000000
--- a/src/lib/components/ui/tooltip/tooltip-content.svelte
+++ /dev/null
@@ -1,52 +0,0 @@
-<script lang="ts">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils/shadcn.js";
-	import TooltipPortal from "./tooltip-portal.svelte";
-	import type { ComponentProps } from "svelte";
-	import type { WithoutChildrenOrChild } from "$lib/utils/shadcn.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		sideOffset = 0,
-		side = "top",
-		children,
-		arrowClasses,
-		portalProps,
-		...restProps
-	}: TooltipPrimitive.ContentProps & {
-		arrowClasses?: string;
-		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof TooltipPortal>>;
-	} = $props();
-</script>
-
-<TooltipPortal {...portalProps}>
-	<TooltipPrimitive.Content
-		bind:ref
-		data-slot="tooltip-content"
-		{sideOffset}
-		{side}
-		class={cn(
-			"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm bg-foreground text-background z-50 w-fit max-w-xs origin-(--bits-tooltip-content-transform-origin)",
-			className
-		)}
-		{...restProps}
-	>
-		{@render children?.()}
-		<TooltipPrimitive.Arrow>
-			{#snippet child({ props })}
-				<div
-					class={cn(
-						"size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground z-50",
-						"data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%+2px)]",
-						"data-[side=bottom]:-translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%+1px)]",
-						"data-[side=right]:translate-x-[calc(50%+2px)] data-[side=right]:translate-y-1/2",
-						"data-[side=left]:-translate-y-[calc(50%-3px)]",
-						arrowClasses
-					)}
-					{...props}
-				></div>
-			{/snippet}
-		</TooltipPrimitive.Arrow>
-	</TooltipPrimitive.Content>
-</TooltipPortal>
diff --git a/src/lib/components/ui/tooltip/tooltip-portal.svelte b/src/lib/components/ui/tooltip/tooltip-portal.svelte
deleted file mode 100644
index d234f7d7..00000000
--- a/src/lib/components/ui/tooltip/tooltip-portal.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-
-	let { ...restProps }: TooltipPrimitive.PortalProps = $props();
-</script>
-
-<TooltipPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/tooltip/tooltip-provider.svelte b/src/lib/components/ui/tooltip/tooltip-provider.svelte
deleted file mode 100644
index 6dba9a67..00000000
--- a/src/lib/components/ui/tooltip/tooltip-provider.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-
-	let { delayDuration = 0, ...restProps }: TooltipPrimitive.ProviderProps = $props();
-</script>
-
-<TooltipPrimitive.Provider {delayDuration} {...restProps} />
diff --git a/src/lib/components/ui/tooltip/tooltip-trigger.svelte b/src/lib/components/ui/tooltip/tooltip-trigger.svelte
deleted file mode 100644
index c4b21fc7..00000000
--- a/src/lib/components/ui/tooltip/tooltip-trigger.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts" generics="T = never">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: TooltipPrimitive.TriggerProps<T> = $props();
-</script>
-
-<TooltipPrimitive.Trigger bind:ref data-slot="tooltip-trigger" {...restProps} />
diff --git a/src/lib/components/ui/tooltip/tooltip.svelte b/src/lib/components/ui/tooltip/tooltip.svelte
deleted file mode 100644
index 03c9a3d9..00000000
--- a/src/lib/components/ui/tooltip/tooltip.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts" generics="T = never">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-
-	let { open = $bindable(false), ...restProps }: TooltipPrimitive.RootProps<T> = $props();
-</script>
-
-<TooltipPrimitive.Root bind:open {...restProps} />
diff --git a/src/lib/components/utils/MultiPauseToggle.svelte b/src/lib/components/utils/MultiPauseToggle.svelte
index 4ef40694..6baa3211 100644
--- a/src/lib/components/utils/MultiPauseToggle.svelte
+++ b/src/lib/components/utils/MultiPauseToggle.svelte
@@ -2,8 +2,8 @@
   import { shockerPauseShocker, shockerShockerShareCodePause } from '$lib/api';
   import type { BooleanLegacyDataResponse } from '$lib/api';
   import { Asterisk, Pause, Play } from '@lucide/svelte';
-  import { Button } from '$lib/components/ui/button';
-  import { Spinner } from '$lib/components/ui/spinner';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
 
   interface Props {
diff --git a/src/lib/components/utils/PauseToggle.svelte b/src/lib/components/utils/PauseToggle.svelte
index 19415d30..78f50ce9 100644
--- a/src/lib/components/utils/PauseToggle.svelte
+++ b/src/lib/components/utils/PauseToggle.svelte
@@ -2,8 +2,8 @@
   import { shockerPauseShocker, shockerShockerShareCodePause } from '$lib/api';
   import type { BooleanLegacyDataResponse } from '$lib/api';
   import { Pause, Play } from '@lucide/svelte';
-  import { Button } from '$lib/components/ui/button';
-  import { Spinner } from '$lib/components/ui/spinner';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
 
   interface Props {
diff --git a/src/lib/errorhandling/ProblemDetails.ts b/src/lib/errorhandling/ProblemDetails.ts
index 11d19c0d..dc36d485 100644
--- a/src/lib/errorhandling/ProblemDetails.ts
+++ b/src/lib/errorhandling/ProblemDetails.ts
@@ -1,5 +1,4 @@
-import { isObject, isString } from '$lib/typeguards';
-import { HasNumber, HasString } from '$lib/typeguards/propGuards';
+import { HasNumber, HasString, isObject, isString } from '@openshock/svelte-core/typeguards';
 
 export interface ProblemDetails {
   type: string;
diff --git a/src/lib/errorhandling/ValidationProblemDetails.ts b/src/lib/errorhandling/ValidationProblemDetails.ts
index 37b1b38f..31f1b338 100644
--- a/src/lib/errorhandling/ValidationProblemDetails.ts
+++ b/src/lib/errorhandling/ValidationProblemDetails.ts
@@ -1,5 +1,5 @@
-import { isObject } from '$lib/typeguards';
-import type { ValidationResult } from '$lib/types/ValidationResult';
+import { isObject } from '@openshock/svelte-core/typeguards';
+import type { ValidationResult } from '@openshock/svelte-core/types/ValidationResult';
 import type { ProblemDetails } from './ProblemDetails';
 
 export interface ValidationProblemDetails extends ProblemDetails {
diff --git a/src/lib/hooks/is-mobile.svelte.ts b/src/lib/hooks/is-mobile.svelte.ts
deleted file mode 100644
index e3802d38..00000000
--- a/src/lib/hooks/is-mobile.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { MediaQuery } from 'svelte/reactivity';
-
-const DEFAULT_MOBILE_BREAKPOINT = 768;
-
-export class IsMobile extends MediaQuery {
-  constructor(breakpoint: number = DEFAULT_MOBILE_BREAKPOINT) {
-    super(`max-width: ${breakpoint - 1}px`);
-  }
-}
diff --git a/src/lib/inputvalidation/emailValidator.test.ts b/src/lib/inputvalidation/emailValidator.test.ts
deleted file mode 100644
index f5c9ba16..00000000
--- a/src/lib/inputvalidation/emailValidator.test.ts
+++ /dev/null
@@ -1,200 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { isEmailAddress, validateEmail } from './emailValidator';
-
-describe('isEmailAddress', () => {
-  it('returns false for empty string', () => {
-    expect(isEmailAddress('')).toBe(false);
-  });
-
-  it('returns false when missing "@" or has multiple "@"', () => {
-    expect(isEmailAddress('plainaddress')).toBe(false);
-    expect(isEmailAddress('a@b@c.com')).toBe(false);
-  });
-
-  it('returns false when total length exceeds 320 characters', () => {
-    const localPart = 'a'.repeat(64);
-    const domainLabel = 'b'.repeat(63);
-    const domain = Array(5).fill(domainLabel).join('.'); // 5×63 + 4 dots = 319
-    const validEmail = `${localPart}@${domain}`; // 384 chars total
-    expect(validEmail.length).toBe(64 + 1 + 319);
-    expect(isEmailAddress(validEmail)).toBe(false);
-  });
-
-  it('returns false when local part exceeds 64 characters', () => {
-    const account = 'x'.repeat(65);
-    const address = 'domain.com';
-    expect(isEmailAddress(`${account}@${address}`)).toBe(false);
-  });
-
-  it('returns false when domain part exceeds 255 characters', () => {
-    const account = 'user';
-    const longLabel = 'd'.repeat(63);
-    // 4 labels of 63 chars + 3 dots = 4*63 + 3 = 255
-    const domain = Array(4).fill(longLabel).join('.');
-    expect(domain.length).toBe(255);
-    // Prepend one character to push domain over 255
-    const tooLongDomain = 'e' + domain;
-    expect(isEmailAddress(`${account}@${tooLongDomain}`)).toBe(false);
-  });
-
-  it('returns false when any domain label exceeds 63 characters', () => {
-    const account = 'user';
-    const longLabel = 'd'.repeat(64);
-    const address = `${longLabel}.com`;
-    expect(isEmailAddress(`${account}@${address}`)).toBe(false);
-  });
-
-  it('returns false for invalid characters or formats not matching regex', () => {
-    // starts with a dot
-    expect(isEmailAddress('.user@domain.com')).toBe(false);
-    // consecutive dots in local part
-    expect(isEmailAddress('user..name@domain.com')).toBe(false);
-    // hyphen at start of domain label
-    expect(isEmailAddress('user@-domain.com')).toBe(false);
-    // no TLD
-    expect(isEmailAddress('user@domain')).toBe(false);
-  });
-
-  it('returns true for valid standard email addresses', () => {
-    expect(isEmailAddress('simple@example.com')).toBe(true);
-    expect(isEmailAddress('very.common@example.co.uk')).toBe(true);
-    expect(isEmailAddress("o'reilly@example.io")).toBe(true);
-    expect(isEmailAddress('user_name-123@sub.domain.com')).toBe(true);
-  });
-});
-
-describe('validateEmail', () => {
-  it('returns null for empty input', () => {
-    const result = validateEmail('');
-    expect(result).toBeNull();
-  });
-
-  it('returns valid: false and message "Invalid email" for syntactically invalid addresses', () => {
-    const invalids = [
-      'noatsign.com',
-      'user@.com',
-      'user@domain..com',
-      'user@domain',
-      'toolong' + 'a'.repeat(320) + '@example.com',
-    ];
-    for (const addr of invalids) {
-      const result = validateEmail(addr);
-      expect(result).not.toBeNull();
-      expect(result?.valid).toBe(false);
-      expect(result?.message).toBe('Invalid email');
-    }
-  });
-
-  it('returns valid: false and message "Email cannot contain aliases" when email contains "+"', () => {
-    const withAlias = 'user+alias@example.com';
-    const result = validateEmail(withAlias);
-    expect(result).not.toBeNull();
-    expect(result?.valid).toBe(false);
-    expect(result?.message).toBe('Email cannot contain aliases');
-  });
-
-  it('returns valid: true for valid email without "+"', () => {
-    const valid = 'firstname.lastname@domain.com';
-    const result = validateEmail(valid);
-    expect(result).not.toBeNull();
-    expect(result?.valid).toBe(true);
-    expect(result).not.toHaveProperty('message');
-  });
-
-  it('treats "+" anywhere in the local part as invalid alias', () => {
-    const examples = [
-      'plus+sign@domain.com',
-      '+start@domain.com',
-      'end+@domain.com',
-      'middle+more@sub.domain.org',
-    ];
-    for (const addr of examples) {
-      const result = validateEmail(addr);
-      expect(result).not.toBeNull();
-      expect(result?.valid).toBe(false);
-      expect(result?.message).toBe('Email cannot contain aliases');
-    }
-  });
-
-  it('does not reject valid emails with hyphens in domain or underscores in local part', () => {
-    const examples = [
-      'user_name@example-domain.com', // underscore in local, hyphen in domain
-      'another.user-name@sub.domain.com', // hyphen in both portions
-    ];
-    for (const addr of examples) {
-      const result = validateEmail(addr);
-      expect(result).not.toBeNull();
-      expect(result?.valid).toBe(true);
-    }
-  });
-});
-
-describe('isEmailAddress boundary cases', () => {
-  it('accepts a 320-char address at the upper boundary', () => {
-    // 4 × 63-char alpha labels + 3 dots = 255-char domain (max).
-    // 64-char local + '@' + 255-char domain = 320 (max total).
-    const local = 'b'.repeat(64);
-    const label = 'a'.repeat(63);
-    const domain = [label, label, label, label].join('.');
-    const addr = `${local}@${domain}`;
-    expect(domain.length).toBe(255);
-    expect(addr.length).toBe(320);
-    expect(isEmailAddress(addr)).toBe(true);
-  });
-
-  it('returns false for empty local part', () => {
-    expect(isEmailAddress('@example.com')).toBe(false);
-  });
-
-  it('returns false for empty domain part', () => {
-    expect(isEmailAddress('user@')).toBe(false);
-  });
-
-  it('returns false for "@" only', () => {
-    expect(isEmailAddress('@')).toBe(false);
-  });
-
-  it('returns false for trailing whitespace (regex anchors enforce this)', () => {
-    expect(isEmailAddress('user@example.com ')).toBe(false);
-    expect(isEmailAddress(' user@example.com')).toBe(false);
-  });
-
-  it('returns false when domain TLD is numeric', () => {
-    expect(isEmailAddress('user@example.123')).toBe(false);
-  });
-
-  it('returns false for a hyphen at the start of any domain label', () => {
-    expect(isEmailAddress('user@sub.-example.com')).toBe(false);
-  });
-
-  it('returns true at the exact local-part length of 64', () => {
-    const local = 'a'.repeat(64);
-    expect(isEmailAddress(`${local}@example.com`)).toBe(true);
-  });
-});
-
-describe('validateEmail boundary cases', () => {
-  it('rejects "+" at the very start of local part as alias', () => {
-    const result = validateEmail('+plus@example.com');
-    expect(result?.valid).toBe(false);
-    expect(result?.message).toBe('Email cannot contain aliases');
-  });
-
-  it('rejects "+" at the end of local part as alias', () => {
-    const result = validateEmail('plus+@example.com');
-    expect(result?.valid).toBe(false);
-    expect(result?.message).toBe('Email cannot contain aliases');
-  });
-
-  it('rejects multiple "+" signs as alias', () => {
-    const result = validateEmail('a+b+c@example.com');
-    expect(result?.valid).toBe(false);
-    expect(result?.message).toBe('Email cannot contain aliases');
-  });
-
-  it('treats whitespace-only input as empty (returns null)', () => {
-    // value.length is 0 only for ''; non-empty whitespace falls through to invalid
-    expect(validateEmail('')).toBeNull();
-    expect(validateEmail('   ')?.valid).toBe(false);
-  });
-});
diff --git a/src/lib/inputvalidation/emailValidator.ts b/src/lib/inputvalidation/emailValidator.ts
deleted file mode 100644
index deebd9ec..00000000
--- a/src/lib/inputvalidation/emailValidator.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import type { ValidationResult } from '$lib/types/ValidationResult';
-
-const emailRegex =
-  /^[\w-!#$%&'*+/=?^`{|}~](\.?[\w-!#$%&'*+/=?^`{|}~])*@[a-zA-Z0-9](-*\.?[a-zA-Z0-9])*\.[a-zA-Z](-?[a-zA-Z0-9])+$/;
-
-export function isEmailAddress(value: string): boolean {
-  if (!value) return false;
-  if (value.length > 320) return false;
-
-  const emailParts = value.split('@');
-
-  if (emailParts.length !== 2) return false;
-
-  const [account, address] = emailParts;
-
-  if (account.length > 64) return false;
-  if (address.length > 255) return false;
-
-  const domainParts = address.split('.');
-
-  if (domainParts.some((part) => part.length > 63)) return false;
-
-  return emailRegex.test(value);
-}
-
-export function validateEmail(value: string): ValidationResult | null {
-  if (value.length == 0) {
-    return null;
-  }
-
-  if (!isEmailAddress(value)) {
-    return {
-      valid: false,
-      message: 'Invalid email',
-    };
-  }
-
-  if (value.includes('+')) {
-    return {
-      valid: false,
-      message: 'Email cannot contain aliases',
-    };
-  }
-
-  return { valid: true };
-}
diff --git a/src/lib/inputvalidation/passwordValidator.test.ts b/src/lib/inputvalidation/passwordValidator.test.ts
deleted file mode 100644
index fe7126ac..00000000
--- a/src/lib/inputvalidation/passwordValidator.test.ts
+++ /dev/null
@@ -1,182 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { getPasswordStrength, validatePassword, validatePasswordMatch } from './passwordValidator';
-
-describe('validatePassword', () => {
-  it('returns null for empty password', () => {
-    const result = validatePassword('');
-    expect(result).toBeNull();
-  });
-
-  it('rejects passwords shorter than 12 characters', () => {
-    const result = validatePassword('shortPwd1!');
-    expect(result).not.toBeNull();
-    expect(result?.valid).toBe(false);
-    expect(result?.message).toBe('Password is too short');
-  });
-
-  it('rejects passwords longer than 256 characters', () => {
-    const longPwd = 'a'.repeat(257);
-    const result = validatePassword(longPwd);
-    expect(result).not.toBeNull();
-    expect(result?.valid).toBe(false);
-    expect(result?.message).toBe(`Seriously? ${longPwd.length} characters? That's too much`);
-  });
-
-  it('rejects passwords consisting only of whitespaces', () => {
-    const spaces = ' \r \n  \t  \r \n  ';
-    const result = validatePassword(spaces);
-    expect(result).not.toBeNull();
-    expect(result?.valid).toBe(false);
-    expect(result?.message).toBe('Password cannot consist of only whitespaces');
-  });
-
-  it('rejects passwords that start or end with whitespace', () => {
-    const leading = ' validPassword123';
-    const trailing = 'validPassword123 ';
-    const both = ' validPassword123 ';
-    for (const pwd of [leading, trailing, both]) {
-      const result = validatePassword(pwd);
-      expect(result).not.toBeNull();
-      expect(result?.valid).toBe(false);
-      expect(result?.message).toBe('Password cannot start or end with whitespace');
-    }
-  });
-
-  it('accepts valid passwords of acceptable length and no leading/trailing whitespace', () => {
-    const valid = 'ValidPassword123';
-    const result = validatePassword(valid);
-    expect(result).not.toBeNull();
-    expect(result?.valid).toBe(true);
-    expect(result).not.toHaveProperty('message');
-  });
-});
-
-describe('validatePasswordMatch', () => {
-  it('returns null when original password is empty', () => {
-    const result = validatePasswordMatch('', 'anything');
-    expect(result).toBeNull();
-  });
-
-  it('rejects non-matching passwords', () => {
-    const result = validatePasswordMatch('password123', 'password124');
-    expect(result).not.toBeNull();
-    expect(result?.valid).toBe(false);
-    expect(result?.message).toBe('Passwords do not match');
-  });
-
-  it('accepts matching passwords', () => {
-    const result = validatePasswordMatch('password123', 'password123');
-    expect(result).not.toBeNull();
-    expect(result?.valid).toBe(true);
-    expect(result).not.toHaveProperty('message');
-  });
-
-  it('rejects empty confirmation against non-empty password', () => {
-    const result = validatePasswordMatch('password123', '');
-    expect(result?.valid).toBe(false);
-    expect(result?.message).toBe('Passwords do not match');
-  });
-
-  it('treats unicode-equivalent strings as a literal mismatch (no NFC normalization)', () => {
-    // Composed "é" vs decomposed "e" + combining acute
-    const composed = 'pässword1234';
-    const decomposed = 'pässword1234'; // combining diaeresis
-    expect(composed).not.toEqual(decomposed);
-    const result = validatePasswordMatch(composed, decomposed);
-    expect(result?.valid).toBe(false);
-  });
-});
-
-describe('validatePassword boundary cases', () => {
-  it('accepts exactly 12 characters (lower boundary)', () => {
-    const pwd = 'a'.repeat(12);
-    const result = validatePassword(pwd);
-    expect(result?.valid).toBe(true);
-  });
-
-  it('rejects exactly 11 characters (just below)', () => {
-    const result = validatePassword('a'.repeat(11));
-    expect(result?.valid).toBe(false);
-    expect(result?.message).toBe('Password is too short');
-  });
-
-  it('accepts exactly 256 characters (upper boundary)', () => {
-    const result = validatePassword('a'.repeat(256));
-    expect(result?.valid).toBe(true);
-  });
-
-  it('rejects exactly 257 characters (just above)', () => {
-    const result = validatePassword('a'.repeat(257));
-    expect(result?.valid).toBe(false);
-    expect(result?.message).toMatch(/Seriously\?/);
-  });
-
-  it('accepts internal whitespace within otherwise valid password', () => {
-    const result = validatePassword('a strong pass!');
-    expect(result?.valid).toBe(true);
-  });
-
-  it('rejects tab-only passwords as whitespace-only', () => {
-    const result = validatePassword('\t'.repeat(12));
-    expect(result?.valid).toBe(false);
-    expect(result?.message).toBe('Password cannot consist of only whitespaces');
-  });
-});
-
-describe('getPasswordStrength', () => {
-  it('returns None/gray/0% for empty string', () => {
-    const { percent, text, color } = getPasswordStrength('');
-    expect(percent).toBe(0);
-    expect(text).toBe('None');
-    expect(color).toBe('gray');
-  });
-
-  it('rates a repeated single-character password as Very weak (red)', () => {
-    // "aaaaaaaaaaaa" (12×'a'): uniqueLength=1 ⇒ entropy=0 ⇒ percent=0 ⇒ <30
-    const pwd = 'a'.repeat(12);
-    const { percent, text, color } = getPasswordStrength(pwd);
-    expect(percent).toBe(0);
-    expect(text).toBe('Very weak');
-    expect(color).toBe('red');
-  });
-
-  it('rates a moderately varied 12-character password as Weak (orange)', () => {
-    // "abcABC123!@#": length=12, uniqueLength=12 ⇒ entropy≈43 ⇒ percent≈35.8 ⇒ <50
-    const pwd = 'abcABC123!@#';
-    const { percent, text, color } = getPasswordStrength(pwd);
-    expect(percent).toBeGreaterThanOrEqual(30);
-    expect(percent).toBeLessThan(50);
-    expect(text).toBe('Weak');
-    expect(color).toBe('orange');
-  });
-
-  it('rates a 60-character password with two unique chars as Fair (yellow)', () => {
-    // 60×(two-character alphabet) ⇒ entropy=60*1=60 ⇒ percent=50 ⇒ <60
-    const pwd = 'ab'.repeat(30);
-    const { percent, text, color } = getPasswordStrength(pwd);
-    expect(percent).toBeCloseTo(50, 1);
-    expect(text).toBe('Fair');
-    expect(color).toBe('yellow');
-  });
-
-  it('rates a 72-character password with two unique chars as Strong (green)', () => {
-    // 72×(two-character alphabet) ⇒ entropy=72 ⇒ percent=60 ⇒ <99
-    const pwd = 'ab'.repeat(36);
-    const { percent, text, color } = getPasswordStrength(pwd);
-    expect(percent).toBeCloseTo(60, 1);
-    expect(text).toBe('Strong');
-    expect(color).toBe('green');
-  });
-
-  it('caps strength at 100% and rates as Very strong (cyan) for high entropy', () => {
-    // 100 random characters
-    const randomBytes = new Uint8Array(100);
-    crypto.getRandomValues(randomBytes);
-    const pwd = Array.from(randomBytes, (b) => String.fromCharCode((b % 94) + 33)).join('');
-
-    const { percent, text, color } = getPasswordStrength(pwd);
-    expect(percent).toBe(100);
-    expect(text).toBe('Very strong');
-    expect(color).toBe('cyan');
-  });
-});
diff --git a/src/lib/inputvalidation/passwordValidator.ts b/src/lib/inputvalidation/passwordValidator.ts
deleted file mode 100644
index 9040d449..00000000
--- a/src/lib/inputvalidation/passwordValidator.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import type { TwTextColor } from '$lib/types/Tailwind';
-import type { ValidationResult } from '$lib/types/ValidationResult';
-import { calculateStringEntropy } from '$lib/utils/entropy';
-
-export function validatePassword(value: string): ValidationResult | null {
-  if (value.length == 0) {
-    return null;
-  }
-
-  const result = {
-    valid: false,
-    message: '',
-  };
-
-  if (value.length < 12) {
-    result.message = 'Password is too short';
-    return result;
-  }
-
-  if (value.length > 256) {
-    result.message = `Seriously? ${value.length} characters? That's too much`;
-    return result;
-  }
-
-  const trimmedLength = value.trim().length;
-  if (trimmedLength == 0) {
-    result.message = 'Password cannot consist of only whitespaces';
-    return result;
-  }
-
-  if (trimmedLength != value.length) {
-    result.message = 'Password cannot start or end with whitespace';
-    return result;
-  }
-
-  return { valid: true };
-}
-
-export function validatePasswordMatch(
-  password: string,
-  passwordConfirmation: string
-): ValidationResult | null {
-  if (password.length == 0) {
-    return null;
-  }
-
-  if (password != passwordConfirmation) {
-    return {
-      valid: false,
-      message: 'Passwords do not match',
-    };
-  }
-
-  return { valid: true };
-}
-
-export function getPasswordStrength(value: string): {
-  percent: number;
-  text: string;
-  color: TwTextColor;
-} {
-  let percent: number;
-  let text: string;
-  let color: TwTextColor;
-
-  if (value.length === 0) {
-    percent = 0;
-    text = 'None';
-    color = 'gray';
-  } else {
-    percent = Math.min((calculateStringEntropy(value) / 120) * 100, 100);
-
-    if (percent < 30) {
-      text = 'Very weak';
-      color = 'red';
-    } else if (percent < 50) {
-      text = 'Weak';
-      color = 'orange';
-    } else if (percent < 60) {
-      text = 'Fair';
-      color = 'yellow';
-    } else if (percent < 99) {
-      text = 'Strong';
-      color = 'green';
-    } else {
-      text = 'Very strong';
-      color = 'cyan';
-    }
-  }
-
-  return { percent, text, color };
-}
diff --git a/src/lib/inputvalidation/usernameValidator.ts b/src/lib/inputvalidation/usernameValidator.ts
index 3dd4ed1a..34cedec2 100644
--- a/src/lib/inputvalidation/usernameValidator.ts
+++ b/src/lib/inputvalidation/usernameValidator.ts
@@ -1,7 +1,7 @@
 import type { UsernameCheckResponse } from '$lib/api';
 import { UsernameAvailability } from '$lib/api';
-import { isEmailAddress } from '$lib/inputvalidation/emailValidator';
-import type { ValidationResult } from '$lib/types/ValidationResult';
+import { isEmailAddress } from '@openshock/svelte-core/inputvalidation/emailValidator';
+import type { ValidationResult } from '@openshock/svelte-core/types/ValidationResult';
 
 const MultipleWhiteSpaceRegex = /\s{2,}/;
 
diff --git a/src/lib/signalr/handlers/DeviceUpdate.ts b/src/lib/signalr/handlers/DeviceUpdate.ts
index 51a87648..346d0ead 100644
--- a/src/lib/signalr/handlers/DeviceUpdate.ts
+++ b/src/lib/signalr/handlers/DeviceUpdate.ts
@@ -1,6 +1,6 @@
 import { isHubUpdateType } from '$lib/signalr/models/HubUpdateType';
 import { refreshOwnHubs } from '$lib/state/hubs-state.svelte';
-import { isString } from '$lib/typeguards';
+import { isString } from '@openshock/svelte-core/typeguards';
 import { toast } from 'svelte-sonner';
 
 export function handleSignalrDeviceUpdate(deviceId: unknown, updateType: unknown) {
diff --git a/src/lib/signalr/handlers/OtaInstallFailed.ts b/src/lib/signalr/handlers/OtaInstallFailed.ts
index eda2fcc8..6fde451e 100644
--- a/src/lib/signalr/handlers/OtaInstallFailed.ts
+++ b/src/lib/signalr/handlers/OtaInstallFailed.ts
@@ -1,5 +1,5 @@
 import { onlineHubs } from '$lib/state/hubs-state.svelte';
-import { isBoolean, isNumber, isString } from '$lib/typeguards';
+import { isBoolean, isNumber, isString } from '@openshock/svelte-core/typeguards';
 import { toast } from 'svelte-sonner';
 
 /**
diff --git a/src/lib/signalr/handlers/OtaInstallProgress.ts b/src/lib/signalr/handlers/OtaInstallProgress.ts
index f1dbac7e..d4c7db01 100644
--- a/src/lib/signalr/handlers/OtaInstallProgress.ts
+++ b/src/lib/signalr/handlers/OtaInstallProgress.ts
@@ -1,6 +1,6 @@
 import { isOtaUpdateProgressTask } from '$lib/signalr/models/OtaUpdateProgressTask';
 import { onlineHubs } from '$lib/state/hubs-state.svelte';
-import { isNumber, isString } from '$lib/typeguards';
+import { isNumber, isString } from '@openshock/svelte-core/typeguards';
 import { toast } from 'svelte-sonner';
 
 /**
diff --git a/src/lib/signalr/handlers/OtaInstallStarted.ts b/src/lib/signalr/handlers/OtaInstallStarted.ts
index 3a7d72b0..60291379 100644
--- a/src/lib/signalr/handlers/OtaInstallStarted.ts
+++ b/src/lib/signalr/handlers/OtaInstallStarted.ts
@@ -1,5 +1,5 @@
 import { onlineHubs } from '$lib/state/hubs-state.svelte';
-import { isNumber, isString } from '$lib/typeguards';
+import { isNumber, isString } from '@openshock/svelte-core/typeguards';
 import { toast } from 'svelte-sonner';
 
 /**
diff --git a/src/lib/signalr/handlers/OtaInstallSucceeded.ts b/src/lib/signalr/handlers/OtaInstallSucceeded.ts
index 81cb1e2e..4569479c 100644
--- a/src/lib/signalr/handlers/OtaInstallSucceeded.ts
+++ b/src/lib/signalr/handlers/OtaInstallSucceeded.ts
@@ -1,5 +1,5 @@
 import { onlineHubs } from '$lib/state/hubs-state.svelte';
-import { isNumber, isString } from '$lib/typeguards';
+import { isNumber, isString } from '@openshock/svelte-core/typeguards';
 import { toast } from 'svelte-sonner';
 
 /**
diff --git a/src/lib/signalr/handlers/OtaRollback.ts b/src/lib/signalr/handlers/OtaRollback.ts
index de678c79..5a3c0b14 100644
--- a/src/lib/signalr/handlers/OtaRollback.ts
+++ b/src/lib/signalr/handlers/OtaRollback.ts
@@ -1,5 +1,5 @@
 import { onlineHubs } from '$lib/state/hubs-state.svelte';
-import { isNumber, isString } from '$lib/typeguards';
+import { isNumber, isString } from '@openshock/svelte-core/typeguards';
 import { toast } from 'svelte-sonner';
 
 /**
diff --git a/src/lib/signalr/models/ControlLog.ts b/src/lib/signalr/models/ControlLog.ts
index 71cd7a84..3ccb4ec8 100644
--- a/src/lib/signalr/models/ControlLog.ts
+++ b/src/lib/signalr/models/ControlLog.ts
@@ -1,5 +1,4 @@
-import { isObject } from '$lib/typeguards';
-import { HasNumber, HasString } from '$lib/typeguards/propGuards';
+import { HasNumber, HasString, isObject } from '@openshock/svelte-core/typeguards';
 import { ControlType, isControlType } from './ControlType';
 
 interface ControlLogShockerInfo {
diff --git a/src/lib/signalr/models/ControlLogSender.ts b/src/lib/signalr/models/ControlLogSender.ts
index 105f9fd2..a165cfc5 100644
--- a/src/lib/signalr/models/ControlLogSender.ts
+++ b/src/lib/signalr/models/ControlLogSender.ts
@@ -1,5 +1,4 @@
-import { isObject } from '$lib/typeguards';
-import { HasObject, HasString, HasStringOrNull } from '$lib/typeguards/propGuards';
+import { HasObject, HasString, HasStringOrNull, isObject } from '@openshock/svelte-core/typeguards';
 
 export interface ControlLogSender {
   connectionId: string;
diff --git a/src/lib/signalr/models/ControlType.ts b/src/lib/signalr/models/ControlType.ts
index d6c5aa7b..57158303 100644
--- a/src/lib/signalr/models/ControlType.ts
+++ b/src/lib/signalr/models/ControlType.ts
@@ -1,4 +1,4 @@
-import { isNumber } from '$lib/typeguards';
+import { isNumber } from '@openshock/svelte-core/typeguards';
 
 export enum ControlType {
   Stop = 0,
diff --git a/src/lib/signalr/models/DeviceOnlineState.ts b/src/lib/signalr/models/DeviceOnlineState.ts
index 0cb5915e..6d45aa02 100644
--- a/src/lib/signalr/models/DeviceOnlineState.ts
+++ b/src/lib/signalr/models/DeviceOnlineState.ts
@@ -1,5 +1,9 @@
-import { isObject } from '$lib/typeguards';
-import { HasBoolean, HasString, HasStringOrNull } from '$lib/typeguards/propGuards';
+import {
+  HasBoolean,
+  HasString,
+  HasStringOrNull,
+  isObject,
+} from '@openshock/svelte-core/typeguards';
 
 export interface DeviceOnlineState {
   device: string;
diff --git a/src/lib/signalr/models/HubUpdateType.ts b/src/lib/signalr/models/HubUpdateType.ts
index 92d2eb63..352a6149 100644
--- a/src/lib/signalr/models/HubUpdateType.ts
+++ b/src/lib/signalr/models/HubUpdateType.ts
@@ -1,4 +1,4 @@
-import { isNumber } from '$lib/typeguards';
+import { isNumber } from '@openshock/svelte-core/typeguards';
 
 export enum HubUpdateType {
   HubCreated = 0,
diff --git a/src/lib/signalr/models/OtaUpdateProgressTask.ts b/src/lib/signalr/models/OtaUpdateProgressTask.ts
index bf528193..570aab9c 100644
--- a/src/lib/signalr/models/OtaUpdateProgressTask.ts
+++ b/src/lib/signalr/models/OtaUpdateProgressTask.ts
@@ -1,4 +1,4 @@
-import { isNumber } from '$lib/typeguards';
+import { isNumber } from '@openshock/svelte-core/typeguards';
 
 export enum OtaUpdateProgressTask {
   FetchingMetadata = 0,
diff --git a/src/lib/state/auth-state.svelte.ts b/src/lib/state/auth-state.svelte.ts
index 061f6944..a3741ba7 100644
--- a/src/lib/state/auth-state.svelte.ts
+++ b/src/lib/state/auth-state.svelte.ts
@@ -1,4 +1,3 @@
-import { dialog } from '$lib/components/dialog-manager/dialog-store.svelte';
 import { registerOnUnauthorized } from '$lib/errorhandling/apiErrorHandling';
 import { destroySignalR, initializeSignalR } from '$lib/signalr/user.svelte';
 import {
@@ -8,6 +7,7 @@ import {
   markTourCompleted,
   startWelcomeTour,
 } from '$lib/tour/welcome-tour';
+import { dialog } from '@openshock/svelte-core/components/dialog-manager';
 import { userState } from './user-state.svelte';
 
 export const AuthStatus = {
diff --git a/src/lib/state/classes/persisted-state.svelte.ts b/src/lib/state/classes/persisted-state.svelte.ts
deleted file mode 100644
index 1c56f1a6..00000000
--- a/src/lib/state/classes/persisted-state.svelte.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { browser } from '$app/environment';
-import { onDestroy } from 'svelte';
-
-export type StorageType = 'local' | 'session';
-
-export interface LocalStorageStateOptions {
-  /** Which Web Storage area to persist to. Defaults to `'local'`. */
-  storage?: StorageType;
-}
-
-const mockStorage: Storage = {
-  length: 0,
-  clear: () => {},
-  getItem: () => null,
-  key: () => null,
-  removeItem: () => {},
-  setItem: () => {},
-};
-
-export class PersistedState<T> {
-  readonly #key: string;
-  readonly defaultValue: T;
-  readonly #storage: Storage;
-  #value: T;
-
-  constructor(key: string, defaultValue: T, options: LocalStorageStateOptions = {}) {
-    this.#key = key;
-    this.defaultValue = defaultValue;
-    this.#storage = browser
-      ? options.storage === 'session'
-        ? sessionStorage
-        : localStorage
-      : mockStorage;
-
-    this.#value = $state<T>(this.deserialize(this.#storage.getItem(key)));
-
-    // Only localStorage fires storage events across tabs; sessionStorage is tab-scoped.
-    if (browser && options.storage !== 'session') {
-      window.addEventListener('storage', this.#onStorage);
-    }
-  }
-
-  /** Detach the cross-tab `storage` listener. No-op if none was attached. */
-  dispose() {
-    if (browser && this.#storage === localStorage) {
-      window.removeEventListener('storage', this.#onStorage);
-    }
-  }
-
-  #onStorage = (event: StorageEvent) => {
-    if (event.storageArea !== this.#storage) return;
-    if (event.key !== this.#key) return;
-    this.#update(this.deserialize(event.newValue));
-  };
-
-  #update(value: T) {
-    this.#value = value;
-    this.onChange(value);
-  }
-
-  get value() {
-    return this.#value;
-  }
-  set value(value: T) {
-    this.#update(value);
-    this.#storage.setItem(this.#key, this.serialize(value));
-  }
-
-  reset() {
-    this.#update(this.defaultValue);
-    this.#storage.removeItem(this.#key);
-  }
-
-  /** Hook called whenever the value changes, regardless of source (setter, reset, or storage event). */
-  protected onChange(_value: T): void {}
-
-  protected serialize(value: T): string {
-    return JSON.stringify(value);
-  }
-
-  protected deserialize(raw: string | null): T {
-    if (raw === null) return this.defaultValue;
-    return JSON.parse(raw) as T;
-  }
-}
-
-/** Component-aware `PersistedState` that detaches the storage listener on unmount. */
-export function usePersistedState<T>(
-  key: string,
-  defaultValue: T,
-  options?: LocalStorageStateOptions
-): PersistedState<T> {
-  const state = new PersistedState(key, defaultValue, options);
-  onDestroy(() => state.dispose());
-  return state;
-}
diff --git a/src/lib/state/classes/persisted-state.test.svelte.ts b/src/lib/state/classes/persisted-state.test.svelte.ts
deleted file mode 100644
index 16d184b6..00000000
--- a/src/lib/state/classes/persisted-state.test.svelte.ts
+++ /dev/null
@@ -1,336 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-
-vi.mock('$app/environment', () => ({ browser: true }));
-
-const { PersistedState } = await import('./persisted-state.svelte');
-
-class TrackingState<T> extends PersistedState<T> {
-  changes: T[] = [];
-  protected override onChange(value: T): void {
-    this.changes.push(value);
-  }
-}
-
-class StringState extends PersistedState<string> {
-  protected override serialize(value: string): string {
-    return value;
-  }
-  protected override deserialize(raw: string | null): string {
-    if (raw === null) return this.defaultValue;
-    return raw;
-  }
-}
-
-class NumberState extends PersistedState<number> {
-  protected override serialize(value: number): string {
-    return String(value);
-  }
-  protected override deserialize(raw: string | null): number {
-    if (raw === null) return this.defaultValue;
-    return Number(raw);
-  }
-}
-
-describe('PersistedState', () => {
-  beforeEach(() => {
-    localStorage.clear();
-    sessionStorage.clear();
-  });
-
-  afterEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  describe('default value', () => {
-    it('returns the default when storage key is absent', () => {
-      const state = new PersistedState('absent', 'default-value');
-      expect(state.value).toBe('default-value');
-      state.dispose();
-    });
-
-    it('exposes the default value via the defaultValue property', () => {
-      const state = new PersistedState('absent2', 42);
-      expect(state.defaultValue).toBe(42);
-      state.dispose();
-    });
-  });
-
-  describe('reading existing storage', () => {
-    it('reads existing serialized value from localStorage', () => {
-      localStorage.setItem('existing', JSON.stringify({ a: 1, b: 'two' }));
-      const state = new PersistedState<{ a: number; b: string }>('existing', { a: 0, b: '' });
-      expect(state.value).toEqual({ a: 1, b: 'two' });
-      state.dispose();
-    });
-
-    it('reads existing serialized value from sessionStorage', () => {
-      sessionStorage.setItem('session-existing', JSON.stringify(99));
-      const state = new PersistedState<number>('session-existing', 0, { storage: 'session' });
-      expect(state.value).toBe(99);
-      state.dispose();
-    });
-  });
-
-  describe('writing values', () => {
-    it('persists to localStorage and updates the value getter', () => {
-      const state = new PersistedState<number>('counter', 0);
-      state.value = 5;
-      expect(state.value).toBe(5);
-      expect(localStorage.getItem('counter')).toBe(JSON.stringify(5));
-      state.dispose();
-    });
-
-    it('persists to sessionStorage when configured', () => {
-      const state = new PersistedState<string>('s-counter', 'a', { storage: 'session' });
-      state.value = 'b';
-      expect(state.value).toBe('b');
-      expect(sessionStorage.getItem('s-counter')).toBe(JSON.stringify('b'));
-      expect(localStorage.getItem('s-counter')).toBeNull();
-      state.dispose();
-    });
-
-    it('serializes complex objects via JSON', () => {
-      const state = new PersistedState<{ items: number[] }>('complex', { items: [] });
-      state.value = { items: [1, 2, 3] };
-      expect(localStorage.getItem('complex')).toBe(JSON.stringify({ items: [1, 2, 3] }));
-      state.dispose();
-    });
-  });
-
-  describe('reset()', () => {
-    it('removes the storage entry and restores the default', () => {
-      const state = new PersistedState<string>('to-reset', 'default');
-      state.value = 'changed';
-      expect(localStorage.getItem('to-reset')).not.toBeNull();
-
-      state.reset();
-      expect(state.value).toBe('default');
-      expect(localStorage.getItem('to-reset')).toBeNull();
-      state.dispose();
-    });
-  });
-
-  describe('JSON parse error handling', () => {
-    it('throws when stored value is not valid JSON', () => {
-      localStorage.setItem('bad-json', 'not-json{');
-      expect(() => new PersistedState('bad-json', 'default')).toThrow();
-    });
-  });
-
-  describe('dispose()', () => {
-    it('removes the storage event listener for localStorage', () => {
-      const removeSpy = vi.spyOn(window, 'removeEventListener');
-      const state = new PersistedState('dispose-test', 'x');
-      state.dispose();
-      expect(removeSpy).toHaveBeenCalledWith('storage', expect.any(Function));
-    });
-
-    it('does not error when called on a sessionStorage instance', () => {
-      const state = new PersistedState('dispose-session', 'x', { storage: 'session' });
-      expect(() => state.dispose()).not.toThrow();
-    });
-
-    it('stops receiving cross-tab updates after dispose()', () => {
-      const state = new PersistedState<string>('after-dispose', 'init');
-      state.dispose();
-
-      window.dispatchEvent(
-        new StorageEvent('storage', {
-          key: 'after-dispose',
-          newValue: JSON.stringify('updated'),
-          storageArea: localStorage,
-        })
-      );
-
-      expect(state.value).toBe('init');
-    });
-  });
-
-  describe('cross-tab sync', () => {
-    it('updates value when a matching storage event fires', () => {
-      const state = new PersistedState<string>('sync-key', 'initial');
-
-      window.dispatchEvent(
-        new StorageEvent('storage', {
-          key: 'sync-key',
-          newValue: JSON.stringify('from-other-tab'),
-          storageArea: localStorage,
-        })
-      );
-
-      expect(state.value).toBe('from-other-tab');
-      state.dispose();
-    });
-
-    it('falls back to default value when storage event has null newValue', () => {
-      const state = new PersistedState<string>('sync-null', 'fallback');
-      state.value = 'something';
-
-      window.dispatchEvent(
-        new StorageEvent('storage', {
-          key: 'sync-null',
-          newValue: null,
-          storageArea: localStorage,
-        })
-      );
-
-      expect(state.value).toBe('fallback');
-      state.dispose();
-    });
-
-    it('does not update when key does not match', () => {
-      const state = new PersistedState<string>('mine', 'initial');
-
-      window.dispatchEvent(
-        new StorageEvent('storage', {
-          key: 'someone-elses',
-          newValue: JSON.stringify('hijacked'),
-          storageArea: localStorage,
-        })
-      );
-
-      expect(state.value).toBe('initial');
-      state.dispose();
-    });
-
-    it('does not update when storageArea does not match', () => {
-      const state = new PersistedState<string>('area-key', 'initial');
-
-      window.dispatchEvent(
-        new StorageEvent('storage', {
-          key: 'area-key',
-          newValue: JSON.stringify('from-session'),
-          storageArea: sessionStorage,
-        })
-      );
-
-      expect(state.value).toBe('initial');
-      state.dispose();
-    });
-  });
-
-  describe('sessionStorage variant', () => {
-    it('does not attach a storage event listener', () => {
-      const addSpy = vi.spyOn(window, 'addEventListener');
-      const state = new PersistedState('s-listener', 'x', { storage: 'session' });
-
-      const storageCalls = addSpy.mock.calls.filter((call) => call[0] === 'storage');
-      expect(storageCalls).toHaveLength(0);
-      state.dispose();
-    });
-
-    it('ignores cross-tab storage events entirely', () => {
-      const state = new PersistedState<string>('s-ignore', 'initial', { storage: 'session' });
-
-      window.dispatchEvent(
-        new StorageEvent('storage', {
-          key: 's-ignore',
-          newValue: JSON.stringify('changed'),
-          storageArea: sessionStorage,
-        })
-      );
-
-      expect(state.value).toBe('initial');
-      state.dispose();
-    });
-  });
-
-  describe('onChange hook', () => {
-    it('fires when the setter is called', () => {
-      const state = new TrackingState<number>('on-change-set', 0);
-      state.value = 1;
-      state.value = 2;
-      expect(state.changes).toEqual([1, 2]);
-      state.dispose();
-    });
-
-    it('fires when reset() is called', () => {
-      const state = new TrackingState<string>('on-change-reset', 'default');
-      state.value = 'changed';
-      state.changes = [];
-      state.reset();
-      expect(state.changes).toEqual(['default']);
-      state.dispose();
-    });
-
-    it('fires when a cross-tab storage event updates the value', () => {
-      const state = new TrackingState<string>('on-change-storage', 'init');
-
-      window.dispatchEvent(
-        new StorageEvent('storage', {
-          key: 'on-change-storage',
-          newValue: JSON.stringify('remote'),
-          storageArea: localStorage,
-        })
-      );
-
-      expect(state.changes).toEqual(['remote']);
-      state.dispose();
-    });
-  });
-
-  describe('custom serialize/deserialize', () => {
-    it('uses custom string serialization (no JSON quotes)', () => {
-      const state = new StringState('plain-string', 'default');
-      state.value = 'hello world';
-      expect(localStorage.getItem('plain-string')).toBe('hello world');
-      state.dispose();
-    });
-
-    it('reads pre-existing raw values via custom deserialize', () => {
-      localStorage.setItem('plain-pre', 'raw-text');
-      const state = new StringState('plain-pre', 'default');
-      expect(state.value).toBe('raw-text');
-      state.dispose();
-    });
-
-    it('round-trips a numeric value via String/Number serialization', () => {
-      const state = new NumberState('plain-num', 0);
-      state.value = 42;
-      expect(localStorage.getItem('plain-num')).toBe('42');
-
-      const reread = new NumberState('plain-num', 0);
-      expect(reread.value).toBe(42);
-
-      state.dispose();
-      reread.dispose();
-    });
-  });
-
-  describe('multiple instances', () => {
-    it('different keys do not interfere', () => {
-      const a = new PersistedState<number>('multi-a', 0);
-      const b = new PersistedState<number>('multi-b', 0);
-
-      a.value = 1;
-      b.value = 2;
-
-      expect(a.value).toBe(1);
-      expect(b.value).toBe(2);
-      expect(localStorage.getItem('multi-a')).toBe(JSON.stringify(1));
-      expect(localStorage.getItem('multi-b')).toBe(JSON.stringify(2));
-
-      a.dispose();
-      b.dispose();
-    });
-
-    it('a storage event for one key does not affect another', () => {
-      const a = new PersistedState<string>('iso-a', 'a-init');
-      const b = new PersistedState<string>('iso-b', 'b-init');
-
-      window.dispatchEvent(
-        new StorageEvent('storage', {
-          key: 'iso-a',
-          newValue: JSON.stringify('a-changed'),
-          storageArea: localStorage,
-        })
-      );
-
-      expect(a.value).toBe('a-changed');
-      expect(b.value).toBe('b-init');
-
-      a.dispose();
-      b.dispose();
-    });
-  });
-});
diff --git a/src/lib/state/color-scheme-state.svelte.ts b/src/lib/state/color-scheme-state.svelte.ts
deleted file mode 100644
index 73e67f33..00000000
--- a/src/lib/state/color-scheme-state.svelte.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { isString } from '$lib/typeguards';
-import { PersistedState } from './classes/persisted-state.svelte';
-
-export enum ColorScheme {
-  Dark = 'dark',
-  Light = 'light',
-  System = 'system',
-}
-
-function isColorSchemeEnum(value: unknown): value is ColorScheme {
-  if (!isString(value)) return false;
-  return Object.values(ColorScheme).includes(value as ColorScheme);
-}
-
-export function getDarkReaderState() {
-  const rootHtml = document.documentElement;
-
-  const proxyInjected = rootHtml.getAttribute('data-darkreader-proxy-injected');
-  const metaElement = rootHtml.querySelector('head meta[name="darkreader"]');
-  const scheme = rootHtml.getAttribute('data-darkreader-scheme');
-
-  return {
-    isInjected: proxyInjected === 'true',
-    isActive: metaElement !== null,
-    scheme,
-  };
-}
-
-function resolveDarkMode(userPreference: ColorScheme): boolean {
-  if (userPreference !== ColorScheme.System) {
-    return userPreference !== ColorScheme.Light;
-  }
-
-  // If a user has Dark Reader extension installed, assume they prefer dark mode
-  const darkReaderState = getDarkReaderState();
-  if (darkReaderState.isInjected) {
-    return true;
-  }
-
-  // Check if the user has a system theme preference for light mode
-  if (window.matchMedia('(prefers-color-scheme: light)').matches) {
-    return false;
-  }
-
-  // Default to dark mode
-  return true;
-}
-
-function setDarkMode(preference: ColorScheme) {
-  document.documentElement.classList.toggle('dark', resolveDarkMode(preference));
-}
-
-class ColorSchemeState extends PersistedState<ColorScheme> {
-  constructor() {
-    super('theme', ColorScheme.System);
-  }
-
-  protected override onChange(v: ColorScheme) {
-    setDarkMode(isColorSchemeEnum(v) ? v : this.defaultValue);
-  }
-
-  protected override deserialize(raw: string | null): ColorScheme {
-    return isColorSchemeEnum(raw) ? raw : this.defaultValue;
-  }
-
-  protected override serialize(value: ColorScheme): string {
-    return value;
-  }
-}
-
-export const colorScheme = new ColorSchemeState();
-
-function handleMediaQueryChange() {
-  setDarkMode(colorScheme.value);
-}
-
-export function initializeColorScheme() {
-  handleMediaQueryChange();
-
-  window
-    .matchMedia('(prefers-color-scheme: light)')
-    .addEventListener('change', handleMediaQueryChange);
-  window
-    .matchMedia('(prefers-color-scheme: dark)')
-    .addEventListener('change', handleMediaQueryChange);
-}
diff --git a/src/lib/state/telemetry-consent-state.svelte.ts b/src/lib/state/telemetry-consent-state.svelte.ts
index ef2ab809..41bc52fd 100644
--- a/src/lib/state/telemetry-consent-state.svelte.ts
+++ b/src/lib/state/telemetry-consent-state.svelte.ts
@@ -1,4 +1,4 @@
-import { PersistedState } from './classes/persisted-state.svelte';
+import { PersistedState } from '@openshock/svelte-core/state/classes/persisted-state.svelte';
 
 /**
  * How much diagnostic data the user agrees to send to SigNoz:
diff --git a/src/lib/telemetry/common.ts b/src/lib/telemetry/common.ts
index 2f08cf4b..626680ad 100644
--- a/src/lib/telemetry/common.ts
+++ b/src/lib/telemetry/common.ts
@@ -8,7 +8,7 @@ import {
   PUBLIC_SIGNOZ_TRACES_URL,
 } from '$env/static/public';
 import { telemetryConsent, type TelemetryLevel } from '$lib/state/telemetry-consent-state.svelte';
-import { isTruthy } from '$lib/utils/parse';
+import { isTruthy } from '@openshock/svelte-core/utils/parse';
 import { resourceFromAttributes } from '@opentelemetry/resources';
 
 export const SERVICE_NAME = 'openshock-frontend';
diff --git a/src/lib/telemetry/tracer.ts b/src/lib/telemetry/tracer.ts
index 50cb1cc3..c1424669 100644
--- a/src/lib/telemetry/tracer.ts
+++ b/src/lib/telemetry/tracer.ts
@@ -1,5 +1,5 @@
 import { PUBLIC_SIGNOZ_TRACE_PROPAGATION } from '$env/static/public';
-import { isTruthy } from '$lib/utils/parse';
+import { isTruthy } from '@openshock/svelte-core/utils/parse';
 import { OTLPTraceExporter } from '@opentelemetry/exporter-trace-otlp-http';
 import { registerInstrumentations } from '@opentelemetry/instrumentation';
 import { FetchInstrumentation } from '@opentelemetry/instrumentation-fetch';
diff --git a/src/lib/tour/onboarding-state.ts b/src/lib/tour/onboarding-state.ts
index 0c56510a..5aa4b639 100644
--- a/src/lib/tour/onboarding-state.ts
+++ b/src/lib/tour/onboarding-state.ts
@@ -1,5 +1,5 @@
 import { PUBLIC_DISABLE_ONBOARDING } from '$env/static/public';
-import { isTruthy } from '$lib/utils/parse';
+import { isTruthy } from '@openshock/svelte-core/utils/parse';
 
 export const WELCOME_COOKIE_NAME = 'os.welcomed';
 // Pre-cookie builds stored "welcome seen" under this localStorage key. Kept only
diff --git a/src/lib/typeguards/basicGuards.ts b/src/lib/typeguards/basicGuards.ts
deleted file mode 100644
index 6baa9c21..00000000
--- a/src/lib/typeguards/basicGuards.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-export function isObject(value: unknown): value is Record<string, unknown> {
-  return typeof value === 'object' && !Array.isArray(value) && value !== null;
-}
-export function isString(value: unknown): value is string {
-  return typeof value === 'string' || value instanceof String;
-}
-export function isNumber(value: unknown): value is number {
-  return typeof value === 'number' && isFinite(value);
-}
-export function isBoolean(value: unknown): value is boolean {
-  return typeof value === 'boolean';
-}
-export function isArrayBuffer(value: unknown): value is ArrayBuffer {
-  return value instanceof ArrayBuffer;
-}
-export function isStringOrNull(value: unknown): value is string | null {
-  return isString(value) || value === null;
-}
diff --git a/src/lib/typeguards/index.ts b/src/lib/typeguards/index.ts
deleted file mode 100644
index e5d287ec..00000000
--- a/src/lib/typeguards/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './basicGuards';
-export * from './twitterHandleGuard';
diff --git a/src/lib/typeguards/propGuards.ts b/src/lib/typeguards/propGuards.ts
deleted file mode 100644
index f317c506..00000000
--- a/src/lib/typeguards/propGuards.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { isBoolean, isNumber, isObject, isString } from '$lib/typeguards';
-
-export function HasString<K extends string>(
-  obj: Record<string, unknown>,
-  key: K
-): obj is object & Record<K, string> {
-  return Object.hasOwn(obj, key) && isString(obj[key]);
-}
-
-export function HasStringOrNull<K extends string>(
-  obj: Record<string, unknown>,
-  key: K
-): obj is object & Record<K, string | null> {
-  return Object.hasOwn(obj, key) && (isString(obj[key]) || obj[key] === null);
-}
-
-export function HasNumber<K extends string>(
-  obj: Record<string, unknown>,
-  key: K
-): obj is object & Record<K, number> {
-  return Object.hasOwn(obj, key) && isNumber(obj[key]);
-}
-
-export function HasBoolean<K extends string>(
-  obj: Record<string, unknown>,
-  key: K
-): obj is object & Record<K, boolean> {
-  return Object.hasOwn(obj, key) && isBoolean(obj[key]);
-}
-
-export function HasObject<K extends string>(
-  obj: Record<string, unknown>,
-  key: K
-): obj is object & Record<K, Record<string, unknown>> {
-  return Object.hasOwn(obj, key) && isObject(obj[key]);
-}
-
-export function HasStringArray<K extends string>(
-  obj: Record<string, unknown>,
-  key: K
-): obj is object & Record<K, string[]> {
-  return (
-    Object.hasOwn(obj, key) &&
-    Array.isArray(obj[key]) &&
-    obj[key].every((item: unknown) => isString(item))
-  );
-}
diff --git a/src/lib/typeguards/twitterHandleGuard.ts b/src/lib/typeguards/twitterHandleGuard.ts
deleted file mode 100644
index 9dd6c82f..00000000
--- a/src/lib/typeguards/twitterHandleGuard.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { isString } from '$lib/typeguards/basicGuards';
-
-export function isTwitterHandle(value: unknown): value is string {
-  return isString(value) && value.startsWith('@');
-}
diff --git a/src/lib/types/AnyComponent.ts b/src/lib/types/AnyComponent.ts
deleted file mode 100644
index 56d6e51b..00000000
--- a/src/lib/types/AnyComponent.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any -- type must accept any component props/events/slots signatures */
-
-import type { Component, SvelteComponent } from 'svelte';
-
-export type AnyComponent =
-  | Component<any, any, any>
-  | (new (...args: any[]) => SvelteComponent<any, any, any>);
diff --git a/src/lib/types/ChildrenFunc.ts b/src/lib/types/ChildrenFunc.ts
deleted file mode 100644
index 9d9fe5b3..00000000
--- a/src/lib/types/ChildrenFunc.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import type { Snippet } from 'svelte';
-
-export type ChildrenFunc = () => ReturnType<Snippet>;
diff --git a/src/lib/types/Tailwind.ts b/src/lib/types/Tailwind.ts
deleted file mode 100644
index 83dd200d..00000000
--- a/src/lib/types/Tailwind.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export const twTextColor = {
-  gray: 'text-gray-500',
-  red: 'text-red-500',
-  orange: 'text-orange-500',
-  yellow: 'text-yellow-500',
-  green: 'text-green-500',
-  cyan: 'text-cyan-500',
-  blue: 'text-blue-500',
-} as const;
-
-export type TwTextColor = keyof typeof twTextColor;
diff --git a/src/lib/types/ValidationResult.ts b/src/lib/types/ValidationResult.ts
deleted file mode 100644
index 7221e2cc..00000000
--- a/src/lib/types/ValidationResult.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { TwTextColor } from '$lib/types/Tailwind';
-
-export type ValidationResult = {
-  valid: boolean;
-  message?: string;
-  color?: TwTextColor;
-  link?: { text: string; href: string };
-};
-
-export function GetValResColor(valRes: ValidationResult): TwTextColor {
-  if (valRes.color !== undefined) return valRes.color;
-  return valRes.valid ? 'green' : 'red';
-}
diff --git a/src/lib/utils/clipboard.svelte.ts b/src/lib/utils/clipboard.svelte.ts
deleted file mode 100644
index f12536e4..00000000
--- a/src/lib/utils/clipboard.svelte.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { onDestroy } from 'svelte';
-import { toast } from 'svelte-sonner';
-
-const DEFAULT_SUCCESS_MESSAGE = 'Copied to clipboard';
-const DEFAULT_ERROR_MESSAGE = 'Failed to copy to clipboard';
-
-/**
- * Writes text to the clipboard and toasts the outcome. Fire-and-forget — use
- * when no reactive feedback is needed. For a reactive `copied` flag, use the
- * `Clipboard` class.
- */
-export async function copyToClipboard(
-  text: string,
-  successMessage: string = DEFAULT_SUCCESS_MESSAGE
-): Promise<boolean> {
-  try {
-    await navigator.clipboard.writeText(text);
-    toast.success(successMessage);
-    return true;
-  } catch {
-    // Insecure context, permission denied, tab not focused, etc.
-    toast.error(DEFAULT_ERROR_MESSAGE);
-    return false;
-  }
-}
-
-export interface ClipboardOptions {
-  /** How long `copied` stays true after a successful copy, in ms. Defaults to 2000. */
-  resetDelay?: number;
-}
-
-/**
- * Clipboard wrapper with a reactive `copied` flag that auto-resets. Call
- * `dispose()` when done (or use `useClipboard` to do that automatically).
- */
-export class Clipboard {
-  readonly #resetDelay: number;
-  #timeout?: ReturnType<typeof setTimeout>;
-  #copied = $state(false);
-
-  constructor(options: ClipboardOptions = {}) {
-    this.#resetDelay = options.resetDelay ?? 2000;
-  }
-
-  get copied() {
-    return this.#copied;
-  }
-
-  async copy(text: string, successMessage?: string): Promise<boolean> {
-    const ok = await copyToClipboard(text, successMessage);
-    if (!ok) return false;
-
-    this.#copied = true;
-    clearTimeout(this.#timeout);
-    this.#timeout = setTimeout(() => (this.#copied = false), this.#resetDelay);
-    return true;
-  }
-
-  /** Clears any pending reset timeout. */
-  dispose() {
-    clearTimeout(this.#timeout);
-    this.#timeout = undefined;
-  }
-}
-
-/** Component-aware `Clipboard` that clears pending reset timeouts on unmount. */
-export function useClipboard(options?: ClipboardOptions): Clipboard {
-  const clip = new Clipboard(options);
-  onDestroy(() => clip.dispose());
-  return clip;
-}
diff --git a/src/lib/utils/convert.test.ts b/src/lib/utils/convert.test.ts
deleted file mode 100644
index 3916e486..00000000
Binary files a/src/lib/utils/convert.test.ts and /dev/null differ
diff --git a/src/lib/utils/convert.ts b/src/lib/utils/convert.ts
deleted file mode 100644
index 7ab798be..00000000
--- a/src/lib/utils/convert.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-export const NumberToHexPadded = (num: number, pad: number) =>
-  (num >>> 0).toString(16).padStart(pad, '0').toUpperCase();
-
-// Convert a Uint8Array to a binary string (1 byte → 1 char)
-export const u8arrToBinstr = (array: Uint8Array): string => {
-  let result = '';
-  const chunkSize = 0x8000; // avoid "call stack too large" for huge arrays
-  for (let i = 0; i < array.length; i += chunkSize) {
-    const chunk = array.subarray(i, i + chunkSize);
-    result += String.fromCharCode(...chunk);
-  }
-  return result;
-};
-
-// Convert a binary string back to a Uint8Array
-export const binstrToU8arr = (bstr: string): Uint8Array => {
-  const u8Array = new Uint8Array(bstr.length);
-  for (let i = 0; i < bstr.length; i++) {
-    u8Array[i] = bstr.charCodeAt(i);
-  }
-  return u8Array;
-};
diff --git a/src/lib/utils/crypto.test.ts b/src/lib/utils/crypto.test.ts
deleted file mode 100644
index e47cc098..00000000
--- a/src/lib/utils/crypto.test.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { ArrayBufferToHex, HashBuffer, HashString } from './crypto';
-import { EncodeString } from './encoding';
-
-describe('ArrayBufferToHex', () => {
-  it('converts an ArrayBuffer to a lowercase hex string', () => {
-    const bytes = new Uint8Array([0x00, 0x0f, 0xff]).buffer;
-    expect(ArrayBufferToHex(bytes)).toBe('000fff');
-  });
-
-  it('handles an empty ArrayBuffer', () => {
-    const empty = new Uint8Array([]).buffer;
-    expect(ArrayBufferToHex(empty)).toBe('');
-  });
-
-  it('pads single-digit hex values with a leading zero', () => {
-    const bytes = new Uint8Array([0x5, 0xa, 0x10]).buffer;
-    // 0x05 → "05", 0x0a → "0a", 0x10 → "10"
-    expect(ArrayBufferToHex(bytes)).toBe('050a10');
-  });
-});
-
-describe('HashBuffer', () => {
-  it('computes SHA-1 of a known UTF-8 byte sequence', async () => {
-    const data = new TextEncoder().encode('abc');
-    const hash = await HashBuffer(data, 'SHA-1');
-    // SHA-1("abc") = a9993e364706816aba3e25717850c26c9cd0d89d
-    expect(hash).toBe('a9993e364706816aba3e25717850c26c9cd0d89d');
-  });
-
-  it('computes SHA-256 of the same UTF-8 byte sequence', async () => {
-    const data = new TextEncoder().encode('abc');
-    const hash = await HashBuffer(data, 'SHA-256');
-    // SHA-256("abc") =
-    // ba7816bf8f01cfea414140de5dae2223b00361a396177a9cb410ff61f20015ad
-    expect(hash).toBe('ba7816bf8f01cfea414140de5dae2223b00361a396177a9cb410ff61f20015ad');
-  });
-
-  it('can hash arbitrary byte sequences, not only text', async () => {
-    const raw = new Uint8Array([0xde, 0xad, 0xbe, 0xef]);
-    const sha1Hash = await HashBuffer(raw, 'SHA-1');
-    // Precomputed SHA-1 of [0xde,0xad,0xbe,0xef]:
-    // "d78f8bb992a56a597f6c7a1fb918bb78271367eb"
-    expect(sha1Hash).toBe('d78f8bb992a56a597f6c7a1fb918bb78271367eb');
-
-    const sha256Hash = await HashBuffer(raw, 'SHA-256');
-    // Precomputed SHA-256 of [0xde,0xad,0xbe,0xef]:
-    // "5f78c33274e43fa9de5659265c1d917e25c03722dcb0b8d27db8d5feaa813953"
-    expect(sha256Hash).toBe('5f78c33274e43fa9de5659265c1d917e25c03722dcb0b8d27db8d5feaa813953');
-  });
-});
-
-describe('HashString', () => {
-  it('delegates to HashBuffer via EncodeString and computes SHA-1', async () => {
-    // Ensure EncodeString is actually converting "hello" to the correct Uint8Array
-    const manualBuffer = new TextEncoder().encode('hello');
-    const expectedHex = await HashBuffer(manualBuffer, 'SHA-1');
-    const hashFromString = await HashString('hello', 'SHA-1');
-    expect(hashFromString).toBe(expectedHex);
-  });
-
-  it('computes SHA-256 for a longer phrase', async () => {
-    const phrase = 'The quick brown fox jumps over the lazy dog';
-    // Known SHA-256 of that phrase:
-    // d7a8fbb307d7809469ca9abcb0082e4f8d5651e46d3cdb762d02d0bf37c9e592
-    const hash = await HashString(phrase, 'SHA-256');
-    expect(hash).toBe('d7a8fbb307d7809469ca9abcb0082e4f8d5651e46d3cdb762d02d0bf37c9e592');
-  });
-
-  it('returns the same result as HashBuffer when using EncodeString internally', async () => {
-    const input = 'Vitest';
-    const bufferFromEncode = EncodeString(input);
-    const buffHash = await HashBuffer(bufferFromEncode, 'SHA-256');
-    const strHash = await HashString(input, 'SHA-256');
-    expect(strHash).toBe(buffHash);
-  });
-
-  it('produces SHA-1 of the empty string', async () => {
-    expect(await HashString('', 'SHA-1')).toBe('da39a3ee5e6b4b0d3255bfef95601890afd80709');
-  });
-
-  it('produces SHA-256 of the empty string', async () => {
-    expect(await HashString('', 'SHA-256')).toBe(
-      'e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855'
-    );
-  });
-});
diff --git a/src/lib/utils/crypto.ts b/src/lib/utils/crypto.ts
deleted file mode 100644
index 400f2961..00000000
--- a/src/lib/utils/crypto.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { EncodeString } from '$lib/utils/encoding';
-
-export const ArrayBufferToHex = (buffer: ArrayBuffer) =>
-  Array.from(new Uint8Array(buffer))
-    .map((num) => num.toString(16).padStart(2, '0'))
-    .join('');
-
-export async function HashBuffer(
-  input: BufferSource,
-  hashtype: 'SHA-1' | 'SHA-256'
-): Promise<string> {
-  const hashBuffer = await crypto.subtle.digest(hashtype, input);
-  return ArrayBufferToHex(hashBuffer);
-}
-export async function HashString(input: string, hashtype: 'SHA-1' | 'SHA-256') {
-  return HashBuffer(EncodeString(input), hashtype);
-}
diff --git a/src/lib/utils/debounce.test.ts b/src/lib/utils/debounce.test.ts
deleted file mode 100644
index 23f092f1..00000000
--- a/src/lib/utils/debounce.test.ts
+++ /dev/null
@@ -1,176 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { debounce } from './debounce';
-
-describe('debounce', () => {
-  beforeEach(() => vi.useFakeTimers());
-  afterEach(() => vi.useRealTimers());
-
-  it('delays invocation until the timer elapses', () => {
-    const fn = vi.fn();
-    const d = debounce(fn, 100);
-
-    d('a');
-    expect(fn).not.toHaveBeenCalled();
-    vi.advanceTimersByTime(99);
-    expect(fn).not.toHaveBeenCalled();
-    vi.advanceTimersByTime(1);
-    expect(fn).toHaveBeenCalledExactlyOnceWith('a');
-  });
-
-  it('collapses rapid calls into one invocation with the latest args', () => {
-    const fn = vi.fn();
-    const d = debounce(fn, 100);
-
-    d('a');
-    vi.advanceTimersByTime(50);
-    d('b');
-    vi.advanceTimersByTime(50);
-    d('c');
-    vi.advanceTimersByTime(100);
-
-    expect(fn).toHaveBeenCalledExactlyOnceWith('c');
-  });
-
-  it('cancel() drops the pending invocation', () => {
-    const fn = vi.fn();
-    const d = debounce(fn, 100);
-
-    d('a');
-    d.cancel();
-    vi.advanceTimersByTime(200);
-
-    expect(fn).not.toHaveBeenCalled();
-  });
-
-  it('flush() runs the pending invocation immediately', () => {
-    const fn = vi.fn();
-    const d = debounce(fn, 100);
-
-    d('a');
-    d.flush();
-    expect(fn).toHaveBeenCalledExactlyOnceWith('a');
-
-    vi.advanceTimersByTime(200);
-    expect(fn).toHaveBeenCalledOnce();
-  });
-
-  it('flush() is a no-op when no call is pending', () => {
-    const fn = vi.fn();
-    const d = debounce(fn, 100);
-
-    d.flush();
-    expect(fn).not.toHaveBeenCalled();
-  });
-});
-
-describe('debounce — edge cases', () => {
-  beforeEach(() => vi.useFakeTimers());
-  afterEach(() => vi.useRealTimers());
-
-  it('supports zero delay (still defers to next tick)', () => {
-    const fn = vi.fn();
-    const d = debounce(fn, 0);
-
-    d('a');
-    expect(fn).not.toHaveBeenCalled();
-    vi.advanceTimersByTime(0);
-    expect(fn).toHaveBeenCalledExactlyOnceWith('a');
-  });
-
-  it('cancel() before any call is a no-op', () => {
-    const fn = vi.fn();
-    const d = debounce(fn, 50);
-    expect(() => d.cancel()).not.toThrow();
-    expect(fn).not.toHaveBeenCalled();
-  });
-
-  it('cancel() after fire is a no-op and does not double-fire', () => {
-    const fn = vi.fn();
-    const d = debounce(fn, 50);
-
-    d('a');
-    vi.advanceTimersByTime(50);
-    expect(fn).toHaveBeenCalledExactlyOnceWith('a');
-
-    d.cancel();
-    vi.advanceTimersByTime(500);
-    expect(fn).toHaveBeenCalledOnce();
-  });
-
-  it('allows another call after a fire and re-debounces it', () => {
-    const fn = vi.fn();
-    const d = debounce(fn, 100);
-
-    d('first');
-    vi.advanceTimersByTime(100);
-    expect(fn).toHaveBeenCalledExactlyOnceWith('first');
-
-    d('second');
-    vi.advanceTimersByTime(99);
-    expect(fn).toHaveBeenCalledOnce();
-    vi.advanceTimersByTime(1);
-    expect(fn).toHaveBeenCalledTimes(2);
-    expect(fn).toHaveBeenLastCalledWith('second');
-  });
-
-  it('flush() after fire does not invoke again', () => {
-    const fn = vi.fn();
-    const d = debounce(fn, 50);
-
-    d('a');
-    vi.advanceTimersByTime(50);
-    expect(fn).toHaveBeenCalledOnce();
-
-    d.flush();
-    expect(fn).toHaveBeenCalledOnce();
-  });
-
-  it('passes through multiple arguments correctly', () => {
-    const fn = vi.fn<(a: number, b: string, c: object) => void>();
-    const d = debounce(fn, 10);
-
-    const obj = { x: 1 };
-    d(1, 'two', obj);
-    vi.advanceTimersByTime(10);
-
-    expect(fn).toHaveBeenCalledExactlyOnceWith(1, 'two', obj);
-  });
-
-  it('handles many rapid invocations with only the final one firing', () => {
-    const fn = vi.fn();
-    const d = debounce(fn, 25);
-
-    for (let i = 0; i < 1000; i++) {
-      d(i);
-      vi.advanceTimersByTime(1);
-    }
-    vi.advanceTimersByTime(25);
-
-    expect(fn).toHaveBeenCalledOnce();
-    expect(fn).toHaveBeenCalledWith(999);
-  });
-
-  it('allows scheduling immediately after cancel()', () => {
-    const fn = vi.fn();
-    const d = debounce(fn, 30);
-
-    d('a');
-    vi.advanceTimersByTime(20);
-    d.cancel();
-    expect(fn).not.toHaveBeenCalled();
-
-    d('b');
-    vi.advanceTimersByTime(30);
-    expect(fn).toHaveBeenCalledExactlyOnceWith('b');
-  });
-
-  it('flush() invokes synchronously without waiting for timer', () => {
-    const fn = vi.fn();
-    const d = debounce(fn, 10_000);
-
-    d('immediate');
-    d.flush();
-    // No timer advance needed
-    expect(fn).toHaveBeenCalledExactlyOnceWith('immediate');
-  });
-});
diff --git a/src/lib/utils/debounce.ts b/src/lib/utils/debounce.ts
deleted file mode 100644
index da24ab19..00000000
--- a/src/lib/utils/debounce.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { onDestroy } from 'svelte';
-
-export interface Debounced<Args extends unknown[]> {
-  (...args: Args): void;
-  cancel(): void;
-  flush(): void;
-}
-
-export function debounce<Args extends unknown[]>(
-  fn: (...args: Args) => void,
-  delay: number
-): Debounced<Args> {
-  let handle: ReturnType<typeof setTimeout> | undefined;
-  let pending: Args | undefined;
-
-  const debounced = ((...args: Args) => {
-    clearTimeout(handle);
-    pending = args;
-    handle = setTimeout(() => {
-      handle = undefined;
-      const p = pending;
-      pending = undefined;
-      if (p) fn(...p);
-    }, delay);
-  }) as Debounced<Args>;
-
-  debounced.cancel = () => {
-    clearTimeout(handle);
-    handle = undefined;
-    pending = undefined;
-  };
-
-  debounced.flush = () => {
-    if (handle === undefined) return;
-    clearTimeout(handle);
-    handle = undefined;
-    const p = pending;
-    pending = undefined;
-    if (p) fn(...p);
-  };
-
-  return debounced;
-}
-
-/** Component-aware `debounce` that cancels any pending invocation on unmount. */
-export function useDebounce<Args extends unknown[]>(
-  fn: (...args: Args) => void,
-  delay: number
-): Debounced<Args> {
-  const d = debounce(fn, delay);
-  onDestroy(d.cancel);
-  return d;
-}
diff --git a/src/lib/utils/encoding.test.ts b/src/lib/utils/encoding.test.ts
deleted file mode 100644
index dd7b1c8b..00000000
--- a/src/lib/utils/encoding.test.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { DecodeString, EncodeString, escapeHtml } from './encoding';
-
-describe('escapeHtml', () => {
-  it('returns "null" when input is null', () => {
-    expect(escapeHtml(null)).toBe('null');
-  });
-
-  it('leaves a string without special characters unchanged', () => {
-    expect(escapeHtml('abc123')).toBe('abc123');
-    expect(escapeHtml('Hello World')).toBe('Hello World');
-  });
-
-  it('escapes &, <, >, ", and \' correctly', () => {
-    const unsafe = `Dolce & Gabbana < "Fashion" > 'Style'`;
-    const expected = 'Dolce &amp; Gabbana &lt; &quot;Fashion&quot; &gt; &#039;Style&#039;';
-    expect(escapeHtml(unsafe)).toBe(expected);
-  });
-
-  it('handles strings that are already partially escaped without double-escaping', () => {
-    const partially = '&amp;&lt;&gt;&quot;&#039;';
-    // Only raw &, <, >, ", ' get replaced; existing entities contain & so they become &amp;
-    expect(escapeHtml(partially)).toBe('&amp;amp;&amp;lt;&amp;gt;&amp;quot;&amp;#039;');
-  });
-
-  it('escapes a string containing only special characters', () => {
-    expect(escapeHtml('&<>"\'')).toBe('&amp;&lt;&gt;&quot;&#039;');
-  });
-
-  it('returns an empty string when given an empty string', () => {
-    expect(escapeHtml('')).toBe('');
-  });
-});
-
-describe('EncodeString & DecodeString', () => {
-  it('EncodeString returns a Uint8Array representing UTF-8 bytes', () => {
-    const ascii = 'hello';
-    const asciiEncoded = EncodeString(ascii);
-    // UTF-8 for "hello" is [104, 101, 108, 108, 111]
-    expect(asciiEncoded).toBeInstanceOf(Uint8Array);
-    expect(Array.from(asciiEncoded)).toEqual([104, 101, 108, 108, 111]);
-
-    const unicode = '你好';
-    const unicodeEncoded = EncodeString(unicode);
-    // Verify against TextEncoder directly
-    const expected = new TextEncoder().encode(unicode);
-    expect(Array.from(unicodeEncoded)).toEqual(Array.from(expected));
-  });
-
-  it('DecodeString returns the original string from a Uint8Array', () => {
-    const original = 'Vitest 🚀';
-    const encoded = new TextEncoder().encode(original);
-    const decoded = DecodeString(encoded);
-    expect(decoded).toBe(original);
-  });
-
-  it('round-trips arbitrary strings through EncodeString and DecodeString', () => {
-    const samples = [
-      '',
-      'simple text',
-      'Line 1\nLine 2\tTabbed',
-      'áéíóú üñ ¿¡',
-      'Emoji: 😀🎉',
-      '中文字符测试',
-    ];
-
-    for (const s of samples) {
-      const encoded = EncodeString(s);
-      const decoded = DecodeString(encoded);
-      expect(decoded).toBe(s);
-    }
-  });
-
-  it(' EncodeString and DecodeString correctly handle byte values >= 0x80', () => {
-    // Create a Uint8Array manually with high-byte values and decode then re-encode
-    const bytes = new Uint8Array([0xc3, 0xa9]); // UTF-8 for "é"
-    const decoded = DecodeString(bytes);
-    expect(decoded).toBe('é');
-    const reEncoded = EncodeString(decoded);
-    expect(Array.from(reEncoded)).toEqual([0xc3, 0xa9]);
-  });
-});
diff --git a/src/lib/utils/encoding.ts b/src/lib/utils/encoding.ts
deleted file mode 100644
index 3d8e3fed..00000000
--- a/src/lib/utils/encoding.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export function escapeHtml(unsafe: string | null): string {
-  if (unsafe === null) return 'null';
-  return unsafe
-    .replaceAll('&', '&amp;')
-    .replaceAll('<', '&lt;')
-    .replaceAll('>', '&gt;')
-    .replaceAll('"', '&quot;')
-    .replaceAll("'", '&#039;');
-}
-
-export const EncodeString = (input: string) => new TextEncoder().encode(input);
-export const DecodeString = (input: Uint8Array) => new TextDecoder().decode(input);
diff --git a/src/lib/utils/entropy.test.ts b/src/lib/utils/entropy.test.ts
deleted file mode 100644
index 53f3fd29..00000000
--- a/src/lib/utils/entropy.test.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { calculateStringEntropy } from './entropy';
-
-describe('calculateStringEntropy', () => {
-  it('returns 0 for an empty string', () => {
-    // uniqueLength = 0, length = 0 => Math.pow(0, 0) = 1 => log2(1) = 0
-    expect(calculateStringEntropy('')).toBe(0);
-  });
-
-  it('returns 0 when all characters are the same', () => {
-    // e.g., "aaaa", uniqueLength = 1, length = 4 => 1^4 = 1 => log2(1) = 0
-    expect(calculateStringEntropy('aaaa')).toBe(0);
-    expect(calculateStringEntropy('bbbbbbbb')).toBe(0);
-  });
-
-  it('computes correctly for two unique characters', () => {
-    // "01", uniqueLength = 2, length = 2 => 2^2 = 4 => log2(4) = 2
-    expect(calculateStringEntropy('01')).toBe(2);
-
-    // "abab", uniqueLength = 2, length = 4 => 2^4 = 16 => log2(16) = 4
-    expect(calculateStringEntropy('abab')).toBe(4);
-  });
-
-  it('computes correctly when all characters are unique', () => {
-    // "abcd", uniqueLength = 4, length = 4 => 4^4 = 256 => log2(256) = 8
-    expect(calculateStringEntropy('abcd')).toBe(8);
-
-    // "xyz", uniqueLength = 3, length = 3 => 3^3 = 27 => log2(27) = 3 * log2(3)
-    const expected = 3 * Math.log2(3);
-    expect(calculateStringEntropy('xyz')).toBeCloseTo(expected);
-  });
-
-  it('is order‐invariant: same set of characters yields same entropy regardless of ordering', () => {
-    const s1 = 'abcabc';
-    const s2 = 'cbaacb';
-    // Both: uniqueLength = 3, length = 6 => 3^6 => log2(3^6) = 6 * log2(3)
-    const expected = 6 * Math.log2(3);
-    expect(calculateStringEntropy(s1)).toBeCloseTo(expected);
-    expect(calculateStringEntropy(s2)).toBeCloseTo(expected);
-  });
-
-  it('handles longer mixed strings', () => {
-    const value = 'abcabcabc'; // uniqueLength = 3, length = 9
-    // 3^9 = 19683, log2(19683) = 9 * log2(3)
-    const expected = 9 * Math.log2(3);
-    expect(calculateStringEntropy(value)).toBeCloseTo(expected);
-
-    const mixed = 'AaBbCc123!@#';
-    // uniqueLength = number of distinct chars in mixed
-    const uniqueLength = new Set(mixed).size;
-    const length = mixed.length;
-    const total = uniqueLength ** length;
-    const expectedMixed = Math.log2(total);
-    expect(calculateStringEntropy(mixed)).toBeCloseTo(expectedMixed);
-  });
-});
diff --git a/src/lib/utils/entropy.ts b/src/lib/utils/entropy.ts
deleted file mode 100644
index 4191a093..00000000
--- a/src/lib/utils/entropy.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export function calculateStringEntropy(value: string): number {
-  const uniqueChars = new Set(value);
-  const length = value.length;
-  const uniqueLength = uniqueChars.size;
-
-  return Math.log2(uniqueLength ** length);
-}
diff --git a/src/lib/utils/index.ts b/src/lib/utils/index.ts
index 3f45ee86..20689d1b 100644
--- a/src/lib/utils/index.ts
+++ b/src/lib/utils/index.ts
@@ -1,11 +1,2 @@
-export * from './debounce';
-export * from './encoding';
-export * from './entropy';
-export * from './math';
-export * from './parse';
-export * from './rand';
-export * from './shadcn';
 export * from './shockerPause';
-export * from './temporal';
-export * from './time';
 export * from './userAgent';
diff --git a/src/lib/utils/math.test.ts b/src/lib/utils/math.test.ts
deleted file mode 100644
index 4dcf328c..00000000
--- a/src/lib/utils/math.test.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { DegToRad, RadToDeg, clamp, getCircleX, getCircleY, invLerp, lerp } from './math';
-
-describe('math constants', () => {
-  it('DegToRad ≈ π/180', () => {
-    expect(DegToRad).toBeCloseTo(Math.PI / 180);
-  });
-
-  it('RadToDeg ≈ 180/π', () => {
-    expect(RadToDeg).toBeCloseTo(180 / Math.PI);
-  });
-
-  it('DegToRad and RadToDeg are inverses', () => {
-    expect(DegToRad * RadToDeg).toBeCloseTo(1);
-  });
-});
-
-describe('clamp(value, min, max)', () => {
-  it('returns min when value is below min', () => {
-    expect(clamp(-10, 0, 5)).toBe(0);
-  });
-
-  it('returns max when value is above max', () => {
-    expect(clamp(10, 0, 5)).toBe(5);
-  });
-
-  it('returns value when it is between min and max', () => {
-    expect(clamp(3, 0, 5)).toBe(3);
-    expect(clamp(0, 0, 5)).toBe(0);
-    expect(clamp(5, 0, 5)).toBe(5);
-  });
-
-  it('works when min and max are negative or reversed', () => {
-    expect(clamp(-3, -5, -1)).toBe(-3);
-    expect(clamp(-6, -5, -1)).toBe(-5);
-    expect(clamp(0, -5, -1)).toBe(-1);
-  });
-});
-
-describe('lerp(a, b, t)', () => {
-  it('returns a when t=0', () => {
-    expect(lerp(10, 20, 0)).toBe(10);
-  });
-
-  it('returns b when t=1', () => {
-    expect(lerp(10, 20, 1)).toBe(20);
-  });
-
-  it('returns midpoint when t=0.5', () => {
-    expect(lerp(10, 20, 0.5)).toBe(15);
-  });
-
-  it('interpolates correctly for t outside [0,1]', () => {
-    expect(lerp(0, 100, 1.5)).toBe(150);
-    expect(lerp(0, 100, -0.5)).toBe(-50);
-  });
-});
-
-describe('invLerp(a, b, value)', () => {
-  it('returns 0 when value equals a', () => {
-    expect(invLerp(10, 20, 10)).toBeCloseTo(0);
-  });
-
-  it('returns 1 when value equals b', () => {
-    expect(invLerp(10, 20, 20)).toBeCloseTo(1);
-  });
-
-  it('returns 0.5 when value is midpoint', () => {
-    expect(invLerp(10, 20, 15)).toBeCloseTo(0.5);
-  });
-
-  it('returns negative t when value < a and >1 when value > b', () => {
-    expect(invLerp(10, 20, 5)).toBeCloseTo(-0.5);
-    expect(invLerp(10, 20, 25)).toBeCloseTo(1.5);
-  });
-
-  it('is inverse of lerp for linear inputs', () => {
-    const a = -50;
-    const b = 150;
-    for (const t of [0, 0.2, 0.75, 1, 1.3]) {
-      const interpolated = lerp(a, b, t);
-      expect(invLerp(a, b, interpolated)).toBeCloseTo(t);
-    }
-  });
-});
-
-describe('getCircleX(radius, degrees) and getCircleY(radius, degrees)', () => {
-  const radius = 10;
-
-  it('at 0° returns (radius, 0)', () => {
-    expect(getCircleX(radius, 0)).toBeCloseTo(radius);
-    expect(getCircleY(radius, 0)).toBeCloseTo(0);
-  });
-
-  it('at 90° returns (0, radius)', () => {
-    expect(getCircleX(radius, 90)).toBeCloseTo(0);
-    expect(getCircleY(radius, 90)).toBeCloseTo(radius);
-  });
-
-  it('at 180° returns (-radius, 0)', () => {
-    expect(getCircleX(radius, 180)).toBeCloseTo(-radius);
-    expect(getCircleY(radius, 180)).toBeCloseTo(0);
-  });
-
-  it('at 270° returns (0, -radius)', () => {
-    expect(getCircleX(radius, 270)).toBeCloseTo(0);
-    expect(getCircleY(radius, 270)).toBeCloseTo(-radius);
-  });
-
-  it('handles non-right angles correctly (e.g., 45°)', () => {
-    const diag = radius / Math.sqrt(2);
-    expect(getCircleX(radius, 45)).toBeCloseTo(diag);
-    expect(getCircleY(radius, 45)).toBeCloseTo(diag);
-  });
-
-  it('works with negative and >360° angles by relying on cosine/sine periodicity', () => {
-    expect(getCircleX(radius, -90)).toBeCloseTo(0);
-    expect(getCircleY(radius, -90)).toBeCloseTo(-radius);
-    expect(getCircleX(radius, 450)).toBeCloseTo(0); // 450° = 360° + 90°
-    expect(getCircleY(radius, 450)).toBeCloseTo(radius);
-  });
-});
diff --git a/src/lib/utils/math.ts b/src/lib/utils/math.ts
deleted file mode 100644
index e3593a8d..00000000
--- a/src/lib/utils/math.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-export const DegToRad = Math.PI / 180;
-export const RadToDeg = 180 / Math.PI;
-
-export function clamp(value: number, min: number, max: number): number {
-  return Math.min(max, Math.max(min, value));
-}
-export function lerp(a: number, b: number, t: number): number {
-  return a + (b - a) * t;
-}
-export function invLerp(a: number, b: number, value: number): number {
-  return (value - a) / (b - a);
-}
-
-export function getCircleX(radius: number, degrees: number): number {
-  return radius * Math.cos(degrees * DegToRad);
-}
-export function getCircleY(radius: number, degrees: number): number {
-  return radius * Math.sin(degrees * DegToRad);
-}
diff --git a/src/lib/utils/md5.test.ts b/src/lib/utils/md5.test.ts
deleted file mode 100644
index 71e0d1cc..00000000
--- a/src/lib/utils/md5.test.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { md5 } from './md5';
-
-function fromString(s: string): Uint8Array {
-  return new TextEncoder().encode(s);
-}
-
-describe('md5', () => {
-  it('hashes an empty input', () => {
-    expect(md5(new Uint8Array([]))).toBe('d41d8cd98f00b204e9800998ecf8427e');
-  });
-
-  it('hashes "hello"', () => {
-    expect(md5(fromString('hello'))).toBe('5d41402abc4b2a76b9719d911017c592');
-  });
-
-  it('hashes "abc"', () => {
-    expect(md5(fromString('abc'))).toBe('900150983cd24fb0d6963f7d28e17f72');
-  });
-
-  it('hashes a string exactly 55 bytes (just fits in one block with padding)', () => {
-    const input = 'a'.repeat(55);
-    expect(md5(fromString(input))).toBe('ef1772b6dff9a122358552954ad0df65');
-  });
-
-  it('hashes a string of 56 bytes (forces a second block for padding)', () => {
-    const input = 'a'.repeat(56);
-    expect(md5(fromString(input))).toBe('3b0c8ac703f828b04c6c197006d17218');
-  });
-
-  it('hashes a string exactly 64 bytes (one full block)', () => {
-    const input = 'a'.repeat(64);
-    expect(md5(fromString(input))).toBe('014842d480b571495a4a0363793f7367');
-  });
-
-  it('hashes arbitrary binary data', () => {
-    const data = new Uint8Array([0xde, 0xad, 0xbe, 0xef]);
-    expect(md5(data)).toBe('2f249230a8e7c2bf6005ccd2679259ec');
-  });
-
-  it('hashes a longer message spanning multiple blocks', () => {
-    const input = 'The quick brown fox jumps over the lazy dog';
-    expect(md5(fromString(input))).toBe('9e107d9d372bb6826bd81d3542a419d6');
-  });
-
-  it('hashes 1 million "a" chars (RFC 1321 test vector)', () => {
-    const data = new Uint8Array(1_000_000).fill(0x61); // 0x61 = 'a'
-    expect(md5(data)).toBe('7707d6ae4e027c70eea2a935c2296f21');
-  });
-
-  it('hashes a 1024-byte buffer (16 full blocks, no remainder)', () => {
-    const data = new Uint8Array(1024).fill(0x00);
-    expect(md5(data)).toBe('0f343b0931126a20f133d67c2b018a3b');
-  });
-
-  it('hashes byte 0xff repeated 65 times (just over a full block)', () => {
-    const data = new Uint8Array(65).fill(0xff);
-    // value verified independently; locks current implementation behavior
-    expect(md5(data).length).toBe(32);
-    expect(/^[0-9a-f]{32}$/.test(md5(data))).toBe(true);
-  });
-});
diff --git a/src/lib/utils/md5.ts b/src/lib/utils/md5.ts
deleted file mode 100644
index 88f31603..00000000
--- a/src/lib/utils/md5.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-// MD5 implementation adapted from Joseph Myers' public domain code
-// https://www.myersdaily.org/joseph/javascript/md5-text.html
-
-function add32(a: number, b: number): number {
-  return (a + b) & 0xffffffff;
-}
-
-function cmn(q: number, a: number, b: number, x: number, s: number, t: number): number {
-  a = add32(add32(a, q), add32(x, t));
-  return add32((a << s) | (a >>> (32 - s)), b);
-}
-
-function ff(a: number, b: number, c: number, d: number, x: number, s: number, t: number) {
-  return cmn((b & c) | (~b & d), a, b, x, s, t);
-}
-
-function gg(a: number, b: number, c: number, d: number, x: number, s: number, t: number) {
-  return cmn((b & d) | (c & ~d), a, b, x, s, t);
-}
-
-function hh(a: number, b: number, c: number, d: number, x: number, s: number, t: number) {
-  return cmn(b ^ c ^ d, a, b, x, s, t);
-}
-
-function ii(a: number, b: number, c: number, d: number, x: number, s: number, t: number) {
-  return cmn(c ^ (b | ~d), a, b, x, s, t);
-}
-
-function md5blk(data: Uint8Array, offset: number): number[] {
-  const blks: number[] = [];
-  for (let i = 0; i < 64; i += 4) {
-    blks[i >> 2] =
-      data[offset + i] |
-      (data[offset + i + 1] << 8) |
-      (data[offset + i + 2] << 16) |
-      (data[offset + i + 3] << 24);
-  }
-  return blks;
-}
-
-function md5cycle(state: number[], blk: number[]) {
-  let a = state[0],
-    b = state[1],
-    c = state[2],
-    d = state[3];
-
-  a = ff(a, b, c, d, blk[0], 7, -680876936);
-  d = ff(d, a, b, c, blk[1], 12, -389564586);
-  c = ff(c, d, a, b, blk[2], 17, 606105819);
-  b = ff(b, c, d, a, blk[3], 22, -1044525330);
-  a = ff(a, b, c, d, blk[4], 7, -176418897);
-  d = ff(d, a, b, c, blk[5], 12, 1200080426);
-  c = ff(c, d, a, b, blk[6], 17, -1473231341);
-  b = ff(b, c, d, a, blk[7], 22, -45705983);
-  a = ff(a, b, c, d, blk[8], 7, 1770035416);
-  d = ff(d, a, b, c, blk[9], 12, -1958414417);
-  c = ff(c, d, a, b, blk[10], 17, -42063);
-  b = ff(b, c, d, a, blk[11], 22, -1990404162);
-  a = ff(a, b, c, d, blk[12], 7, 1804603682);
-  d = ff(d, a, b, c, blk[13], 12, -40341101);
-  c = ff(c, d, a, b, blk[14], 17, -1502002290);
-  b = ff(b, c, d, a, blk[15], 22, 1236535329);
-
-  a = gg(a, b, c, d, blk[1], 5, -165796510);
-  d = gg(d, a, b, c, blk[6], 9, -1069501632);
-  c = gg(c, d, a, b, blk[11], 14, 643717713);
-  b = gg(b, c, d, a, blk[0], 20, -373897302);
-  a = gg(a, b, c, d, blk[5], 5, -701558691);
-  d = gg(d, a, b, c, blk[10], 9, 38016083);
-  c = gg(c, d, a, b, blk[15], 14, -660478335);
-  b = gg(b, c, d, a, blk[4], 20, -405537848);
-  a = gg(a, b, c, d, blk[9], 5, 568446438);
-  d = gg(d, a, b, c, blk[14], 9, -1019803690);
-  c = gg(c, d, a, b, blk[3], 14, -187363961);
-  b = gg(b, c, d, a, blk[8], 20, 1163531501);
-  a = gg(a, b, c, d, blk[13], 5, -1444681467);
-  d = gg(d, a, b, c, blk[2], 9, -51403784);
-  c = gg(c, d, a, b, blk[7], 14, 1735328473);
-  b = gg(b, c, d, a, blk[12], 20, -1926607734);
-
-  a = hh(a, b, c, d, blk[5], 4, -378558);
-  d = hh(d, a, b, c, blk[8], 11, -2022574463);
-  c = hh(c, d, a, b, blk[11], 16, 1839030562);
-  b = hh(b, c, d, a, blk[14], 23, -35309556);
-  a = hh(a, b, c, d, blk[1], 4, -1530992060);
-  d = hh(d, a, b, c, blk[4], 11, 1272893353);
-  c = hh(c, d, a, b, blk[7], 16, -155497632);
-  b = hh(b, c, d, a, blk[10], 23, -1094730640);
-  a = hh(a, b, c, d, blk[13], 4, 681279174);
-  d = hh(d, a, b, c, blk[0], 11, -358537222);
-  c = hh(c, d, a, b, blk[3], 16, -722521979);
-  b = hh(b, c, d, a, blk[6], 23, 76029189);
-  a = hh(a, b, c, d, blk[9], 4, -640364487);
-  d = hh(d, a, b, c, blk[12], 11, -421815835);
-  c = hh(c, d, a, b, blk[15], 16, 530742520);
-  b = hh(b, c, d, a, blk[2], 23, -995338651);
-
-  a = ii(a, b, c, d, blk[0], 6, -198630844);
-  d = ii(d, a, b, c, blk[7], 10, 1126891415);
-  c = ii(c, d, a, b, blk[14], 15, -1416354905);
-  b = ii(b, c, d, a, blk[5], 21, -57434055);
-  a = ii(a, b, c, d, blk[12], 6, 1700485571);
-  d = ii(d, a, b, c, blk[3], 10, -1894986606);
-  c = ii(c, d, a, b, blk[10], 15, -1051523);
-  b = ii(b, c, d, a, blk[1], 21, -2054922799);
-  a = ii(a, b, c, d, blk[8], 6, 1873313359);
-  d = ii(d, a, b, c, blk[15], 10, -30611744);
-  c = ii(c, d, a, b, blk[6], 15, -1560198380);
-  b = ii(b, c, d, a, blk[13], 21, 1309151649);
-  a = ii(a, b, c, d, blk[4], 6, -145523070);
-  d = ii(d, a, b, c, blk[11], 10, -1120210379);
-  c = ii(c, d, a, b, blk[2], 15, 718787259);
-  b = ii(b, c, d, a, blk[9], 21, -343485551);
-
-  state[0] = add32(a, state[0]);
-  state[1] = add32(b, state[1]);
-  state[2] = add32(c, state[2]);
-  state[3] = add32(d, state[3]);
-}
-
-const HEX_CHARS = '0123456789abcdef';
-
-function rhex(n: number): string {
-  let s = '';
-  for (let j = 0; j < 4; j++) {
-    s += HEX_CHARS[(n >> (j * 8 + 4)) & 0x0f] + HEX_CHARS[(n >> (j * 8)) & 0x0f];
-  }
-  return s;
-}
-
-export function md5(data: Uint8Array): string {
-  const n = data.length;
-  const state = [1732584193, -271733879, -1732584194, 271733878];
-
-  let i: number;
-  for (i = 64; i <= n; i += 64) {
-    md5cycle(state, md5blk(data, i - 64));
-  }
-
-  const tail = new Array<number>(16).fill(0);
-  const rem = n % 64;
-  const offset = n - rem;
-  for (i = 0; i < rem; i++) {
-    tail[i >> 2] |= data[offset + i] << ((i % 4) << 3);
-  }
-  tail[i >> 2] |= 0x80 << ((i % 4) << 3);
-  if (i > 55) {
-    md5cycle(state, tail);
-    tail.fill(0);
-  }
-  tail[14] = n * 8;
-  md5cycle(state, tail);
-
-  return state.map(rhex).join('');
-}
diff --git a/src/lib/utils/parse.test.ts b/src/lib/utils/parse.test.ts
deleted file mode 100644
index 0a7eb4a1..00000000
--- a/src/lib/utils/parse.test.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { isTruthy } from './parse';
-
-describe('isTruthy', () => {
-  it.each([true, 1, '1', 'true', 'TRUE', 'True', 'yes', 'YES', 'y', 'Y', 'on', 'ON'])(
-    'returns true for %j',
-    (value) => {
-      expect(isTruthy(value)).toBe(true);
-    }
-  );
-
-  it.each([false, 0, 2, -1, '0', 'false', 'no', 'off', 'random', '', null, undefined])(
-    'returns false for %j',
-    (value) => {
-      expect(isTruthy(value)).toBe(false);
-    }
-  );
-});
-
-describe('isTruthy edge cases', () => {
-  it.each([NaN, Infinity, -Infinity, 1.0001, 0.9999, Number.MAX_SAFE_INTEGER, -0])(
-    'returns false for non-1 numeric value %j',
-    (value) => {
-      expect(isTruthy(value)).toBe(false);
-    }
-  );
-
-  it('treats numeric 1 (and not 1.0 with epsilon) strictly', () => {
-    expect(isTruthy(1)).toBe(true);
-    expect(isTruthy(1 + Number.EPSILON)).toBe(false);
-  });
-
-  it.each(['  true', 'true ', ' yes ', '\ttrue', 'true\n', '1 ', ' on'])(
-    'rejects whitespace-padded truthy strings: %j',
-    (value) => {
-      expect(isTruthy(value)).toBe(false);
-    }
-  );
-
-  it.each(['tRuE', 'YeS', 'On', 'oN', 'Y', 'y'])('accepts mixed-case truthy: %j', (value) => {
-    expect(isTruthy(value)).toBe(true);
-  });
-
-  it.each(['truee', 'yess', 'yeah', 'enable', 'enabled', '11', '01'])(
-    'rejects near-truthy strings: %j',
-    (value) => {
-      expect(isTruthy(value)).toBe(false);
-    }
-  );
-
-  it('handles a very long non-truthy string', () => {
-    expect(isTruthy('a'.repeat(10_000))).toBe(false);
-  });
-
-  it.each([{}, [], () => true, Symbol('x')])(
-    'returns false for non-string/number/boolean type %#',
-    (value) => {
-      expect(isTruthy(value as unknown as string)).toBe(false);
-    }
-  );
-});
diff --git a/src/lib/utils/parse.ts b/src/lib/utils/parse.ts
deleted file mode 100644
index df333c6a..00000000
--- a/src/lib/utils/parse.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Coerces an env-var / URL-param style value into a boolean.
- *
- * Truthy: `true`, the number `1`, or a case-insensitive `'1'`, `'true'`, `'yes'`, `'y'`, or `'on'`.
- *
- * Everything else - including `null`, `undefined`, other numbers, and unrecognized strings - is falsy.
- *
- * @param value - The value to coerce (typically an environment variable or query parameter)
- * @returns `true` when the value matches a recognized truthy form, `false` otherwise
- *
- * @example
- * ```ts
- * isTruthy(env.PUBLIC_DISABLE_SITEMAP) // false when unset, true when "1" / "true"
- * ```
- */
-export function isTruthy(value: boolean | number | string | null | undefined): boolean {
-  if (typeof value === 'boolean') return value;
-  if (typeof value === 'number') return value === 1;
-  if (typeof value !== 'string') return false;
-
-  switch (value.toLowerCase()) {
-    case '1':
-    case 'true':
-    case 'yes':
-    case 'y':
-    case 'on':
-      return true;
-    default:
-      return false;
-  }
-}
diff --git a/src/lib/utils/rand.test.ts b/src/lib/utils/rand.test.ts
deleted file mode 100644
index ee683592..00000000
--- a/src/lib/utils/rand.test.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { randStr } from './rand';
-
-const ALLOWED_REGEX = /^[A-Za-z0-9]*$/;
-
-describe('randStr', () => {
-  it('returns a string of the specified length', () => {
-    const lengths = [0, 1, 5, 16, 64];
-    for (const len of lengths) {
-      const s = randStr(len);
-      expect(s).toHaveLength(len);
-    }
-  });
-
-  it('returns only characters from [A–Z][a–z][0–9]', () => {
-    for (let i = 0; i < 10; i++) {
-      const s = randStr(200);
-      expect(s).toMatch(ALLOWED_REGEX);
-    }
-  });
-
-  it('returns different strings on subsequent calls with the same length', () => {
-    const len = 12;
-    const a = randStr(len);
-    const b = randStr(len);
-    // Very unlikely to collide twice in a row
-    expect(a).not.toBe(b);
-  });
-
-  it('returns empty string for zero and negative lengths', () => {
-    expect(randStr(0)).toBe('');
-    // Negative length will not enter the loop, so it should also be ''
-    expect(randStr(-5)).toBe('');
-  });
-
-  it('returns empty string for NaN length', () => {
-    expect(randStr(Number.NaN)).toBe('');
-  });
-
-  it('uses every character class across many samples (statistical sanity)', () => {
-    const sample = randStr(2000);
-    expect(sample).toMatch(/[A-Z]/);
-    expect(sample).toMatch(/[a-z]/);
-    expect(sample).toMatch(/[0-9]/);
-  });
-});
diff --git a/src/lib/utils/rand.ts b/src/lib/utils/rand.ts
deleted file mode 100644
index e28a9b49..00000000
--- a/src/lib/utils/rand.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-const randChars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789' as const;
-const randCharsLength = randChars.length;
-
-export function randStr(length: number) {
-  let result = '';
-
-  let counter = 0;
-  while (counter < length) {
-    result += randChars.charAt(Math.floor(Math.random() * randCharsLength));
-    counter += 1;
-  }
-
-  return result;
-}
diff --git a/src/lib/utils/shadcn.ts b/src/lib/utils/shadcn.ts
deleted file mode 100644
index c77c249f..00000000
--- a/src/lib/utils/shadcn.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { type ClassValue, clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
-
-export type WithoutChild<T> = T extends { child?: unknown } ? Omit<T, 'child'> : T;
-export type WithoutChildren<T> = T extends { children?: unknown } ? Omit<T, 'children'> : T;
-export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
-export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & { ref?: U | null };
diff --git a/src/lib/utils/temporal.test.ts b/src/lib/utils/temporal.test.ts
deleted file mode 100644
index 07ee18fb..00000000
--- a/src/lib/utils/temporal.test.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-import 'temporal-polyfill/global';
-import { describe, expect, it } from 'vitest';
-import { durationBetween, formatDuration, formatElapsed } from './temporal';
-
-function instant(isoString: string): Temporal.Instant {
-  return Temporal.Instant.from(isoString);
-}
-
-describe('durationBetween', () => {
-  it('returns a positive duration when `to` is after `from`', () => {
-    const from = instant('2024-01-01T00:00:00Z');
-    const to = instant('2024-01-02T00:00:00Z');
-    const d = durationBetween(from, to);
-    expect(d.sign).toBe(1);
-  });
-
-  it('returns a negative duration when `to` is before `from`', () => {
-    const from = instant('2024-01-02T00:00:00Z');
-    const to = instant('2024-01-01T00:00:00Z');
-    const d = durationBetween(from, to);
-    expect(d.sign).toBe(-1);
-  });
-
-  it('returns zero duration for equal instants', () => {
-    const from = instant('2024-06-15T12:00:00Z');
-    const d = durationBetween(from, from);
-    expect(d.sign).toBe(0);
-  });
-
-  it('captures years correctly', () => {
-    const from = instant('2020-01-01T00:00:00Z');
-    const to = instant('2024-01-01T00:00:00Z');
-    const d = durationBetween(from, to);
-    expect(d.years).toBe(4);
-  });
-
-  it('captures months correctly within a year', () => {
-    const from = instant('2024-01-01T00:00:00Z');
-    const to = instant('2024-06-01T00:00:00Z');
-    const d = durationBetween(from, to);
-    expect(d.years).toBe(0);
-    expect(d.months).toBe(5);
-  });
-});
-
-describe('formatDuration', () => {
-  function dur(fields: Partial<Temporal.DurationLike>): Temporal.Duration {
-    return Temporal.Duration.from(fields);
-  }
-
-  it('returns seconds for sub-minute durations', () => {
-    expect(formatDuration(dur({ seconds: 1 }))).toBe('1 second');
-    expect(formatDuration(dur({ seconds: 45 }))).toBe('45 seconds');
-  });
-
-  it('returns minutes when >= 1 minute', () => {
-    expect(formatDuration(dur({ minutes: 1 }))).toBe('1 minute');
-    expect(formatDuration(dur({ minutes: 30 }))).toBe('30 minutes');
-  });
-
-  it('returns hours when >= 1 hour', () => {
-    expect(formatDuration(dur({ hours: 1 }))).toBe('1 hour');
-    expect(formatDuration(dur({ hours: 3 }))).toBe('3 hours');
-  });
-
-  it('returns days when >= 1 day', () => {
-    expect(formatDuration(dur({ days: 1 }))).toBe('1 day');
-    expect(formatDuration(dur({ days: 6 }))).toBe('6 days');
-  });
-
-  it('returns months when >= 1 month', () => {
-    expect(formatDuration(dur({ months: 1 }))).toBe('1 month');
-    expect(formatDuration(dur({ months: 11 }))).toBe('11 months');
-  });
-
-  it('returns years when >= 1 year', () => {
-    expect(formatDuration(dur({ years: 1 }))).toBe('1 year');
-    expect(formatDuration(dur({ years: 5 }))).toBe('5 years');
-  });
-
-  it('uses the largest non-zero unit', () => {
-    expect(formatDuration(dur({ years: 2, months: 3, days: 10 }))).toBe('2 years');
-    expect(formatDuration(dur({ months: 0, days: 5, hours: 12 }))).toBe('5 days');
-  });
-
-  it('handles negative durations by using absolute values', () => {
-    expect(formatDuration(dur({ years: -3 }))).toBe('3 years');
-    expect(formatDuration(dur({ minutes: -15 }))).toBe('15 minutes');
-  });
-
-  it('uses singular for value of 1', () => {
-    expect(formatDuration(dur({ seconds: 1 }))).toBe('1 second');
-    expect(formatDuration(dur({ minutes: 1 }))).toBe('1 minute');
-    expect(formatDuration(dur({ hours: 1 }))).toBe('1 hour');
-    expect(formatDuration(dur({ days: 1 }))).toBe('1 day');
-    expect(formatDuration(dur({ months: 1 }))).toBe('1 month');
-    expect(formatDuration(dur({ years: 1 }))).toBe('1 year');
-  });
-
-  it('uses plural for values other than 1', () => {
-    expect(formatDuration(dur({ seconds: 2 }))).toBe('2 seconds');
-    expect(formatDuration(dur({ years: 10 }))).toBe('10 years');
-  });
-});
-
-describe('formatElapsed', () => {
-  function dur(fields: Partial<Temporal.DurationLike>): Temporal.Duration {
-    return Temporal.Duration.from(fields);
-  }
-
-  it('prefixes "in " for future durations (positive sign)', () => {
-    expect(formatElapsed(dur({ hours: 2 }))).toBe('in 2 hours');
-    expect(formatElapsed(dur({ days: 1 }))).toBe('in 1 day');
-  });
-
-  it('suffixes " ago" for past durations (negative sign)', () => {
-    expect(formatElapsed(dur({ hours: -2 }))).toBe('2 hours ago');
-    expect(formatElapsed(dur({ days: -1 }))).toBe('1 day ago');
-  });
-
-  it('handles zero-length duration (sign === 0) as future', () => {
-    expect(formatElapsed(Temporal.Duration.from({ seconds: 0 }))).toBe('in 0 seconds');
-  });
-
-  it('round-trips correctly with durationBetween for a 30-day gap', () => {
-    const now = instant('2024-03-15T12:00:00Z');
-    const future = instant('2024-04-14T12:00:00Z');
-    const d = durationBetween(now, future);
-    expect(formatElapsed(d)).toBe('in 30 days');
-  });
-
-  it('round-trips correctly with durationBetween for a past 2-year gap', () => {
-    const now = instant('2024-06-01T00:00:00Z');
-    const past = instant('2022-06-01T00:00:00Z');
-    const d = durationBetween(now, past);
-    expect(formatElapsed(d)).toBe('2 years ago');
-  });
-});
diff --git a/src/lib/utils/temporal.ts b/src/lib/utils/temporal.ts
deleted file mode 100644
index 65a36070..00000000
--- a/src/lib/utils/temporal.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-export function durationBetween(from: Temporal.Instant, to: Temporal.Instant): Temporal.Duration {
-  const tz = Temporal.Now.timeZoneId();
-  return from.toZonedDateTimeISO(tz).until(to.toZonedDateTimeISO(tz), { largestUnit: 'year' });
-}
-
-export function formatDuration(duration: Temporal.Duration): string {
-  const abs = duration.abs();
-  const { years, months, days, hours, minutes, seconds } = abs;
-
-  if (years >= 1) return formatInterval('year', years);
-  if (months >= 1) return formatInterval('month', months);
-  if (days >= 1) return formatInterval('day', days);
-  if (hours >= 1) return formatInterval('hour', hours);
-  if (minutes >= 1) return formatInterval('minute', minutes);
-  return formatInterval('second', seconds);
-}
-
-export function formatElapsed(duration: Temporal.Duration): string {
-  const text = formatDuration(duration);
-  return duration.sign < 0 ? text + ' ago' : 'in ' + text;
-}
-
-function formatInterval(unit: string, interval: number): string {
-  return `${interval} ${unit}${interval !== 1 ? 's' : ''}`;
-}
diff --git a/src/lib/utils/time.test.ts b/src/lib/utils/time.test.ts
deleted file mode 100644
index aa5004d2..00000000
--- a/src/lib/utils/time.test.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { durationToString, elapsedToString } from './time';
-
-const MS_IN_SECOND = 1000;
-const MS_IN_MINUTE = 60 * MS_IN_SECOND;
-const MS_IN_HOUR = 60 * MS_IN_MINUTE;
-const MS_IN_DAY = 24 * MS_IN_HOUR;
-const MS_IN_MONTH = 30 * MS_IN_DAY;
-const MS_IN_YEAR = 365 * MS_IN_DAY;
-
-describe('durationToString', () => {
-  it('returns seconds when duration is less than one minute, with correct singular/plural', () => {
-    expect(durationToString(0)).toBe('0 seconds');
-    expect(durationToString(MS_IN_SECOND - 1)).toBe('0 seconds'); // 999 ms → 0 s
-    expect(durationToString(MS_IN_SECOND)).toBe('1 second');
-    expect(durationToString(2.5 * MS_IN_SECOND)).toBe('2 seconds'); // 2 500 ms → 2 s
-    expect(durationToString(59 * MS_IN_SECOND)).toBe('59 seconds');
-  });
-
-  it('returns minutes when duration is between one minute and one hour', () => {
-    expect(durationToString(MS_IN_MINUTE)).toBe('1 minute');
-    expect(durationToString(2 * MS_IN_MINUTE - 1)).toBe('1 minute'); // 119 999 ms → 1.999 min → floor → 1
-    expect(durationToString(2 * MS_IN_MINUTE)).toBe('2 minutes');
-    expect(durationToString(MS_IN_HOUR - 1)).toBe('59 minutes'); // 3 599 999 ms → 59.9999 min → floor → 59
-  });
-
-  it('returns hours when duration is between one hour and one day', () => {
-    expect(durationToString(MS_IN_HOUR)).toBe('1 hour');
-    expect(durationToString(1.5 * MS_IN_HOUR)).toBe('1 hour'); // 5 400 000 ms → 1.5 h → floor → 1
-    expect(durationToString(2 * MS_IN_HOUR)).toBe('2 hours');
-    expect(durationToString(MS_IN_DAY - 1)).toBe('23 hours'); // 86 399 999 ms → 23.999 h → floor → 23
-  });
-
-  it('returns days when duration is between one day and one month', () => {
-    expect(durationToString(MS_IN_DAY)).toBe('1 day');
-    expect(durationToString(2 * MS_IN_DAY)).toBe('2 days');
-    expect(durationToString(2.5 * MS_IN_DAY)).toBe('2 days'); // 216 000 000 ms → 2.5 d → floor → 2
-    expect(durationToString(MS_IN_MONTH - 1)).toBe('29 days'); // 2 591 999 999 ms → 29.999 d → floor → 29
-  });
-
-  it('returns months when duration is between one month and one year', () => {
-    expect(durationToString(MS_IN_MONTH)).toBe('1 month');
-    expect(durationToString(2 * MS_IN_MONTH)).toBe('2 months');
-    expect(durationToString(45 * MS_IN_DAY)).toBe('1 month'); // 45 d → 1.5 mo → floor → 1
-    expect(durationToString(MS_IN_YEAR - 1)).toBe('12 months'); // ~12.16 mo → floor → 12
-  });
-
-  it('returns years when duration is one year or more', () => {
-    expect(durationToString(MS_IN_YEAR)).toBe('1 year');
-    expect(durationToString(2 * MS_IN_YEAR)).toBe('2 years');
-    expect(durationToString(1.5 * MS_IN_YEAR)).toBe('1 year'); // 1.5 y → floor → 1
-    expect(durationToString(100_000_000_000)).toBe('3 years'); // ~3.17 y → floor → 3
-  });
-
-  it('treats negative inputs as positive when computing unit', () => {
-    expect(durationToString(-MS_IN_SECOND)).toBe('1 second');
-    expect(durationToString(-MS_IN_MINUTE)).toBe('1 minute');
-    expect(durationToString(-MS_IN_HOUR)).toBe('1 hour');
-  });
-});
-
-describe('elapsedToString', () => {
-  it('prefixes "in " when duration is non-negative', () => {
-    expect(elapsedToString(0)).toBe('in 0 seconds');
-    expect(elapsedToString(2 * MS_IN_SECOND)).toBe('in 2 seconds');
-    expect(elapsedToString(MS_IN_MINUTE)).toBe('in 1 minute');
-    expect(elapsedToString(2 * MS_IN_HOUR)).toBe('in 2 hours');
-  });
-
-  it('suffixes " ago" when duration is negative', () => {
-    expect(elapsedToString(-MS_IN_SECOND)).toBe('1 second ago');
-    expect(elapsedToString(-MS_IN_MINUTE)).toBe('1 minute ago');
-    expect(elapsedToString(-MS_IN_HOUR)).toBe('1 hour ago');
-    expect(elapsedToString(-2 * MS_IN_HOUR)).toBe('2 hours ago');
-  });
-});
-
-describe('durationToString — boundary and edge cases', () => {
-  it('returns "0 seconds" for sub-second durations regardless of sign', () => {
-    expect(durationToString(0)).toBe('0 seconds');
-    expect(durationToString(1)).toBe('0 seconds');
-    expect(durationToString(-1)).toBe('0 seconds');
-    expect(durationToString(-999)).toBe('0 seconds');
-  });
-
-  it('handles year/month/day/hour/minute/second exact boundaries', () => {
-    expect(durationToString(MS_IN_SECOND)).toBe('1 second');
-    expect(durationToString(MS_IN_MINUTE)).toBe('1 minute');
-    expect(durationToString(MS_IN_HOUR)).toBe('1 hour');
-    expect(durationToString(MS_IN_DAY)).toBe('1 day');
-    expect(durationToString(MS_IN_MONTH)).toBe('1 month');
-    expect(durationToString(MS_IN_YEAR)).toBe('1 year');
-  });
-
-  it('is consistent just below each boundary', () => {
-    // 60_000ms is exactly 1 minute. 59_999ms → seconds branch → 59 seconds
-    expect(durationToString(MS_IN_MINUTE - 1)).toBe('59 seconds');
-    // hour - 1 → minutes branch
-    expect(durationToString(MS_IN_HOUR - 1)).toBe('59 minutes');
-  });
-
-  it('handles very large values (centuries)', () => {
-    const result = durationToString(1000 * MS_IN_YEAR);
-    expect(result).toBe('1000 years');
-  });
-
-  it('handles Number.MAX_SAFE_INTEGER without throwing', () => {
-    const result = durationToString(Number.MAX_SAFE_INTEGER);
-    expect(result).toMatch(/^\d+ years$/);
-  });
-
-  it('handles Infinity by returning a years string', () => {
-    // Math.abs(Infinity) / 1000 = Infinity; Math.floor(Infinity) is Infinity → "Infinity year(s)"
-    const result = durationToString(Infinity);
-    expect(result).toBe('Infinity years');
-  });
-
-  it('handles -Infinity by treating absolute value', () => {
-    const result = durationToString(-Infinity);
-    expect(result).toBe('Infinity years');
-  });
-
-  it('handles NaN gracefully (NaN seconds → "NaN seconds")', () => {
-    // Math.floor(NaN) is NaN; Math.abs(NaN) is NaN; NaN / 1000 → NaN; comparisons all false
-    expect(durationToString(NaN)).toBe('NaN seconds');
-  });
-});
-
-describe('elapsedToString — boundary and edge cases', () => {
-  it('treats 0 as non-negative ("in 0 seconds")', () => {
-    expect(elapsedToString(0)).toBe('in 0 seconds');
-  });
-
-  it('handles -0 as non-negative (since -0 < 0 is false)', () => {
-    expect(elapsedToString(-0)).toBe('in 0 seconds');
-  });
-
-  it('handles a negative sub-second value (still non-zero negative)', () => {
-    // -500ms → isNegative true → "0 seconds ago"
-    expect(elapsedToString(-500)).toBe('0 seconds ago');
-  });
-
-  it('formats large positive year value', () => {
-    expect(elapsedToString(2 * MS_IN_YEAR)).toBe('in 2 years');
-  });
-
-  it('formats large negative year value', () => {
-    expect(elapsedToString(-2 * MS_IN_YEAR)).toBe('2 years ago');
-  });
-
-  it('handles NaN (NaN < 0 is false → "in" prefix)', () => {
-    expect(elapsedToString(NaN)).toBe('in NaN seconds');
-  });
-});
diff --git a/src/lib/utils/time.ts b/src/lib/utils/time.ts
deleted file mode 100644
index a9b5cd59..00000000
--- a/src/lib/utils/time.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-function formatInterval(unit: string, interval: number) {
-  interval = Math.floor(interval);
-  return interval + ' ' + unit + (interval != 1 ? 's' : '');
-}
-
-export function durationToString(durationMs: number) {
-  const seconds = Math.floor(Math.abs(durationMs) / 1000);
-
-  let interval = seconds / 31536000;
-  if (interval >= 1) return formatInterval('year', interval);
-
-  interval = seconds / 2592000;
-  if (interval >= 1) return formatInterval('month', interval);
-
-  interval = seconds / 86400;
-  if (interval >= 1) return formatInterval('day', interval);
-
-  interval = seconds / 3600;
-  if (interval >= 1) return formatInterval('hour', interval);
-
-  interval = seconds / 60;
-  if (interval >= 1) return formatInterval('minute', interval);
-
-  return formatInterval('second', seconds);
-}
-
-export function elapsedToString(elapsedMs: number) {
-  const isNegative = elapsedMs < 0;
-  const duration = durationToString(elapsedMs);
-
-  return isNegative ? duration + ' ago' : 'in ' + duration;
-}
-
-/**
- * Formats a shocker control/limit duration (given in seconds) for display: always
- * in seconds with an `s` unit, rounded to one decimal (durations step in 0.1s),
- * dropping a trailing `.0` for whole numbers. e.g. 15 -> "15s", 1.5 -> "1.5s".
- */
-export function formatDurationSeconds(seconds: number) {
-  return `${Math.round(seconds * 10) / 10}s`;
-}
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index a8775d51..fb1a9840 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -2,8 +2,8 @@
   import { goto } from '$app/navigation';
   import { resolve } from '$app/paths';
   import { page } from '$app/state';
-  import Container from '$lib/components/Container.svelte';
-  import { Spinner } from '$lib/components/ui/spinner';
+  import { Container } from '@openshock/svelte-core/components';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
   import { AuthStatus, authState } from '$lib/state/auth-state.svelte';
   import type { Snippet } from 'svelte';
 
diff --git a/src/routes/(app)/admin/+layout.svelte b/src/routes/(app)/admin/+layout.svelte
index a46a21a5..4ef8ff6a 100644
--- a/src/routes/(app)/admin/+layout.svelte
+++ b/src/routes/(app)/admin/+layout.svelte
@@ -5,7 +5,7 @@
 
 <script lang="ts">
   import { resolve } from '$app/paths';
-  import { Button } from '$lib/components/ui/button';
+  import { Button } from '@openshock/svelte-core/ui/button';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { userState } from '$lib/state/user-state.svelte';
   import type { Snippet } from 'svelte';
diff --git a/src/routes/(app)/admin/blacklists/+page.svelte b/src/routes/(app)/admin/blacklists/+page.svelte
index 5f4b22ae..d10382cb 100644
--- a/src/routes/(app)/admin/blacklists/+page.svelte
+++ b/src/routes/(app)/admin/blacklists/+page.svelte
@@ -10,17 +10,17 @@
   } from '$lib/api';
   import type { EmailProviderBlacklistDto, UserNameBlacklistDto } from '$lib/api';
   import { Trash2 } from '@lucide/svelte';
-  import Container from '$lib/components/Container.svelte';
-  import TextInput from '$lib/components/input/TextInput.svelte';
-  import { Button } from '$lib/components/ui/button';
+  import { Container } from '@openshock/svelte-core/components';
+  import { TextInput } from '@openshock/svelte-core/components/input';
+  import { Button } from '@openshock/svelte-core/ui/button';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
-  import { Card, CardContent, CardHeader, CardTitle } from '$lib/components/ui/card';
-  import { ScrollArea } from '$lib/components/ui/scroll-area';
-  import * as Select from '$lib/components/ui/select';
-  import { Separator } from '$lib/components/ui/separator';
+  import { Card, CardContent, CardHeader, CardTitle } from '@openshock/svelte-core/ui/card';
+  import { ScrollArea } from '@openshock/svelte-core/ui/scroll-area';
+  import * as Select from '@openshock/svelte-core/ui/select';
+  import { Separator } from '@openshock/svelte-core/ui/separator';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import type { ValidationResult } from '$lib/types/ValidationResult';
-  import { useDebounce } from '$lib/utils/debounce';
+  import type { ValidationResult } from '@openshock/svelte-core/types/ValidationResult';
+  import { useDebounce } from '@openshock/svelte-core/utils/debounce';
 
   registerBreadcrumbs(() => [{ label: 'Blacklists' }]);
 
diff --git a/src/routes/(app)/admin/config/+page.svelte b/src/routes/(app)/admin/config/+page.svelte
index 911f3595..c7b5bf04 100644
--- a/src/routes/(app)/admin/config/+page.svelte
+++ b/src/routes/(app)/admin/config/+page.svelte
@@ -3,7 +3,7 @@
   import type { ColumnDef } from '@tanstack/table-core';
   import { adminConfigurationList } from '$lib/api';
   import type { ConfigurationItemDto } from '$lib/api';
-  import Container from '$lib/components/Container.svelte';
+  import { Container } from '@openshock/svelte-core/components';
   import {
     CreateActionsColumnDef,
     CreateSortableColumnDef,
@@ -12,8 +12,8 @@
   } from '$lib/components/Table/ColumnUtils';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import DataTable from '$lib/components/Table/DataTableTemplate.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import { CardHeader, CardTitle } from '$lib/components/ui/card';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import { CardHeader, CardTitle } from '@openshock/svelte-core/ui/card';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { onMount } from 'svelte';
   import DataTableActions from './data-table-actions.svelte';
diff --git a/src/routes/(app)/admin/config/data-table-actions.svelte b/src/routes/(app)/admin/config/data-table-actions.svelte
index f2772648..64fd7ae0 100644
--- a/src/routes/(app)/admin/config/data-table-actions.svelte
+++ b/src/routes/(app)/admin/config/data-table-actions.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { ConfigurationItemDto } from '$lib/api';
-  import TableActionMenu from '$lib/components/TableActionMenu.svelte';
-  import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
+  import { TableActionMenu } from '@openshock/svelte-core/components';
+  import * as DropdownMenu from '@openshock/svelte-core/ui/dropdown-menu';
   import ItemDeleteDialog from './dialog-item-delete.svelte';
   import ItemEditDialog from './dialog-item-edit.svelte';
 
diff --git a/src/routes/(app)/admin/config/dialog-item-add.svelte b/src/routes/(app)/admin/config/dialog-item-add.svelte
index 3edbea12..957d7a72 100644
--- a/src/routes/(app)/admin/config/dialog-item-add.svelte
+++ b/src/routes/(app)/admin/config/dialog-item-add.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
   import { ConfigurationValueType, adminConfigurationAdd } from '$lib/api';
-  import TextInput from '$lib/components/input/TextInput.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
-  import * as Select from '$lib/components/ui/select';
+  import { TextInput } from '@openshock/svelte-core/components/input';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
+  import * as Select from '@openshock/svelte-core/ui/select';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import type { ValidationResult } from '$lib/types/ValidationResult';
+  import type { ValidationResult } from '@openshock/svelte-core/types/ValidationResult';
   import { toast } from 'svelte-sonner';
 
   interface Props {
diff --git a/src/routes/(app)/admin/config/dialog-item-delete.svelte b/src/routes/(app)/admin/config/dialog-item-delete.svelte
index d8a96cb9..84367f4d 100644
--- a/src/routes/(app)/admin/config/dialog-item-delete.svelte
+++ b/src/routes/(app)/admin/config/dialog-item-delete.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { adminConfigurationDelete } from '$lib/api';
   import type { ConfigurationItemDto } from '$lib/api';
-  import ConfirmDeleteDialog from '$lib/components/ConfirmDeleteDialog.svelte';
+  import { ConfirmDeleteDialog } from '@openshock/svelte-core/components';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { toast } from 'svelte-sonner';
 
diff --git a/src/routes/(app)/admin/config/dialog-item-edit.svelte b/src/routes/(app)/admin/config/dialog-item-edit.svelte
index 16678c9c..7703eef5 100644
--- a/src/routes/(app)/admin/config/dialog-item-edit.svelte
+++ b/src/routes/(app)/admin/config/dialog-item-edit.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import { adminConfigurationUpdate } from '$lib/api';
   import type { ConfigurationItemDto } from '$lib/api';
-  import TextInput from '$lib/components/input/TextInput.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import { TextInput } from '@openshock/svelte-core/components/input';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { toast } from 'svelte-sonner';
 
diff --git a/src/routes/(app)/admin/online-hubs/+page.svelte b/src/routes/(app)/admin/online-hubs/+page.svelte
index 89b372df..20beb9ac 100644
--- a/src/routes/(app)/admin/online-hubs/+page.svelte
+++ b/src/routes/(app)/admin/online-hubs/+page.svelte
@@ -2,10 +2,10 @@
   import RotateCcw from '@lucide/svelte/icons/rotate-ccw';
   import type { ColumnFiltersState, SortingState } from '@tanstack/table-core';
   import { adminGetOnlineDevices } from '$lib/api';
-  import Container from '$lib/components/Container.svelte';
+  import { Container } from '@openshock/svelte-core/components';
   import DataTable from '$lib/components/Table/DataTableTemplate.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Card from '$lib/components/ui/card';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { SemVer } from 'semver';
   import { onMount } from 'svelte';
diff --git a/src/routes/(app)/admin/online-hubs/data-table-actions.svelte b/src/routes/(app)/admin/online-hubs/data-table-actions.svelte
index 87ebedab..2e1007f9 100644
--- a/src/routes/(app)/admin/online-hubs/data-table-actions.svelte
+++ b/src/routes/(app)/admin/online-hubs/data-table-actions.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import { goto } from '$app/navigation';
   import { resolve } from '$app/paths';
-  import TableActionMenu from '$lib/components/TableActionMenu.svelte';
-  import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
-  import { copyToClipboard } from '$lib/utils/clipboard.svelte';
+  import { TableActionMenu } from '@openshock/svelte-core/components';
+  import * as DropdownMenu from '@openshock/svelte-core/ui/dropdown-menu';
+  import { copyToClipboard } from '@openshock/svelte-core/utils/clipboard.svelte';
   import { Copy, Pencil, Trash2, User } from '@lucide/svelte';
   import type { OnlineHub } from './columns';
 
diff --git a/src/routes/(app)/admin/users/+page.svelte b/src/routes/(app)/admin/users/+page.svelte
index 338e74cd..15f8c1bf 100644
--- a/src/routes/(app)/admin/users/+page.svelte
+++ b/src/routes/(app)/admin/users/+page.svelte
@@ -67,14 +67,14 @@
 
 <script lang="ts">
   import type { SortingState } from '@tanstack/table-core';
-  import Container from '$lib/components/Container.svelte';
+  import { Container } from '@openshock/svelte-core/components';
   import DataTable from '$lib/components/Table/DataTableTemplate.svelte';
   import PaginationFooter from '$lib/components/Table/PaginationFooter.svelte';
-  import { CardHeader, CardTitle } from '$lib/components/ui/card';
-  import { Input } from '$lib/components/ui/input';
+  import { CardHeader, CardTitle } from '@openshock/svelte-core/ui/card';
+  import { Input } from '@openshock/svelte-core/ui/input';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
-  import { useDebounce } from '$lib/utils/debounce';
+  import { useDebounce } from '@openshock/svelte-core/utils/debounce';
 
   registerBreadcrumbs(() => [{ label: 'Users' }]);
 
diff --git a/src/routes/(app)/admin/users/[userId]/+page.svelte b/src/routes/(app)/admin/users/[userId]/+page.svelte
index 5c9928ed..07420d10 100644
--- a/src/routes/(app)/admin/users/[userId]/+page.svelte
+++ b/src/routes/(app)/admin/users/[userId]/+page.svelte
@@ -2,9 +2,9 @@
   import { page } from '$app/state';
   import { adminGetUsers } from '$lib/api';
   import type { AdminUsersView, AdminUsersViewPaginated } from '$lib/api';
-  import Container from '$lib/components/Container.svelte';
-  import EmptyState from '$lib/components/EmptyState.svelte';
-  import { Spinner } from '$lib/components/ui/spinner';
+  import { Container } from '@openshock/svelte-core/components';
+  import { EmptyState } from '@openshock/svelte-core/components';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import UserX from '@lucide/svelte/icons/user-x';
diff --git a/src/routes/(app)/admin/users/data-table-actions.svelte b/src/routes/(app)/admin/users/data-table-actions.svelte
index 85378938..5d93edcb 100644
--- a/src/routes/(app)/admin/users/data-table-actions.svelte
+++ b/src/routes/(app)/admin/users/data-table-actions.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import { RoleType } from '$lib/api';
   import type { AdminUsersView } from '$lib/api';
-  import TableActionMenu from '$lib/components/TableActionMenu.svelte';
-  import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
-  import { copyToClipboard } from '$lib/utils/clipboard.svelte';
+  import { TableActionMenu } from '@openshock/svelte-core/components';
+  import * as DropdownMenu from '@openshock/svelte-core/ui/dropdown-menu';
+  import { copyToClipboard } from '@openshock/svelte-core/utils/clipboard.svelte';
   import { Copy, KeyRound, Pencil, ShieldPlus, Trash2 } from '@lucide/svelte';
   import UserDeleteDialog from './dialog-user-delete.svelte';
   import UserEditDialog from './dialog-user-edit.svelte';
diff --git a/src/routes/(app)/admin/users/dialog-user-delete.svelte b/src/routes/(app)/admin/users/dialog-user-delete.svelte
index aea4e56a..844c03ef 100644
--- a/src/routes/(app)/admin/users/dialog-user-delete.svelte
+++ b/src/routes/(app)/admin/users/dialog-user-delete.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { adminDeleteUser } from '$lib/api';
   import type { AdminUsersView } from '$lib/api';
-  import ConfirmDeleteDialog from '$lib/components/ConfirmDeleteDialog.svelte';
+  import { ConfirmDeleteDialog } from '@openshock/svelte-core/components';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { toast } from 'svelte-sonner';
 
diff --git a/src/routes/(app)/admin/users/dialog-user-edit.svelte b/src/routes/(app)/admin/users/dialog-user-edit.svelte
index f898f7d7..4de21314 100644
--- a/src/routes/(app)/admin/users/dialog-user-edit.svelte
+++ b/src/routes/(app)/admin/users/dialog-user-edit.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
   import { RoleType, adminModifyUser } from '$lib/api';
   import type { AdminUsersView } from '$lib/api';
-  import EmailInput from '$lib/components/input/EmailInput.svelte';
+  import { EmailInput } from '@openshock/svelte-core/components/input';
   import UsernameInput from '$lib/components/input/UsernameInput.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import { Checkbox } from '$lib/components/ui/checkbox';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import { Checkbox } from '@openshock/svelte-core/ui/checkbox';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
 
   interface Props {
diff --git a/src/routes/(app)/admin/webhooks/+page.svelte b/src/routes/(app)/admin/webhooks/+page.svelte
index e8fd026a..40a3f6f0 100644
--- a/src/routes/(app)/admin/webhooks/+page.svelte
+++ b/src/routes/(app)/admin/webhooks/+page.svelte
@@ -4,7 +4,7 @@
   import type { ColumnDef } from '@tanstack/table-core';
   import { adminListWebhooks } from '$lib/api';
   import type { WebhookDto } from '$lib/api';
-  import Container from '$lib/components/Container.svelte';
+  import { Container } from '@openshock/svelte-core/components';
   import {
     CreateActionsColumnDef,
     CreateSortableColumnDef,
@@ -12,8 +12,8 @@
     RenderCell,
   } from '$lib/components/Table/ColumnUtils';
   import DataTable from '$lib/components/Table/DataTableTemplate.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import { CardHeader, CardTitle } from '$lib/components/ui/card';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import { CardHeader, CardTitle } from '@openshock/svelte-core/ui/card';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { onMount } from 'svelte';
   import DataTableActions from './data-table-actions.svelte';
diff --git a/src/routes/(app)/admin/webhooks/data-table-actions.svelte b/src/routes/(app)/admin/webhooks/data-table-actions.svelte
index 72d916bc..4f0fe10a 100644
--- a/src/routes/(app)/admin/webhooks/data-table-actions.svelte
+++ b/src/routes/(app)/admin/webhooks/data-table-actions.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import type { WebhookDto } from '$lib/api';
-  import TableActionMenu from '$lib/components/TableActionMenu.svelte';
-  import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
-  import { copyToClipboard } from '$lib/utils/clipboard.svelte';
+  import { TableActionMenu } from '@openshock/svelte-core/components';
+  import * as DropdownMenu from '@openshock/svelte-core/ui/dropdown-menu';
+  import { copyToClipboard } from '@openshock/svelte-core/utils/clipboard.svelte';
   import { Copy, Pencil, Trash2 } from '@lucide/svelte';
   import WebhookDeleteDialog from './dialog-webhook-delete.svelte';
 
diff --git a/src/routes/(app)/admin/webhooks/dialog-webhook-add.svelte b/src/routes/(app)/admin/webhooks/dialog-webhook-add.svelte
index a79ed8fd..ba9eed9f 100644
--- a/src/routes/(app)/admin/webhooks/dialog-webhook-add.svelte
+++ b/src/routes/(app)/admin/webhooks/dialog-webhook-add.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { adminAddWebhook } from '$lib/api';
-  import TextInput from '$lib/components/input/TextInput.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import { TextInput } from '@openshock/svelte-core/components/input';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import type { ValidationResult } from '$lib/types/ValidationResult';
+  import type { ValidationResult } from '@openshock/svelte-core/types/ValidationResult';
   import { toast } from 'svelte-sonner';
 
   interface Props {
diff --git a/src/routes/(app)/admin/webhooks/dialog-webhook-delete.svelte b/src/routes/(app)/admin/webhooks/dialog-webhook-delete.svelte
index 06e0624b..6c946ec3 100644
--- a/src/routes/(app)/admin/webhooks/dialog-webhook-delete.svelte
+++ b/src/routes/(app)/admin/webhooks/dialog-webhook-delete.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { adminRemoveWebhook } from '$lib/api';
   import type { WebhookDto } from '$lib/api';
-  import ConfirmDeleteDialog from '$lib/components/ConfirmDeleteDialog.svelte';
+  import { ConfirmDeleteDialog } from '@openshock/svelte-core/components';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { toast } from 'svelte-sonner';
 
diff --git a/src/routes/(app)/hangfire/+page.svelte b/src/routes/(app)/hangfire/+page.svelte
index 568e43b8..a6ba014c 100644
--- a/src/routes/(app)/hangfire/+page.svelte
+++ b/src/routes/(app)/hangfire/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import Container from '$lib/components/Container.svelte';
+  import { Container } from '@openshock/svelte-core/components';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
 
   registerBreadcrumbs(() => [{ label: 'Hangfire' }]);
diff --git a/src/routes/(app)/home/+page.svelte b/src/routes/(app)/home/+page.svelte
index 43485917..a4abc8cd 100644
--- a/src/routes/(app)/home/+page.svelte
+++ b/src/routes/(app)/home/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import { Link, Router, Share2, Zap } from '@lucide/svelte';
   import { resolve } from '$app/paths';
-  import Container from '$lib/components/Container.svelte';
-  import * as Card from '$lib/components/ui/card';
-  import { Button } from '$lib/components/ui/button';
+  import { Container } from '@openshock/svelte-core/components';
+  import * as Card from '@openshock/svelte-core/ui/card';
+  import { Button } from '@openshock/svelte-core/ui/button';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { userState } from '$lib/state/user-state.svelte';
   import { onlineHubs, ownHubs, refreshOwnHubs } from '$lib/state/hubs-state.svelte';
diff --git a/src/routes/(app)/hubs/+page.svelte b/src/routes/(app)/hubs/+page.svelte
index cf016d59..4c56fb11 100644
--- a/src/routes/(app)/hubs/+page.svelte
+++ b/src/routes/(app)/hubs/+page.svelte
@@ -2,22 +2,22 @@
   import { devicesCreateDeviceV2 } from '$lib/api';
   import { Plus, Router } from '@lucide/svelte';
   import RotateCcw from '@lucide/svelte/icons/rotate-ccw';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import * as Table from '$lib/components/ui/table';
-  import { IsMobile } from '$lib/hooks/is-mobile.svelte';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Table from '@openshock/svelte-core/ui/table';
+  import { IsMobile } from '@openshock/svelte-core/hooks/is-mobile.svelte';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { onlineHubs, ownHubs, refreshOwnHubs } from '$lib/state/hubs-state.svelte';
   import { onMount } from 'svelte';
   import type { Hub } from './columns';
   import DataTableActions from './data-table-actions.svelte';
-  import { dialog } from '$lib/components/dialog-manager/dialog-store.svelte';
-  import type { DialogRenderProps } from '$lib/components/dialog-manager/types';
+  import { dialog } from '@openshock/svelte-core/components/dialog-manager';
+  import type { DialogRenderProps } from '@openshock/svelte-core/components/dialog-manager';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
 
-  import * as Dialog from '$lib/components/ui/dialog';
-  import TextInput from '$lib/components/input/TextInput.svelte';
-  import PageHeader from '$lib/components/PageHeader.svelte';
-  import Container from '$lib/components/Container.svelte';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
+  import { TextInput } from '@openshock/svelte-core/components/input';
+  import { PageHeader } from '@openshock/svelte-core/components';
+  import { Container } from '@openshock/svelte-core/components';
 
   const isMobile = new IsMobile();
 
diff --git a/src/routes/(app)/hubs/[hubId=guid]/update/+page.svelte b/src/routes/(app)/hubs/[hubId=guid]/update/+page.svelte
index 8cd5dfb6..a0127fd7 100644
--- a/src/routes/(app)/hubs/[hubId=guid]/update/+page.svelte
+++ b/src/routes/(app)/hubs/[hubId=guid]/update/+page.svelte
@@ -59,12 +59,12 @@
   import { CircleCheck, CircleX, CloudDownload, RotateCcw, TriangleAlert } from '@lucide/svelte';
   import { page } from '$app/state';
   import FirmwareChannelSelector from '$lib/components/FirmwareChannelSelector.svelte';
-  import { Badge } from '$lib/components/ui/badge';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import * as Card from '$lib/components/ui/card';
-  import * as Dialog from '$lib/components/ui/dialog';
-  import { Progress } from '$lib/components/ui/progress';
-  import * as Table from '$lib/components/ui/table';
+  import { Badge } from '@openshock/svelte-core/ui/badge';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
+  import { Progress } from '@openshock/svelte-core/ui/progress';
+  import * as Table from '@openshock/svelte-core/ui/table';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { getConnection } from '$lib/signalr/user.svelte';
   import { serializeOtaInstallMessage } from '$lib/signalr/serializers/OtaInstall';
@@ -75,11 +75,11 @@
     ownHubs,
     refreshOwnHubs,
   } from '$lib/state/hubs-state.svelte';
-  import { cn } from '$lib/utils';
-  import { NumberToHexPadded } from '$lib/utils/convert';
+  import { cn } from '@openshock/svelte-core/utils/shadcn';
+  import { NumberToHexPadded } from '@openshock/svelte-core/utils/convert';
   import { onMount } from 'svelte';
   import type { FirmwareChannel } from '$lib/api/firmwareCDN';
-  import PageHeader from '$lib/components/PageHeader.svelte';
+  import { PageHeader } from '@openshock/svelte-core/components';
 
   let hubLoaded = $state(false);
   let otaLogs = $state<OtaItem[]>([]);
diff --git a/src/routes/(app)/hubs/data-table-actions.svelte b/src/routes/(app)/hubs/data-table-actions.svelte
index 0abbc84c..0ce85ccc 100644
--- a/src/routes/(app)/hubs/data-table-actions.svelte
+++ b/src/routes/(app)/hubs/data-table-actions.svelte
@@ -6,22 +6,22 @@
     devicesRemoveDevice,
   } from '$lib/api';
   import { goto } from '$app/navigation';
-  import CopyInput from '$lib/components/CopyInput.svelte';
-  import { dialog } from '$lib/components/dialog-manager/dialog-store.svelte';
-  import type { DialogRenderProps } from '$lib/components/dialog-manager/types';
-  import TextInput from '$lib/components/input/TextInput.svelte';
-  import TableActionMenu from '$lib/components/TableActionMenu.svelte';
-  import { Badge } from '$lib/components/ui/badge';
-  import { Button } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
-  import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
+  import { CopyInput } from '@openshock/svelte-core/components';
+  import { dialog } from '@openshock/svelte-core/components/dialog-manager';
+  import type { DialogRenderProps } from '@openshock/svelte-core/components/dialog-manager';
+  import { TextInput } from '@openshock/svelte-core/components/input';
+  import { TableActionMenu } from '@openshock/svelte-core/components';
+  import { Badge } from '@openshock/svelte-core/ui/badge';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
+  import * as DropdownMenu from '@openshock/svelte-core/ui/dropdown-menu';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { getConnection } from '$lib/signalr/user.svelte';
   import { serializeCaptivePortalMessage } from '$lib/signalr/serializers/CaptivePortal';
   import { serializeEmergencyStopMessage } from '$lib/signalr/serializers/EmergencyStop';
   import { serializeRebootMessage } from '$lib/signalr/serializers/Reboot';
   import { refreshOwnHubs } from '$lib/state/hubs-state.svelte';
-  import { copyToClipboard } from '$lib/utils/clipboard.svelte';
+  import { copyToClipboard } from '@openshock/svelte-core/utils/clipboard.svelte';
   import {
     Copy,
     KeyRound,
diff --git a/src/routes/(app)/profile/+page.svelte b/src/routes/(app)/profile/+page.svelte
index 84f6ce2d..369265a0 100644
--- a/src/routes/(app)/profile/+page.svelte
+++ b/src/routes/(app)/profile/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import Container from '$lib/components/Container.svelte';
+  import { Container } from '@openshock/svelte-core/components';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
 
   registerBreadcrumbs(() => [{ label: 'Profile' }]);
diff --git a/src/routes/(app)/settings/account/+page.svelte b/src/routes/(app)/settings/account/+page.svelte
index aa6f9817..531afc75 100644
--- a/src/routes/(app)/settings/account/+page.svelte
+++ b/src/routes/(app)/settings/account/+page.svelte
@@ -4,9 +4,9 @@
   import Mail from '@lucide/svelte/icons/mail';
   import User from '@lucide/svelte/icons/user';
   import { PUBLIC_SIGNOZ_LOGS_ENABLED } from '$env/static/public';
-  import Container from '$lib/components/Container.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import { ToggleGroup, ToggleGroupItem } from '$lib/components/ui/toggle-group';
+  import { Container } from '@openshock/svelte-core/components';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import { ToggleGroup, ToggleGroupItem } from '@openshock/svelte-core/ui/toggle-group';
   import {
     telemetryConsent,
     telemetryPrompted,
diff --git a/src/routes/(app)/settings/account/DangerZone.svelte b/src/routes/(app)/settings/account/DangerZone.svelte
index 51eadbda..c8f87d91 100644
--- a/src/routes/(app)/settings/account/DangerZone.svelte
+++ b/src/routes/(app)/settings/account/DangerZone.svelte
@@ -2,8 +2,8 @@
   import { goto } from '$app/navigation';
   import { resolve } from '$app/paths';
   import { authenticatedAccountDeactivate } from '$lib/api';
-  import { Button } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { toast } from 'svelte-sonner';
 
diff --git a/src/routes/(app)/settings/account/dialog-email-change.svelte b/src/routes/(app)/settings/account/dialog-email-change.svelte
index 57583da5..183e2963 100644
--- a/src/routes/(app)/settings/account/dialog-email-change.svelte
+++ b/src/routes/(app)/settings/account/dialog-email-change.svelte
@@ -2,10 +2,10 @@
   import { authenticatedAccountChangeEmail } from '$lib/api';
   import KeyRound from '@lucide/svelte/icons/key-round';
   import Mail from '@lucide/svelte/icons/mail';
-  import EmailInput from '$lib/components/input/EmailInput.svelte';
-  import PasswordInput from '$lib/components/input/PasswordInput.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import { EmailInput } from '@openshock/svelte-core/components/input';
+  import { PasswordInput } from '@openshock/svelte-core/components/input';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import type { ApiUserSelf } from '$lib/types/ApiUser';
   import { toast } from 'svelte-sonner';
diff --git a/src/routes/(app)/settings/account/dialog-password-change.svelte b/src/routes/(app)/settings/account/dialog-password-change.svelte
index 4d37c145..4ed1d098 100644
--- a/src/routes/(app)/settings/account/dialog-password-change.svelte
+++ b/src/routes/(app)/settings/account/dialog-password-change.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
   import { authenticatedAccountChangePassword } from '$lib/api';
   import KeyRound from '@lucide/svelte/icons/key-round';
-  import PasswordInput from '$lib/components/input/PasswordInput.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import { PasswordInput } from '@openshock/svelte-core/components/input';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import { validatePasswordMatch } from '$lib/inputvalidation/passwordValidator';
+  import { validatePasswordMatch } from '@openshock/svelte-core/inputvalidation/passwordValidator';
   import { toast } from 'svelte-sonner';
 
   interface Props {
diff --git a/src/routes/(app)/settings/account/dialog-username-change.svelte b/src/routes/(app)/settings/account/dialog-username-change.svelte
index 14b73bcd..f7cbe0d9 100644
--- a/src/routes/(app)/settings/account/dialog-username-change.svelte
+++ b/src/routes/(app)/settings/account/dialog-username-change.svelte
@@ -2,8 +2,8 @@
   import { authenticatedAccountChangeUsername } from '$lib/api';
   import User from '@lucide/svelte/icons/user';
   import UsernameInput from '$lib/components/input/UsernameInput.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { userState } from '$lib/state/user-state.svelte';
   import type { ApiUserSelf } from '$lib/types/ApiUser';
diff --git a/src/routes/(app)/settings/api-tokens/+page.svelte b/src/routes/(app)/settings/api-tokens/+page.svelte
index c6a2b7b0..482d8c1e 100644
--- a/src/routes/(app)/settings/api-tokens/+page.svelte
+++ b/src/routes/(app)/settings/api-tokens/+page.svelte
@@ -6,7 +6,7 @@
   import RotateCcw from '@lucide/svelte/icons/rotate-ccw';
   import type { SortingState } from '@tanstack/table-core';
   import type { ColumnDef } from '@tanstack/table-core';
-  import Container from '$lib/components/Container.svelte';
+  import { Container } from '@openshock/svelte-core/components';
   import {
     CreateActionsColumnDef,
     CreateColumnDef,
@@ -16,8 +16,8 @@
     TimeSinceRelativeOrNeverRenderer,
   } from '$lib/components/Table/ColumnUtils';
   import DataTable from '$lib/components/Table/DataTableTemplate.svelte';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import * as Card from '$lib/components/ui/card';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { onMount } from 'svelte';
   import { toast } from 'svelte-sonner';
diff --git a/src/routes/(app)/settings/api-tokens/data-table-actions.svelte b/src/routes/(app)/settings/api-tokens/data-table-actions.svelte
index 2286febf..4c20bf34 100644
--- a/src/routes/(app)/settings/api-tokens/data-table-actions.svelte
+++ b/src/routes/(app)/settings/api-tokens/data-table-actions.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
   import { tokenDeleteDeleteToken, tokensSetTokenPaused } from '$lib/api';
   import type { TokenResponseV2 } from '$lib/api';
-  import { dialog } from '$lib/components/dialog-manager/dialog-store.svelte';
-  import type { DialogRenderProps } from '$lib/components/dialog-manager/types';
-  import TableActionMenu from '$lib/components/TableActionMenu.svelte';
-  import { buttonVariants } from '$lib/components/ui/button';
-  import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
-  import * as Tooltip from '$lib/components/ui/tooltip';
+  import { dialog } from '@openshock/svelte-core/components/dialog-manager';
+  import type { DialogRenderProps } from '@openshock/svelte-core/components/dialog-manager';
+  import { TableActionMenu } from '@openshock/svelte-core/components';
+  import { buttonVariants } from '@openshock/svelte-core/ui/button';
+  import * as DropdownMenu from '@openshock/svelte-core/ui/dropdown-menu';
+  import * as Tooltip from '@openshock/svelte-core/ui/tooltip';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import { cn } from '$lib/utils';
-  import { copyToClipboard } from '$lib/utils/clipboard.svelte';
+  import { cn } from '@openshock/svelte-core/utils/shadcn';
+  import { copyToClipboard } from '@openshock/svelte-core/utils/clipboard.svelte';
   import Pause from '@lucide/svelte/icons/pause';
   import Play from '@lucide/svelte/icons/play';
   import { Copy, Pencil, Trash2 } from '@lucide/svelte';
diff --git a/src/routes/(app)/settings/api-tokens/dialog-token-edit.svelte b/src/routes/(app)/settings/api-tokens/dialog-token-edit.svelte
index a45b03cc..a8982f64 100644
--- a/src/routes/(app)/settings/api-tokens/dialog-token-edit.svelte
+++ b/src/routes/(app)/settings/api-tokens/dialog-token-edit.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
   import { PermissionType, tokensEditTokenV2 } from '$lib/api';
   import type { ShockerControlSettings, TokenResponseV2 } from '$lib/api';
-  import type { DialogContentProps } from '$lib/components/dialog-manager/types';
-  import TextInput from '$lib/components/input/TextInput.svelte';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import type { DialogContentProps } from '@openshock/svelte-core/components/dialog-manager';
+  import { TextInput } from '@openshock/svelte-core/components/input';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import type { ValidationResult } from '$lib/types/ValidationResult';
+  import type { ValidationResult } from '@openshock/svelte-core/types/ValidationResult';
   import { toast } from 'svelte-sonner';
   import ShockerControlSettingsEditor from './shocker-control-settings.svelte';
 
diff --git a/src/routes/(app)/settings/api-tokens/new/+page.svelte b/src/routes/(app)/settings/api-tokens/new/+page.svelte
index 003d797c..3c0598b6 100644
--- a/src/routes/(app)/settings/api-tokens/new/+page.svelte
+++ b/src/routes/(app)/settings/api-tokens/new/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts" module>
   import { PermissionType } from '$lib/api';
-  import type { ValidationResult } from '$lib/types/ValidationResult';
+  import type { ValidationResult } from '@openshock/svelte-core/types/ValidationResult';
 
   type PermissionCategory = {
     name: string;
@@ -37,13 +37,13 @@
   import { page } from '$app/state';
   import { ControlLimitMode, tokensCreateTokenV2 } from '$lib/api';
   import type { ShockerControlSettings } from '$lib/api';
-  import Container from '$lib/components/Container.svelte';
-  import CopyInput from '$lib/components/CopyInput.svelte';
+  import { Container } from '@openshock/svelte-core/components';
+  import { CopyInput } from '@openshock/svelte-core/components';
   import ExpirationPicker from '$lib/components/ExpirationPicker.svelte';
-  import TextInput from '$lib/components/input/TextInput.svelte';
-  import { Spinner } from '$lib/components/ui/spinner';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import * as Card from '$lib/components/ui/card/index.js';
+  import { TextInput } from '@openshock/svelte-core/components/input';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { isValidTokenRedirectUri } from '$lib/utils/url';
diff --git a/src/routes/(app)/settings/api-tokens/shocker-control-settings.svelte b/src/routes/(app)/settings/api-tokens/shocker-control-settings.svelte
index df59f23a..9ac007a3 100644
--- a/src/routes/(app)/settings/api-tokens/shocker-control-settings.svelte
+++ b/src/routes/(app)/settings/api-tokens/shocker-control-settings.svelte
@@ -22,11 +22,11 @@
 </script>
 
 <script lang="ts">
-  import { Label } from '$lib/components/ui/label';
-  import { Slider } from '$lib/components/ui/slider';
-  import { Switch } from '$lib/components/ui/switch';
-  import * as ToggleGroup from '$lib/components/ui/toggle-group';
-  import * as Tooltip from '$lib/components/ui/tooltip';
+  import { Label } from '@openshock/svelte-core/ui/label';
+  import { Slider } from '@openshock/svelte-core/ui/slider';
+  import { Switch } from '@openshock/svelte-core/ui/switch';
+  import * as ToggleGroup from '@openshock/svelte-core/ui/toggle-group';
+  import * as Tooltip from '@openshock/svelte-core/ui/tooltip';
 
   interface Props {
     settings: ShockerControlSettings;
diff --git a/src/routes/(app)/settings/connections/+page.svelte b/src/routes/(app)/settings/connections/+page.svelte
index 2611de00..cb20411f 100644
--- a/src/routes/(app)/settings/connections/+page.svelte
+++ b/src/routes/(app)/settings/connections/+page.svelte
@@ -7,12 +7,12 @@
   import { page } from '$app/state';
   import type { OAuthConnectionResponse } from '$lib/api';
   import { GetOAuthAuthorizeUrl } from '$lib/api/next/oauth';
-  import Container from '$lib/components/Container.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Card from '$lib/components/ui/card';
-  import EmptyState from '$lib/components/EmptyState.svelte';
-  import * as Dropdown from '$lib/components/ui/dropdown-menu';
-  import * as Separator from '$lib/components/ui/separator';
+  import { Container } from '@openshock/svelte-core/components';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
+  import { EmptyState } from '@openshock/svelte-core/components';
+  import * as Dropdown from '@openshock/svelte-core/ui/dropdown-menu';
+  import * as Separator from '@openshock/svelte-core/ui/separator';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { onMount } from 'svelte';
   import { toast } from 'svelte-sonner';
diff --git a/src/routes/(app)/settings/connections/dialog-oauth-disconnect.svelte b/src/routes/(app)/settings/connections/dialog-oauth-disconnect.svelte
index 4ed3a16f..33fe7262 100644
--- a/src/routes/(app)/settings/connections/dialog-oauth-disconnect.svelte
+++ b/src/routes/(app)/settings/connections/dialog-oauth-disconnect.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { authenticatedAccountRemoveOAuthConnection } from '$lib/api';
-  import { Button } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
 
   interface Props {
diff --git a/src/routes/(app)/settings/connections/provider-button.svelte b/src/routes/(app)/settings/connections/provider-button.svelte
index d76b45b9..f7e71e27 100644
--- a/src/routes/(app)/settings/connections/provider-button.svelte
+++ b/src/routes/(app)/settings/connections/provider-button.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import Link2 from '@lucide/svelte/icons/link-2';
-  import { Button } from '$lib/components/ui/button';
+  import { Button } from '@openshock/svelte-core/ui/button';
 
   interface Props {
     label: string;
diff --git a/src/routes/(app)/settings/sessions/+page.svelte b/src/routes/(app)/settings/sessions/+page.svelte
index 7f49d3e9..912b2cb0 100644
--- a/src/routes/(app)/settings/sessions/+page.svelte
+++ b/src/routes/(app)/settings/sessions/+page.svelte
@@ -3,7 +3,7 @@
   import type { LoginSessionResponse } from '$lib/api';
   import RotateCcw from '@lucide/svelte/icons/rotate-ccw';
   import type { ColumnDef, SortingState } from '@tanstack/table-core';
-  import Container from '$lib/components/Container.svelte';
+  import { Container } from '@openshock/svelte-core/components';
   import {
     CreateActionsColumnDef,
     CreateColumnDef,
@@ -14,8 +14,8 @@
     UserAgentRenderer,
   } from '$lib/components/Table/ColumnUtils';
   import DataTable from '$lib/components/Table/DataTableTemplate.svelte';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import * as Card from '$lib/components/ui/card';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { onMount } from 'svelte';
   import { toast } from 'svelte-sonner';
diff --git a/src/routes/(app)/settings/sessions/data-table-actions.svelte b/src/routes/(app)/settings/sessions/data-table-actions.svelte
index 470c31c1..6dbd64d8 100644
--- a/src/routes/(app)/settings/sessions/data-table-actions.svelte
+++ b/src/routes/(app)/settings/sessions/data-table-actions.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import type { LoginSessionResponse } from '$lib/api';
-  import TableActionMenu from '$lib/components/TableActionMenu.svelte';
-  import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
-  import { copyToClipboard } from '$lib/utils/clipboard.svelte';
+  import { TableActionMenu } from '@openshock/svelte-core/components';
+  import * as DropdownMenu from '@openshock/svelte-core/ui/dropdown-menu';
+  import { copyToClipboard } from '@openshock/svelte-core/utils/clipboard.svelte';
   import { Ban, Copy } from '@lucide/svelte';
   import SessionRevokeDialog from './dialog-session-revoke.svelte';
 
diff --git a/src/routes/(app)/settings/sessions/dialog-session-revoke.svelte b/src/routes/(app)/settings/sessions/dialog-session-revoke.svelte
index edb3d097..86d0c638 100644
--- a/src/routes/(app)/settings/sessions/dialog-session-revoke.svelte
+++ b/src/routes/(app)/settings/sessions/dialog-session-revoke.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { sessionsDeleteSession } from '$lib/api';
   import type { LoginSessionResponse } from '$lib/api';
-  import ConfirmDeleteDialog from '$lib/components/ConfirmDeleteDialog.svelte';
+  import { ConfirmDeleteDialog } from '@openshock/svelte-core/components';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { getReadableUserAgentName } from '$lib/utils/userAgent';
   import { toast } from 'svelte-sonner';
diff --git a/src/routes/(app)/shares/public/+page.svelte b/src/routes/(app)/shares/public/+page.svelte
index 1addd18e..fe4926c7 100644
--- a/src/routes/(app)/shares/public/+page.svelte
+++ b/src/routes/(app)/shares/public/+page.svelte
@@ -9,19 +9,19 @@
   import { resolve } from '$app/paths';
   import { shareLinksList } from '$lib/api';
   import type { OwnPublicShareResponse } from '$lib/api';
-  import Container from '$lib/components/Container.svelte';
-  import CopyInput from '$lib/components/CopyInput.svelte';
-  import EmptyState from '$lib/components/EmptyState.svelte';
-  import { Spinner } from '$lib/components/ui/spinner';
-  import Button from '$lib/components/ui/button/button.svelte';
+  import { Container } from '@openshock/svelte-core/components';
+  import { CopyInput } from '@openshock/svelte-core/components';
+  import { EmptyState } from '@openshock/svelte-core/components';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
+  import { Button } from '@openshock/svelte-core/ui/button';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import { durationBetween, formatDuration, formatElapsed } from '$lib/utils';
+  import { durationBetween, formatDuration, formatElapsed } from '@openshock/svelte-core/utils';
   import { getSiteShortURL } from '$lib/utils/url';
   import { onMount } from 'svelte';
   import DataTableActions from './data-table-actions.svelte';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import CreatePublicShareDialog from './dialog-publicshare-create.svelte';
-  import PageHeader from '$lib/components/PageHeader.svelte';
+  import { PageHeader } from '@openshock/svelte-core/components';
 
   registerBreadcrumbs(() => [{ label: 'Public Shares' }]);
 
diff --git a/src/routes/(app)/shares/public/[shareId=guid]/edit/+page.svelte b/src/routes/(app)/shares/public/[shareId=guid]/edit/+page.svelte
index de7147fe..f62165d5 100644
--- a/src/routes/(app)/shares/public/[shareId=guid]/edit/+page.svelte
+++ b/src/routes/(app)/shares/public/[shareId=guid]/edit/+page.svelte
@@ -4,11 +4,11 @@
   import { ExternalLink, Plus, Save } from '@lucide/svelte';
   import { resolve } from '$app/paths';
   import { page } from '$app/state';
-  import CopyInput from '$lib/components/CopyInput.svelte';
-  import { Spinner } from '$lib/components/ui/spinner';
-  import { Button } from '$lib/components/ui/button';
-  import * as Avatar from '$lib/components/ui/avatar';
-  import * as Tooltip from '$lib/components/ui/tooltip/index.js';
+  import { CopyInput } from '@openshock/svelte-core/components';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Avatar from '@openshock/svelte-core/ui/avatar';
+  import * as Tooltip from '@openshock/svelte-core/ui/tooltip';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { refreshOwnHubs } from '$lib/state/hubs-state.svelte';
   import { onMount } from 'svelte';
diff --git a/src/routes/(app)/shares/public/[shareId=guid]/edit/SharedShocker.svelte b/src/routes/(app)/shares/public/[shareId=guid]/edit/SharedShocker.svelte
index 17a5fa36..9899f721 100644
--- a/src/routes/(app)/shares/public/[shareId=guid]/edit/SharedShocker.svelte
+++ b/src/routes/(app)/shares/public/[shareId=guid]/edit/SharedShocker.svelte
@@ -2,12 +2,12 @@
   import { shareLinksPauseShocker, shareLinksRemoveShocker } from '$lib/api';
   import type { PublicShareShocker, ShockerPermissions } from '$lib/api';
   import { Pause, Play, Trash2, Zap, Vibrate, Volume2, Radio } from '@lucide/svelte';
-  import { Button } from '$lib/components/ui/button';
-  import { Label } from '$lib/components/ui/label';
-  import { Slider } from '$lib/components/ui/slider';
-  import { Switch } from '$lib/components/ui/switch';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import { Label } from '@openshock/svelte-core/ui/label';
+  import { Slider } from '@openshock/svelte-core/ui/slider';
+  import { Switch } from '@openshock/svelte-core/ui/switch';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import { formatDurationSeconds } from '$lib/utils';
+  import { formatDurationSeconds } from '@openshock/svelte-core/utils';
   import { toast } from 'svelte-sonner';
 
   interface Props {
diff --git a/src/routes/(app)/shares/public/[shareId=guid]/edit/dialog-add-shocker.svelte b/src/routes/(app)/shares/public/[shareId=guid]/edit/dialog-add-shocker.svelte
index 836efc42..2931c241 100644
--- a/src/routes/(app)/shares/public/[shareId=guid]/edit/dialog-add-shocker.svelte
+++ b/src/routes/(app)/shares/public/[shareId=guid]/edit/dialog-add-shocker.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { Plus } from '@lucide/svelte';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import * as Dialog from '$lib/components/ui/dialog';
-  import MultiSelectCombobox from '$lib/components/ui/multi-select-combobox/multi-select-combobox.svelte';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
+  import MultiSelectCombobox from '@openshock/svelte-core/multi-select-combobox';
   import { ownHubs } from '$lib/state/hubs-state.svelte';
 
   let availableShockers = $derived(
diff --git a/src/routes/(app)/shares/public/data-table-actions.svelte b/src/routes/(app)/shares/public/data-table-actions.svelte
index 8ba2b9d0..2b2d3795 100644
--- a/src/routes/(app)/shares/public/data-table-actions.svelte
+++ b/src/routes/(app)/shares/public/data-table-actions.svelte
@@ -2,9 +2,9 @@
   import { goto } from '$app/navigation';
   import { resolve } from '$app/paths';
   import type { OwnPublicShareResponse } from '$lib/api';
-  import TableActionMenu from '$lib/components/TableActionMenu.svelte';
-  import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
-  import { copyToClipboard } from '$lib/utils/clipboard.svelte';
+  import { TableActionMenu } from '@openshock/svelte-core/components';
+  import * as DropdownMenu from '@openshock/svelte-core/ui/dropdown-menu';
+  import { copyToClipboard } from '@openshock/svelte-core/utils/clipboard.svelte';
   import { Copy, Eye, Pencil, Trash2 } from '@lucide/svelte';
   import SharelinkDeleteDialog from './dialog-publicshare-delete.svelte';
 
diff --git a/src/routes/(app)/shares/public/dialog-publicshare-create.svelte b/src/routes/(app)/shares/public/dialog-publicshare-create.svelte
index 43c4f396..677bc3a3 100644
--- a/src/routes/(app)/shares/public/dialog-publicshare-create.svelte
+++ b/src/routes/(app)/shares/public/dialog-publicshare-create.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import { shareLinksCreatePublicShare } from '$lib/api';
   import ExpirationPicker from '$lib/components/ExpirationPicker.svelte';
-  import TextInput from '$lib/components/input/TextInput.svelte';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import { TextInput } from '@openshock/svelte-core/components/input';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
   import { toast } from 'svelte-sonner';
 
   interface Props {
diff --git a/src/routes/(app)/shares/public/dialog-publicshare-delete.svelte b/src/routes/(app)/shares/public/dialog-publicshare-delete.svelte
index 94163b77..f5399a88 100644
--- a/src/routes/(app)/shares/public/dialog-publicshare-delete.svelte
+++ b/src/routes/(app)/shares/public/dialog-publicshare-delete.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { shareLinksDeletePublicShare } from '$lib/api';
   import type { OwnPublicShareResponse } from '$lib/api';
-  import ConfirmDeleteDialog from '$lib/components/ConfirmDeleteDialog.svelte';
+  import { ConfirmDeleteDialog } from '@openshock/svelte-core/components';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { toast } from 'svelte-sonner';
 
diff --git a/src/routes/(app)/shares/user/+layout.svelte b/src/routes/(app)/shares/user/+layout.svelte
index 80aae67b..0823b007 100644
--- a/src/routes/(app)/shares/user/+layout.svelte
+++ b/src/routes/(app)/shares/user/+layout.svelte
@@ -3,9 +3,9 @@
   import { goto } from '$app/navigation';
   import { page } from '$app/state';
   import type { BasicUserInfo } from '$lib/api';
-  import Container from '$lib/components/Container.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Tabs from '$lib/components/ui/tabs/index.js';
+  import { Container } from '@openshock/svelte-core/components';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Tabs from '@openshock/svelte-core/ui/tabs';
   import { refreshOwnHubs } from '$lib/state/hubs-state.svelte';
   import { type Snippet, onMount } from 'svelte';
   import { toast } from 'svelte-sonner';
@@ -14,7 +14,7 @@
   import DialogShareCodeRedeem from './dialog-share-code-redeem.svelte';
   import { resolve } from '$app/paths';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
-  import PageHeader from '$lib/components/PageHeader.svelte';
+  import { PageHeader } from '@openshock/svelte-core/components';
 
   registerBreadcrumbs(() => [{ label: 'User Shares', href: '/shares/user/outgoing' }]);
 
diff --git a/src/routes/(app)/shares/user/dialog-share-code-create.svelte b/src/routes/(app)/shares/user/dialog-share-code-create.svelte
index 9efc50cd..2efb845d 100644
--- a/src/routes/(app)/shares/user/dialog-share-code-create.svelte
+++ b/src/routes/(app)/shares/user/dialog-share-code-create.svelte
@@ -4,9 +4,9 @@
   import { Barcode, User } from '@lucide/svelte';
   import RestrictionsSelector from '$lib/components/shares/restrictions-selector.svelte';
   import UserSelector from '$lib/components/shares/user-selector.svelte';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import * as Dialog from '$lib/components/ui/dialog';
-  import MultiSelectCombobox from '$lib/components/ui/multi-select-combobox/multi-select-combobox.svelte';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
+  import MultiSelectCombobox from '@openshock/svelte-core/multi-select-combobox';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { ownHubs } from '$lib/state/hubs-state.svelte';
   import { refreshOutgoingInvites } from '$lib/state/user-shares-state.svelte';
diff --git a/src/routes/(app)/shares/user/dialog-share-code-created.svelte b/src/routes/(app)/shares/user/dialog-share-code-created.svelte
index e7dd18a1..9fbe94a5 100644
--- a/src/routes/(app)/shares/user/dialog-share-code-created.svelte
+++ b/src/routes/(app)/shares/user/dialog-share-code-created.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { Link } from '@lucide/svelte';
   import KeyRound from '@lucide/svelte/icons/key-round';
-  import CopyInput from '$lib/components/CopyInput.svelte';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import { CopyInput } from '@openshock/svelte-core/components';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
   import { getSiteShortURL } from '$lib/utils/url';
 
   interface Props {
diff --git a/src/routes/(app)/shares/user/dialog-share-code-redeem.svelte b/src/routes/(app)/shares/user/dialog-share-code-redeem.svelte
index f59dc896..ab12cec7 100644
--- a/src/routes/(app)/shares/user/dialog-share-code-redeem.svelte
+++ b/src/routes/(app)/shares/user/dialog-share-code-redeem.svelte
@@ -2,12 +2,12 @@
   import { userSharesRedeemInvite } from '$lib/api';
   import type { V2UserSharesListItem } from '$lib/api';
   import { Barcode, Zap } from '@lucide/svelte';
-  import * as Avatar from '$lib/components/ui/avatar';
-  import Badge from '$lib/components/ui/badge/badge.svelte';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import * as Dialog from '$lib/components/ui/dialog';
-  import { Input } from '$lib/components/ui/input';
-  import * as Tooltip from '$lib/components/ui/tooltip';
+  import * as Avatar from '@openshock/svelte-core/ui/avatar';
+  import { Badge } from '@openshock/svelte-core/ui/badge';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
+  import { Input } from '@openshock/svelte-core/ui/input';
+  import * as Tooltip from '@openshock/svelte-core/ui/tooltip';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { refreshOutgoingInvites, refreshUserShares } from '$lib/state/user-shares-state.svelte';
 
diff --git a/src/routes/(app)/shares/user/incoming/+page.svelte b/src/routes/(app)/shares/user/incoming/+page.svelte
index 9d6bcc23..799df674 100644
--- a/src/routes/(app)/shares/user/incoming/+page.svelte
+++ b/src/routes/(app)/shares/user/incoming/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import EmptyState from '$lib/components/EmptyState.svelte';
-  import { Spinner } from '$lib/components/ui/spinner';
-  import * as Table from '$lib/components/ui/table';
+  import { EmptyState } from '@openshock/svelte-core/components';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
+  import * as Table from '@openshock/svelte-core/ui/table';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { userSharesState, refreshUserShares } from '$lib/state/user-shares-state.svelte';
   import Inbox from '@lucide/svelte/icons/inbox';
diff --git a/src/routes/(app)/shares/user/incoming/incoming-share-item.svelte b/src/routes/(app)/shares/user/incoming/incoming-share-item.svelte
index 6ff93891..220ab5a3 100644
--- a/src/routes/(app)/shares/user/incoming/incoming-share-item.svelte
+++ b/src/routes/(app)/shares/user/incoming/incoming-share-item.svelte
@@ -2,13 +2,13 @@
   import { X, Zap } from '@lucide/svelte';
   import type { V2UserSharesListItem } from '$lib/api';
   import PermissionTooltip from '$lib/components/shares/permission-tooltip.svelte';
-  import * as Avatar from '$lib/components/ui/avatar';
-  import { Badge } from '$lib/components/ui/badge';
-  import { Button } from '$lib/components/ui/button';
-  import * as Table from '$lib/components/ui/table';
-  import * as Tooltip from '$lib/components/ui/tooltip';
+  import * as Avatar from '@openshock/svelte-core/ui/avatar';
+  import { Badge } from '@openshock/svelte-core/ui/badge';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Table from '@openshock/svelte-core/ui/table';
+  import * as Tooltip from '@openshock/svelte-core/ui/tooltip';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import { dialog } from '$lib/components/dialog-manager/dialog-store.svelte';
+  import { dialog } from '@openshock/svelte-core/components/dialog-manager';
   import { refreshOutgoingInvites } from '$lib/state/user-shares-state.svelte';
   import { toast } from 'svelte-sonner';
 
diff --git a/src/routes/(app)/shares/user/incoming/manage-share.svelte b/src/routes/(app)/shares/user/incoming/manage-share.svelte
index c32de681..f258ee66 100644
--- a/src/routes/(app)/shares/user/incoming/manage-share.svelte
+++ b/src/routes/(app)/shares/user/incoming/manage-share.svelte
@@ -2,13 +2,13 @@
   import { shockerShockerShareRemove } from '$lib/api';
   import type { UserShareInfo } from '$lib/api';
   import { Copy, Trash } from '@lucide/svelte';
-  import * as Avatar from '$lib/components/ui/avatar';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import * as Drawer from '$lib/components/ui/drawer';
-  import * as Table from '$lib/components/ui/table/index.js';
+  import * as Avatar from '@openshock/svelte-core/ui/avatar';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Drawer from '@openshock/svelte-core/ui/drawer';
+  import * as Table from '@openshock/svelte-core/ui/table';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import { copyToClipboard } from '$lib/utils/clipboard.svelte';
-  import { dialog } from '$lib/components/dialog-manager/dialog-store.svelte';
+  import { copyToClipboard } from '@openshock/svelte-core/utils/clipboard.svelte';
+  import { dialog } from '@openshock/svelte-core/components/dialog-manager';
   import { userSharesState, refreshUserShares } from '$lib/state/user-shares-state.svelte';
   import { userState } from '$lib/state/user-state.svelte';
   import { toast } from 'svelte-sonner';
diff --git a/src/routes/(app)/shares/user/invites/+page.svelte b/src/routes/(app)/shares/user/invites/+page.svelte
index 2b7f4518..7372f3fc 100644
--- a/src/routes/(app)/shares/user/invites/+page.svelte
+++ b/src/routes/(app)/shares/user/invites/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import EmptyState from '$lib/components/EmptyState.svelte';
-  import { Spinner } from '$lib/components/ui/spinner';
-  import * as Table from '$lib/components/ui/table';
+  import { EmptyState } from '@openshock/svelte-core/components';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
+  import * as Table from '@openshock/svelte-core/ui/table';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import {
     userSharesState,
diff --git a/src/routes/(app)/shares/user/invites/incoming-invite-item.svelte b/src/routes/(app)/shares/user/invites/incoming-invite-item.svelte
index b306e8e4..7f191009 100644
--- a/src/routes/(app)/shares/user/invites/incoming-invite-item.svelte
+++ b/src/routes/(app)/shares/user/invites/incoming-invite-item.svelte
@@ -3,15 +3,15 @@
   import type { ShareInviteBaseDetails } from '$lib/api';
   import { Check, X, Zap } from '@lucide/svelte';
   import PermissionTooltip from '$lib/components/shares/permission-tooltip.svelte';
-  import * as Avatar from '$lib/components/ui/avatar';
-  import { Badge } from '$lib/components/ui/badge';
-  import { buttonVariants } from '$lib/components/ui/button/index.js';
-  import * as Table from '$lib/components/ui/table';
-  import * as Tooltip from '$lib/components/ui/tooltip';
+  import * as Avatar from '@openshock/svelte-core/ui/avatar';
+  import { Badge } from '@openshock/svelte-core/ui/badge';
+  import { buttonVariants } from '@openshock/svelte-core/ui/button';
+  import * as Table from '@openshock/svelte-core/ui/table';
+  import * as Tooltip from '@openshock/svelte-core/ui/tooltip';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import { dialog } from '$lib/components/dialog-manager/dialog-store.svelte';
+  import { dialog } from '@openshock/svelte-core/components/dialog-manager';
   import { refreshIncomingInvites } from '$lib/state/user-shares-state.svelte';
-  import { cn } from '$lib/utils';
+  import { cn } from '@openshock/svelte-core/utils/shadcn';
   import { toast } from 'svelte-sonner';
 
   interface Props {
diff --git a/src/routes/(app)/shares/user/invites/outgoing-invite-item.svelte b/src/routes/(app)/shares/user/invites/outgoing-invite-item.svelte
index 8269d205..061014a4 100644
--- a/src/routes/(app)/shares/user/invites/outgoing-invite-item.svelte
+++ b/src/routes/(app)/shares/user/invites/outgoing-invite-item.svelte
@@ -3,16 +3,16 @@
   import type { ShareInviteBaseDetails } from '$lib/api';
   import { Key, X, Zap } from '@lucide/svelte';
   import PermissionTooltip from '$lib/components/shares/permission-tooltip.svelte';
-  import * as Avatar from '$lib/components/ui/avatar';
-  import { Badge } from '$lib/components/ui/badge';
-  import { buttonVariants } from '$lib/components/ui/button/index.js';
-  import * as Table from '$lib/components/ui/table';
-  import * as Tooltip from '$lib/components/ui/tooltip';
+  import * as Avatar from '@openshock/svelte-core/ui/avatar';
+  import { Badge } from '@openshock/svelte-core/ui/badge';
+  import { buttonVariants } from '@openshock/svelte-core/ui/button';
+  import * as Table from '@openshock/svelte-core/ui/table';
+  import * as Tooltip from '@openshock/svelte-core/ui/tooltip';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import { dialog } from '$lib/components/dialog-manager/dialog-store.svelte';
+  import { dialog } from '@openshock/svelte-core/components/dialog-manager';
   import { refreshOutgoingInvites } from '$lib/state/user-shares-state.svelte';
-  import { cn } from '$lib/utils';
-  import { copyToClipboard } from '$lib/utils/clipboard.svelte';
+  import { cn } from '@openshock/svelte-core/utils/shadcn';
+  import { copyToClipboard } from '@openshock/svelte-core/utils/clipboard.svelte';
   import { toast } from 'svelte-sonner';
 
   interface Props {
diff --git a/src/routes/(app)/shares/user/outgoing/+page.svelte b/src/routes/(app)/shares/user/outgoing/+page.svelte
index 41efb4ec..4972925c 100644
--- a/src/routes/(app)/shares/user/outgoing/+page.svelte
+++ b/src/routes/(app)/shares/user/outgoing/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import EmptyState from '$lib/components/EmptyState.svelte';
-  import { Spinner } from '$lib/components/ui/spinner';
-  import * as Table from '$lib/components/ui/table';
+  import { EmptyState } from '@openshock/svelte-core/components';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
+  import * as Table from '@openshock/svelte-core/ui/table';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { userSharesState, refreshUserShares } from '$lib/state/user-shares-state.svelte';
   import Share2 from '@lucide/svelte/icons/share-2';
diff --git a/src/routes/(app)/shares/user/outgoing/edit-share.svelte b/src/routes/(app)/shares/user/outgoing/edit-share.svelte
index 501eee47..849ff3cd 100644
--- a/src/routes/(app)/shares/user/outgoing/edit-share.svelte
+++ b/src/routes/(app)/shares/user/outgoing/edit-share.svelte
@@ -3,15 +3,15 @@
   import { Trash2 } from '@lucide/svelte';
   import { ComparePermissionsAndLimits } from '$lib/comparers/UserShareComparer';
   import RestrictionsSelector from '$lib/components/shares/restrictions-selector.svelte';
-  import { Spinner } from '$lib/components/ui/spinner';
-  import * as Avatar from '$lib/components/ui/avatar';
-  import { Button } from '$lib/components/ui/button';
-  import * as Drawer from '$lib/components/ui/drawer';
-  import * as Tabs from '$lib/components/ui/tabs';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
+  import * as Avatar from '@openshock/svelte-core/ui/avatar';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Drawer from '@openshock/svelte-core/ui/drawer';
+  import * as Tabs from '@openshock/svelte-core/ui/tabs';
   import MultiPauseToggle from '$lib/components/utils/MultiPauseToggle.svelte';
   import PauseToggle from '$lib/components/utils/PauseToggle.svelte';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import { dialog } from '$lib/components/dialog-manager/dialog-store.svelte';
+  import { dialog } from '@openshock/svelte-core/components/dialog-manager';
   import { userSharesState, refreshUserShares } from '$lib/state/user-shares-state.svelte';
   import { onMount } from 'svelte';
   import { toast } from 'svelte-sonner';
diff --git a/src/routes/(app)/shares/user/outgoing/user-share-item.svelte b/src/routes/(app)/shares/user/outgoing/user-share-item.svelte
index 060bb834..fc8f66e9 100644
--- a/src/routes/(app)/shares/user/outgoing/user-share-item.svelte
+++ b/src/routes/(app)/shares/user/outgoing/user-share-item.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { Zap } from '@lucide/svelte';
   import PermissionTooltip from '$lib/components/shares/permission-tooltip.svelte';
-  import * as Avatar from '$lib/components/ui/avatar';
-  import { Badge } from '$lib/components/ui/badge';
-  import * as Table from '$lib/components/ui/table';
-  import * as Tooltip from '$lib/components/ui/tooltip';
+  import * as Avatar from '@openshock/svelte-core/ui/avatar';
+  import { Badge } from '@openshock/svelte-core/ui/badge';
+  import * as Table from '@openshock/svelte-core/ui/table';
+  import * as Tooltip from '@openshock/svelte-core/ui/tooltip';
   import MultiPauseToggle from '$lib/components/utils/MultiPauseToggle.svelte';
   import { userSharesState } from '$lib/state/user-shares-state.svelte';
   import { ShockerPause } from '$lib/utils';
diff --git a/src/routes/(app)/shockers/[shockerId=guid]/edit/+page.svelte b/src/routes/(app)/shockers/[shockerId=guid]/edit/+page.svelte
index da262434..bdfcabb7 100644
--- a/src/routes/(app)/shockers/[shockerId=guid]/edit/+page.svelte
+++ b/src/routes/(app)/shockers/[shockerId=guid]/edit/+page.svelte
@@ -9,16 +9,16 @@
   import { goto } from '$app/navigation';
   import { resolve } from '$app/paths';
   import { page } from '$app/state';
-  import Container from '$lib/components/Container.svelte';
-  import { dialog } from '$lib/components/dialog-manager/dialog-store.svelte';
+  import { Container } from '@openshock/svelte-core/components';
+  import { dialog } from '@openshock/svelte-core/components/dialog-manager';
   import { RfIdMax, RfIdMin, isValidRfId } from '$lib/constants/ShockerConstants';
-  import TextInput from '$lib/components/input/TextInput.svelte';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import { Spinner } from '$lib/components/ui/spinner';
-  import * as Card from '$lib/components/ui/card';
-  import { Field, FieldLabel } from '$lib/components/ui/field/index.js';
-  import { Input } from '$lib/components/ui/input';
-  import * as Select from '$lib/components/ui/select';
+  import { TextInput } from '@openshock/svelte-core/components/input';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
+  import * as Card from '@openshock/svelte-core/ui/card';
+  import { Field, FieldLabel } from '@openshock/svelte-core/ui/field';
+  import { Input } from '@openshock/svelte-core/ui/input';
+  import * as Select from '@openshock/svelte-core/ui/select';
   import PauseToggle from '$lib/components/utils/PauseToggle.svelte';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
diff --git a/src/routes/(app)/shockers/logs/+page.svelte b/src/routes/(app)/shockers/logs/+page.svelte
index b3c446be..514cf321 100644
--- a/src/routes/(app)/shockers/logs/+page.svelte
+++ b/src/routes/(app)/shockers/logs/+page.svelte
@@ -2,7 +2,7 @@
   import { shockerGetAllShockerLogs } from '$lib/api';
   import type { ColumnDef, SortingState } from '@tanstack/table-core';
   import type { LogEntryWithHub } from '$lib/api';
-  import Container from '$lib/components/Container.svelte';
+  import { Container } from '@openshock/svelte-core/components';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { onMount } from 'svelte';
   import {
@@ -14,10 +14,10 @@
   } from '$lib/components/Table/ColumnUtils';
   import DataTable from '$lib/components/Table/DataTableTemplate.svelte';
   import PaginationFooter from '$lib/components/Table/PaginationFooter.svelte';
-  import { Badge } from '$lib/components/ui/badge';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import PageHeader from '$lib/components/PageHeader.svelte';
-  import MultiSelectCombobox from '$lib/components/ui/multi-select-combobox/multi-select-combobox.svelte';
+  import { Badge } from '@openshock/svelte-core/ui/badge';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import { PageHeader } from '@openshock/svelte-core/components';
+  import MultiSelectCombobox from '@openshock/svelte-core/multi-select-combobox';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { addShockEventListener, removeShockEventListener } from '$lib/signalr/handlers/Log';
   import { ControlType } from '$lib/signalr/models/ControlType';
diff --git a/src/routes/(app)/shockers/own/+page.svelte b/src/routes/(app)/shockers/own/+page.svelte
index bf167f35..1d527e03 100644
--- a/src/routes/(app)/shockers/own/+page.svelte
+++ b/src/routes/(app)/shockers/own/+page.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
   import { PUBLIC_DISABLE_SHOCKER_MAP } from '$env/static/public';
-  import { isTruthy } from '$lib/utils/parse';
+  import { isTruthy } from '@openshock/svelte-core/utils/parse';
   import { shockerPauseShocker, shockerRegisterShocker } from '$lib/api';
   import type { NewShocker } from '$lib/api';
   import { Layers, LogsIcon, Plus, RotateCcw, Settings, Zap } from '@lucide/svelte';
   import { resolve } from '$app/paths';
-  import Container from '$lib/components/Container.svelte';
-  import { Spinner } from '$lib/components/ui/spinner';
-  import EmptyState from '$lib/components/EmptyState.svelte';
+  import { Container } from '@openshock/svelte-core/components';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
+  import { EmptyState } from '@openshock/svelte-core/components';
   import ClassicControlModule from '$lib/components/ControlModules/ClassicControlModule.svelte';
   import DialogShockerAdd, {
     defaultAddShockerData,
@@ -22,9 +22,9 @@
   import ShockerPauseButton from '$lib/components/ControlModules/impl/ShockerPauseButton.svelte';
   import SimpleControlHeader from '$lib/components/ControlModules/SimpleControlHeader.svelte';
   import SimpleControlModule from '$lib/components/ControlModules/SimpleControlModule.svelte';
-  import { dialog } from '$lib/components/dialog-manager/dialog-store.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Popover from '$lib/components/ui/popover';
+  import { dialog } from '@openshock/svelte-core/components/dialog-manager';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Popover from '@openshock/svelte-core/ui/popover';
   import { ControlDurationDefault, ControlIntensityDefault } from '$lib/constants/ControlConstants';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { ControlType } from '$lib/signalr/models/ControlType';
@@ -38,7 +38,7 @@
     LiveConnectionState,
     registerHubShockers,
   } from '$lib/state/live-control-state.svelte';
-  import { PersistedState } from '$lib/state/classes/persisted-state.svelte';
+  import { PersistedState } from '@openshock/svelte-core/state/classes/persisted-state.svelte';
   import { onMount } from 'svelte';
   import { toast } from 'svelte-sonner';
 
diff --git a/src/routes/(app)/shockers/shared/+page.svelte b/src/routes/(app)/shockers/shared/+page.svelte
index bae019a2..06167300 100644
--- a/src/routes/(app)/shockers/shared/+page.svelte
+++ b/src/routes/(app)/shockers/shared/+page.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
   import { Copy, Ellipsis, User } from '@lucide/svelte';
-  import Container from '$lib/components/Container.svelte';
+  import { Container } from '@openshock/svelte-core/components';
   import ClassicControlModule from '$lib/components/ControlModules/ClassicControlModule.svelte';
   import LiveButton from '$lib/components/ControlModules/LiveButton.svelte';
   import LiveControlModule from '$lib/components/ControlModules/LiveControlModule.svelte';
   import ShockerCard from '$lib/components/ControlModules/ShockerCard.svelte';
-  import * as Avatar from '$lib/components/ui/avatar';
-  import { Button } from '$lib/components/ui/button';
-  import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
-  import EmptyState from '$lib/components/EmptyState.svelte';
-  import { copyToClipboard } from '$lib/utils/clipboard.svelte';
+  import * as Avatar from '@openshock/svelte-core/ui/avatar';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as DropdownMenu from '@openshock/svelte-core/ui/dropdown-menu';
+  import { EmptyState } from '@openshock/svelte-core/components';
+  import { copyToClipboard } from '@openshock/svelte-core/utils/clipboard.svelte';
   import { onlineHubs } from '$lib/state/hubs-state.svelte';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { ControlType } from '$lib/signalr/models/ControlType';
@@ -23,7 +23,7 @@
   } from '$lib/state/live-control-state.svelte';
   import { sharedHubsState, refreshSharedHubs } from '$lib/state/shared-hubs-state.svelte';
   import { onMount } from 'svelte';
-  import PageHeader from '$lib/components/PageHeader.svelte';
+  import { PageHeader } from '@openshock/svelte-core/components';
 
   registerBreadcrumbs(() => [{ label: 'Shared Shockers' }]);
 
diff --git a/src/routes/(auth)/+layout.svelte b/src/routes/(auth)/+layout.svelte
index a6b293aa..3db6117d 100644
--- a/src/routes/(auth)/+layout.svelte
+++ b/src/routes/(auth)/+layout.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { asset } from '$app/paths';
-  import Container from '$lib/components/Container.svelte';
+  import { Container } from '@openshock/svelte-core/components';
   import { AuthStatus, authState } from '$lib/state/auth-state.svelte';
   import { gotoQueryRedirectOrFallback, sanitizeRedirectSearchParam } from '$lib/utils/url';
   import { onMount, type Snippet } from 'svelte';
diff --git a/src/routes/(auth)/activate/+page.svelte b/src/routes/(auth)/activate/+page.svelte
index 42ca6844..39cce6e3 100644
--- a/src/routes/(auth)/activate/+page.svelte
+++ b/src/routes/(auth)/activate/+page.svelte
@@ -3,8 +3,8 @@
   import { resolve } from '$app/paths';
   import { page } from '$app/state';
   import { accountActivate } from '$lib/api';
-  import Button from '$lib/components/ui/button/button.svelte';
-  import * as Card from '$lib/components/ui/card/index.js';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { onMount } from 'svelte';
diff --git a/src/routes/(auth)/forgot-password/+page.svelte b/src/routes/(auth)/forgot-password/+page.svelte
index 05547298..3087d71a 100644
--- a/src/routes/(auth)/forgot-password/+page.svelte
+++ b/src/routes/(auth)/forgot-password/+page.svelte
@@ -3,10 +3,10 @@
   import { resolve } from '$app/paths';
   import { accountPasswordResetInitiate } from '$lib/api';
   import Turnstile from '$lib/components/Turnstile.svelte';
-  import EmailInput from '$lib/components/input/EmailInput.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Card from '$lib/components/ui/card/index.js';
-  import { Field, FieldDescription } from '$lib/components/ui/field/index.js';
+  import { EmailInput } from '@openshock/svelte-core/components/input';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
+  import { Field, FieldDescription } from '@openshock/svelte-core/ui/field';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { toast } from 'svelte-sonner';
diff --git a/src/routes/(auth)/login/+page.svelte b/src/routes/(auth)/login/+page.svelte
index ad2d123b..7dac2340 100644
--- a/src/routes/(auth)/login/+page.svelte
+++ b/src/routes/(auth)/login/+page.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
   import { accountLoginV2 } from '$lib/api';
   import { resolve } from '$app/paths';
-  import { Button } from '$lib/components/ui/button/index.js';
-  import * as Card from '$lib/components/ui/card/index.js';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
   import {
     FieldGroup,
     Field,
     FieldDescription,
     FieldSeparator,
-  } from '$lib/components/ui/field/index.js';
-  import TextInput from '$lib/components/input/TextInput.svelte';
-  import type { ValidationResult } from '$lib/types/ValidationResult';
-  import PasswordInput from '$lib/components/input/PasswordInput.svelte';
+  } from '@openshock/svelte-core/ui/field';
+  import { TextInput } from '@openshock/svelte-core/components/input';
+  import type { ValidationResult } from '@openshock/svelte-core/types/ValidationResult';
+  import { PasswordInput } from '@openshock/svelte-core/components/input';
   import Turnstile from '$lib/components/Turnstile.svelte';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { isValidationError, mapToValRes } from '$lib/errorhandling/ValidationProblemDetails';
@@ -20,7 +20,7 @@
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { backendMetadata } from '$lib/state/backend-metadata-state.svelte';
   import { userState } from '$lib/state/user-state.svelte';
-  import { Skeleton } from '$lib/components/ui/skeleton';
+  import { Skeleton } from '@openshock/svelte-core/ui/skeleton';
   import { getOAuthErrorMessage } from '$lib/auth/oauth-errors';
 
   registerBreadcrumbs(() => [{ label: 'Login' }]);
@@ -129,7 +129,7 @@
                 autocomplete="current-password"
                 bind:value={password}
                 validate={passwordError}
-                showForget
+                forgotHref={resolve('/forgot-password')}
               />
 
               <Turnstile
diff --git a/src/routes/(auth)/oauth/[provider]/create/+page.svelte b/src/routes/(auth)/oauth/[provider]/create/+page.svelte
index 756541ef..630ba93a 100644
--- a/src/routes/(auth)/oauth/[provider]/create/+page.svelte
+++ b/src/routes/(auth)/oauth/[provider]/create/+page.svelte
@@ -3,11 +3,11 @@
   import { resolve } from '$app/paths';
   import { page } from '$app/state';
   import { OAuthSignupFinalize, OAuthSignupGetData } from '$lib/api/next/oauth';
-  import EmailInput from '$lib/components/input/EmailInput.svelte';
+  import { EmailInput } from '@openshock/svelte-core/components/input';
   import UsernameInput from '$lib/components/input/UsernameInput.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Card from '$lib/components/ui/card/index.js';
-  import { FieldDescription } from '$lib/components/ui/field/index.js';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
+  import { FieldDescription } from '@openshock/svelte-core/ui/field';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { userState } from '$lib/state/user-state.svelte';
diff --git a/src/routes/(auth)/oauth/error/+page.svelte b/src/routes/(auth)/oauth/error/+page.svelte
index 1474eef8..c1b2f303 100644
--- a/src/routes/(auth)/oauth/error/+page.svelte
+++ b/src/routes/(auth)/oauth/error/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { goto } from '$app/navigation';
   import { resolve } from '$app/paths';
-  import * as Card from '$lib/components/ui/card/index.js';
-  import { FieldDescription } from '$lib/components/ui/field/index.js';
+  import * as Card from '@openshock/svelte-core/ui/card';
+  import { FieldDescription } from '@openshock/svelte-core/ui/field';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { getOAuthErrorMessage } from '$lib/auth/oauth-errors';
   import { consumeSearchParam } from '$lib/utils/url';
diff --git a/src/routes/(auth)/reset-password/[passwordResetId=guid]/[secret]/+page.svelte b/src/routes/(auth)/reset-password/[passwordResetId=guid]/[secret]/+page.svelte
index 7b1c0b62..8d4d3418 100644
--- a/src/routes/(auth)/reset-password/[passwordResetId=guid]/[secret]/+page.svelte
+++ b/src/routes/(auth)/reset-password/[passwordResetId=guid]/[secret]/+page.svelte
@@ -4,11 +4,11 @@
   import { page } from '$app/state';
   import KeyRound from '@lucide/svelte/icons/key-round';
   import { accountPasswordResetCheckValid, accountPasswordResetComplete } from '$lib/api';
-  import PasswordInput from '$lib/components/input/PasswordInput.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Card from '$lib/components/ui/card/index.js';
+  import { PasswordInput } from '@openshock/svelte-core/components/input';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import { validatePasswordMatch } from '$lib/inputvalidation/passwordValidator';
+  import { validatePasswordMatch } from '@openshock/svelte-core/inputvalidation/passwordValidator';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { toast } from 'svelte-sonner';
 
diff --git a/src/routes/(auth)/signup/+page.svelte b/src/routes/(auth)/signup/+page.svelte
index 82d559e1..6f7aa673 100644
--- a/src/routes/(auth)/signup/+page.svelte
+++ b/src/routes/(auth)/signup/+page.svelte
@@ -1,24 +1,24 @@
 <script lang="ts">
   import { accountSignUpV2 } from '$lib/api';
-  import { Button } from '$lib/components/ui/button/index.js';
-  import * as Card from '$lib/components/ui/card/index.js';
-  import * as Field from '$lib/components/ui/field/index.js';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
+  import * as Field from '@openshock/svelte-core/ui/field';
   import UsernameInput from '$lib/components/input/UsernameInput.svelte';
   import { goto } from '$app/navigation';
   import { resolve } from '$app/paths';
   import Turnstile from '$lib/components/Turnstile.svelte';
-  import EmailInput from '$lib/components/input/EmailInput.svelte';
-  import PasswordInput from '$lib/components/input/PasswordInput.svelte';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import { EmailInput } from '@openshock/svelte-core/components/input';
+  import { PasswordInput } from '@openshock/svelte-core/components/input';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
-  import { validatePasswordMatch } from '$lib/inputvalidation/passwordValidator';
+  import { validatePasswordMatch } from '@openshock/svelte-core/inputvalidation/passwordValidator';
   import { toast } from 'svelte-sonner';
-  import FieldSeparator from '$lib/components/ui/field/field-separator.svelte';
+  import { FieldSeparator } from '@openshock/svelte-core/ui/field';
   import OauthButtons from '$lib/components/auth/oauth-buttons.svelte';
   import { ChevronLeft, Mail } from '@lucide/svelte';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { backendMetadata } from '$lib/state/backend-metadata-state.svelte';
-  import Skeleton from '$lib/components/ui/skeleton/skeleton.svelte';
+  import { Skeleton } from '@openshock/svelte-core/ui/skeleton';
 
   registerBreadcrumbs(() => [{ label: 'Sign Up' }]);
 
@@ -146,7 +146,6 @@
               bind:valid={passwordValid}
               validate
               showStrengthMeter
-              showForget={false}
             />
             <PasswordInput
               label="Confirm Password"
@@ -154,7 +153,6 @@
               autocomplete="new-password"
               bind:value={passwordConfirm}
               validate={validatePasswordMatch(passwordConfirm, password)}
-              showForget={false}
             />
             <Turnstile action="signup" onResponse={(response) => (turnstileResponse = response)} />
           </div>
diff --git a/src/routes/(auth)/verify-email/+page.svelte b/src/routes/(auth)/verify-email/+page.svelte
index 7f70be04..60772dce 100644
--- a/src/routes/(auth)/verify-email/+page.svelte
+++ b/src/routes/(auth)/verify-email/+page.svelte
@@ -3,8 +3,8 @@
   import { resolve } from '$app/paths';
   import { page } from '$app/state';
   import { accountEmailVerify } from '$lib/api';
-  import { Button } from '$lib/components/ui/button';
-  import * as Card from '$lib/components/ui/card/index.js';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { onMount } from 'svelte';
diff --git a/src/routes/(meta)/llms.txt/+server.ts b/src/routes/(meta)/llms.txt/+server.ts
index 3c2e1b37..3416b698 100644
--- a/src/routes/(meta)/llms.txt/+server.ts
+++ b/src/routes/(meta)/llms.txt/+server.ts
@@ -5,9 +5,9 @@ import {
   PUBLIC_SITE_DESCRIPTION,
   PUBLIC_SITE_NAME,
 } from '$env/static/public';
-import { isTruthy } from '$lib/utils/parse';
 import { paths } from '$lib/utils/public-routes';
 import { getBackendURL, getSiteURL } from '$lib/utils/url';
+import { isTruthy } from '@openshock/svelte-core/utils/parse';
 import { error } from '@sveltejs/kit';
 import type { RequestHandler } from './$types';
 
diff --git a/src/routes/(meta)/robots.txt/+server.ts b/src/routes/(meta)/robots.txt/+server.ts
index e027db0c..47d5db63 100644
--- a/src/routes/(meta)/robots.txt/+server.ts
+++ b/src/routes/(meta)/robots.txt/+server.ts
@@ -1,6 +1,6 @@
 import { env } from '$env/dynamic/public';
-import { isTruthy } from '$lib/utils/parse';
 import { getSiteURL } from '$lib/utils/url';
+import { isTruthy } from '@openshock/svelte-core/utils/parse';
 import type { RequestHandler } from './$types';
 
 export const GET: RequestHandler = ({ setHeaders }) => {
diff --git a/src/routes/(meta)/sitemap.xml/+server.ts b/src/routes/(meta)/sitemap.xml/+server.ts
index be7f2cb0..83073a86 100644
--- a/src/routes/(meta)/sitemap.xml/+server.ts
+++ b/src/routes/(meta)/sitemap.xml/+server.ts
@@ -1,7 +1,7 @@
 import { env } from '$env/dynamic/public';
-import { isTruthy } from '$lib/utils/parse';
 import { publicRoutes } from '$lib/utils/public-routes';
 import { getSiteURL } from '$lib/utils/url';
+import { isTruthy } from '@openshock/svelte-core/utils/parse';
 import { error } from '@sveltejs/kit';
 import type { RequestHandler } from './$types';
 
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index ff6ae0fe..0f9e924e 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -3,7 +3,7 @@
   import { asset, resolve } from '$app/paths';
   import { page } from '$app/state';
   import { PUBLIC_SITE_NAME } from '$env/static/public';
-  import { BasicTags, OpenGraphTags, TwitterSummaryTags } from '$lib/components/metadata';
+  import { BasicTags, OpenGraphTags, TwitterSummaryTags } from '@openshock/svelte-core/metadata';
   import ArrowLeft from '@lucide/svelte/icons/arrow-left';
   import { isValidRedirectURL } from '$lib/utils/url';
 
diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts
index a14aafa7..4849e4e6 100644
--- a/src/routes/+layout.server.ts
+++ b/src/routes/+layout.server.ts
@@ -1,10 +1,10 @@
-import { SIDEBAR_COOKIE_NAME } from '$lib/components/ui/sidebar/constants';
 import {
   isOnboardingDisabled,
   isWelcomeSunset,
   WELCOME_COOKIE_NAME,
 } from '$lib/tour/onboarding-state';
-import { isTruthy } from '$lib/utils/parse';
+import { SIDEBAR_COOKIE_NAME } from '@openshock/svelte-core/components/ui/sidebar/constants';
+import { isTruthy } from '@openshock/svelte-core/utils/parse';
 import type { LayoutServerLoad } from './$types';
 
 export const load: LayoutServerLoad = ({ cookies }) => {
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 5958c940..0a55985f 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import { page } from '$app/state';
   import { PUBLIC_DEVELOPMENT_BANNER } from '$env/static/public';
-  import { BasicTags, OpenGraphTags, TwitterSummaryTags } from '$lib/components/metadata';
-  import { SidebarProvider } from '$lib/components/ui/sidebar';
-  import { Toaster } from '$lib/components/ui/sonner';
+  import { BasicTags, OpenGraphTags, TwitterSummaryTags } from '@openshock/svelte-core/metadata';
+  import { SidebarProvider } from '@openshock/svelte-core/ui/sidebar';
+  import { Toaster } from '@openshock/svelte-core/ui/sonner';
   import { buildMetaData } from '$lib/metadata';
   import { onMount, untrack, type Snippet } from 'svelte';
   import { maybePromptTelemetryConsent } from '$lib/telemetry/consent-prompt';
@@ -12,9 +12,9 @@
   import Sidebar from './Sidebar.svelte';
   import WelcomeScreen from './WelcomeScreen.svelte';
   import '../app.css';
-  import { IsMobile } from '$lib/hooks/is-mobile.svelte';
-  import DialogManager from '$lib/components/dialog-manager/dialog-manager.svelte';
-  import { TooltipProvider } from '$lib/components/ui/tooltip';
+  import { IsMobile } from '@openshock/svelte-core/hooks/is-mobile.svelte';
+  import { DialogManager } from '@openshock/svelte-core/components/dialog-manager';
+  import { TooltipProvider } from '@openshock/svelte-core/ui/tooltip';
   import type { LayoutData } from './$types';
 
   interface Props {
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4be54665..96eda808 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { asset } from '$app/paths';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
-  import DotGrid from '$lib/components/DotGrid.svelte';
+  import { DotGrid } from '@openshock/svelte-core/components';
 
   let { data } = $props();
 
diff --git a/src/routes/Breadcrumb.svelte b/src/routes/Breadcrumb.svelte
index 467bd01d..f90043a0 100644
--- a/src/routes/Breadcrumb.svelte
+++ b/src/routes/Breadcrumb.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as Breadcrumb from '$lib/components/ui/breadcrumb';
+  import * as Breadcrumb from '@openshock/svelte-core/ui/breadcrumb';
   import { breadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { prefixBase } from '$lib/utils/url';
 </script>
diff --git a/src/routes/Footer.svelte b/src/routes/Footer.svelte
index 4073f509..fa1db6ac 100644
--- a/src/routes/Footer.svelte
+++ b/src/routes/Footer.svelte
@@ -5,8 +5,8 @@
   import { PUBLIC_GITHUB_PROJECT_URL } from '$env/static/public';
   import { getConnectionState } from '$lib/signalr/user.svelte';
   import { Wifi, WifiOff } from '@lucide/svelte';
-  import * as DropdownMenu from '$lib/components/ui/dropdown-menu/index.js';
-  import { Button } from '$lib/components/ui/button';
+  import * as DropdownMenu from '@openshock/svelte-core/ui/dropdown-menu';
+  import { Button } from '@openshock/svelte-core/ui/button';
   import { backendMetadata } from '$lib/state/backend-metadata-state.svelte';
 </script>
 
diff --git a/src/routes/Header.svelte b/src/routes/Header.svelte
index 28b57c79..47d390a9 100644
--- a/src/routes/Header.svelte
+++ b/src/routes/Header.svelte
@@ -5,20 +5,20 @@
   import { goto } from '$app/navigation';
   import type { Pathname } from '$app/types';
   import { PUBLIC_DISCORD_INVITE_URL, PUBLIC_GITHUB_PROJECT_URL } from '$env/static/public';
-  import LightSwitch from '$lib/components/LightSwitch.svelte';
-  import DiscordLogo from '$lib/components/svg/DiscordLogo.svelte';
-  import GithubIcon from '$lib/components/svg/GithubIcon.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
-  import { Separator } from '$lib/components/ui/separator';
-  import { useSidebar } from '$lib/components/ui/sidebar';
+  import { LightSwitch } from '@openshock/svelte-core/components';
+  import { DiscordLogo } from '@openshock/svelte-core/components/svg';
+  import { GithubIcon } from '@openshock/svelte-core/components/svg';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as DropdownMenu from '@openshock/svelte-core/ui/dropdown-menu';
+  import { Separator } from '@openshock/svelte-core/ui/separator';
+  import { useSidebar } from '@openshock/svelte-core/ui/sidebar';
   import { userState } from '$lib/state/user-state.svelte';
-  import { cn } from '$lib/utils';
+  import { cn } from '@openshock/svelte-core/utils/shadcn';
   import Breadcrumb from './Breadcrumb.svelte';
   import { prefixBase } from '$lib/utils/url';
   import { resolve } from '$app/paths';
   import { LogIn, UserPlus } from '@lucide/svelte';
-  import { Spinner } from '$lib/components/ui/spinner';
+  import { Spinner } from '@openshock/svelte-core/ui/spinner';
 
   let sidebar = useSidebar();
 </script>
diff --git a/src/routes/Sidebar.svelte b/src/routes/Sidebar.svelte
index 19cd189b..ca869317 100644
--- a/src/routes/Sidebar.svelte
+++ b/src/routes/Sidebar.svelte
@@ -34,9 +34,9 @@
     MenuSubButton,
     Root,
     useSidebar,
-  } from '$lib/components/ui/sidebar';
+  } from '@openshock/svelte-core/ui/sidebar';
   import { userState } from '$lib/state/user-state.svelte';
-  import type { AnyComponent } from '$lib/types/AnyComponent';
+  import type { AnyComponent } from '@openshock/svelte-core/types/AnyComponent';
   import { isSerialSupported } from '$lib/utils/compatibility';
   import { Collapsible } from 'bits-ui';
   import { prefixBase } from '$lib/utils/url';
diff --git a/src/routes/WelcomeScreen.svelte b/src/routes/WelcomeScreen.svelte
index f9273c6f..012ca94d 100644
--- a/src/routes/WelcomeScreen.svelte
+++ b/src/routes/WelcomeScreen.svelte
@@ -6,10 +6,10 @@
   /* eslint-disable svelte/no-navigation-without-resolve -- only contains external URLs */
   import { asset } from '$app/paths';
   import { PUBLIC_DISCORD_INVITE_URL, PUBLIC_GITHUB_PROJECT_URL } from '$env/static/public';
-  import DiscordLogo from '$lib/components/svg/DiscordLogo.svelte';
-  import GithubIcon from '$lib/components/svg/GithubIcon.svelte';
-  import DotGrid from '$lib/components/DotGrid.svelte';
-  import { Button } from '$lib/components/ui/button';
+  import { DiscordLogo } from '@openshock/svelte-core/components/svg';
+  import { GithubIcon } from '@openshock/svelte-core/components/svg';
+  import { DotGrid } from '@openshock/svelte-core/components';
+  import { Button } from '@openshock/svelte-core/ui/button';
   import {
     markWelcomed,
     markTourCompleted,
diff --git a/src/routes/report/api-tokens/+page.svelte b/src/routes/report/api-tokens/+page.svelte
index 01a27422..b50c4c5b 100644
--- a/src/routes/report/api-tokens/+page.svelte
+++ b/src/routes/report/api-tokens/+page.svelte
@@ -9,13 +9,13 @@
   import OctagonAlert from '@lucide/svelte/icons/octagon-alert';
   import { goto } from '$app/navigation';
   import { resolve } from '$app/paths';
-  import Container from '$lib/components/Container.svelte';
+  import { Container } from '@openshock/svelte-core/components';
   import Turnstile from '$lib/components/Turnstile.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Card from '$lib/components/ui/card';
-  import { Checkbox } from '$lib/components/ui/checkbox';
-  import { Label } from '$lib/components/ui/label';
-  import ScrollArea from '$lib/components/ui/scroll-area/scroll-area.svelte';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
+  import { Checkbox } from '@openshock/svelte-core/ui/checkbox';
+  import { Label } from '@openshock/svelte-core/ui/label';
+  import { ScrollArea } from '@openshock/svelte-core/ui/scroll-area';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { toast } from 'svelte-sonner';
diff --git a/src/routes/shares/public/[shareId=guid]/+page.svelte b/src/routes/shares/public/[shareId=guid]/+page.svelte
index 7b12abfb..c243d620 100644
--- a/src/routes/shares/public/[shareId=guid]/+page.svelte
+++ b/src/routes/shares/public/[shareId=guid]/+page.svelte
@@ -4,9 +4,9 @@
   import { CircleUser, LogIn, Undo2 } from '@lucide/svelte';
   import { resolve } from '$app/paths';
   import { page } from '$app/state';
-  import { Button } from '$lib/components/ui/button';
-  import * as Card from '$lib/components/ui/card/index.js';
-  import Input from '$lib/components/ui/input/input.svelte';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
+  import { Input } from '@openshock/svelte-core/ui/input';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import { registerBreadcrumbs } from '$lib/state/breadcrumbs-state.svelte';
   import { userState } from '$lib/state/user-state.svelte';
diff --git a/src/routes/shares/public/[shareId=guid]/ControlView.svelte b/src/routes/shares/public/[shareId=guid]/ControlView.svelte
index 77e05ca0..2a5aacd5 100644
--- a/src/routes/shares/public/[shareId=guid]/ControlView.svelte
+++ b/src/routes/shares/public/[shareId=guid]/ControlView.svelte
@@ -6,8 +6,8 @@
   import LiveControlModule from '$lib/components/ControlModules/LiveControlModule.svelte';
   import ShockerCard from '$lib/components/ControlModules/ShockerCard.svelte';
   import { getPauseReason } from '$lib/utils';
-  import * as Avatar from '$lib/components/ui/avatar';
-  import * as Tooltip from '$lib/components/ui/tooltip/index.js';
+  import * as Avatar from '@openshock/svelte-core/ui/avatar';
+  import * as Tooltip from '@openshock/svelte-core/ui/tooltip';
   import { ShareLinkSignalr } from '$lib/signalr/sharelink.svelte';
   import type { Control } from '$lib/signalr/models/Control';
   import { ControlType } from '$lib/signalr/models/ControlType';
@@ -19,9 +19,9 @@
   } from '$lib/state/live-control-state.svelte';
   import { onMount, untrack } from 'svelte';
   import { page } from '$app/state';
-  import CopyInput from '$lib/components/CopyInput.svelte';
+  import { CopyInput } from '@openshock/svelte-core/components';
   import { getSiteShortURL } from '$lib/utils/url';
-  import { Button } from '$lib/components/ui/button';
+  import { Button } from '@openshock/svelte-core/ui/button';
   import { Pencil } from '@lucide/svelte';
   import { userState } from '$lib/state/user-state.svelte';
   import { resolve } from '$app/paths';
diff --git a/src/routes/terminal/+page.svelte b/src/routes/terminal/+page.svelte
index 182b7df7..0ba06d64 100644
--- a/src/routes/terminal/+page.svelte
+++ b/src/routes/terminal/+page.svelte
@@ -9,17 +9,17 @@
   } from '@lucide/svelte';
   import { browser } from '$app/environment';
   import type { FirmwareChannel } from '$lib/api/firmwareCDN';
-  import Container from '$lib/components/Container.svelte';
+  import { Container } from '@openshock/svelte-core/components';
   import FirmwareChannelSelector from '$lib/components/FirmwareChannelSelector.svelte';
-  import ChromeLogo from '$lib/components/svg/ChromeLogo.svelte';
-  import EdgeLogo from '$lib/components/svg/EdgeLogo.svelte';
-  import OperaLogo from '$lib/components/svg/OperaLogo.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Card from '$lib/components/ui/card';
-  import { Checkbox } from '$lib/components/ui/checkbox';
-  import * as Dialog from '$lib/components/ui/dialog';
-  import { Label } from '$lib/components/ui/label';
-  import { Progress } from '$lib/components/ui/progress';
+  import { ChromeLogo } from '@openshock/svelte-core/components/svg';
+  import { EdgeLogo } from '@openshock/svelte-core/components/svg';
+  import { OperaLogo } from '@openshock/svelte-core/components/svg';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
+  import { Checkbox } from '@openshock/svelte-core/ui/checkbox';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
+  import { Label } from '@openshock/svelte-core/ui/label';
+  import { Progress } from '@openshock/svelte-core/ui/progress';
   import { useSerial } from '$lib/utils/serial-context.svelte';
   import { getBrowserName } from '$lib/utils/compatibility';
   import DeviceConfigurator from './DeviceConfigurator.svelte';
diff --git a/src/routes/terminal/DeviceConfigurator.svelte b/src/routes/terminal/DeviceConfigurator.svelte
index 81e231d1..1c616267 100644
--- a/src/routes/terminal/DeviceConfigurator.svelte
+++ b/src/routes/terminal/DeviceConfigurator.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
   import { AlertTriangle, Eye, RefreshCw, Send, TriangleAlert, WifiOff } from '@lucide/svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Card from '$lib/components/ui/card';
-  import ConfirmDeleteDialog from '$lib/components/ConfirmDeleteDialog.svelte';
-  import * as Dialog from '$lib/components/ui/dialog';
-  import { Input } from '$lib/components/ui/input';
-  import { Label } from '$lib/components/ui/label';
-  import { Switch } from '$lib/components/ui/switch';
-  import { Textarea } from '$lib/components/ui/textarea';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Card from '@openshock/svelte-core/ui/card';
+  import { ConfirmDeleteDialog } from '@openshock/svelte-core/components';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
+  import { Input } from '@openshock/svelte-core/ui/input';
+  import { Label } from '@openshock/svelte-core/ui/label';
+  import { Switch } from '@openshock/svelte-core/ui/switch';
+  import { Textarea } from '@openshock/svelte-core/ui/textarea';
   import type { TerminalContext } from './TerminalContext.svelte';
 
   interface Props {
diff --git a/src/routes/terminal/EspSerialConnection.ts b/src/routes/terminal/EspSerialConnection.ts
index 422e9e7c..55318ce2 100644
--- a/src/routes/terminal/EspSerialConnection.ts
+++ b/src/routes/terminal/EspSerialConnection.ts
@@ -1,5 +1,5 @@
-import { DecodeString, EncodeString } from '$lib/utils';
-import { md5 } from '$lib/utils/md5';
+import { DecodeString, EncodeString } from '@openshock/svelte-core/utils';
+import { md5 } from '@openshock/svelte-core/utils/md5';
 import { ESPLoader, type IEspLoaderTerminal, type LoaderOptions, Transport } from 'esptool-js';
 import { toast } from 'svelte-sonner';
 
diff --git a/src/routes/terminal/FirmwareBoardSelector.svelte b/src/routes/terminal/FirmwareBoardSelector.svelte
index 47c2cde6..e5fa1117 100644
--- a/src/routes/terminal/FirmwareBoardSelector.svelte
+++ b/src/routes/terminal/FirmwareBoardSelector.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { Check, ChevronsUpDown } from '@lucide/svelte';
   import { FetchVersionBoards } from '$lib/api/firmwareCDN';
-  import { Button } from '$lib/components/ui/button';
-  import * as Command from '$lib/components/ui/command';
-  import { Popover, PopoverContent, PopoverTrigger } from '$lib/components/ui/popover';
-  import { cn } from '$lib/utils';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Command from '@openshock/svelte-core/ui/command';
+  import { Popover, PopoverContent, PopoverTrigger } from '@openshock/svelte-core/ui/popover';
+  import { cn } from '@openshock/svelte-core/utils/shadcn';
 
   /** Optional chip to constrain the list of boards to */
   //export let chip: string | null = null;
diff --git a/src/routes/terminal/FirmwareFlasher.svelte b/src/routes/terminal/FirmwareFlasher.svelte
index 42f89ef8..742435bd 100644
--- a/src/routes/terminal/FirmwareFlasher.svelte
+++ b/src/routes/terminal/FirmwareFlasher.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { Microchip, TriangleAlert } from '@lucide/svelte';
   import { DownloadAndVerifyBoardBinary } from '$lib/api/firmwareCDN';
-  import { Button } from '$lib/components/ui/button';
-  import { Progress } from '$lib/components/ui/progress';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import { Progress } from '@openshock/svelte-core/ui/progress';
   import RiskAcknowledgementModal from './RiskAcknowledgementModal.svelte';
   import type EspSerialConnection from './EspSerialConnection';
 
diff --git a/src/routes/terminal/HelpDialog.svelte b/src/routes/terminal/HelpDialog.svelte
index 1a70546f..f3b7edf9 100644
--- a/src/routes/terminal/HelpDialog.svelte
+++ b/src/routes/terminal/HelpDialog.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
   import ArrowDownToLine from '@lucide/svelte/icons/arrow-down-to-line';
   import { PUBLIC_DISCORD_INVITE_URL } from '$env/static/public';
-  import Code from '$lib/components/Code.svelte';
-  import Keyboard from '$lib/components/Keyboard.svelte';
+  import { Code } from '@openshock/svelte-core/components';
+  import { Keyboard } from '@openshock/svelte-core/components';
   import Stepper, { type StepperStep } from '$lib/components/Stepper.svelte';
-  import DiscordLogo from '$lib/components/svg/DiscordLogo.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import { DiscordLogo } from '@openshock/svelte-core/components/svg';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
 
   interface Props {
     open: boolean;
diff --git a/src/routes/terminal/ModePicker.svelte b/src/routes/terminal/ModePicker.svelte
index 9c524fe9..27f57cb3 100644
--- a/src/routes/terminal/ModePicker.svelte
+++ b/src/routes/terminal/ModePicker.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Settings2, Zap } from '@lucide/svelte';
-  import * as Card from '$lib/components/ui/card';
+  import * as Card from '@openshock/svelte-core/ui/card';
 
   export type Mode = 'flash' | 'configure';
 
diff --git a/src/routes/terminal/RiskAcknowledgementModal.svelte b/src/routes/terminal/RiskAcknowledgementModal.svelte
index b89da58a..db43e5e9 100644
--- a/src/routes/terminal/RiskAcknowledgementModal.svelte
+++ b/src/routes/terminal/RiskAcknowledgementModal.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { Button } from '$lib/components/ui/button';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import { Button } from '@openshock/svelte-core/ui/button';
+  import * as Dialog from '@openshock/svelte-core/ui/dialog';
 
   interface Props {
     open: boolean;
diff --git a/src/routes/terminal/SerialPortSelector.svelte b/src/routes/terminal/SerialPortSelector.svelte
index b59a8906..57197991 100644
--- a/src/routes/terminal/SerialPortSelector.svelte
+++ b/src/routes/terminal/SerialPortSelector.svelte
@@ -4,9 +4,9 @@
 
 <script lang="ts">
   import { Cpu, TriangleAlert, Unplug } from '@lucide/svelte';
-  import { Button } from '$lib/components/ui/button';
+  import { Button } from '@openshock/svelte-core/ui/button';
   import type { SerialContext } from '$lib/utils/serial-context.svelte';
-  import { NumberToHexPadded } from '$lib/utils/convert';
+  import { NumberToHexPadded } from '@openshock/svelte-core/utils/convert';
 
   interface Props {
     serial: SerialContext;
diff --git a/src/routes/terminal/SerialTerminal.svelte b/src/routes/terminal/SerialTerminal.svelte
index a3ff6b4c..f08242ed 100644
--- a/src/routes/terminal/SerialTerminal.svelte
+++ b/src/routes/terminal/SerialTerminal.svelte
@@ -9,7 +9,7 @@
     Clock,
     Code,
   } from '@lucide/svelte';
-  import { Button } from '$lib/components/ui/button';
+  import { Button } from '@openshock/svelte-core/ui/button';
   import { stripAnsi } from './ansi';
   import { LOG_LEVEL_COLORS } from './constants';
   import type { TerminalLine } from './types';