From 497317e70f4dc9b582f532449aec84c1162262e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adel=20Rodr=C3=ADguez?= <hello@adelrodriguez.com>
Date: Wed, 18 Feb 2026 22:33:41 -0400
Subject: [PATCH] refactor: move THEMES constant from utils to ui package

---
 apps/app/src/features/theme/server/functions.ts | 2 +-
 apps/app/src/features/theme/validation.ts       | 2 +-
 apps/desktop/src/main.tsx                       | 2 +-
 packages/ui/package.json                        | 1 +
 packages/ui/src/components/theme.tsx            | 2 +-
 packages/ui/src/constants.ts                    | 4 ++++
 packages/utils/src/constants/app.ts             | 3 ---
 7 files changed, 9 insertions(+), 7 deletions(-)
 create mode 100644 packages/ui/src/constants.ts

diff --git a/apps/app/src/features/theme/server/functions.ts b/apps/app/src/features/theme/server/functions.ts
index 08504dc3..e4381d19 100644
--- a/apps/app/src/features/theme/server/functions.ts
+++ b/apps/app/src/features/theme/server/functions.ts
@@ -1,4 +1,4 @@
-import { THEME_STORAGE_KEY } from "@init/utils/constants"
+import { THEME_STORAGE_KEY } from "@init/ui/constants"
 import { getCookie, setCookie } from "@tanstack/react-start/server"
 import { ThemeSchema } from "#features/theme/validation.ts"
 import { publicFunction } from "#shared/server/functions.ts"
diff --git a/apps/app/src/features/theme/validation.ts b/apps/app/src/features/theme/validation.ts
index 084ea44e..9ff01b4f 100644
--- a/apps/app/src/features/theme/validation.ts
+++ b/apps/app/src/features/theme/validation.ts
@@ -1,4 +1,4 @@
-import { THEMES } from "@init/utils/constants"
+import { THEMES } from "@init/ui/constants"
 import * as z from "@init/utils/schema"
 
 export const ThemeSchema = z.enum(THEMES)
diff --git a/apps/desktop/src/main.tsx b/apps/desktop/src/main.tsx
index 8da113e2..2b5431c7 100644
--- a/apps/desktop/src/main.tsx
+++ b/apps/desktop/src/main.tsx
@@ -1,6 +1,6 @@
 import type { QueryClient } from "@tanstack/react-query"
 import { ThemeProvider } from "@init/ui/components/theme"
-import { THEME_STORAGE_KEY } from "@init/utils/constants"
+import { THEME_STORAGE_KEY } from "@init/ui/constants"
 import { QueryClientProvider } from "@tanstack/react-query"
 import { createHashHistory, createRouter, RouterProvider } from "@tanstack/react-router"
 import { StrictMode } from "react"
diff --git a/packages/ui/package.json b/packages/ui/package.json
index d8c0090c..f61e8d4a 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -10,6 +10,7 @@
     "./components/*": "./src/components/*.tsx",
     "./blocks/*": "./src/blocks/*.tsx",
     "./hooks/*": "./src/hooks/*.ts",
+    "./constants": "./src/constants.ts",
     "./globals.css": "./src/styles/globals.css"
   },
   "scripts": {
diff --git a/packages/ui/src/components/theme.tsx b/packages/ui/src/components/theme.tsx
index f0df69e4..91ed5838 100644
--- a/packages/ui/src/components/theme.tsx
+++ b/packages/ui/src/components/theme.tsx
@@ -1,4 +1,4 @@
-import { THEMES, type Theme } from "@init/utils/constants"
+import { THEMES, type Theme } from "@init/ui/constants"
 import { createContext, use, useEffect, useState } from "react"
 import { Button } from "#components/button.tsx"
 import {
diff --git a/packages/ui/src/constants.ts b/packages/ui/src/constants.ts
new file mode 100644
index 00000000..6dc9c32b
--- /dev/null
+++ b/packages/ui/src/constants.ts
@@ -0,0 +1,4 @@
+export const THEMES = ["light", "dark", "system"] as const
+export type Theme = (typeof THEMES)[number]
+
+export const THEME_STORAGE_KEY = "init-theme"
diff --git a/packages/utils/src/constants/app.ts b/packages/utils/src/constants/app.ts
index 6a7a477c..99ff64e4 100644
--- a/packages/utils/src/constants/app.ts
+++ b/packages/utils/src/constants/app.ts
@@ -1,7 +1,4 @@
 export const APP_NAME = "Init"
 export const APP_ID = "init"
 
-export const THEMES = ["light", "dark", "system"] as const
-export type Theme = (typeof THEMES)[number]
-export const THEME_STORAGE_KEY = "init-theme"
 export const I18N_COOKIE_NAME = "init-locale"