@cupcodev/ui 6.1.1 → 6.1.2

package/dist/index.cjs

@@ -180,6 +180,7 @@ __export(src_exports, {
   DropdownMenuSubContent: () => DropdownMenuSubContent,
   DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
   DropdownMenuTrigger: () => DropdownMenuTrigger,
+  EXPERIENCE_SETTINGS_STORAGE_KEY: () => EXPERIENCE_SETTINGS_STORAGE_KEY,
   EmptyState: () => EmptyState,
   ErrorBoundary: () => ErrorBoundary,
   Eyebrow: () => Eyebrow,
@@ -203,6 +204,7 @@ __export(src_exports, {
   InputOTPSlot: () => InputOTPSlot,
   JellyButton: () => JellyButton,
   JellyButtonOriginal: () => JellyButtonOriginal,
+  LEGACY_THEME_STORAGE_KEY: () => LEGACY_THEME_STORAGE_KEY,
   Label: () => Label4,
   LoadingScreen: () => LoadingScreen,
   LoadingSpinner: () => LoadingSpinner,
@@ -319,6 +321,9 @@ __export(src_exports, {
   SonnerToaster: () => Toaster,
   Switch: () => Switch,
   SwitchField: () => SwitchField,
+  THEME_PREFERENCE_CHANGE_EVENT: () => THEME_PREFERENCE_CHANGE_EVENT,
+  THEME_PREFERENCE_STORAGE_KEY: () => THEME_PREFERENCE_STORAGE_KEY,
+  THEME_STORAGE_KEY: () => THEME_STORAGE_KEY,
   Table: () => Table,
   TableBody: () => TableBody,
   TableCaption: () => TableCaption,
@@ -388,12 +393,20 @@ __export(src_exports, {
   getSupabase: () => getSupabase,
   getSupabasePublic: () => getSupabasePublic,
   isRuntimeDev: () => isRuntimeDev,
+  isStoredThemeMode: () => isStoredThemeMode,
   navigationMenuTriggerStyle: () => navigationMenuTriggerStyle,
+  normalizeStoredThemePreference: () => normalizeStoredThemePreference,
   parseAssetId: () => parseAssetId,
+  parseStoredThemePreference: () => parseStoredThemePreference,
+  persistThemePreferenceSelection: () => persistThemePreferenceSelection,
   readStoredLayoutMode: () => readStoredLayoutMode,
+  readStoredThemeMode: () => readStoredThemeMode,
   reducer: () => reducer,
+  resolveAppliedThemeMode: () => resolveAppliedThemeMode,
   resolveCupcodeAppVersion: () => resolveCupcodeAppVersion,
   resolveOidcEndpoints: () => resolveOidcEndpoints,
+  resolveStoredThemePreference: () => resolveStoredThemePreference,
+  resolveSystemThemeMode: () => resolveSystemThemeMode,
   resolveTelescupImageURL: () => resolveTelescupImageURL,
   responsiveSizeClasses: () => responsiveSizeClasses,
   setCupcodeRuntimeEnv: () => setCupcodeRuntimeEnv,
@@ -6441,6 +6454,104 @@ var TelescupUpload = ({
   ] }) });
 };
 
+// src/lib/themePreference.ts
+var THEME_STORAGE_KEY = "cupcode-theme";
+var LEGACY_THEME_STORAGE_KEY = "theme";
+var THEME_PREFERENCE_STORAGE_KEY = "cupcode-theme-preference";
+var EXPERIENCE_SETTINGS_STORAGE_KEY = "cc_user_menu_experience_settings";
+var THEME_PREFERENCE_CHANGE_EVENT = "cupcode:theme-preference-change";
+function isStoredThemeMode(value) {
+  return value === "light" || value === "dark";
+}
+function parseStoredThemePreference(value) {
+  return value === "light" || value === "dark" || value === "system" ? value : null;
+}
+function normalizeStoredThemePreference(value) {
+  var _a78;
+  return (_a78 = parseStoredThemePreference(value)) != null ? _a78 : "system";
+}
+function readStoredThemeMode() {
+  var _a78;
+  if (typeof window === "undefined") return null;
+  try {
+    const storedTheme = (_a78 = window.localStorage.getItem(THEME_STORAGE_KEY)) != null ? _a78 : window.localStorage.getItem(LEGACY_THEME_STORAGE_KEY);
+    return isStoredThemeMode(storedTheme) ? storedTheme : null;
+  } catch (e) {
+    return null;
+  }
+}
+function resolveSystemThemeMode() {
+  if (typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches) {
+    return "dark";
+  }
+  return "light";
+}
+function resolveAppliedThemeMode(preference) {
+  return preference === "system" ? resolveSystemThemeMode() : preference;
+}
+function readStoredExperienceSettingsRecord() {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = window.localStorage.getItem(EXPERIENCE_SETTINGS_STORAGE_KEY);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
+      return null;
+    }
+    return parsed;
+  } catch (e) {
+    return null;
+  }
+}
+function persistThemePreferenceSelection(preference) {
+  if (typeof window === "undefined") return;
+  const appliedMode = resolveAppliedThemeMode(preference);
+  try {
+    window.localStorage.setItem(THEME_PREFERENCE_STORAGE_KEY, preference);
+    window.localStorage.setItem(THEME_STORAGE_KEY, appliedMode);
+    window.localStorage.setItem(LEGACY_THEME_STORAGE_KEY, appliedMode);
+    const currentExperienceSettings = readStoredExperienceSettingsRecord();
+    window.localStorage.setItem(
+      EXPERIENCE_SETTINGS_STORAGE_KEY,
+      JSON.stringify({
+        ...currentExperienceSettings != null ? currentExperienceSettings : {},
+        theme: preference
+      })
+    );
+  } catch (e) {
+  }
+  window.dispatchEvent(
+    new CustomEvent(THEME_PREFERENCE_CHANGE_EVENT, {
+      detail: {
+        appliedMode,
+        preference
+      }
+    })
+  );
+}
+function resolveStoredThemePreference(experienceSettingsTheme) {
+  var _a78;
+  if (typeof window === "undefined") {
+    return normalizeStoredThemePreference(experienceSettingsTheme);
+  }
+  try {
+    const storedThemePreference = parseStoredThemePreference(
+      window.localStorage.getItem(THEME_PREFERENCE_STORAGE_KEY)
+    );
+    if (storedThemePreference) {
+      return storedThemePreference;
+    }
+    const parsedExperienceTheme = parseStoredThemePreference(experienceSettingsTheme);
+    const storedThemeMode = readStoredThemeMode();
+    if (parsedExperienceTheme === "system" && storedThemeMode) {
+      return storedThemeMode;
+    }
+    return (_a78 = parsedExperienceTheme != null ? parsedExperienceTheme : storedThemeMode) != null ? _a78 : "system";
+  } catch (e) {
+    return normalizeStoredThemePreference(experienceSettingsTheme);
+  }
+}
+
 // src/components/cupcode/UserMenuCupcode.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var PRESENCE_META = {
@@ -6530,12 +6641,9 @@ var CHAT_DELETED_PLACEHOLDER_TEXT = "Mensagem deletada";
 var CHAT_GROUP_PREFIX = "local-group";
 var NOTIFICATIONS_VISIBLE_LIMIT = 8;
 var CHAT_SETTINGS_STORAGE_KEY = "cc_user_menu_chat_settings";
-var EXPERIENCE_SETTINGS_STORAGE_KEY = "cc_user_menu_experience_settings";
+var EXPERIENCE_SETTINGS_STORAGE_KEY2 = "cc_user_menu_experience_settings";
 var NOTIFICATION_PREFERENCES_STORAGE_KEY = "cc_user_menu_notification_preferences";
 var INTEGRATION_SETTINGS_STORAGE_KEY = "cc_user_menu_integration_connections";
-var THEME_PREFERENCE_STORAGE_KEY = "cupcode-theme-preference";
-var THEME_STORAGE_KEY = "cupcode-theme";
-var LEGACY_THEME_STORAGE_KEY = "theme";
 var SHARED_FILE_URL_REGEX = /https?:\/\/[^\s]+/gi;
 var SHARED_FILE_EXTENSIONS = [
   ".pdf",
@@ -6712,12 +6820,6 @@ var defaultExperienceSettings = () => ({
   contrast: "normal",
   showEmailPublicly: true
 });
-var normalizeThemePreference = (value) => {
-  const normalized = value == null ? void 0 : value.trim().toLowerCase();
-  if (normalized === "light") return "light";
-  if (normalized === "dark") return "dark";
-  return "system";
-};
 var normalizeDensityMode = (value) => {
   return (value == null ? void 0 : value.trim().toLowerCase()) === "comfortable" ? "comfortable" : "compact";
 };
@@ -6725,16 +6827,13 @@ var normalizeContrastMode = (value) => {
   return (value == null ? void 0 : value.trim().toLowerCase()) === "high" ? "high" : "normal";
 };
 var readStoredExperienceSettings = () => {
-  var _a78, _b7, _c;
   const fallback = defaultExperienceSettings();
   if (typeof window === "undefined") return fallback;
   try {
-    const raw = window.localStorage.getItem(EXPERIENCE_SETTINGS_STORAGE_KEY);
+    const raw = window.localStorage.getItem(EXPERIENCE_SETTINGS_STORAGE_KEY2);
     const parsed = raw ? JSON.parse(raw) : null;
-    const storedThemePreference = window.localStorage.getItem(THEME_PREFERENCE_STORAGE_KEY);
-    const legacyTheme = (_a78 = window.localStorage.getItem(THEME_STORAGE_KEY)) != null ? _a78 : window.localStorage.getItem(LEGACY_THEME_STORAGE_KEY);
     return {
-      theme: normalizeThemePreference((_c = (_b7 = parsed == null ? void 0 : parsed.theme) != null ? _b7 : storedThemePreference) != null ? _c : legacyTheme),
+      theme: resolveStoredThemePreference(parsed == null ? void 0 : parsed.theme),
       density: normalizeDensityMode(parsed == null ? void 0 : parsed.density),
       contrast: normalizeContrastMode(parsed == null ? void 0 : parsed.contrast),
       showEmailPublicly: typeof (parsed == null ? void 0 : parsed.showEmailPublicly) === "boolean" ? parsed.showEmailPublicly : fallback.showEmailPublicly
@@ -6746,7 +6845,7 @@ var readStoredExperienceSettings = () => {
 var persistExperienceSettings = (settings) => {
   if (typeof window === "undefined") return;
   try {
-    window.localStorage.setItem(EXPERIENCE_SETTINGS_STORAGE_KEY, JSON.stringify(settings));
+    window.localStorage.setItem(EXPERIENCE_SETTINGS_STORAGE_KEY2, JSON.stringify(settings));
   } catch (e) {
   }
 };
@@ -6778,15 +6877,6 @@ var persistIntegrationConnections = (connections) => {
   } catch (e) {
   }
 };
-var resolveSystemThemeMode = () => {
-  if (typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches) {
-    return "dark";
-  }
-  return "light";
-};
-var resolveAppliedThemeMode = (preference) => {
-  return preference === "system" ? resolveSystemThemeMode() : preference;
-};
 var applyThemePreference = (preference) => {
   if (typeof document === "undefined") return;
   const root = document.documentElement;
@@ -6796,13 +6886,7 @@ var applyThemePreference = (preference) => {
   root.dataset.theme = appliedMode;
   root.dataset.cupcodeTheme = preference;
   root.style.colorScheme = appliedMode;
-  if (typeof window === "undefined") return;
-  try {
-    window.localStorage.setItem(THEME_PREFERENCE_STORAGE_KEY, preference);
-    window.localStorage.setItem(THEME_STORAGE_KEY, appliedMode);
-    window.localStorage.setItem(LEGACY_THEME_STORAGE_KEY, appliedMode);
-  } catch (e) {
-  }
+  persistThemePreferenceSelection(preference);
 };
 var applyAccessibilityAttributes = (settings) => {
   if (typeof document === "undefined") return;
@@ -7607,6 +7691,17 @@ var UserMenuCupcode = ({
   (0, import_react15.useEffect)(() => {
     applyThemePreference(experienceSettings.theme);
   }, [experienceSettings.theme]);
+  (0, import_react15.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    const syncThemePreference = () => {
+      const nextThemePreference = resolveStoredThemePreference();
+      setExperienceSettings(
+        (current) => current.theme === nextThemePreference ? current : { ...current, theme: nextThemePreference }
+      );
+    };
+    window.addEventListener(THEME_PREFERENCE_CHANGE_EVENT, syncThemePreference);
+    return () => window.removeEventListener(THEME_PREFERENCE_CHANGE_EVENT, syncThemePreference);
+  }, []);
   (0, import_react15.useEffect)(() => {
     applyAccessibilityAttributes(experienceSettings);
   }, [experienceSettings]);
@@ -22313,7 +22408,7 @@ function ThemeToggle({ className }) {
         /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("style", { children: `
         :root {
           --toggle-width: 76px;
-          --toggle-height: 42px;
+          --toggle-height: 38px;
           --thumb-size: 30px;
           --toggle-thumb-offset: 34px;
           --duration: 560ms;
@@ -22468,7 +22563,7 @@ function ThemeToggle({ className }) {
 
         .cc-theme-toggle .thumb {
           position: absolute;
-          top: 6px;
+          top: 4px;
           left: 6px;
           width: var(--thumb-size);
           height: var(--thumb-size);
@@ -26357,35 +26452,48 @@ var ThemeToggle2 = ({
   onThemeChange
 }) => {
   var _a78;
+  const themeContext = React33.useContext(ThemeContext);
   const [mounted, setMounted] = React33.useState(false);
   const [internalTheme, setInternalTheme] = React33.useState(defaultTheme);
   const isControlled = typeof theme !== "undefined";
-  const activeTheme = (_a78 = isControlled ? theme : internalTheme) != null ? _a78 : defaultTheme;
+  const usesProviderTheme = !isControlled && themeContext !== null;
+  const activeTheme = (_a78 = isControlled ? theme : usesProviderTheme ? themeContext.theme : internalTheme) != null ? _a78 : defaultTheme;
   React33.useEffect(() => {
-    if (!isControlled) {
+    if (!isControlled && !usesProviderTheme) {
       setInternalTheme(resolveTheme(defaultTheme));
     }
     setMounted(true);
-  }, [defaultTheme, isControlled]);
+  }, [defaultTheme, isControlled, usesProviderTheme]);
   React33.useEffect(() => {
-    if (!mounted) return;
+    if (!mounted || usesProviderTheme) return;
     applyThemeClass(activeTheme);
     writeStoredTheme(activeTheme);
-  }, [activeTheme, mounted]);
+  }, [activeTheme, mounted, usesProviderTheme]);
   React33.useEffect(() => {
-    if (isControlled || typeof document === "undefined") return;
+    if (isControlled || usesProviderTheme || typeof document === "undefined") return;
     const observer = new MutationObserver(() => {
       const resolvedTheme = resolveTheme(defaultTheme);
       setInternalTheme((currentTheme) => currentTheme === resolvedTheme ? currentTheme : resolvedTheme);
     });
     observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class", "data-theme"] });
     return () => observer.disconnect();
-  }, [defaultTheme, isControlled]);
+  }, [defaultTheme, isControlled, usesProviderTheme]);
   if (!mounted) {
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("w-10 h-10 rounded-lg bg-muted", className) });
   }
-  const handleToggle = () => {
-    const nextTheme = activeTheme === "dark" ? "light" : "dark";
+  const handleToggle = (event) => {
+    var _a79;
+    const currentTheme = (_a79 = readThemeFromRoot()) != null ? _a79 : activeTheme;
+    const nextTheme = currentTheme === "dark" ? "light" : "dark";
+    if (usesProviderTheme) {
+      themeContext.toggleTheme({
+        x: event.clientX,
+        y: event.clientY
+      });
+      onThemeChange == null ? void 0 : onThemeChange(nextTheme);
+      return;
+    }
+    persistThemePreferenceSelection(nextTheme);
     if (!isControlled) {
       setInternalTheme(nextTheme);
     }
@@ -26481,8 +26589,14 @@ function ThemeProvider({ children }) {
     if (!mounted) {
       return;
     }
-    persistTheme(theme);
-    applyThemeToRoot(theme);
+    const rootTheme = getThemeFromRoot();
+    if (rootTheme !== theme) {
+      applyThemeToRoot(theme);
+    }
+    const storedTheme = getStoredTheme();
+    if (storedTheme !== theme) {
+      persistTheme(theme);
+    }
   }, [mounted, theme]);
   (0, import_react24.useEffect)(() => {
     if (typeof window === "undefined") {
@@ -26518,35 +26632,47 @@ function ThemeProvider({ children }) {
     });
     return () => observer.disconnect();
   }, []);
-  const setTheme = (0, import_react24.useCallback)((nextTheme) => {
-    setThemeState(nextTheme);
-  }, []);
-  const toggleTheme = (0, import_react24.useCallback)((coords) => {
+  const applyThemeSelection = (0, import_react24.useCallback)((nextTheme, coords) => {
     var _a78;
     const documentWithTransition = document;
+    const root = document.documentElement;
     const prefersReducedMotion = window.matchMedia(
       "(prefers-reduced-motion: reduce)"
     ).matches;
     const supportsTransition = typeof documentWithTransition.startViewTransition === "function";
-    const flipTheme = () => {
+    const commitTheme = () => {
+      applyThemeToRoot(nextTheme);
+      persistThemePreferenceSelection(nextTheme);
       setThemeState(
-        (currentTheme) => currentTheme === "light" ? "dark" : "light"
+        (currentTheme) => currentTheme === nextTheme ? currentTheme : nextTheme
       );
     };
-    if (coords) {
-      document.documentElement.style.setProperty("--theme-x", `${coords.x}px`);
-      document.documentElement.style.setProperty("--theme-y", `${coords.y}px`);
-    }
     if (!supportsTransition || prefersReducedMotion) {
-      flipTheme();
+      commitTheme();
       return;
     }
+    if (coords) {
+      root.style.setProperty("--theme-x", `${coords.x}px`);
+      root.style.setProperty("--theme-y", `${coords.y}px`);
+    } else {
+      root.style.setProperty("--theme-x", "50%");
+      root.style.setProperty("--theme-y", "50%");
+    }
     (_a78 = documentWithTransition.startViewTransition) == null ? void 0 : _a78.call(documentWithTransition, () => {
       (0, import_react_dom.flushSync)(() => {
-        flipTheme();
+        commitTheme();
       });
     });
   }, []);
+  const setTheme = (0, import_react24.useCallback)((nextTheme) => {
+    applyThemeSelection(nextTheme);
+  }, [applyThemeSelection]);
+  const toggleTheme = (0, import_react24.useCallback)((coords) => {
+    var _a78;
+    const currentTheme = (_a78 = getThemeFromRoot()) != null ? _a78 : theme;
+    const nextTheme = currentTheme === "light" ? "dark" : "light";
+    applyThemeSelection(nextTheme, coords);
+  }, [applyThemeSelection, theme]);
   const value = (0, import_react24.useMemo)(
     () => ({
       theme,
@@ -26738,13 +26864,13 @@ var VideoWatchButton = import_react25.default.forwardRef(
 VideoWatchButton.displayName = "VideoWatchButton";
 
 // src/components/cupcode/TooltipCupcode.tsx
-var React36 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 var TooltipPrimitive2 = __toESM(require("@radix-ui/react-tooltip"), 1);
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var TooltipProvider2 = TooltipPrimitive2.Provider;
 var TooltipCupcode = TooltipPrimitive2.Root;
 var TooltipTrigger2 = TooltipPrimitive2.Trigger;
-var TooltipContent2 = React36.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+var TooltipContent2 = React35.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
   TooltipPrimitive2.Content,
   {
     ref,
@@ -26765,14 +26891,14 @@ var TooltipContent2 = React36.forwardRef(({ className, sideOffset = 4, ...props
 TooltipContent2.displayName = TooltipPrimitive2.Content.displayName;
 
 // src/components/ui/accordion.tsx
-var React37 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var AccordionPrimitive2 = __toESM(require("@radix-ui/react-accordion"), 1);
 var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var Accordion = AccordionPrimitive2.Root;
-var AccordionItem2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AccordionPrimitive2.Item, { ref, className: cn("border-b", className), ...props }));
+var AccordionItem2 = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AccordionPrimitive2.Item, { ref, className: cn("border-b", className), ...props }));
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+var AccordionTrigger2 = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
   AccordionPrimitive2.Trigger,
   {
     ref,
@@ -26788,7 +26914,7 @@ var AccordionTrigger2 = React37.forwardRef(({ className, children, ...props }, r
   }
 ) }));
 AccordionTrigger2.displayName = AccordionPrimitive2.Trigger.displayName;
-var AccordionContent2 = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+var AccordionContent2 = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
   AccordionPrimitive2.Content,
   {
     ref,
@@ -26800,7 +26926,7 @@ var AccordionContent2 = React37.forwardRef(({ className, children, ...props }, r
 AccordionContent2.displayName = AccordionPrimitive2.Content.displayName;
 
 // src/components/ui/alert.tsx
-var React38 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var import_class_variance_authority3 = require("class-variance-authority");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 var alertVariants = (0, import_class_variance_authority3.cva)(
@@ -26817,13 +26943,13 @@ var alertVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-var Alert = React38.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+var Alert = React37.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
 Alert.displayName = "Alert";
-var AlertTitle = React38.forwardRef(
+var AlertTitle = React37.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React38.forwardRef(
+var AlertDescription = React37.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
 );
 AlertDescription.displayName = "AlertDescription";
@@ -26833,13 +26959,13 @@ var AspectRatioPrimitive = __toESM(require("@radix-ui/react-aspect-ratio"), 1);
 var AspectRatio = AspectRatioPrimitive.Root;
 
 // src/components/ui/breadcrumb.tsx
-var React39 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_lucide_react19 = require("lucide-react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
-var Breadcrumb = React39.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React38.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React39.forwardRef(
+var BreadcrumbList = React38.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "ol",
     {
@@ -26853,16 +26979,16 @@ var BreadcrumbList = React39.forwardRef(
   )
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React39.forwardRef(
+var BreadcrumbItem = React38.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React39.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React38.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot2.Slot : "a";
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React39.forwardRef(
+var BreadcrumbPage = React38.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "span",
     {
@@ -26945,45 +27071,45 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
 Calendar.displayName = "Calendar";
 
 // src/components/ui/card.tsx
-var React40 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 var import_jsx_runtime67 = require("react/jsx-runtime");
-var Card = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props }));
+var Card = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props }));
 Card.displayName = "Card";
-var CardHeader = React40.forwardRef(
+var CardHeader = React39.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React40.forwardRef(
+var CardTitle = React39.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React40.forwardRef(
+var CardDescription = React39.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React40.forwardRef(
+var CardContent = React39.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React40.forwardRef(
+var CardFooter = React39.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
 
 // src/components/ui/carousel.tsx
-var React41 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_lucide_react21 = require("lucide-react");
 var import_jsx_runtime68 = require("react/jsx-runtime");
-var CarouselContext = React41.createContext(null);
+var CarouselContext = React40.createContext(null);
 function useCarousel() {
-  const context = React41.useContext(CarouselContext);
+  const context = React40.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React41.forwardRef(
+var Carousel = React40.forwardRef(
   ({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
     const [carouselRef, api] = (0, import_embla_carousel_react.default)(
       {
@@ -26992,22 +27118,22 @@ var Carousel = React41.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React41.useState(false);
-    const [canScrollNext, setCanScrollNext] = React41.useState(false);
-    const onSelect = React41.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React40.useState(false);
+    const [canScrollNext, setCanScrollNext] = React40.useState(false);
+    const onSelect = React40.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React41.useCallback(() => {
+    const scrollPrev = React40.useCallback(() => {
       api == null ? void 0 : api.scrollPrev();
     }, [api]);
-    const scrollNext = React41.useCallback(() => {
+    const scrollNext = React40.useCallback(() => {
       api == null ? void 0 : api.scrollNext();
     }, [api]);
-    const handleKeyDown = React41.useCallback(
+    const handleKeyDown = React40.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -27019,13 +27145,13 @@ var Carousel = React41.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React41.useEffect(() => {
+    React40.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React41.useEffect(() => {
+    React40.useEffect(() => {
       if (!api) {
         return;
       }
@@ -27066,7 +27192,7 @@ var Carousel = React41.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React41.forwardRef(
+var CarouselContent = React40.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
     return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
@@ -27080,7 +27206,7 @@ var CarouselContent = React41.forwardRef(
   }
 );
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React41.forwardRef(
+var CarouselItem = React40.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
     return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
@@ -27096,7 +27222,7 @@ var CarouselItem = React41.forwardRef(
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React41.forwardRef(
+var CarouselPrevious = React40.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
     return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
@@ -27122,7 +27248,7 @@ var CarouselPrevious = React41.forwardRef(
   }
 );
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React41.forwardRef(
+var CarouselNext = React40.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollNext, canScrollNext } = useCarousel();
     return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
@@ -27150,20 +27276,20 @@ var CarouselNext = React41.forwardRef(
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/ui/chart.tsx
-var React42 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var RechartsPrimitive = __toESM(require("recharts"), 1);
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React42.createContext(null);
+var ChartContext = React41.createContext(null);
 function useChart() {
-  const context = React42.useContext(ChartContext);
+  const context = React41.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React42.forwardRef(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React42.useId();
+var ChartContainer = React41.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React41.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     "div",
@@ -27208,7 +27334,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React42.forwardRef(
+var ChartTooltipContent = React41.forwardRef(
   ({
     active,
     payload,
@@ -27225,7 +27351,7 @@ var ChartTooltipContent = React42.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React42.useMemo(() => {
+    const tooltipLabel = React41.useMemo(() => {
       var _a78;
       if (hideLabel || !(payload == null ? void 0 : payload.length)) {
         return null;
@@ -27311,7 +27437,7 @@ var ChartTooltipContent = React42.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive.Legend;
-var ChartLegendContent = React42.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
+var ChartLegendContent = React41.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
   const { config } = useChart();
   if (!(payload == null ? void 0 : payload.length)) {
     return null;
@@ -27363,11 +27489,11 @@ function getPayloadConfigFromPayload(config, payload, key) {
 }
 
 // src/components/ui/checkbox.tsx
-var React43 = __toESM(require("react"), 1);
+var React42 = __toESM(require("react"), 1);
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
 var import_lucide_react22 = require("lucide-react");
 var import_jsx_runtime70 = require("react/jsx-runtime");
-var Checkbox = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+var Checkbox = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -27388,11 +27514,11 @@ var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
 // src/components/ui/command.tsx
-var React44 = __toESM(require("react"), 1);
+var React43 = __toESM(require("react"), 1);
 var import_cmdk = require("cmdk");
 var import_lucide_react23 = require("lucide-react");
 var import_jsx_runtime71 = require("react/jsx-runtime");
-var Command = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var Command = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -27407,7 +27533,7 @@ Command.displayName = import_cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
 };
-var CommandInput = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react23.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     import_cmdk.Command.Input,
@@ -27422,7 +27548,7 @@ var CommandInput = React44.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var CommandList = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -27431,9 +27557,9 @@ var CommandList = React44.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React44.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React43.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var CommandGroup = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -27445,9 +27571,9 @@ var CommandGroup = React44.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_cmdk.Command.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+var CommandSeparator = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_cmdk.Command.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var CommandItem = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -27465,7 +27591,7 @@ var CommandShortcut = ({ className, ...props }) => {
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/ui/context-menu.tsx
-var React45 = __toESM(require("react"), 1);
+var React44 = __toESM(require("react"), 1);
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"), 1);
 var import_lucide_react24 = require("lucide-react");
 var import_jsx_runtime72 = require("react/jsx-runtime");
@@ -27475,7 +27601,7 @@ var ContextMenuGroup = ContextMenuPrimitive.Group;
 var ContextMenuPortal = ContextMenuPrimitive.Portal;
 var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-var ContextMenuSubTrigger = React45.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+var ContextMenuSubTrigger = React44.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -27492,7 +27618,7 @@ var ContextMenuSubTrigger = React45.forwardRef(({ className, inset, children, ..
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var ContextMenuSubContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -27504,7 +27630,7 @@ var ContextMenuSubContent = React45.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var ContextMenuContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -27516,7 +27642,7 @@ var ContextMenuContent = React45.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React45.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var ContextMenuItem = React44.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -27529,7 +27655,7 @@ var ContextMenuItem = React45.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React45.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+var ContextMenuCheckboxItem = React44.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -27546,7 +27672,7 @@ var ContextMenuCheckboxItem = React45.forwardRef(({ className, children, checked
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React45.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+var ContextMenuRadioItem = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -27562,7 +27688,7 @@ var ContextMenuRadioItem = React45.forwardRef(({ className, children, ...props }
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React45.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var ContextMenuLabel = React44.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -27571,7 +27697,7 @@ var ContextMenuLabel = React45.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+var ContextMenuSeparator = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
 var ContextMenuShortcut = ({ className, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
@@ -27579,31 +27705,31 @@ var ContextMenuShortcut = ({ className, ...props }) => {
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/ui/form.tsx
-var React47 = __toESM(require("react"), 1);
+var React46 = __toESM(require("react"), 1);
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_react_hook_form = require("react-hook-form");
 
 // src/components/ui/label.tsx
-var React46 = __toESM(require("react"), 1);
+var React45 = __toESM(require("react"), 1);
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority4 = require("class-variance-authority");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority4.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-var Label4 = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+var Label4 = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
 Label4.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/ui/form.tsx
 var import_jsx_runtime74 = require("react/jsx-runtime");
 var Form = import_react_hook_form.FormProvider;
-var FormFieldContext = React47.createContext({});
+var FormFieldContext = React46.createContext({});
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_hook_form.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React47.useContext(FormFieldContext);
-  const itemContext = React47.useContext(FormItemContext);
+  const fieldContext = React46.useContext(FormFieldContext);
+  const itemContext = React46.useContext(FormItemContext);
   const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -27619,20 +27745,20 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React47.createContext({});
-var FormItem = React47.forwardRef(
+var FormItemContext = React46.createContext({});
+var FormItem = React46.forwardRef(
   ({ className, ...props }, ref) => {
-    const id = React47.useId();
+    const id = React46.useId();
     return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
   }
 );
 FormItem.displayName = "FormItem";
-var FormLabel = React47.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React46.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Label4, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React47.forwardRef(
+var FormControl = React46.forwardRef(
   ({ ...props }, ref) => {
     const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
     return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
@@ -27648,14 +27774,14 @@ var FormControl = React47.forwardRef(
   }
 );
 FormControl.displayName = "FormControl";
-var FormDescription = React47.forwardRef(
+var FormDescription = React46.forwardRef(
   ({ className, ...props }, ref) => {
     const { formDescriptionId } = useFormField();
     return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
   }
 );
 FormDescription.displayName = "FormDescription";
-var FormMessage = React47.forwardRef(
+var FormMessage = React46.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { error, formMessageId } = useFormField();
     const body = error ? String(error == null ? void 0 : error.message) : children;
@@ -27668,9 +27794,9 @@ var FormMessage = React47.forwardRef(
 FormMessage.displayName = "FormMessage";
 
 // src/components/ui/glass-card.tsx
-var React48 = __toESM(require("react"), 1);
+var React47 = __toESM(require("react"), 1);
 var import_jsx_runtime75 = require("react/jsx-runtime");
-var GlassCard = React48.forwardRef(
+var GlassCard = React47.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { ref, className: cn("glass-card", className), ...props });
   }
@@ -27678,12 +27804,12 @@ var GlassCard = React48.forwardRef(
 GlassCard.displayName = "GlassCard";
 
 // src/components/ui/hover-card.tsx
-var React49 = __toESM(require("react"), 1);
+var React48 = __toESM(require("react"), 1);
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"), 1);
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React49.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var HoverCardContent = React48.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -27699,11 +27825,11 @@ var HoverCardContent = React49.forwardRef(({ className, align = "center", sideOf
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/input-otp.tsx
-var React50 = __toESM(require("react"), 1);
+var React49 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
 var import_lucide_react25 = require("lucide-react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
-var InputOTP = React50.forwardRef(
+var InputOTP = React49.forwardRef(
   ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     import_input_otp.OTPInput,
     {
@@ -27715,12 +27841,12 @@ var InputOTP = React50.forwardRef(
   )
 );
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React50.forwardRef(
+var InputOTPGroup = React49.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React50.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React50.useContext(import_input_otp.OTPInputContext);
+var InputOTPSlot = React49.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React49.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "div",
@@ -27740,13 +27866,13 @@ var InputOTPSlot = React50.forwardRef(({ index, className, ...props }, ref) => {
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React50.forwardRef(
+var InputOTPSeparator = React49.forwardRef(
   ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react25.Dot, {}) })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/ui/menubar.tsx
-var React51 = __toESM(require("react"), 1);
+var React50 = __toESM(require("react"), 1);
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"), 1);
 var import_lucide_react26 = require("lucide-react");
 var import_jsx_runtime78 = require("react/jsx-runtime");
@@ -27755,7 +27881,7 @@ var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var Menubar = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.Root,
   {
     ref,
@@ -27764,7 +27890,7 @@ var Menubar = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var MenubarTrigger = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -27776,7 +27902,7 @@ var MenubarTrigger = React51.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React51.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+var MenubarSubTrigger = React50.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -27793,7 +27919,7 @@ var MenubarSubTrigger = React51.forwardRef(({ className, inset, children, ...pro
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var MenubarSubContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -27805,7 +27931,7 @@ var MenubarSubContent = React51.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React51.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var MenubarContent = React50.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.Content,
   {
     ref,
@@ -27820,7 +27946,7 @@ var MenubarContent = React51.forwardRef(({ className, align = "start", alignOffs
   }
 ) }));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React51.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var MenubarItem = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.Item,
   {
     ref,
@@ -27833,7 +27959,7 @@ var MenubarItem = React51.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React51.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+var MenubarCheckboxItem = React50.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -27850,7 +27976,7 @@ var MenubarCheckboxItem = React51.forwardRef(({ className, children, checked, ..
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+var MenubarRadioItem = React50.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -27866,7 +27992,7 @@ var MenubarRadioItem = React51.forwardRef(({ className, children, ...props }, re
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React51.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var MenubarLabel = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.Label,
   {
     ref,
@@ -27875,7 +28001,7 @@ var MenubarLabel = React51.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenubarPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var MenubarSeparator = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenubarPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
 var MenubarShortcut = ({ className, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
@@ -27883,12 +28009,12 @@ var MenubarShortcut = ({ className, ...props }) => {
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/ui/navigation-menu.tsx
-var React52 = __toESM(require("react"), 1);
+var React51 = __toESM(require("react"), 1);
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"), 1);
 var import_class_variance_authority5 = require("class-variance-authority");
 var import_lucide_react27 = require("lucide-react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
-var NavigationMenu = React52.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+var NavigationMenu = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -27901,7 +28027,7 @@ var NavigationMenu = React52.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var NavigationMenuList = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -27914,7 +28040,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = (0, import_class_variance_authority5.cva)(
   "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
 );
-var NavigationMenuTrigger = React52.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+var NavigationMenuTrigger = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -27934,7 +28060,7 @@ var NavigationMenuTrigger = React52.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var NavigationMenuContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -27947,7 +28073,7 @@ var NavigationMenuContent = React52.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var NavigationMenuViewport = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -27959,7 +28085,7 @@ var NavigationMenuViewport = React52.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var NavigationMenuIndicator = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -27974,7 +28100,7 @@ var NavigationMenuIndicator = React52.forwardRef(({ className, ...props }, ref)
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 
 // src/components/ui/pagination.tsx
-var React53 = __toESM(require("react"), 1);
+var React52 = __toESM(require("react"), 1);
 var import_lucide_react28 = require("lucide-react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
@@ -27987,11 +28113,11 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_run
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React53.forwardRef(
+var PaginationContent = React52.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
 );
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
   "a",
@@ -28025,12 +28151,12 @@ var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/ui/popover.tsx
-var React54 = __toESM(require("react"), 1);
+var React53 = __toESM(require("react"), 1);
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React54.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+var PopoverContent = React53.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -28046,15 +28172,15 @@ var PopoverContent = React54.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/ui/radio-group.tsx
-var React55 = __toESM(require("react"), 1);
+var React54 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
 var import_lucide_react29 = require("lucide-react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
-var RadioGroup4 = React55.forwardRef(({ className, ...props }, ref) => {
+var RadioGroup4 = React54.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React55.forwardRef(({ className, ...props }, ref) => {
+var RadioGroupItem = React54.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     RadioGroupPrimitive.Item,
     {
@@ -28099,10 +28225,10 @@ var ResizableHandle = ({
 );
 
 // src/components/ui/separator.tsx
-var React56 = __toESM(require("react"), 1);
+var React55 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
 var import_jsx_runtime84 = require("react/jsx-runtime");
-var Separator5 = React56.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+var Separator5 = React55.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -28118,13 +28244,13 @@ Separator5.displayName = SeparatorPrimitive.Root.displayName;
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_class_variance_authority6 = require("class-variance-authority");
 var import_lucide_react31 = require("lucide-react");
-var React57 = __toESM(require("react"), 1);
+var React56 = __toESM(require("react"), 1);
 var import_jsx_runtime85 = require("react/jsx-runtime");
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+var SheetOverlay = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -28152,7 +28278,7 @@ var sheetVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var SheetContent = React57.forwardRef(
+var SheetContent = React56.forwardRef(
   ({
     side = "right",
     className,
@@ -28186,23 +28312,23 @@ var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_ru
 SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
+var SheetTitle = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var SheetDescription = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/sidebar.tsx
-var React59 = __toESM(require("react"), 1);
+var React58 = __toESM(require("react"), 1);
 var import_react_slot4 = require("@radix-ui/react-slot");
 var import_class_variance_authority7 = require("class-variance-authority");
 var import_lucide_react32 = require("lucide-react");
 
 // src/hooks/use-mobile.tsx
-var React58 = __toESM(require("react"), 1);
+var React57 = __toESM(require("react"), 1);
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React58.useState(void 0);
-  React58.useEffect(() => {
+  const [isMobile, setIsMobile] = React57.useState(void 0);
+  React57.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -28222,20 +28348,20 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React59.createContext(null);
+var SidebarContext = React58.createContext(null);
 function useSidebar() {
-  const context = React59.useContext(SidebarContext);
+  const context = React58.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React59.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
+var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React59.useState(false);
-  const [_open, _setOpen] = React59.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React58.useState(false);
+  const [_open, _setOpen] = React58.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React59.useCallback(
+  const setOpen = React58.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -28247,10 +28373,10 @@ var SidebarProvider = React59.forwardRef(({ defaultOpen = true, open: openProp,
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React59.useCallback(() => {
+  const toggleSidebar = React58.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React59.useEffect(() => {
+  React58.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -28261,7 +28387,7 @@ var SidebarProvider = React59.forwardRef(({ defaultOpen = true, open: openProp,
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React59.useMemo(
+  const contextValue = React58.useMemo(
     () => ({
       state,
       open,
@@ -28289,7 +28415,7 @@ var SidebarProvider = React59.forwardRef(({ defaultOpen = true, open: openProp,
   ) }) });
 });
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
+var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
     return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
@@ -28364,7 +28490,7 @@ var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsi
   );
 });
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React59.forwardRef(
+var SidebarTrigger = React58.forwardRef(
   ({ className, onClick, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
     return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
@@ -28389,7 +28515,7 @@ var SidebarTrigger = React59.forwardRef(
   }
 );
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React59.forwardRef(
+var SidebarRail = React58.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
     return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
@@ -28416,7 +28542,7 @@ var SidebarRail = React59.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React59.forwardRef(({ className, ...props }, ref) => {
+var SidebarInset = React58.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "main",
     {
@@ -28431,7 +28557,7 @@ var SidebarInset = React59.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React59.forwardRef(
+var SidebarInput = React58.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Input,
@@ -28448,15 +28574,15 @@ var SidebarInput = React59.forwardRef(
   }
 );
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React59.forwardRef(({ className, ...props }, ref) => {
+var SidebarHeader = React58.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props });
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React59.forwardRef(({ className, ...props }, ref) => {
+var SidebarFooter = React58.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props });
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React59.forwardRef(
+var SidebarSeparator = React58.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Separator5,
@@ -28470,7 +28596,7 @@ var SidebarSeparator = React59.forwardRef(
   }
 );
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React59.forwardRef(({ className, ...props }, ref) => {
+var SidebarContent = React58.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     {
@@ -28485,7 +28611,7 @@ var SidebarContent = React59.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React59.forwardRef(({ className, ...props }, ref) => {
+var SidebarGroup = React58.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     {
@@ -28497,7 +28623,7 @@ var SidebarGroup = React59.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React59.forwardRef(
+var SidebarGroupLabel = React58.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "div";
     return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
@@ -28516,7 +28642,7 @@ var SidebarGroupLabel = React59.forwardRef(
   }
 );
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React59.forwardRef(
+var SidebarGroupAction = React58.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "button";
     return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
@@ -28537,13 +28663,13 @@ var SidebarGroupAction = React59.forwardRef(
   }
 );
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React59.forwardRef(
+var SidebarGroupContent = React58.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
+var SidebarMenu = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
+var SidebarMenuItem = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
 SidebarMenuItem.displayName = "SidebarMenuItem";
 var sidebarMenuButtonVariants = (0, import_class_variance_authority7.cva)(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
@@ -28565,7 +28691,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-var SidebarMenuButton = React59.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
+var SidebarMenuButton = React58.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "button";
   const { isMobile, state } = useSidebar();
   const button = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
@@ -28593,7 +28719,7 @@ var SidebarMenuButton = React59.forwardRef(({ asChild = false, isActive = false,
   ] });
 });
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React59.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React58.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "button";
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     Comp,
@@ -28616,7 +28742,7 @@ var SidebarMenuAction = React59.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React59.forwardRef(
+var SidebarMenuBadge = React58.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     {
@@ -28636,8 +28762,8 @@ var SidebarMenuBadge = React59.forwardRef(
   )
 );
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React59.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React59.useMemo(() => {
+var SidebarMenuSkeleton = React58.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React58.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
@@ -28664,7 +28790,7 @@ var SidebarMenuSkeleton = React59.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React59.forwardRef(
+var SidebarMenuSub = React58.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "ul",
     {
@@ -28680,9 +28806,9 @@ var SidebarMenuSub = React59.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React59.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { ref, ...props }));
+var SidebarMenuSubItem = React58.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React59.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React58.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "a";
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     Comp,
@@ -28706,10 +28832,10 @@ var SidebarMenuSubButton = React59.forwardRef(({ asChild = false, size = "md", i
 SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/components/ui/slider.tsx
-var React60 = __toESM(require("react"), 1);
+var React59 = __toESM(require("react"), 1);
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
 var import_jsx_runtime87 = require("react/jsx-runtime");
-var Slider = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+var Slider = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
@@ -28724,25 +28850,25 @@ var Slider = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/ui/table.tsx
-var React61 = __toESM(require("react"), 1);
+var React60 = __toESM(require("react"), 1);
 var import_jsx_runtime88 = require("react/jsx-runtime");
-var Table = React61.forwardRef(
+var Table = React60.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React61.forwardRef(
+var TableHeader = React60.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React61.forwardRef(
+var TableBody = React60.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
 );
 TableBody.displayName = "TableBody";
-var TableFooter = React61.forwardRef(
+var TableFooter = React60.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
 );
 TableFooter.displayName = "TableFooter";
-var TableRow = React61.forwardRef(
+var TableRow = React60.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "tr",
     {
@@ -28753,7 +28879,7 @@ var TableRow = React61.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React61.forwardRef(
+var TableHead = React60.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "th",
     {
@@ -28767,23 +28893,23 @@ var TableHead = React61.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React61.forwardRef(
+var TableCell = React60.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React61.forwardRef(
+var TableCaption = React60.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
 );
 TableCaption.displayName = "TableCaption";
 
 // src/components/ui/toast.tsx
-var React62 = __toESM(require("react"), 1);
+var React61 = __toESM(require("react"), 1);
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"), 1);
 var import_class_variance_authority8 = require("class-variance-authority");
 var import_lucide_react33 = require("lucide-react");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+var ToastViewport = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -28809,11 +28935,11 @@ var toastVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var Toast = React62.forwardRef(({ className, variant, ...props }, ref) => {
+var Toast = React61.forwardRef(({ className, variant, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+var ToastAction = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
   ToastPrimitives.Action,
   {
     ref,
@@ -28825,7 +28951,7 @@ var ToastAction = React62.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React62.forwardRef(({ className, onClick, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+var ToastClose = React61.forwardRef(({ className, onClick, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
   ToastPrimitives.Close,
   {
     ref,
@@ -28843,9 +28969,9 @@ var ToastClose = React62.forwardRef(({ className, onClick, ...props }, ref) => /
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
+var ToastTitle = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
+var ToastDescription = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/ui/toaster.tsx
@@ -28868,7 +28994,7 @@ function Toaster2() {
 }
 
 // src/components/ui/toggle.tsx
-var React63 = __toESM(require("react"), 1);
+var React62 = __toESM(require("react"), 1);
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
 var import_class_variance_authority9 = require("class-variance-authority");
 var import_jsx_runtime91 = require("react/jsx-runtime");
@@ -28892,21 +29018,21 @@ var toggleVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Toggle = React63.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
+var Toggle = React62.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/ui/toggle-group.tsx
-var React64 = __toESM(require("react"), 1);
+var React63 = __toESM(require("react"), 1);
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
 var import_jsx_runtime92 = require("react/jsx-runtime");
-var ToggleGroupContext = React64.createContext({
+var ToggleGroupContext = React63.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React64.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
+var ToggleGroup = React63.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React64.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React64.useContext(ToggleGroupContext);
+var ToggleGroupItem = React63.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React63.useContext(ToggleGroupContext);
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     ToggleGroupPrimitive.Item,
     {
@@ -30063,6 +30189,7 @@ var useAuth = () => {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  EXPERIENCE_SETTINGS_STORAGE_KEY,
   EmptyState,
   ErrorBoundary,
   Eyebrow,
@@ -30086,6 +30213,7 @@ var useAuth = () => {
   InputOTPSlot,
   JellyButton,
   JellyButtonOriginal,
+  LEGACY_THEME_STORAGE_KEY,
   Label,
   LoadingScreen,
   LoadingSpinner,
@@ -30202,6 +30330,9 @@ var useAuth = () => {
   SonnerToaster,
   Switch,
   SwitchField,
+  THEME_PREFERENCE_CHANGE_EVENT,
+  THEME_PREFERENCE_STORAGE_KEY,
+  THEME_STORAGE_KEY,
   Table,
   TableBody,
   TableCaption,
@@ -30271,12 +30402,20 @@ var useAuth = () => {
   getSupabase,
   getSupabasePublic,
   isRuntimeDev,
+  isStoredThemeMode,
   navigationMenuTriggerStyle,
+  normalizeStoredThemePreference,
   parseAssetId,
+  parseStoredThemePreference,
+  persistThemePreferenceSelection,
   readStoredLayoutMode,
+  readStoredThemeMode,
   reducer,
+  resolveAppliedThemeMode,
   resolveCupcodeAppVersion,
   resolveOidcEndpoints,
+  resolveStoredThemePreference,
+  resolveSystemThemeMode,
   resolveTelescupImageURL,
   responsiveSizeClasses,
   setCupcodeRuntimeEnv,