chore: build

bootstrap/ssr/assets/appearance-C7skoyub.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Head } from "@inertiajs/react";
 import { useState, useCallback, useEffect } from "react";
 import { c as cn } from "./index-CY6fYws-.js";
-import { Sun, Moon, Monitor } from "lucide-react";
+import { Sun } from "lucide-react";
 import { e as edit, S as SettingsLayout, H as HeadingSmall } from "./layout-BQI5MpcL.js";
 import { A as AppLayout } from "./app-layout-BFyUFda2.js";
 import "@radix-ui/react-slot";
@@ -48,7 +48,7 @@ const handleSystemThemeChange = () => {
   applyTheme(currentAppearance || "system");
 };
 function useAppearance() {
-  const [appearance, setAppearance] = useState("system");
+  const [appearance, setAppearance] = useState("light");
   const updateAppearance = useCallback((mode) => {
     setAppearance(mode);
     localStorage.setItem("appearance", mode);
@@ -59,7 +59,7 @@ function useAppearance() {
     const savedAppearance = localStorage.getItem(
       "appearance"
     );
-    updateAppearance(savedAppearance || "system");
+    updateAppearance(savedAppearance || "light");
     return () => mediaQuery()?.removeEventListener(
       "change",
       handleSystemThemeChange
@@ -73,9 +73,9 @@ function AppearanceToggleTab({
 }) {
   const { appearance, updateAppearance } = useAppearance();
   const tabs = [
-    { value: "light", icon: Sun, label: "Light" },
-    { value: "dark", icon: Moon, label: "Dark" },
-    { value: "system", icon: Monitor, label: "System" }
+    { value: "light", icon: Sun, label: "Light" }
+    // { value: 'dark', icon: Moon, label: 'Dark' },
+    // { value: 'system', icon: Monitor, label: 'System' },
   ];
   return /* @__PURE__ */ jsx(
     "div",