refactor: move THEMES constant from utils to ui package

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"

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)

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"

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": {

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 {

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"

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"